summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/CSS2
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/CSS2')
-rw-r--r--testing/web-platform/tests/css/CSS2/.htaccess24
-rw-r--r--testing/web-platform/tests/css/CSS2/META.yml7
-rw-r--r--testing/web-platform/tests/css/CSS2/Makefile5
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-001-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004-ref.xht9
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004a.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004b.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004c.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004d.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004e.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004f.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005-ref.xht8
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005a.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005b.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005c.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005d.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-007-ref.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-007.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009-ref.xht8
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009a.xht8
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009b.xht8
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009e.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009f.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/abspos-in-block-in-inline-in-relpos-inline.html43
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/adjacent-to-relpos-inline-in-inline-that-had-block.html31
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/adjacent-to-relpos-inline-that-had-block.html29
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/between-float-and-text.html11
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/hypothetical-box-dynamic-ref.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/hypothetical-box-dynamic.html37
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/hypothetical-inline-alone-on-second-line-ref.html7
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/hypothetical-inline-alone-on-second-line.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/remove-block-between-inline-and-abspos.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/static-inside-table-cell.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/table-caption-is-containing-block-001.html34
-rw-r--r--testing/web-platform/tests/css/CSS2/abspos/table-caption-passes-abspos-up-001.html34
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-001-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-002.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-003-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-003.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-004.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-005.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-006.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-006a.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-007.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-009.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-011.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-012.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-013.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-014.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-015.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-016.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-017.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-018.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-019.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-020.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-021.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-022.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-023.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-024.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-025.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-026-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-026.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-027.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-028.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-029.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-030-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-030.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-031.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-032.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-033.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-034.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-035.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-036.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-037.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-038.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-039.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-040.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-041.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-042.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-043-ref.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-043.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-044.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-045.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-046.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-047.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-048.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-049.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-050.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-051.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-052.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-053.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-054.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-055.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-056.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-057.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-058.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-059.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-060.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-061.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-062.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-063.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-064.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-065.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-066.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-067.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-068.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-069.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-070.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-071.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-072.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-073.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-074.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-075.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-076.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-077.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-078.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-079.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-080.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-081.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-082.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-083.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-084.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-085.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-086.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-087-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-087.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-088.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-089.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-090-ref.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-090.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-091.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-092.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-093.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-094.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-095.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-096.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-097.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-098.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-099.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-100.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-101.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-102.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-103.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-104.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-105.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-106.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-107.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-108.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-109.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-110.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-111.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-112.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-113.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-114.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-115.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-116.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-117.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-118.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-119.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-120.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-121.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-122.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-123.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-124.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-125.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-126.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-127.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-128.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-129.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-130-ref.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-130.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-131.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-132.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-133.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-134.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-135.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-136.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-137.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-138.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-139.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-140.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-141.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-142.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-143.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-144.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-145.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-146.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-147.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-148.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-149.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-150.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-151.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-152.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-153.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-154.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-155.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-156.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-157.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-158.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-159.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-160.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-161.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-162.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-163.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-164.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-165.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-166.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-167.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-168.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-169.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-170.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-171.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-172.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-173.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-174.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-175.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-176.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-177.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-178.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-179.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-180.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-181.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-182.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-183.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-184.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-185.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-186.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-187.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-188.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-189.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-190.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-191.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-192.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-193.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-194.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-195.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-196.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-197.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-198.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-199.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-200.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-201.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-202.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-203.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-204.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-205.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-206.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-207.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-208.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-209.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-210.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-211.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-212.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-213.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-214.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-215.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-216.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-217.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-218.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-219.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-220.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-221.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-222.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-223.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-224.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-225.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-226.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-227.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-228.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-229.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-230.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-231.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-232.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-233.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-234.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-235.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-236.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-237.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-238.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-239.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-240.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-241.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-242.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-243.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-244.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-245.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-246.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-247.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-248.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-249.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-250.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-251.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-252.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-253.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-254.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-255.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-256.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-257.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-258.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-259.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-260.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-261.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-262.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-263.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-264.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-265.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-266.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-267.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-268.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-269.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-270.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-271.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-272.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-273.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-274.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-275.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-276.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-277.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-278.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-279.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-280.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-281.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-282.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-283.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-284.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-285.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-286.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-287.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-288.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-289.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-290.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-291.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-292.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-293.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-294.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-295.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-296.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-297.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-298.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-299.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-300.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-301.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-302.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-303.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-304.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-305.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-306.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-307.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-308.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-309.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-310.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-311.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-312.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-313.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-314.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-315.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-316.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-317.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-318.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-319.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-320.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-321.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-322.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-323.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-324.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-325.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-326-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-326.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-327.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-328-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-328.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-329-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-329.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-330.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-001.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-002.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-003.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-004.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-005.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-README3
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-animated-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-001.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-002.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-003.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-004.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-005.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-006.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-007.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-008.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-009.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-010.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-012.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-013.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-014.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-002.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-003.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-004.xht86
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-005.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-006.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-007.xht79
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-008.xht88
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-009-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-009.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-010.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-001-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-001.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-002.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-003.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-004.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-005.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-006.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-007.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-008.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-009.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-010.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-012.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-013.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-014.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-015.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-204-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-204.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-205.xht109
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-206.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-207.xht106
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-208-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-208.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-body-001-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-body-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-body-002.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-body-003.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-001-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-001.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-002-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-002.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-003-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-003.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-004-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-004.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-005-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-005.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-006-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-006.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-007.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-008.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-009-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-009.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-010-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-010.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-011-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-011.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-012-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-012.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-013-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-013.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-014-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-014.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-015-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-015.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-016-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-016.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-017-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-017.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-018.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-019-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-019.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-020-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-020.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-021-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-021.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-022-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-022.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-023.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-024.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-025-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-025.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-026-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-026.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-027-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-027.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-028-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-028.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-029-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-029.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-030.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-031.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-032-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-032.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-033-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-033.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-034-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-034.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-035-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-035.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-036.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-037-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-037.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-038-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-038.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-039-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-039.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-040-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-040.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-041-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-041.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-042-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-042.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-043-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-043.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-044-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-044.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-045-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-045.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-046.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-047.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-048.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-049-020202-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-049-030303-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-049.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-050.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-051.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-052-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-052.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-053.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-054-fcfcfc-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-054-fdfdfd-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-054.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-055.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-056.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-057.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-058.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-059.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-060.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-061.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-062.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-063-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-063.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-064.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-065.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-066.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-067.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-068.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-069.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-070-020000-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-070-030000-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-070.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-071.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-072.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-073-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-073.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-074.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-075-fc0000-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-075-fd0000-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-075.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-076.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-077.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-078.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-079.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-080.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-081.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-082.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-083-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-083.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-084.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-085.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-086.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-087.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-088.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-089.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-090-000200-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-090-000300-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-090.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-091.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-092.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-093-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-093.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-094.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-095-00fc00-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-095-00fd00-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-095.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-096.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-097.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-098.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-099.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-100.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-101.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-102.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-103-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-103.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-104.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-105.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-106.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-107.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-108.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-109.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-110-000002-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-110-000003-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-110.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-111.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-112.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-113-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-113.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-114.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-115-0000fc-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-115-0000fd-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-115.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-116.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-117.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-118.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-119.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-120.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-121.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-122.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-123-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-123.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-124.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-125.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-126.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-127.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-128.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-129-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-129.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-130.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-131.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-132-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-132.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-133.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-134.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-135-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-135.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-136-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-136.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-137.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-138-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-138.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-139-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-139.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-140-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-140.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-141.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-142-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-142.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-143-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-143.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-144.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-145-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-145.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-174.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-175-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-175.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-001.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-002.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-003.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-004.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-005.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-006.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-007.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-008.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-009.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-010.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-012.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-013.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-014.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-cover-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-cover-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-cover-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-cover-004.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-html-body-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-iframes-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-001.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-002.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-003.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-005.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-001.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-002.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-003.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-004.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-005.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-006.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-007.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-009.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-012.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-013.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-014.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-015.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-002-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-002.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-004-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-004.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-attachment-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-attachment-001.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-image-transparency-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-001.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-002.xht68
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-003.xht68
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-004.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-005.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-006.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-007.xht69
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-008.xht69
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-009.xht69
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-010.xht69
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-001-ref.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-001.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-002-ref.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-002.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-004-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-004.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-005.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-006.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-007-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-007.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-008.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-016.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-017.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-018.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-019.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-020.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-028.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-029.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-030.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-031.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-032.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-040.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-041.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-042.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-043.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-044.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-052.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-053.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-054.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-055.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-056.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-064.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-065.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-066.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-067.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-068.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-076.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-077.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-078.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-079.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-080.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-088.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-089.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-090.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-091.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-092.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-100.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-101.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-102.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-103.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-104.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-109.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-110.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-111.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-112.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-113-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-113.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-114-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-114.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-115-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-115.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-116-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-116.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-117-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-117.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-118.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-119-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-119.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-120.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-121.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-122.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-123.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-124.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-125.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-126.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-127-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-127.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-128.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-129-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-129.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-130.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-131.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-132.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-133.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-134.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-135.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-136.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-137.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-138.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-139.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-140.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-141.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-142.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-143.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-144.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-145.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-146.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-147.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-148.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-149.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-150.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-151.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-152-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-152.xht83
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-201.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-202.xht138
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-203.xht134
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001a-ref.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001a.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001b-ref.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001b.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001c.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001d.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001e-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001e.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002a.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002b.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002c.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002d.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002e.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003a.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003b.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003c.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003d.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003e.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-004.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005.xht67
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005a.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005b.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005c.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005d.xht69
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005e.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006a.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006b.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006c.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006d.xht67
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006e.xht68
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-007.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-007a.xht68
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-008.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-009.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-010.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-012.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013d.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013e.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-014.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-015.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-001-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-002-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-002.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-003-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-003.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-004-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-004.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-005.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-001.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-002.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-003.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-004.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-005.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-006.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-007.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-009.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-010.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-012.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-013.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-014.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-015.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-reset-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-001-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-002-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-003.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-004-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-004.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-005-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-005.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-006-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-006.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-007-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-007.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-008-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-008.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-009.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-010-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-010.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-011-ref.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-011.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-012a-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-012a.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-012b-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-012b.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-013a-ref.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-013a.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-013b-ref.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-013b.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-014a-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-014a.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-014b-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-014b.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-015-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-015.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-016-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-016.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-017-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-017.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-018-ref.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-018.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-019-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-019.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-020-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-020.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-023-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-023.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-024-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-024.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-101-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-101.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-102.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-root-103.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-transparency-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/000001_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/000002_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/000003_color.pngbin0 -> 888 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/000066_color.pngbin0 -> 888 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/00007f_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/000080_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/0000fc_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/0000fd_color.pngbin0 -> 888 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/0000fe_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/000100_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/000200_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/000300_color.pngbin0 -> 888 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/001_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/006600_color.pngbin0 -> 888 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/007f00_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/008000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/009_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/00e_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/00f_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/00fc00_color.pngbin0 -> 446 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/00fd00_color.pngbin0 -> 888 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/00fe00_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/010000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/010101_color.pngbin0 -> 958 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/010_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/020000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/020202_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/030000_color.pngbin0 -> 888 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/030303_color.pngbin0 -> 888 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/090_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/0e0_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/0f0_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/100_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/100x100-lime.pngbin0 -> 649 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/100x100-red.pngbin0 -> 510 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/111_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/660000_color.pngbin0 -> 888 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/666666_color.pngbin0 -> 888 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/7f0000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/7f7f7f_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/800000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/808080_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/900_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/999_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/README28
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/animated.gifbin0 -> 1702 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/aqua_color.pngbin0 -> 444 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/background-alpha-test.pngbin0 -> 57976 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/background-iframes-001.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-center.pngbin0 -> 1842 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-left.pngbin0 -> 1843 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-right.pngbin0 -> 1838 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-center.pngbin0 -> 1915 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-left.pngbin0 -> 1849 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-right.pngbin0 -> 1849 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-center.pngbin0 -> 1848 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-left.pngbin0 -> 1843 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-right.pngbin0 -> 1843 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/bar_with_corner_dot.pngbin0 -> 907 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/black15x15.pngbin0 -> 168 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/black20x20.pngbin0 -> 165 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/blue-orange-rectangle.pngbin0 -> 810 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/blue96x96.pngbin0 -> 1010 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/bordered-rectangle.pngbin0 -> 368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/cat-128.pngbin0 -> 8099 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/cat-830.pngbin0 -> 88988 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/e00_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/eee_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/f00_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/fc0000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/fcfcfc_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/fd0000_color.pngbin0 -> 888 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/fdfdfd_color.pngbin0 -> 888 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/fe0000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/fefefe_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/fff_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/fuchsia_color.pngbin0 -> 505 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-height-ratio.svg5
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-height.svg5
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-none.svg4
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-ratio-landscape.svg5
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-ratio-portrait.svg5
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-height.svg5
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-pc-height-pc.svg5
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-ratio.svg5
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width.svg5
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/green-landscape.pngbin0 -> 204 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/green-portrait.pngbin0 -> 201 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/green_box.pngbin0 -> 502 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/margin-collapse-2em-space.pngbin0 -> 1331 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/margin-collapse-4em-space.pngbin0 -> 1370 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/maroon_color.pngbin0 -> 506 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/olive_color.pngbin0 -> 506 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/orange-PASS-300x150.pngbin0 -> 4055 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/orange15x15.pngbin0 -> 958 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/orange_box.pngbin0 -> 957 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/purple_color.pngbin0 -> 958 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-height-ratio.svg5
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-height.svg5
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-none.svg4
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-ratio-landscape.svg5
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-ratio-portrait.svg5
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-height.svg5
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-pc-height-pc.svg5
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-ratio.svg5
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width.svg5
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/red-landscape.pngbin0 -> 203 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/red-portrait.pngbin0 -> 200 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/red15x15.pngbin0 -> 922 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/red_box.pngbin0 -> 510 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/ruler-h-200px-400px.pngbin0 -> 420 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/ruler-v-100px-200px-300px.pngbin0 -> 364 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/silver_color.pngbin0 -> 450 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-teal.pngbin0 -> 156 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/teal_color.pngbin0 -> 445 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/transparent_green.pngbin0 -> 657 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/support/yellow_color.pngbin0 -> 958 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-005.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-006.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-007.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-008.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-009.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-010.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-overflow-scroll-001.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-001-ref.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-001.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-002-ref.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-002.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-003-ref.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-003.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-004-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-004.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-005a-ref.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-005a.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-005b-ref.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-005b.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-006a.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-006b.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-007a-ref.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-007a.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-007b-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-007b.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-008a-ref.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-008a.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-008b-ref.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-008b.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-009a.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-009b.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-010a.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-010b.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-011-ref.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-011.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-alt-001.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-001-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-001.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-002.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-003.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-004.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-005.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-006.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-007-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-007.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-008.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-009.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-010-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-010.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-011.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-012.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-013.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-014.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-015.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-016-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-016.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-017.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-018.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-019-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-019.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-020.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-021.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-022.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-023.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-024.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-025-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-025.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-026.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-027.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-028.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-029.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-030.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-031.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-032.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-033.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-034-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-034.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-035.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-036.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-037.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-038.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-039.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-040.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-041.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-042.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-043-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-043.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-044.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-045.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-001-ref.xht103
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-001.xht100
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-002-ref.xht75
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-002.xht92
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-003-ref.xht87
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-003.xht94
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-001-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-001.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-002-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-001-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-001-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-001.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-002-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-003.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-001-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-001.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-002.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-003.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-004.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-005.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-006.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-007-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-007.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-008-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-008.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-009.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-010.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-012.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-013.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-014.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-015.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-001-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-002-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-002.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-003-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-003.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/black15x15.pngbin0 -> 168 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-teal.pngbin0 -> 156 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-002-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-003.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-004.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-001.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-002.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-003.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-004.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-005.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-006.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-008.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-009-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-009.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-010.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-012.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-013.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-014.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/border-seams-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-001-ref.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-003-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-003.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-005-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-005.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-006-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-006.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-007.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-008.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-009.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-010.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-011.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-012.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-013.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-014.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-015.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-016.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-017.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-018.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-applies-to-001-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-applies-to-001.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-applies-to-002.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-applies-to-003.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-applies-to-004.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-applies-to-005.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-applies-to-006.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-applies-to-007.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-applies-to-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-applies-to-009.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-applies-to-010.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-applies-to-012.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-applies-to-013.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-applies-to-014.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-applies-to-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-001-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-004.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-005-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-006.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-007.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-008.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-009.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-010.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-011.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-012.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-013.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-014.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-015.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-016-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-016.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-017.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-018-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-018.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-001.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-002.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-003.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-004.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-005.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-006.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-009.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-010.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-012.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-013.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-014.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-015.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-001-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-002.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-003-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-003.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-004-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-004.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-005-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-005.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-006-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-006.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-007.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-008.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-009-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-009.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-010-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-010.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-011-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-011.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-012-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-012.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-013.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-014-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-014.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-015-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-015.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-016-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-016.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-017-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-017.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-018.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-019-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-019.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-020-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-020.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-021-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-021.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-022-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-022.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-023.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-024.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-025.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-026-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-026.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-027-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-027.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-028-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-028.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-029.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-030.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-031.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-032-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-032.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-033.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-034-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-034.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-035.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-036.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-037-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-037.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-038-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-038.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-039-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-039.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-040.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-041.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-042-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-042.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-043.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-044-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-044.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-045.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-046.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-047.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-048.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-049-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-049.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-050.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-051.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-052-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-052.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-053.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-054-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-054.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-055.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-056.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-057.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-058.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-059.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-060.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-061.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-062.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-063-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-063.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-064.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-065.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-066.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-067.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-068.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-069.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-070-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-070.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-071.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-072.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-073-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-073.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-074.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-075-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-075.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-076.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-077.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-078.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-079.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-080.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-081.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-082.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-083-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-083.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-084.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-085.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-086.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-087.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-088.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-089.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-090-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-090.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-091.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-092.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-093-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-093.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-094.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-095-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-095.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-096.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-097.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-098.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-099.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-100-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-100.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-101.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-102.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-103-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-103.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-104.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-105.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-106.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-107.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-108.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-109.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-110-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-110.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-111.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-112.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-113-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-113.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-114.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-115-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-115.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-116.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-117.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-118.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-119.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-120.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-121.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-122.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-123-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-123.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-124.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-125.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-126.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-127.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-128.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-129-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-129.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-130.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-131-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-131.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-132-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-132.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-133-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-133.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-134-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-134.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-135-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-135.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-136-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-136.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-137-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-137.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-138-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-138.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-139-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-139.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-140-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-140.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-141-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-141.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-142-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-142.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-143-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-143.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-144-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-144.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-145-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-145.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-174.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-175.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-001.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-002.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-003.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-004.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-005.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-006.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-007.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-009.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-012.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-013.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-014.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-015.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-005-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-005.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-006.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-007.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-009.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-010.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-011.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-001.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-002.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-003.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-004.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-005.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-006.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-007.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-009.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-010.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-012.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-013.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-014.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-015.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-001-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-003-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-003.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-004.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-006-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-006.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-012-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-012.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-013.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-014.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-015.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-016.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-017.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-018.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-023.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-024.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-025-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-025.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-026.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-027.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-028.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-029.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-034.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-035.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-036.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-037.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-038.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-039.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-040.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-045.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-046.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-047.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-048.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-049.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-050.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-051.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-056.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-057.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-058-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-058.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-059.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-060.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-061-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-061.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-062.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-067.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-068.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-069-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-069.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-070.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-071.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-072-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-072.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-073.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-078.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-079.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-080.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-081.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-082.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-083.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-084.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-089.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-090.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-091.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-092.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-093.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-094.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-095.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-001.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-002.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-003.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-004.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-005.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-006.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-007.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-008.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-009.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-010.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-012.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-013.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-014.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-001-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-004.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-005-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-005.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-006-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-006.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-007.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-008.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-009.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-010-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-010.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-011-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-011.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-012-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-012.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-001.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-002.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-003.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-004.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-005.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-006.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-007.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-009.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-010.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-012.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-013.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-014.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-015.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-001-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-004.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-conflict-style-101-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-conflict-style-101.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-conflict-style-102.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-conflict-style-103.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-conflict-style-104.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-conflict-style-105.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-conflict-style-106.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-dynamic-001-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-dynamic-001.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-dynamic-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-003-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-003.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-005-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-005.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-006.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-007.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-009.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-010.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-011.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-012.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-013.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-014.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-015.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-016.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-017.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-018-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-018.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-001.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-002.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-003.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-004.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-005.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-006.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-007.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-009.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-010.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-012.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-013.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-014.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-015.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-002.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-003.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-004.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-005.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-006.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-007.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-008.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-009.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-010.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-011.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-012.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-013.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-014.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-015.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-016.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-017.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-018.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-019.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-020.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-021.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-022.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-023.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-024.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-025.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-026.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-027.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-028.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-029.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-030.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-031.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-032.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-033.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-034.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-035.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-036.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-037.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-038.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-039.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-040.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-041.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-042.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-043.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-044.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-045.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-046.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-047.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-048.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-049.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-050.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-051.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-052.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-053.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-054.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-055.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-056.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-057.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-058.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-059.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-060.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-061.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-062.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-063.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-064.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-065.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-066.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-067.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-068.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-069.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-070.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-071.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-072.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-073.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-074.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-075.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-076.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-077.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-078.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-079.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-080.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-081.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-082.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-083.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-084.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-085.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-086.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-087.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-088.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-089.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-090.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-091.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-092.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-093.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-094.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-095.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-096.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-097.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-098.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-099.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-100.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-101.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-102.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-103.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-104.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-105.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-106.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-107.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-108.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-109.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-110.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-111.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-112.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-113.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-114.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-115.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-116.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-117.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-118.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-119.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-120.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-121.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-122.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-123.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-124.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-125.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-126.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-127.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-128.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-129.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-130.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-131.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-132.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-133.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-134.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-135.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-136.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-137.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-138.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-139.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-140.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-141.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-142.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-143.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-144.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-145.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-174-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-174.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-175.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-001.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-002.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-003.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-004.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-005.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-006.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-007.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-009.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-012.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-013.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-014.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-015.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-002.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-004.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-005-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-005.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-006.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-007.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-008.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-009.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-010.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-011.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-001.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-002.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-003.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-004.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-005.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-006.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-007.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-009.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-010.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-012.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-013.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-014.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-015.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-001-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-001.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-002.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-003-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-003.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-004.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-006-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-006.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-007.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-012.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-013.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-015.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-016.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-017.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-018.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-023.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-024.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-025-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-025.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-026.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-027.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-028.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-029.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-034.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-035.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-036.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-037.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-038.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-039.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-040.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-045.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-046.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-047.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-048.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-049.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-050.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-051.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-056.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-057.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-058.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-059.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-060.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-061-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-061.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-062.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-067.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-068.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-069-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-069.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-070.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-071.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-072-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-072.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-073.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-078.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-079.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-080.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-081.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-082.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-083.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-084.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-089.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-090.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-091.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-092.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-093.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-094.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-095-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-095.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-001.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-002.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-003.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-004.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-005.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-006.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-008.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-009.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-010.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-012.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-013.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-014.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-001-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-003-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-003.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-004.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-005-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-006.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-007.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-008.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-009.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-010.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-011.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-012.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-013.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-014.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-015.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-016.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-017.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-018-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-018.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-001.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-002.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-003.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-004.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-005.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-006.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-007.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-009.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-010.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-012.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-013.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-014.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-015.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-001-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-002.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-003-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-003.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-004-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-004.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-005-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-005.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-006-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-006.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-007-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-007.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-008.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-009-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-009.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-010-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-010.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-011-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-011.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-012-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-012.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-013.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-014-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-014.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-015-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-015.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-016-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-016.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-017-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-017.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-018.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-019-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-019.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-020-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-020.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-021-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-021.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-022-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-022.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-023.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-024.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-025.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-026-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-026.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-027-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-027.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-028-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-028.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-029.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-030.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-031.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-032-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-032.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-033.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-034-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-034.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-035.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-036.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-037-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-037.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-038-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-038.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-039-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-039.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-040.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-041.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-042-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-042.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-043.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-044-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-044.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-045.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-046.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-047.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-048.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-049-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-049.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-050.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-051.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-052-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-052.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-053.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-054-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-054.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-055.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-056.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-057.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-058.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-059.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-060.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-061.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-062.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-063-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-063.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-064.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-065.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-066.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-067.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-068.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-069.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-070-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-070.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-071.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-072.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-073-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-073.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-074.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-075-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-075.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-076.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-077.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-078.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-079.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-080.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-081.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-082.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-083-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-083.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-084.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-085.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-086.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-087.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-088.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-089.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-090-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-090.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-091.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-092.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-093-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-093.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-094.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-095-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-095.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-096.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-097.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-098.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-099.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-100-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-100.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-101.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-102.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-103-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-103.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-104.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-105.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-106.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-107.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-108.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-109.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-110-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-110.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-111.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-112.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-113-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-113.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-114.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-115-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-115.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-116.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-117.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-118.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-119.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-120.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-121.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-122.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-123-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-123.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-124.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-125.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-126.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-127.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-128.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-129-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-129.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-130.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-131-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-131.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-132-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-132.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-133-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-133.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-134-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-134.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-135-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-135.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-136-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-136.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-137-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-137.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-138-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-138.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-139-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-139.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-140-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-140.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-141-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-141.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-142-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-142.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-143-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-143.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-144-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-144.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-145-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-145.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-174.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-175-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-175.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-001.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-002.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-003.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-004.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-005.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-006.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-007.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-009.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-010.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-012.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-013.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-014.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-015.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-002.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-004.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-005-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-006.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-007.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-009.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-010.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-011.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-001.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-002.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-003.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-004.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-005.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-006.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-007.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-009.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-010.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-012.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-013.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-014.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-015.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-002.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-003.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-004.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-006.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-007.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-012.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-013.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-015.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-016.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-017.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-018.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-023.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-024.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-025.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-026.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-027.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-028.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-029.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-034.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-035.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-036.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-037.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-038.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-039.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-040.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-045.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-046.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-047.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-048.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-049.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-050.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-051.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-056.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-057.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-058.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-059.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-060.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-061.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-062.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-067.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-068.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-069.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-070.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-071.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-072.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-073.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-078.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-079.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-080.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-081.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-082.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-083.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-084.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-089.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-090.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-091.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-092.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-093.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-094.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-095-ref.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-095.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-001.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-002.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-003.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-004.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-005.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-006.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-008.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-009.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-012.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-013.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-014.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-shorthands-001-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-shorthands-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-shorthands-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-shorthands-003-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-shorthands-003.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-003.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-004.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-006.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-007.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-008.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-009.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-010.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-001.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-002.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-003.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-004.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-005.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-006.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-007.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-008.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-009.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-010.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-012.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-013.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-014.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-015.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-016.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-017.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-018.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-019.xht67
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-020.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-021.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-022.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-023.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-024.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-025.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-026.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-027.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-initial-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-rendering-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-rendering-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-rendering-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-rendering-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-shorthand-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-shorthand-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-shorthand-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-style-shorthand-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-004.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-005-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-006.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-007.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-008.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-009.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-010.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-011.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-012.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-013.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-014.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-015.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-016.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-017.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-018-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-018.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-001.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-002.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-003.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-004.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-005.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-006.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-009.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-010.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-012.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-013.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-014.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-015.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-002.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-003.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-004.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-005.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-006.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-007.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-008.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-009.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-010.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-011.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-012.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-013.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-014.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-015.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-016.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-017.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-018.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-019.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-020.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-021.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-022.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-023.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-024.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-025.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-026.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-027.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-028.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-029.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-030.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-031.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-032.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-033.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-034.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-035.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-036.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-037.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-038.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-039.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-040.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-041.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-042.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-043.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-044.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-045.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-046.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-047.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-048.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-049.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-050.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-051.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-052.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-053.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-054.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-055.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-056.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-057.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-058.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-059.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-060.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-061.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-062.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-063.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-064.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-065.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-066.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-067.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-068.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-069.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-070.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-071.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-072.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-073.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-074.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-075.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-076.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-077.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-078.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-079.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-080.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-081.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-082.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-083.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-084.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-085.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-086.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-087.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-088.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-089.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-090.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-091.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-092.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-093.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-094.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-095.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-096.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-097.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-098.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-099.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-100.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-101.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-102.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-103.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-104.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-105.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-106.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-107.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-108.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-109.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-110.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-111.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-112.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-113.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-114.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-115.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-116.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-117.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-118.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-119.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-120.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-121.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-122.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-123.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-124.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-125.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-126.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-127.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-128.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-129.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-130.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-131.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-132.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-133.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-134.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-135.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-136.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-137.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-138.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-139.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-140.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-141.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-142.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-143.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-144.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-145.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-174.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-175.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-001.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-002.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-003.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-004.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-005.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-006.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-007.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-008.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-009.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-010.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-012.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-013.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-014.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-015.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-005.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-006.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-007.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-009.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-010.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-011.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-001.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-002.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-003.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-004.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-005.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-006.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-007.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-009.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-010.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-012.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-013.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-014.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-015.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-001-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-003.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-004.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-006.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-012-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-012.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-013.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-014.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-015.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-016.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-017.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-018.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-023.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-024.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-025.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-026.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-027.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-028.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-029.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-034.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-035.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-036.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-037.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-038.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-039.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-040.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-045.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-046.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-047.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-048.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-049.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-050.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-051.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-056.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-057.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-058.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-059.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-060.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-061.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-062.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-067.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-068.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-069.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-070.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-071.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-072.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-073.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-078.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-079.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-080.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-081.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-082.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-083.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-084.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-089.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-090.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-091.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-092.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-093.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-094.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-095-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-095.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-001.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-002.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-003.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-004.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-005.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-006.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-007.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-008.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-009.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-010.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-012.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-013.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-014.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-001.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-002-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-002.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-003-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-003.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-004-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-004.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-005-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-005.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-006-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-006.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-007-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-007.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-008-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-008.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-009-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-009.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-010-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-010.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-011.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-012.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-013.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-014-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-014.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-001.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-002.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-003.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-004.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-005.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-006.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-007.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-008-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-008.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-009-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-009.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-012.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-013.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-014.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-015.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-comparison-001.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-001-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-002-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-003-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-004-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-004.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/discrete-no-interpolation.html33
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/double-border-width-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/groove-default.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/groove-ridge-default-notref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/ltr-borders-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/ridge-default.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/rtl-borders-001.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/shand-border-000-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/shand-border-000.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/shand-border-001.xht74
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/000001_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/000002_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/00007f_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/000080_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/0000fc_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/0000fe_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/000100_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/000200_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/001_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/007f00_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/008000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/009_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/00e_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/00f_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/00fc00_color.pngbin0 -> 446 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/00fe00_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/010000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/010101_color.pngbin0 -> 958 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/010_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/020000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/020202_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/090_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/0e0_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/0f0_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/100_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/111_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/7f0000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/7f7f7f_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/800000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/808080_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/900_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/999_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/aqua_color.pngbin0 -> 444 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/black15x15.pngbin0 -> 168 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/e00_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/eee_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/f00_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/fc0000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/fcfcfc_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/fe0000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/fefefe_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/fff_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/fuchsia_color.pngbin0 -> 505 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/ltr-borders-001.pngbin0 -> 1379 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/maroon_color.pngbin0 -> 506 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/olive_color.pngbin0 -> 506 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/purple_color.pngbin0 -> 958 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/silver_color.pngbin0 -> 450 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/swatch-aqua.pngbin0 -> 175 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/teal_color.pngbin0 -> 445 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/borders/support/yellow_color.pngbin0 -> 958 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/anonymous-box-generation-001-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/anonymous-box-generation-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/anonymous-boxes-inheritance-001-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/anonymous-boxes-inheritance-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/anonymous-inline-whitespace-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/block-in-inline-001-ref.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/block-in-inline-001.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/block-in-inline-002.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/block-in-inline-003-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/block-in-inline-003.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/block-in-inline-004.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/block-in-inline-005.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/block-in-inline-006.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/block-in-inline-007-ref.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/block-in-inline-007.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/block-in-inline-008-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/block-in-inline-008.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/block-in-inline-relpos-001-ref.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/block-in-inline-relpos-001.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/block-in-inline-relpos-002.xht83
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/box-generation-001-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/box-generation-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/box-generation-002-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/box-generation-002.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/box-generation-003.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-002.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-003.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-004.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-005.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-006.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-007-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-007.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-008-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-008.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-009-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-009.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-010.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-011.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-013.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-015.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-017.xht75
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-018.xht75
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-019-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-019.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-020-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-020.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-021.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-022.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-023-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-023.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-024.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-025.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-026.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-027-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-027.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-028-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-028.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-029-ref.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-029.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-030-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/containing-block-030.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/delete-block-in-inlines-beginning-001-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/delete-block-in-inlines-beginning-001.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/delete-block-in-inlines-end-001.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/delete-block-in-inlines-middle-001.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-beginning-001-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-beginning-001.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-end-001.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-middle-001.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-middle-002-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-middle-002.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-middle-003.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/descendant-display-none-001.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/descendant-display-override-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-001-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-002-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-002.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-003.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-005.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-006.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-008-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-008.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-009.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-010-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-010.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-011.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-012-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-012.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-013.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-014.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-015.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-016.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-017.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-018-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-018.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-applies-to-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-applies-to-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-change-001-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-change-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-initial-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-none-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-none-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/display-none-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-001-ref.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-001.xht76
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-002-ref.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-002.xht76
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-003-ref.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-003.xht76
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-001-ref.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-001.xht76
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-002-ref.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-002.xht76
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-003-ref.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-003.xht76
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-001-ref.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-001.xht76
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-002-ref.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-002.xht76
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-003-ref.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-003.xht76
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-beginning-001-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-beginning-001.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-end-001-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-end-001.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-middle-001-ref.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-middle-001.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-beginning-001-ref.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-beginning-001.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-end-001-ref.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-end-001.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-middle-001-ref.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-middle-001.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-middle-002-ref.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-middle-002.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-001-ref.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-001.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-002-ref.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-002.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-003-ref.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-003.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-001-ref.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-001.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-002-ref.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-002.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-003-ref.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-003.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-001-ref.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-001.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-002-ref.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-002.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-003-ref.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-003.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/root-box-002-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/root-box-002.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/root-box-003-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/root-box-003.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/root-canvas-001-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/root-canvas-001.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/blue96x96.pngbin0 -> 1010 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/root-canvas-001a.html20
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/viewport-004-firstcanvas.htm18
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/support/viewport-004-secondcanvas.htm18
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/viewport-001.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/viewport-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/viewport-003.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/viewport-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/box/left-ltr-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/box/left-rtl-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/box/ltr-basic.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/box/ltr-ib.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/box/ltr-span-only-ib.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/box/ltr-span-only.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/box/right-ltr-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/box/right-rtl-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/box/rtl-basic.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/box/rtl-ib.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/box/rtl-linebreak-notref1.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/box/rtl-linebreak-notref2.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/box/rtl-linebreak-ref.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/box/rtl-linebreak.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/box/rtl-span-only-ib.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/box/rtl-span-only.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/.htaccess4
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/README5
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-002.xht81
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-002.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-004.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-006.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-007.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-008.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-009.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-010.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-011.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-012.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-004.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-005.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-006.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-README4
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-control.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002a.css18
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002b.css17
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002c.css17
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002d.css17
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002e.css14
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002f.css14
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002i.css10
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002j.css10
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002k.css8
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002m.css6
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002n.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002o.css6
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002p.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/support/import-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade-import/support/import-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/at-import-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/at-import-002.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/at-import-003.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/at-import-004.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/at-import-005.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/at-import-006.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/at-import-007.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/at-import-008.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/at-import-009.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/at-import-010.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/at-import-011.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-001.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-004.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-006.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-007.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-008.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-009.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-009a-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-009a.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-009b-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-009b.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-010.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-011.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-012-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-012.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-precedence-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/cascade-precedence-002.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/default-stylesheet-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-002.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-003.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-004.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-005.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-006.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-007.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-008.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-009.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-010.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-011.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-012.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-013.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-014.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-015.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-017.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-018.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-019.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-020.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-021.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-022.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-023.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-024.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-025.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-027.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-028.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-attribute-029.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-precedence-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-precedence-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-precedence-003.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-precedence-004-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-precedence-004.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/html-precedence-005.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/inherit-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/inherit-002.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/inherit-003.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/inherit-004.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/inherit-border-padding-000.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/inherit-computed-001-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/inherit-computed-001.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/inherit-computed-002-ref.html11
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/inherit-computed-002.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/inherited-value-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/inherited-value-002.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/non-inherited-value-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/sort-by-order-001.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/specificity-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/specificity-002.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/specificity-003.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/specificity-004.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/specificity-005.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/specificity-006.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/specificity-007.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/specificity-008.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/specificity-009.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/specificity-011-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/specificity-011.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/specificity-012.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/specificity-013-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/specificity-013.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/at-import-001.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/at-import-002.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/at-import-004.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/at-import-005.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/at-import-006.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/at-import-007.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/cascade-007.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/cascade-012.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/cascade.css22
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/html-attribute-017-frame.htm14
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/html-attribute-021-frame.htm16
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/html-attribute-022-frame.htm16
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/html-precedence-003.css18
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/import-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/import-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/red15x15.pngbin0 -> 922 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/support/user-stylesheet.css83
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-001.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-002.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-004.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-005.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-006.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-007.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-008.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-009.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-010.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-011.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-012.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-013.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-014.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-015.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-016.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-017.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-018.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/bidi-color-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-001-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-002-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-002.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-003-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-003.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-004-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-004.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-005-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-005.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-006-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-006.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-007.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-008.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-009-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-009.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-010-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-010.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-011-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-011.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-012-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-012.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-013.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-014-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-014.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-015-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-015.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-016-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-016.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-017-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-017.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-018.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-019-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-019.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-020-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-020.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-021-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-021.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-022-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-022.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-023.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-024.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-025.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-026-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-026.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-027-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-027.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-028-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-028.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-029.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-031.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-032-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-032.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-033-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-033.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-034-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-034.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-035.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-036.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-037-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-037.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-038.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-039-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-039.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-040.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-041.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-042-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-042.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-043.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-044-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-044.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-045.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-046.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-047.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-048.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-049-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-049.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-050.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-051.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-052-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-052.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-053.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-054-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-054.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-055.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-056.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-057.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-058.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-059.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-060.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-061.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-062.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-063-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-063.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-064.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-065.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-066.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-067.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-068.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-069.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-070-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-070.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-071.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-072.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-073-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-073.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-074.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-075-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-075.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-076.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-077.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-078.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-079.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-080.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-081.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-082.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-083-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-083.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-084.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-085.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-086.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-087.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-088.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-089.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-090-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-090.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-091.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-092.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-093-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-093.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-094.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-095-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-095.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-096.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-097.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-098.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-099.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-100.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-101.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-102.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-103-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-103.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-104.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-105.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-106.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-107.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-108.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-109.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-110-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-110.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-111.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-112.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-113-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-113.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-114.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-115-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-115.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-116.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-117.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-118.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-119.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-120.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-121.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-122.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-123-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-123.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-124.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-125.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-126.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-127.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-128.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-129-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-129.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-130-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-130.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-131-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-131.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-132-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-132.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-133-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-133.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-134-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-134.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-135-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-135.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-136-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-136.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-137-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-137.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-138-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-138.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-139-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-139.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-140-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-140.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-141-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-141.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-142-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-142.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-143-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-143.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-144-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-144.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-145-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-145.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-174.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-175-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-175.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-176.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-177.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-applies-to-001-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-applies-to-001.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-applies-to-002.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-applies-to-003.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-applies-to-004.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-applies-to-005-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-applies-to-005.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-applies-to-006.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-applies-to-007.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-applies-to-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-applies-to-009.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-applies-to-010.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-applies-to-012.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-applies-to-013.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-applies-to-014.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/color-applies-to-015.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/colors-007-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/colors-007.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/000001_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/000002_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/00007f_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/000080_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/0000fc_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/0000fe_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/000100_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/000200_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/001_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/007f00_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/008000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/009_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/00e_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/00f_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/00fc00_color.pngbin0 -> 446 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/00fe00_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/010000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/010101_color.pngbin0 -> 958 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/010_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/020000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/020202_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/090_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/0e0_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/0f0_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/100_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/111_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/7f0000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/7f7f7f_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/800000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/808080_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/900_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/999_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/aqua_color.pngbin0 -> 444 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/e00_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/eee_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/f00_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/fc0000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/fcfcfc_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/fe0000_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/fefefe_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/fff_color.pngbin0 -> 901 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/fuchsia_color.pngbin0 -> 505 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/maroon_color.pngbin0 -> 506 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/olive_color.pngbin0 -> 506 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/purple_color.pngbin0 -> 958 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/silver_color.pngbin0 -> 450 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/teal_color.pngbin0 -> 445 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/support/yellow_color.pngbin0 -> 958 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/colors/table-backgrounds-bs-row-002.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/css-e-notation-ref-1.html28
-rw-r--r--testing/web-platform/tests/css/CSS2/css-e-notation-ref-2.html20
-rw-r--r--testing/web-platform/tests/css/CSS2/css-e-notation-test-1.html41
-rw-r--r--testing/web-platform/tests/css/CSS2/css-e-notation-test-2.html34
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/README5
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c11-import-000-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c11-import-000.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c12-grouping-000-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c12-grouping-000.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c13-inh-underlin-000.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c13-inheritance-000-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c13-inheritance-000.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c14-classes-000-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c14-classes-000.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c15-ids-000.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c15-ids-001-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c15-ids-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c16-descendant-000-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c16-descendant-000.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c16-descendant-001-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c16-descendant-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c16-descendant-002.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c17-comments-000-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c17-comments-000.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c17-comments-001-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c17-comments-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c21-activ-ln-000.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c21-focus-ln-000.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c21-hover-ln-000.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c21-pseu-cls-000.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c21-pseu-id-000.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c21-pseud-anch-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c23-first-line-000.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c24-first-lttr-000.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c25-pseudo-elmnt-000-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c25-pseudo-elmnt-000.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c26-psudo-nest-000.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c31-important-000.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c32-cascading-000-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c32-cascading-000.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c411-vt-mrgn-000.xht104
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c412-blockw-000-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c412-blockw-000.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c412-hz-box-000-ref.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c412-hz-box-000.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-000.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-001.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-003.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-000-ref.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-000.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-001-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-002-ref.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-002.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-003-ref.xht67
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-003.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-004-ref.xht68
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-004.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-005-ref.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-005.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-006-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-006.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-000.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-001.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-002.xht81
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-003.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-000.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-001-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-001.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c42-ibx-ht-000-ref.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c42-ibx-ht-000.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c42-ibx-pad-000-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c42-ibx-pad-000.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c43-center-000.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-000.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-002-ref.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-002.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c43-rpl-ibx-000-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c43-rpl-ibx-000.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c44-ln-box-000-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c44-ln-box-000.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c44-ln-box-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c44-ln-box-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c44-ln-box-002-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c44-ln-box-002.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c44-ln-box-003.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c45-bg-canvas-000-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c45-bg-canvas-000.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c522-font-family-000.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c523-font-style-000.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c524-font-var-000.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c525-font-wt-000.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c526-font-sz-000.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c526-font-sz-001-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c526-font-sz-001.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c526-font-sz-002-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c526-font-sz-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c526-font-sz-003-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c526-font-sz-003.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c527-font-000.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c527-font-001.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c527-font-002.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c527-font-003.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c527-font-004.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c527-font-005.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c527-font-006.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c527-font-007.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c527-font-008.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c527-font-009.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c527-font-10.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c531-color-000-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c531-color-000.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-000-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c533-bgimage-000-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c533-bgimage-000.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c533-bgimage-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c534-bgre-000-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c534-bgre-000.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c534-bgre-001.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c534-bgreps-000-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c534-bgreps-000.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c534-bgreps-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c534-bgreps-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c534-bgreps-003.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c534-bgreps-004.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c534-bgreps-005.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c535-bg-fixd-000.xht178
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c536-bgpos-000-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c536-bgpos-000.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c536-bgpos-001-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c536-bgpos-001.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c537-bgfxps-000.xht94
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c541-word-sp-000-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c541-word-sp-000.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c541-word-sp-001-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c541-word-sp-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-000-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-000.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-001-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c543-txt-decor-000.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c544-valgn-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c544-valgn-001-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c544-valgn-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c544-valgn-002.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c544-valgn-003.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c544-valgn-004.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c545-txttrans-000-ref.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c545-txttrans-000.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c546-txt-align-000.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c547-indent-000-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c547-indent-000.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c547-indent-001-ref.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c547-indent-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c548-leadin-000-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c548-leadin-000.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-000-ref.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-000.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-001-ref.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-001.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-002.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-003-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-003.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-004-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-004.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5501-imrgn-t-000-ref.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5501-imrgn-t-000.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5501-mrgn-t-000-ref.xht105
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5501-mrgn-t-000.xht89
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-000-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-000.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-001-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-002-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-002.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-003-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-003.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-004-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-004.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-005-ref.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-005.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-006-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-006.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-000-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-000.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-001-ref.xht68
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-001.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-002.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-003-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5503-imrgn-b-000.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5503-mrgn-b-000-ref.xht81
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5503-mrgn-b-000.xht94
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-000.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-002-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-003.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-004.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-005-ref.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-005.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-006-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-006.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-000-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-000.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-001-ref.xht68
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-001.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-002.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-003-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5505-imrgn-000-ref.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5505-imrgn-000.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-000-ref.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-000.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-001-ref.xht69
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-001.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-002.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-003-ref.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-003.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-000-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-000.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-002-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5506-padn-t-000-ref.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5506-padn-t-000.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-000.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-002.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-003.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-004-ref.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-004.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-000-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-000.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-001-ref.xht68
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-001.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-002-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-002.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-003-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-000-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-000.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-003-ref.xht73
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-003.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-000.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-003.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-004-ref.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-004.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-000.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-001-ref.xht68
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-001.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-002-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-002.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-003-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5510-ipadn-000-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5510-ipadn-000.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5510-padn-000-ref.xht89
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5510-padn-000.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5510-padn-001-ref.xht68
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5510-padn-001.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5510-padn-002-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5510-padn-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-000.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-001-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-003-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5511-ibrdr-tw-000-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5511-ibrdr-tw-000.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-000.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-001-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-003-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5512-ibrdr-rw-000-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5512-ibrdr-rw-000.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-000.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-001-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-003-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5513-ibrdr-bw-000-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5513-ibrdr-bw-000.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-000.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-001-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-003-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5514-ibrdr-lw-000-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5514-ibrdr-lw-000.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-000.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-001-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5515-ibrdr-000-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5515-ibrdr-000.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5516-brdr-c-000-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5516-brdr-c-000.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5516-ibrdr-c-000-ref.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5516-ibrdr-c-000.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5517-brdr-s-000.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5517-ibrdr-s-000.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5518-brdr-t-000.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5518-brdr-t-001.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5518-ibrdr-t-000.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-000.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-001.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-002.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5519-ibrdr-r-000.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5520-brdr-b-000.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5520-brdr-b-001.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5520-ibrdr-b-000.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-000.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-001.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-002.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5521-ibrdr-l-000.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5522-brdr-000.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5522-brdr-001-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5522-brdr-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5522-brdr-002.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5522-ibrdr-000.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5523-width-000.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5523-width-001.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5523-width-002.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5524-height-000.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5524-height-001.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5524-height-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-flt-l-000.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-flt-r-000.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-000-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-000.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-fltcont-000.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-fltinln-000-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-fltinln-000.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-fltmrgn-000-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-fltmrgn-000.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-fltmult-000-ref.xht75
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-fltmult-000.xht107
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-000.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-001-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-003-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-003.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5525-fltwrap-000.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5526-fltclr-000-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5526-fltclr-000.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5526-flthw-000-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5526-flthw-000.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c5526c-display-000.xht181
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c561-list-displ-000-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c561-list-displ-000.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c562-white-sp-000-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c562-white-sp-000.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c563-list-type-000-ref.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c563-list-type-000.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c563-list-type-001.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c564-list-img-000.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c565-list-pos-000.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c565-list-pos-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c566-list-stl-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c61-ex-len-000-ref.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c61-ex-len-000.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c61-rel-len-000-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c61-rel-len-000.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c62-percent-000-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c62-percent-000.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c63-color-000-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c63-color-000.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c64-uri-000-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c64-uri-000.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-000-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-000.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-001-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-002-ref.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-002.xht91
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-003-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-003.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-004-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-004.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/LOCK0
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/README29
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/blue20x20.pngbin0 -> 940 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test412a.pngbin0 -> 398 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test412b-a.pngbin0 -> 434 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test412b-b.pngbin0 -> 473 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test42a.pngbin0 -> 835 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test44a.pngbin0 -> 744 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test44b.pngbin0 -> 1546 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test44c.pngbin0 -> 836 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test44d.pngbin0 -> 1378 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test544b.pngbin0 -> 581 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test545.pngbin0 -> 752 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test548d.pngbin0 -> 529 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test548e.pngbin0 -> 621 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test5510-i.pngbin0 -> 346 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-0.pngbin0 -> 1287 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-1.pngbin0 -> 290 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-2.pngbin0 -> 326 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-3.pngbin0 -> 455 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-4.pngbin0 -> 288 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-5.pngbin0 -> 418 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-6.pngbin0 -> 247 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test5525ce-1.pngbin0 -> 297 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test5525ce-2.pngbin0 -> 284 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test5525cf-0.pngbin0 -> 1034 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test5525cf-1.pngbin0 -> 904 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test5526.pngbin0 -> 3624 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test5526c.pngbin0 -> 4375 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test562.pngbin0 -> 629 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test566a.pngbin0 -> 297 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test62-inner.pngbin0 -> 281 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test62-outer.pngbin0 -> 907 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test64a.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/css1test64b.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/pattern-gg-gr.pngbin0 -> 203 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/ruler-h-50%.pngbin0 -> 691 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/ruler-h-50px.pngbin0 -> 671 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/ruler-v-100px.pngbin0 -> 760 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/ruler-v-50px.pngbin0 -> 757 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/support/README4
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/swatch-aqua.pngbin0 -> 175 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/test-inner-half-size.pngbin0 -> 180 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css1/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-001-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-001.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-002-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-002.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-003-ref.html11
-rw-r--r--testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-003.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-004.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-005-ref.html11
-rw-r--r--testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-005.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-006.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-007-ref.html11
-rw-r--r--testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-007.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-008.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-009.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-non-replaced-width-margin-000-ref.xht458
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-non-replaced-width-margin-000.xht495
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000-ref.xht606
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000.xht638
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/anonymous-boxes-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/reference/ref-green-box-100x100.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/reference/ref-green-box-120x120.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/abspos-replaced-width-margin-000-narrow.pngbin0 -> 73 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/abspos-replaced-width-margin-000-wide.pngbin0 -> 82 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/import-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/import-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/adjacent-floats-001-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/adjacent-floats-001.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-before-clearance.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-nested-forced-clearance-002.html75
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-nested-forced-clearance-003.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-nested-forced-clearance-004.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-nested-forced-clearance.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-new-fc-crash.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-new-fc.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-001-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-001.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-002-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-002.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-003-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-003.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-004.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-005.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-after-top-margin.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-000-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-000.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-001-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-001.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-002.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-003.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-004.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-005.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-006.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-007.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-008-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-008.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-009-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-009.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-010.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-012.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-013.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-014.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-015.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-001-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-001.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-002-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-002.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-003-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-003.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-004-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-004.xht67
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-005-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-005.xht69
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-default-inheritance-001.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-float-001-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-float-001.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-float-002-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-float-002.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-float-003-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-float-003.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-float-004-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-float-004.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-float-005-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-float-005.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-float-006-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-float-006.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-float-007.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-float-008.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-float-009-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-float-009.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-initial-001.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-inline-001-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-inline-001.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-no-interpolation.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-on-child-with-margins-2.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-on-child-with-margins.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-on-parent-and-child.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-on-parent-with-margins-no-clearance.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-on-parent-with-margins.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-on-parent.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-with-top-margin-after-cleared-empty-block.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clearance-006-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clearance-006.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clearance-containing-fragmented-float-crash.html36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-001.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-002.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-003-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-003.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-004.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-005-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-005.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-006-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-006.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-001.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-001a.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-002.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-003.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-004.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-004a.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-005.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-006.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-007.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-008-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-008.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-008a.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-009.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-010.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-012.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-013.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-014.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-015.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-height-001-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-height-001.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-002-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-002.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-003-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-003.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-004.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-005.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-006.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-007.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-008.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-009.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-010.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-011.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-012.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-013.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-001-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-001.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-002-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-002.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-003-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-003.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-004-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-004.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-005-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-005.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-006-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-006.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-001.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-002.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-003.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-004.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-005.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-006-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-006.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-007-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-007.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-008-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-008.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-009-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-009.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-011-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-011.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floating-replaced-height-008.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-001-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-002-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-002.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-003.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-004-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-004.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-005-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-005.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-006-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-006.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-007-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-007.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-008.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-009-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-009.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-014-ref.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-014.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-015.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-016.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-019-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-019.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-020.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-021.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-022-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-022.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-023-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-023.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-024-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-024.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-025-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-025.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-026-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-026.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-027-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-027.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-028-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-028.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-029-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-029.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-030-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-030.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-031-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-031.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-036-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-036.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-037.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-038-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-038.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-039.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-040.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-041-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-041.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-043-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-043.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-101-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-101.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-102.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-103.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-104.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-105.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-106.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-108.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-109.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-110.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-111-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-111.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-112-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-112.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-113-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-113.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-114-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-114.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-115-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-115.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-116-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-116.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-117.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-118-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-118.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-119-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-119.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-120.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-121-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-121.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-122-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-122.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-123-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-123.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-124-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-124.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-125-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-125.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-126.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-127.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-128.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-129.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-130.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-131.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-132-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-132.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-133-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-133.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-134.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-135-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-135.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-136-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-136.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-137.xht88
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-138-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-138.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-139-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-139.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-140.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-141-ref.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-141.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-142-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-142.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-143-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-143.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-144-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-144.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-145-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-145.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-146-ref.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-146.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-147-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-147.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-149-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-149.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-150-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-150.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-151.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-152.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-153-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-153.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-154-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-154.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-bfc-001-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-bfc-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-bfc-002.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-000-ref.html37
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-000.html51
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-001.html51
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-002.html51
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-003.html60
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-000-ref.html36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-000.html50
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-001.html50
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-002.html50
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-003.html59
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-018.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-023.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-024-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-024.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-027.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-031-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-031.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-033.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-034.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-035.xht68
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-121-ref.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-121.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-122.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-123-ref.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-123.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-125-ref.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-125.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-134-ref.xht67
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-134.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-135-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-135.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-142-ref.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-142.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-157-ref.xht82
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-157.xht79
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-158-ref.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-158.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-164.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-165-ref.xht75
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-165.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-166.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-002-ref.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-002.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-003-ref.xht86
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-003.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-005.xht104
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-008.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-009.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-011.xht105
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-012-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-012.xht127
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-013.xht137
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-014-ref.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-014.xht129
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-015-ref.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-015.xht101
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-016-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-016.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-017-ref.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-017.xht82
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/negative-clearance-after-adjoining-float.html11
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/negative-clearance-after-bottom-margin.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/nested-clearance-new-formatting-context.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/no-clearance-adjoining-opposite-float.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/no-clearance-due-to-large-margin-after-left-right.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/no-clearance-due-to-large-margin.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/remove-block-before-self-collapsing-sibling-with-clearance.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/second-float-inside-empty-cleared-block-after-margin.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/second-float-inside-empty-cleared-block.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/black15x15.pngbin0 -> 168 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/clear-clearance-calculation-001.pngbin0 -> 1357 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/clear-clearance-calculation-002.pngbin0 -> 1386 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/clear-clearance-calculation-003.pngbin0 -> 1375 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/floats-005.pngbin0 -> 1222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/green-rectangle-50wideBy10tall.pngbin0 -> 181 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/margin-collapse-2em-space.pngbin0 -> 1331 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/margin-collapse-4em-space.pngbin0 -> 1370 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/ruler-v-100px-200px-300px.pngbin0 -> 364 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-purple.pngbin0 -> 153 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/adjoining-floats-dynamic.html35
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/computed-float-position-absolute.html28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-in-nested-multicol-001.html26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-in-self-painting-inline.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-no-content-beside-001-ref.html20
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-no-content-beside-001.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-no-interpolation.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-nowrap-1-notref.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-nowrap-1.html24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-nowrap-2.html25
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-nowrap-3-ref.html29
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-nowrap-3.html28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-nowrap-4-ref.html26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-nowrap-4.html28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-nowrap-5-ref.html5
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-nowrap-5.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-nowrap-6.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-nowrap-7.html26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-nowrap-8.html24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-nowrap-9.html28
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-paint-relayout.html11
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-root-ref.html11
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-root.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-table-align-left-quirk-ref.html34
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-table-align-left-quirk.html36
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/float-under-flatten-under-preserve-3d.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floated-table-wider-than-specified.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-in-table-caption-001-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-in-table-caption-001.html24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-line-wrap-shifted-001-ref.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-line-wrap-shifted-001.html44
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-001.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-002.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-003.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-004.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-005-ref.html26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-005.html34
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-006.html38
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-007.html39
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-008.html40
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-001-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-001a.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-001b.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-001c.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-003-ref.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-003.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-004-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-004-ref2.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-004.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-left-001-ref.xht6
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-left-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-left-002-ref.xht5
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-left-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-right-001-ref.xht5
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-right-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-right-002-ref.xht5
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-right-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-rule7-outside-left-001-ref.xht5
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-rule7-outside-left-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-rule7-outside-right-001-ref.xht5
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-rule7-outside-right-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-saturated-position-crash.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-left-overflow-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-left-overflow.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-left-table-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-left-table.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-right-overflow-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-right-overflow.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-right-table-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-right-table.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-left-overflow.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-left-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-left-table.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-right-overflow.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-right-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-right-table.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-left-overflow-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-left-overflow.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-left-table-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-left-table.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-right-overflow-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-right-overflow.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-right-table-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-right-table.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-004-ref.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-004.xht85
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-005-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-005.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-006-ref.xht177
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-006.xht174
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-007-ref.xht110
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-007.xht113
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-outside-001-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-outside-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-001-ref.html121
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-001.html114
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-001a.tentative.html127
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-002-ref.html96
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-002.tentative.html112
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-003-ref.html124
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-003.tentative.html147
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-004.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-005.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-001l-notref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-001l-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-001r-notref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-001r-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-002l-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-002r-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-003l-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-003r-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-001l.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-001r.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-002l.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-002r.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-003l.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-003r.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-001l.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-001r.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-002l.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-002r.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-003l.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-003r.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-zero-height-wrap-001-ref.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-zero-height-wrap-001.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/floats-zero-height-wrap-002.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/hit-test-floats-001.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/hit-test-floats-002.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/hit-test-floats-003.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/hit-test-floats-004.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/hit-test-floats-005.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/intrinsic-size-float-and-line.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/line-pushed-by-floats-crash.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/list-item-taller-than-opportunity-001.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/negative-margin-float-positioning.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/new-fc-beside-adjoining-float-2.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/new-fc-beside-adjoining-float.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/new-fc-beside-float-with-margin-rtl.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/new-fc-beside-float-with-margin.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/new-fc-relayout.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/new-fc-separates-from-float-2.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/new-fc-separates-from-float-3.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/new-fc-separates-from-float.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/overflow-scroll-float-paint-order-ref.html4
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/overflow-scroll-float-paint-order.html49
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/overhanging-float-paint-order-ref.html4
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/overhanging-float-paint-order.html43
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/remove-block-between-inline-and-float.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/remove-float-in-first-line.html30
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/remove-float-then-abspos-in-inline.html31
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/zero-available-space-float-positioning.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/zero-space-between-floats-001.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/zero-space-between-floats-002.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/zero-space-between-floats-003.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/zero-space-between-floats-004.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/zero-width-floats-positioning.tentative.html11
-rw-r--r--testing/web-platform/tests/css/CSS2/floats/zero-width-floats.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-001.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-002.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-003-ref.html19
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-003.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-004.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-005.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-006.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-007.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-008.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-009.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-010.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-011.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-012.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-013.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-014.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-015.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-016.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-017.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-018.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-019.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-020.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-021.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-022.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-023.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-024.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-025.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-026.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-027.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-028.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-029.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-030.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-031.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-032.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-033.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-034.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-035.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-036.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-037.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-038.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-039.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-040.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-041.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-042.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-043.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-044.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-045.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-046.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-047.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-048.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-049.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-050.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-051-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-051.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-052.xht118
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-144.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-145.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-146-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-146.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-147.xht73
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-148-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-148.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-applies-to-001-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-applies-to-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-applies-to-002.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-applies-to-003.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-applies-to-005.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-applies-to-006.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-applies-to-007.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-applies-to-008.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-applies-to-009.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-applies-to-010.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-applies-to-011.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-applies-to-014.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-applies-to-015.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-applies-to-016.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-applies-to-017.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-002.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-003.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-004.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-005.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-006.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-007.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-008-ref.html11
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-008.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-009-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-009.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-011-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-011.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-012.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-013-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-013.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-014.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-015.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-016.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-001-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-001.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-003.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-005.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-006.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-007.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-008.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-009.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-010.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-011.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-014.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-015.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-016.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-017.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-001-ref.html26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-001.xht118
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-002-ref.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-002.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-003.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-004.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-005-ref.html11
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-005.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-006-ref.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-006.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-001-ref.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002a-ref.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002a.xht77
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-003.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-004.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-004a.xht122
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-005-ref.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-006.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-007.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-009.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-010.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-011.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-012.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-013.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-014.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-015.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-016.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-rule-017.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-001.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-002.xht74
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-ref.html24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-006.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-008.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-009.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-010.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-012.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-013.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-014.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-002.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-004.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-006.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-007.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-012.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-013.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-014.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-015.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-016.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-017.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-018.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-023.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-024.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-025.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-026.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-027.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-028.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-029.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-034.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-035.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-036.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-037.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-038.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-039.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-040.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-045.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-046.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-047.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-048.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-049.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-050.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-051.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-056.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-057.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-058.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-059.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-060.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-061.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-062.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-067.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-068.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-069.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-070.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-071.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-072.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-073.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-078.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-079.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-080.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-081.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-082.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-083.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-084.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-089.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-090.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-091.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-092.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-093.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-094.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-095.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-100.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-101.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-102.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-103.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-104.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-105.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-106.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-107.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-108.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-109.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-110.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-111.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-112.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-113.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-114.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-115.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-116.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-117.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-118.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-119.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-120-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-120.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-121-ref.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-121.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-122-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-122.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-123-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-123.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-124.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-002.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-003.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-005.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-006.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-007.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-008.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-009.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-010.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-011.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-014.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-015.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-016.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-017.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-rule-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-rule-002.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-rule-003.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-size-rule-004.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-004.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-001-ref.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-003.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-005.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-006.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-007.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-008.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-009.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-010.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-011.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-014.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-015.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-016.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-017.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-style-rule-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-systemfont-rule-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-systemfont-rule-004.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-001-ref.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-003.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-004.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-003.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-005.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-006.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-007.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-008.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-009.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-010.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-011.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-014.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-015.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-016.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-017.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-001.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-003.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-008.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-010.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-011.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-012.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-013.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-014.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-015.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-016.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-017.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-018.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-100-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-900-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-003.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-005.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-006.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-007.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-008.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-009.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-010.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-011.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-014.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-015.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-016.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-017.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-bold-ref.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-normal-ref.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-002.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-003.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-004.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-005.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-006.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-007.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-008.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/fonts-009.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/fonts-010-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/fonts-010.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/fonts-011-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/fonts-011.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/fonts-012-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/fonts-012.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/fonts-013-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/fonts-013.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/fonts-014.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/shand-font-000-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/shand-font-000.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/shand-font-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/shand-font-002-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/shand-font-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/shand-font-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/black96x96.pngbin0 -> 204 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/fonts/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/list-style-position-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/list-style-position-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/list-style-position-003.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/list-style-position-004.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/list-style-position-005.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/list-style-position-006.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/list-style-position-007.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/list-style-position-008.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/list-style-position-009.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/list-style-position-010.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/list-style-position-011.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/list-style-position-012.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/list-style-position-013.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/list-style-position-014.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/list-style-position-015.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/list-style-position-016.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/list-style-position-017.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/bidi-list-style-image-001.pngbin0 -> 969 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/import-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/import-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/ruler-h-50%.pngbin0 -> 691 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/ruler-h-50px.pngbin0 -> 671 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/ruler-v-100px.pngbin0 -> 760 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/ruler-v-50px.pngbin0 -> 757 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/test-inner-half-size.pngbin0 -> 180 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generate/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-001-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-001.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-002-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-002.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-003-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-003.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-005.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-006.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-007.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-008.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-009.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-010.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-011.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-012-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-012.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-013.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-014.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-015.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-016.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-017.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-content-display-018.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-inheritable-001-ref.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-inheritable-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-inheritable-002-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-inheritable-002.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-location-001-ref.html7
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/after-location-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-011-ref.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-011.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-display-types-001-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-display-types-001.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-dynamic-attr-001-ref.xht5
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-dynamic-attr-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-dynamic-restyle-001-ref.xht6
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-dynamic-restyle-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-floated-001-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-floated-001.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-images-001-ref.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-images-001.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-001-ref.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-001.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-002-ref.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-002.html33
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-003.html33
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-004-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-004.html34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-table-parts-001-ref.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-table-parts-001.xht73
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-table-whitespace-001-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-after-table-whitespace-001.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-002.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-003-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-003.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-005.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-006.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-007.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-008.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-009.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-010.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-011.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-012.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-013.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-014.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-015.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-016.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-017.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-content-display-018.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-inheritable-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-inheritable-002.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-location-001-ref.html7
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/before-location-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/bidi-generated-content-001-ref.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/bidi-generated-content-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/bidi-generated-content-002-ref.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/bidi-generated-content-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-001-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-001.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-002.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-003-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-003.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-005-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-006-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-006.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-007-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-007.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-009.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-010-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-011-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-011.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-012-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-012.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-013-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-013.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-014-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-014.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-015-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-015.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-016-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-016.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-017-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-017.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-018.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-019.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-020.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-021-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-021.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-022-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-022.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-023-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-023.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-024.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-025.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-026-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-026.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-027-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-027.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-028-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-028.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-029-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-029.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-030-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-030.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-031-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-031.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-032-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-032.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-033-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-033.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-034.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-035.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-036.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-037-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-037.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-038.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-039.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-040-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-040.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-041-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-041.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-042-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-042.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-043-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-043.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-046.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-047-ref.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-047.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-048-ref.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-048.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-049.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-050-ref.html20
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-050.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-051.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-052-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-052.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-053-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-053.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-054.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-056.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-057.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-063-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-063.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-065.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-066.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-067.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-068-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-068.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-070-ref.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-070.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-072-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-072.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-073-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-073.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-075-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-075.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-076.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-077.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-078.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-080-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-080.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-081-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-081.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-082-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-082.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-083-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-083.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-085.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-086.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-089-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-089.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-090-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-090.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-091-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-091.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-096-ref.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-096.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-097-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-097.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-099.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-100-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-100.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-103-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-103.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-105.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-107.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-108.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-109.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-110.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-111.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-112.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-113-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-113.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-114.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-115.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-116.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-117.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-118.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-119.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-121.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-122.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-123.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-126-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-126.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-127.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-129.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-130.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-131.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-132-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-132.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-135-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-135.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-136-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-136.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-138.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-140.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-141-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-141.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-142.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-143-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-143.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-144-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-144.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-145.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-146.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-147-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-147.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-149-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-149.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-150-ref.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-150.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-151.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-152.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-153.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-155-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-155.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-156-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-156.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-157.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-158-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-158.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-159-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-159.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-160.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-171-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-171.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-172-ref.xht81
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-172.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-173-ref.xht75
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-173.xht73
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-174-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-174.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-175-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-175.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-177-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-177.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-178.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-applies-to-001.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-attr-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-attr-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-attr-case-001.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-attr-case-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-auto-reset-001-ref.html7
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-auto-reset-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-000-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-000.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-001.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-002-ref.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-002.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-003-ref.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-003.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-004-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-004.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-005.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-006-ref.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-006.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-007-ref.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-007.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-008-ref.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-008.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-009-ref.xht99
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-009.xht113
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-010-ref.xht97
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-010.xht111
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-011-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-011.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-012.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-013-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-013.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-014.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-015-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-015.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counter-016.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-000.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-001.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-002.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-003.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-004.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-005.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-006.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-007.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-008.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-009.xht112
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-010.xht110
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-011.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-012.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-013.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-014.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-015.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-016.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-017.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-counters-018.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-inherit-001.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-inherit-002-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-inherit-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-newline-001-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-newline-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-uri-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-white-space-001-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-white-space-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-white-space-002-ref.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-white-space-002.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-white-space-003-ref.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-white-space-003.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-white-space-004-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/content-white-space-004.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counter-increment-000.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counter-increment-001.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counter-increment-002.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counter-reset-000.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counter-reset-001.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counter-reset-002.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-000-ref.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-000.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-002-ref.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-multi-000-ref.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-multi-000.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-multi-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-order-000-ref.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-order-000.xht68
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-order-001.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-root-000-ref.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-root-000.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-scope-000.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-scope-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-scope-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-scope-003.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-scope-004.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-scope-implied-000.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-scope-implied-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/counters-scope-implied-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/multiple-content-values-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/other-attribute-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-003.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-004.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-005.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-006.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-007.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-008.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-009.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-010.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-011.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-012.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-013.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-014.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-015.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-016.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-017.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-018.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-019.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-020.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-021.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-022.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-023.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-024.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-025.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-026.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-027.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-028.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-029.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-030.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-031.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-032.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-033.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-034.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-035-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-035.xht84
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-035a.xht85
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-036.xht88
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-001.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-002.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-003.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-004.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-005.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-006.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-008.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-009.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-012.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-013.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-014.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-negative-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-page-001.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/quotes-repeat-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/content-attr-002.css0
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/square-outline-32x32.pngbin0 -> 96 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/generated-content/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/META.yml2
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/.htaccess87
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-001.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-002.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-003.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-003.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-004.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-004.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-005.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-005.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-006.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-006.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-007.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-007.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-008.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-008.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-009.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-009.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-010.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-010.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-011.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-011.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-012.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-012.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-013.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-013.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-014.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-014.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-015.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-015.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-016.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-016.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-017.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-017.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-018.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-018.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-019.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-019.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-020.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-020.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-021.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-021.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-022.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-022.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-023.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-023.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-024.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-024.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-025.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-025.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-026.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-026.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-027.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-027.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-028.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-028.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-029.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-029.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/.htaccess42
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charset1.css7
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charset1.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charset15.css7
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charset15.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charsetutf8.css13
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charsetutf8uc.css13
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom.css12
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/bordered-rectangle.pngbin0 -> 368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset-unknown.css7
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset1.css13
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset1.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-beforespaces.css13
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-blankline.css14
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-endspaces.css13
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-linebreak.css14
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-midspaces.css13
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-nocolon.css14
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-singlequotes.css13
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15.css13
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset8.css13
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset8.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/equal.pngbin0 -> 520 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1-bom.css12
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1-bom.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1-charset8.css13
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1-charset8.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1.css12
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/http15.css12
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/http15.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/http8-charset1.css7
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/http8-charset1.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/http8.css12
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/http8.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/illegalcharset.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/import-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/import-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/none.css12
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/none.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/notequal.pngbin0 -> 887 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/ruler-h-50%.pngbin0 -> 691 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/ruler-h-50px.pngbin0 -> 671 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/ruler-v-100px.pngbin0 -> 760 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/ruler-v-50px.pngbin0 -> 757 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-inner-half-size.pngbin0 -> 180 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-003.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-004.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-005.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-006.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-007.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-008.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-009.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-010.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-011.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-012.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-013.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-014.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-015.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-016.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-017.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-018.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-019.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-020.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-021.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-022.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-023.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-024.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-025.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-026.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-027.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-028.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-001.pngbin0 -> 2633 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-002.pngbin0 -> 2625 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-003.pngbin0 -> 2625 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-004.pngbin0 -> 2575 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-005.pngbin0 -> 2579 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-006.pngbin0 -> 2583 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-007.pngbin0 -> 2522 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-008.pngbin0 -> 2104 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-011.pngbin0 -> 2540 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-012.pngbin0 -> 2483 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-013.pngbin0 -> 2493 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-014.pngbin0 -> 2487 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-015.pngbin0 -> 2499 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-016.pngbin0 -> 2628 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-017.pngbin0 -> 2531 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-018.pngbin0 -> 2586 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-019.pngbin0 -> 2557 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-020.pngbin0 -> 2631 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-021.pngbin0 -> 2567 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-024.pngbin0 -> 2615 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-025.pngbin0 -> 2541 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-026.pngbin0 -> 4993 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-027.pngbin0 -> 4919 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-028.pngbin0 -> 3185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/same.pngbin0 -> 315 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/i18n/visuren/support/samenot.pngbin0 -> 659 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/inline-svg-100-percent-in-body.html31
-rw-r--r--testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-1.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-2.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/inline-svg-margin-padding-border.html53
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/animations/line-height-interpolation.html186
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/anonymous-inline-inherit-001-ref.html7
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/anonymous-inline-inherit-001.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/baseline-block-with-overflow-001-ref.html63
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/baseline-block-with-overflow-001.html67
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/border-padding-bleed-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/border-padding-bleed-001.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/border-padding-bleed-002.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/border-padding-bleed-003.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/crashtests/dir-change-simplifed-crash.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/crashtests/inline-block-baseline-crash.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/empty-inline-001.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/empty-inline-002-ref.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/empty-inline-002.xht69
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/empty-inline-003-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/empty-inline-003.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/fractional-line-height.html30
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/iframe-in-block-in-inline-ref.html4
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/iframe-in-block-in-inline.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/iframe-in-wrapped-span-ref.html3
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/iframe-in-wrapped-span.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-box-001-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-box-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-box-002-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-box-002.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-children-root-linebox-crash-001.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-001-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-001.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-002-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-002.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-003-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-003.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-004.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-005.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-006.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-007.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-008-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-008.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-009-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-009.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-010.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-010b.xht111
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-010c.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-010d.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-011-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-011.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-012.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-013-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-013.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-014.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-015-ref.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-015.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-016.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-017.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-018.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-019.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-020.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-021.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-022-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-022.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-023-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-023.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-negative-margin-001.html53
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/inline-negative-margin-minmax-crash-001.html19
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/leading-001-ref.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/leading-001.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-box-height-001.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-box-height-002-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-box-height-002.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-breaking-font-size-zero-001-ref.html24
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-breaking-font-size-zero-001.html32
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-001.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-002-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-002.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-003.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-004.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-005.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-006-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-006.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-007.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-012.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-013.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-014.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-015.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-016.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-017.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-018.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-023.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-024.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-025-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-025.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-026.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-027.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-028.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-029.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-034.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-035.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-036.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-037.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-038.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-039.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-040.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-045.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-046.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-047.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-048.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-049.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-050.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-051.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-056.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-057.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-058.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-059.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-060.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-061-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-061.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-062.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-067.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-068.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-069-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-069.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-070.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-071.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-072-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-072.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-073.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-078.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-079.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-080.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-081.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-082.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-083.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-084.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-089.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-090.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-091.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-092.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-093.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-094.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-095.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-100.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-101.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-102-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-102.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-103.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-104.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-105-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-105.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-106.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-111.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-112.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-121-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-121.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-122.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-123.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-124.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-125-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-125.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-126-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-126.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-127-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-127.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-128-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-128.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-129.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-001-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-001.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-002.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-003.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-004.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-005-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-005.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-006.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-007.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-008.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-009.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-010.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-012.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-013.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-014.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-015.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-016-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-016.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-001-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-002-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-002.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-003.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-largest-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-normal-recommendation-001.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-oof-descendants-001-ref.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/line-height-oof-descendants-001.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/needs-layout-transform.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/support/black15x15.pngbin0 -> 168 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/support/blue96x96.pngbin0 -> 1010 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/support/green_box.pngbin0 -> 502 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/support/iframe-inner.html2
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/support/inline-formatting-context-022.pngbin0 -> 398 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/support/ruler-v-100px-200px.pngbin0 -> 230 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/support/swatch-teal.pngbin0 -> 156 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-004-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-004.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-005.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-006.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-007-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-007.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-008.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-016.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-017.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-018.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-019.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-020.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-028.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-029.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-030.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-031.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-032.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-040.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-041.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-042.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-043.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-044.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-052.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-053.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-054.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-055.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-056.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-064.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-065.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-066.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-067.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-068.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-076.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-077.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-078.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-079-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-079.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-080.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-088.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-089.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-090.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-091.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-092.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-100.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-101.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-102.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-103-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-103.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-104.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-109.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-110.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-111.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-112.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-113.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-114.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-115.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-116.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-117.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-117a-ref.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-117a.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-118.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-118a-ref.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-118a.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-119.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-120.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-121-ref.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-121.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-001.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-002.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-003.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-004.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-005.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-006.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-007-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-007.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-008-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-008.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-009.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-010.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-012.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-013.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-014.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-015.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-001-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-001.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-002.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-003-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-003.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-004.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-004a-ref.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-004a.xht92
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-005.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-005a.xht89
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-006.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-006a.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-007-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-007.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-008-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-008.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-009.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-010.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-boxes-001.xht76
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-negative-leading-001-ref.html34
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-negative-leading-001.html37
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-nested-top-001-ref.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-nested-top-001.html20
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-sub-001-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-sub-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-super-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-top-bottom-001.html87
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-top-bottom-padding-ref.html38
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/vertical-align-top-bottom-padding.html49
-rw-r--r--testing/web-platform/tests/css/CSS2/linebox/video-needs-layout-crash.html7
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-003.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-004.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-006.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-007.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-008.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-009.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-011.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-012.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-013.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-014-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-014.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-015.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-016.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-017.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-018.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-019.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-020.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-021-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-021.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-022.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-023.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-024.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-025.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-026.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-027-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-027.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-028.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-029.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-030.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-031.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-032.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-033.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-034-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-034.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-035.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-036.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-037.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-038.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-039.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-040-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-040.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-041.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-042.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-043.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-044.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-045.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-046.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-047-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-047.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-048.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-049.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-050.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-051.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-052.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-053-ref.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-053.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-054-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-054.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-055-ref.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-055.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-056.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-001.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-002.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-003.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-004.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-005.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-006.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-008.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-009.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-012.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-013.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-014.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-auto-reset-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-display-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-display-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-display-003.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-display-004.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-multiple-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-not-generated-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-003.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-004.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-003.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-004.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-006.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-007.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-008.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-009.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-011.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-012.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-013.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-014.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-015.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-016.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-017.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-018.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-019.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-020.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-021.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-022.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-023.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-024.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-025.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-026.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-027.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-028.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-029.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-030.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-031.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-032.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-033.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-034.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-035.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-036.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-037.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-038.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-039.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-040.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-041.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-042.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-043.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-044.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-045.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-046.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-047.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-048.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-049.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-050.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-051.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-052.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-053.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-054.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-055.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-056.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-001.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-002.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-003.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-004.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-005.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-006.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-008.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-009.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-012.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-013.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-014.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-display-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-002-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-002.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-multiple-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-not-generated-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-sibling-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/counter-reset-visibility-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/increment-counter-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-alignment-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-bidi-000.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-002.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-003.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-004.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-005.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-006.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-007.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-008.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-009.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-010.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-011.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-012.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-013.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-014.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-015.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-016.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-017.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-018.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-019-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-019.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-020-ref.xht74
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-020.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-021-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-021.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-001.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-002.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-003.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-004.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-005.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-006.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-007.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-008.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-009.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-010.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-012.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-013.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-014.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-015.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-002.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-003.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-004-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-004.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-005-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-005.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-006.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-007-ref.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-007.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-001.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-002.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-003.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-004.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-005.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-006.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-007.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-008.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-009.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-010.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-012.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-013.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-014.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-015.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-image-available-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-none-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-018-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-018.xht67
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-019.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-020.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-021.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-022.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-023-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-023.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-024-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-024.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-025.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-001.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-002.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-003.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-004.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-005.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-006.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-007.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-008.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-009.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-010.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-012.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-013.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-014.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-015.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-position-inside-002.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-003.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-004.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-005.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-006.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-007.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-009.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-010.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-011.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-012.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-013.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-014.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-015.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-016.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-017.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-018.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-001.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-002.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-003.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-004.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-005.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-006.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-007.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-008.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-009.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-010.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-012.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-013.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-014.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-015.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-armenian-001.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-georgian-001.xht124
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/list-style-type-lower-greek-001.xht100
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/lists-alpha-wrap-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/lists-backgrounds-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/markers-rtl-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/reset-counter-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/README28
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/red15x15.pngbin0 -> 922 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/lists/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-001-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-001.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-002-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-002.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-003-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-003.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-004-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-004.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-005-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-005.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-006-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-006.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-007-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-007.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-008-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-008.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-009-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-009.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-001-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-001.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-002.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-003.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-004.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-005.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-006.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-007.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-008.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-009-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-009.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-010.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-012.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-013.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-014.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-015.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-backgrounds-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-backgrounds-002.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-backgrounds-003.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-border-padding-001-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-border-padding-001.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-border-padding-002.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-border-padding-003.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-004.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-005.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-006.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-007-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-007.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-008.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-016.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-017.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-018.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-019-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-019.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-020.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-028.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-029.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-030.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-031-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-031.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-032.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-040.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-041.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-042.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-043-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-043.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-044.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-052.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-053.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-054.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-055.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-056.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-064.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-065.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-066.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-067-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-067.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-068.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-076.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-077.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-078.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-079-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-079.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-080.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-088.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-089.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-090.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-091-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-091.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-092.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-100-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-100.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-101.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-102.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-103-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-103.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-104.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-109.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-110.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-111.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-112.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-113.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-001-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-001.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-002.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-003.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-004.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-005.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-006.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-007.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-008-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-008.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-009-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-009.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-010.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-012.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-013.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-014.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-015.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-001-ref.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-001.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-002-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-002.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-003-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-003.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-004-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-004.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-005.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-006.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-007.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-008.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-009.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-010-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-010.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-011.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-012.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-013-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-013.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-014.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-015.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-015a.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-016.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-017-ref.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-017.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-019.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-020-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-020.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-021.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-022.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-025.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-026.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-028.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-029.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-030.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-032.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-037-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-037.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-038-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-038.xht73
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-039.xht90
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-040.xht101
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-041.xht107
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-101-ref.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-101.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-102.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-103-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-103.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-104.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-105.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-106-ref.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-106.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-107.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-108.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-109.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-110-ref.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-110.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-111.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-112.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-113-ref.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-113.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-114-ref.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-114.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-115-ref.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-115.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-116.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-117.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-118.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-119.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-120.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-126.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-127.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-128.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-129.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-130-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-130.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-131-ref.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-131.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-132.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-133.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-137-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-137.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-138.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-139.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-140.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-141.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-143.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-145.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-146.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-147.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-148.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-151.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-154.xht98
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-155-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-155.xht93
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-156-ref.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-156.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-159-ref.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-159.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-160.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-162.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-163.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-000.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-004.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-006.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-007.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-010.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-min-height-001-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-min-height-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-min-height-002-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-min-height-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-em-inherit-001-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-em-inherit-001.xht97
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-inline-001-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-inline-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-inline-002-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-inline-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-004-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-004.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-005.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-006.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-007-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-007.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-008.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-016.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-017.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-018.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-019-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-019.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-020.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-028.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-029.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-030.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-031-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-031.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-032.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-040.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-041.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-042.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-043-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-043.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-044.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-052.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-053.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-054.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-055.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-056.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-064.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-065.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-066.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-067-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-067.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-068.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-076.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-077.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-078.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-079-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-079.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-080.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-088.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-089.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-090.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-091.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-092.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-100.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-101.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-102.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-103-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-103.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-104.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-109.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-110.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-111.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-112.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-113-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-113.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-001-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-001.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-002.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-003.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-004.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-005.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-006.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-007.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-008.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-009-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-009.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-010.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-012.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-013.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-014.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-015.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-percentage-inherit-001-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-percentage-inherit-001.xht95
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-percentage-undefined-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-004.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-005.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-006.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-007.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-008.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-016.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-017.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-018.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-019.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-020.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-028.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-029.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-030.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-031.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-032.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-040.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-041.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-042.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-043.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-044.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-052.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-053.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-054.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-055.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-056.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-064.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-065.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-066.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-067.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-068.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-076.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-077.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-078.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-079.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-080.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-088.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-089.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-090.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-091.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-092.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-100-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-100.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-101.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-102.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-103-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-103.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-104.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-109.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-110.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-111.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-112.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-113-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-113.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-001.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-002.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-003.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-004.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-005.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-006.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-007.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-008.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-009.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-010.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-012.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-013.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-014.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-015.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-002-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-002.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-003-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-003.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-004.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-004.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-005.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-006.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-007-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-007.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-008.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-016.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-017.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-018.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-019-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-019.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-020.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-028.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-029.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-030.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-031-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-031.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-032.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-040.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-041.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-042.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-043-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-043.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-044.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-052.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-053.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-054.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-055.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-056.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-064.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-065.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-066.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-067-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-067.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-068.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-076.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-077.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-078.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-079-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-079.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-080.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-088.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-089.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-090.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-091.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-092.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-100.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-101.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-102.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-103-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-103.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-104.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-109.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-110.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-111.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-112.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-113-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-113.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-001-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-001.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-002.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-003.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-004.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-005.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-006.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-007.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-008.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-009.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-010.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-012-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-012.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-013-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-013.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-014.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-015.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-001.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-002.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-003.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-004-ref.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-004.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-005-ref.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-005.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-006-ref.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-006.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-007-ref.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-007.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-008-ref.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-008.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-009-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-009.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-001.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-002.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-003.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-004.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-005.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-006.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-007.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-008.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-009.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-010.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-012.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-013.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-014.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-015.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-016.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-017.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-background-001-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-background-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-003.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-004.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-005.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-006.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-007.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-012.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-013.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-014.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-015.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-016.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-017.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-018.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-023.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-024.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-025.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-026.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-027.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-028.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-029.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-034.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-035.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-036.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-037.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-038.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-039.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-040.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-045.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-046.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-047.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-048.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-049.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-050.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-051.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-056.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-057.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-058.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-059.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-060.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-061.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-062.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-067.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-068.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-069.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-070.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-071.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-072.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-073.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-078.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-079.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-080.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-081.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-082.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-083.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-084.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-089.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-090.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-091-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-091.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-092.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-093.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-094.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-095.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-100.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-101.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-102.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-103-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-103.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-001-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-001.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-002.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-003.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-004.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-005.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-006.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-007-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-007.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-008.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-009.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-010.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-012.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-013.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-014.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-015.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-em-inherit-001-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-em-inherit-001.xht101
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-001.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-002.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-003.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-004.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-005.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-006.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-007.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-012.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-013.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-015.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-016.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-017.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-018.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-023.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-024.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-025.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-026.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-027.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-028.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-029.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-034.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-035.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-036-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-036.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-037.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-038.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-039.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-040.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-045.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-046.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-047-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-047.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-048.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-049.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-050.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-051.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-056.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-057.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-058.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-059.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-060.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-061.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-062.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-067.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-068.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-069.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-070.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-071.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-072.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-073.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-078.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-079.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-080.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-081.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-082.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-083.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-084.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-089.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-090.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-091-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-091.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-092.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-093.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-094.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-095.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-100.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-101.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-102.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-103-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-103.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-001.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-002.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-003.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-004.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-005.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-006.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-007.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-008-ref.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-008.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-009.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-010-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-010.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-012.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-013.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-014.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-015.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-percentage-inherit-001-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-percentage-inherit-001.xht96
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-percentage-undefined-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-001.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-002.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-003-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-003.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-004.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-005.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-006-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-006.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-007.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-012.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-013.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-015.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-016.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-017-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-017.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-018.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-023.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-024.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-025-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-025.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-026.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-027.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-028-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-028.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-029.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-034.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-035.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-036.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-037.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-038.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-039-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-039.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-040.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-045.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-046.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-047.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-048.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-049.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-050.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-051.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-056.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-057.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-058.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-059.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-060.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-061-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-061.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-062.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-067.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-068.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-069-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-069.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-070.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-071.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-072-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-072.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-073.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-078.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-079.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-080-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-080.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-081.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-082.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-083-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-083.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-084.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-089-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-089.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-090.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-091-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-091.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-092.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-093.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-094.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-095.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-100.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-101.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-102.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-103.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-001.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-002.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-003.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-004.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-005.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-006.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-007.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-008.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-009.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-010.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-012.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-013.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-014.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-015.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-shorthand-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-shorthand-002.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-shorthand-003.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-shorthand-004.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-003.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-004.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-005.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-006.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-007.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-012.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-013.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-014.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-015.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-016.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-017.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-018.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-023.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-024.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-025.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-026.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-027.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-028.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-029.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-034.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-035.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-036.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-037.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-038.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-039.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-040.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-045.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-046.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-047.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-048.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-049.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-050.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-051.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-056.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-057.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-058.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-059.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-060.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-061.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-062.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-067.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-068.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-069.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-070.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-071.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-072.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-073.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-078.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-079.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-080.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-081.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-082.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-083.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-084.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-089.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-090.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-091-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-091.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-092.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-093.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-094.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-095.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-100.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-101.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-102.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-103-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-103.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-001.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-002.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-003.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-004.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-005.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-006.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-007.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-008.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-009.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-010.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-012.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-013.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-014.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-015.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/100x100-lime.pngbin0 -> 649 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/100x100-red.pngbin0 -> 510 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-border-padding-002.pngbin0 -> 965 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-collapse-013.pngbin0 -> 1322 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-collapse-020.pngbin0 -> 1305 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-collapse-2em-space.pngbin0 -> 1331 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-collapse-4em-space.pngbin0 -> 1370 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/shorthand-001.pngbin0 -> 1419 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/shorthand-002.pngbin0 -> 1377 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/shorthand-003.pngbin0 -> 1457 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/shorthand-004.pngbin0 -> 1766 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/margin-padding-clear/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-002.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-003.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-004.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-005.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-006.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-007.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-008.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-009.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-010.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-011.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-012.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-013.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-014.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-015.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-016.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-017.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/media-dependency-green.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/media-dependency-red.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/auto-margins-root-element.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-002.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-003-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-003.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-001-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-003-ref.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-003.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-004-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-004.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-005-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-005.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-006-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-006.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-007.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-008-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-008.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-009.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-010.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-011-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-011.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-012.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-013.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-014.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-015-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-015.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-016.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-001-ref.html33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-001.html38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-justify-001-ref.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-justify-001.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-last-001-ref.html19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-last-001.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-001-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002-nosplit-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-baseline-001-ref.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-baseline-001.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-client-rects-001.html73
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-001-ref.xht7
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-001.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-002-ref.xht7
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-002.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-003-ref.xht7
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-003.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-004-ref.xht7
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-004.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-001-ref.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-001.html28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-002-ref.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-002.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-between-001-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-between-001.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-in-layer-001-ref.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-in-layer-001.html20
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-001.html29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-002.html41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-float-001.html29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-float-002.html77
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-margin.html31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-relpos-zindex.html69
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001-nosplit-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001-ref.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001a.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001b.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001c.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001d.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001e.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001f.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001g.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001h.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001i.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001j.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001k.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001l.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002-nosplit-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002-ref.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002a.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002b.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002c.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002d.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002e.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002f.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002g.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002h.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002i.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003-nosplit-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003-ref.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004-nosplit-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004-ref.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006-nosplit-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006-ref.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007-nosplit-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007-ref.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008-nosplit-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008-ref.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008a.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008b.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008c.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009-nosplit-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010-nosplit-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011-nosplit-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012-nosplit-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012-ref.xht9
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013-nosplit-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013-ref.xht9
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014-nosplit-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014-ref.xht9
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015-nosplit-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015-ref.xht9
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016-nosplit-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016-ref.xht9
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016a.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016b.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-017-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-017.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-018.html28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-019-ref.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-019.html38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-020-ref.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-020.html40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001-ref.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001a.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001b.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002-ref.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002a.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002b.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-003-ref.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-003.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-004-ref.html7
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-004.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-001-ref.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-002-ref.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-002.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-percents-001-ref.xht8
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-percents-001.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-000-ref.xht9
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-000.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001-nosplit-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-002-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-002.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003-nosplit-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004-nosplit-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005-nosplit-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006-nosplit-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-vertical-align-001-ref.html19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-vertical-align-001.html35
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001a.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001b.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-001-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-002.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-003.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-004.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-005-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-005.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-006.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-007.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-008.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-009-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-009.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-010.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-011.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-012.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-013.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-014.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-015.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-016.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-001-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-001.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-002.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-003.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-004-ref.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-004.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-005-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-005.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-006.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-007-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-007.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-008.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-001-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-001.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-002-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-002.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-003.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-004-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-004.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-005-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-005.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-006-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-006.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-007.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-002-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-002.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-003.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-004.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-006-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-006.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-011-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-011.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-012.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-013-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-013.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-014-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-014.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-015.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-016.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-017.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-018-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-018.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-019-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-019.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-020-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-020.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-021.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-022.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-025-ref.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-025.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-026-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-026.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-027.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/blocks-028.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order-ref.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order.html31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/child-bottom-margin-in-unresolvable-percentage-height.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-bottom.html19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-left.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-right.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-top.html19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-bottom.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-left.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-right.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-top.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/crashtests/block-in-inline-ax-crash.html194
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/cross-domain-iframe-paint-order-ref.html4
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/cross-domain-iframe-paint-order.sub.html25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/dynamic-percentage-height.html38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/float-percentage-resolution-quirks-mode.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-001-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-003-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-004.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-005.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-006-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-006.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-007.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-012.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-013.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-014.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-015.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-016.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-017.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-018.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-023.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-024.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-025-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-025.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-026.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-027.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-028.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-029.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-034.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-035.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-036.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-037.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-038.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-039.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-040.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-045.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-046.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-047.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-048.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-049.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-050.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-051.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-056.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-057.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-058-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-058.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-059.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-060.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-061-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-061.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-062.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-067-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-067.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-068.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-069-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-069.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-070.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-071.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-072-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-072.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-073.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-078.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-079.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-080-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-080.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-081.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-082.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-083.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-084.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-089.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-090.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-091.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-092.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-093.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-094.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-095.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-100.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-101.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-102.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-103.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-104.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-111-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-111.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-112-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-112.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-113-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-113.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-114-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-114.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-001.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-002.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-003.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-004.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-005.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-006.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-007.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-008.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-009.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-010.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-012.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-013.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-014.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-016.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-inherit-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-001-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-001.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-002.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-003-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-004.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-005.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/hit-test-anonymous-block.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-000-ref.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-000.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-001.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-002.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-003.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-004.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-005.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-001-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-001.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-002-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-002.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-height-001.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-height-002.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-001-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-001.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-002-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-002.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-003.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-004.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-005.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-002.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-003-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-003.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-004.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-005.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-006.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-007.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-008.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-009.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-001-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-001.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-002-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-002.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-003-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-003.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-004.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-006-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-006.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-007.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-008.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-001-ref.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-002-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001a.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001b.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002a.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002b.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-001-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-001.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-002.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-003-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-003.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-004-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-004.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-005.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-002-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-002.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-003.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-002.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-002.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-003.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-004.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-005.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-006.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-007.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-008.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-009.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-010.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-011.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-001.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-002-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-002.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-003-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-003.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-004.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-006.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-008.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-009.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-011-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-011.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-012-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-012.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-013.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-014-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-014.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-016.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-017.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002-ref.xht8
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002a.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002b.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-003-ref.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-003.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-001-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-001.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-002-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-002.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-valign-001-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-valign-001.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001a.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001b.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002a.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002b.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-001-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-001.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-002.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-003-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-003.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-004-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-004.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-005.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-001.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-002-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-002.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-004.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-005.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-006.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-007.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-009.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-010.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-011.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-012.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-013-ref.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-013.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-014.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-015.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-016-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-016.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-017-ref.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-017.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-020-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/inlines-020.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/intrinsic-size-with-negative-margins.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-percentage-height-block.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-percentage-padding.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-zero-height-block.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-dynamic.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-in-table-caption-001.html25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-in-table-caption-002.html25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-003.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-004.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-005.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-006.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-007.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-012.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-013.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-014.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-015.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-016.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-017.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-018.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-023.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-024.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-025-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-025.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-026.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-027.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-028.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-029.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-034.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-035.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-036-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-036.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-037.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-038.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-039.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-040.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-045.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-046.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-047-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-047.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-048.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-049.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-050.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-051.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-056.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-057.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-058-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-058.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-059.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-060.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-061.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-062.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-067.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-068.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-069-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-069.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-070.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-071.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-072.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-073.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-078.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-079.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-080.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-081.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-082.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-083.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-084.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-089.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-090.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-091.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-092.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-093.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-094.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-095.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-100.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-101.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-102.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-103.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-104.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-105.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-106.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-107-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-107.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-108.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-109.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-110-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-110.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-111.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-001.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-002.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-003.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-004.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-005.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-006.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-007.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-008.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-009.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-012.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-013.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-014.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-015.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-016.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-max-width-001.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-001-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-001.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-002-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-002.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-003.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-height-separates-margin.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-002.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-003-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-003.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-004.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-006-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-006.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-007.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-012.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-013.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-014.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-015.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-016.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-017.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-018.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-023.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-024.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-025-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-025.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-026.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-027.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-028.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-029.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-034.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-035.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-036-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-036.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-037.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-038.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-039.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-040.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-045.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-046.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-047-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-047.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-048.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-049.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-050.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-051.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-056.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-057.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-058.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-059.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-060.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-061-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-061.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-062.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-067.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-068.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-069-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-069.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-070.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-071.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-072-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-072.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-073.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-078.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-079.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-080.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-081.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-082.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-083.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-084.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-089.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-090.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-091.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-092.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-093.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-094.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-095.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-100.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-101.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-102.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-103.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-104.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-105-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-105.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-106.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-107-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-107.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-108.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-110.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-001.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-002.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-003.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-004.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-005.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-006.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-008.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-009.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-012.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-013.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-014.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-015.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-016.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-001-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-001.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-002.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-003.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-004.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-005.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-006.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-007.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-012.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-013.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-014.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-015.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-016.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-017.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-018.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-023.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-024.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-025.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-026.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-027.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-028.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-029.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-034.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-035.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-036.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-037.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-038.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-039.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-040.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-045.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-046.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-047.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-048.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-049.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-050.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-051.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-056.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-057.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-058.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-059.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-060.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-061.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-062.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-067-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-067.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-068.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-069.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-070.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-071.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-072.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-073.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-078.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-079.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-080.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-081.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-082.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-083.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-084.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-089.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-090.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-091.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-092.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-093.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-094.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-095.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-100.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-101.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-102.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-103.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-104.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-105.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-106.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-111-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-111.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-112.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-113.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-001.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-002.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-003.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-004.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-005.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-006.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-008.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-009.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-010.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-012.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-013.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-014.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-001.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-002.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-003-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-003.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-height-separates-margin.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-002.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-003.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-004.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-006.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-007.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-012.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-013.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-014.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-015.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-016.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-017.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-018.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-023.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-024.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-025.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-026.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-027.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-028.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-029.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-034.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-035.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-036.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-037.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-038.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-039.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-040.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-045.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-046.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-047.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-048.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-049.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-050.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-051.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-056.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-057.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-058.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-059.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-060.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-061.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-062.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-067.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-068.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-069.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-070.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-071.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-072.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-073.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-078.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-079.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-080.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-081.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-082.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-083.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-084.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-089.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-090.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-091.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-092.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-093.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-094.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-095.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-100.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-101.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-102.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-103.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-001.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-002.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-003.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-004.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-005.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-006.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-007.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-008.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-009.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-010.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-012.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-013.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-014.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-015.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-016.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-001.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-002.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-003.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-001-ref.html35
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-001.html42
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-shrinking-container-size-001.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-shrinking-container-size-002.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/overflow-scroll-paint-order-ref.html5
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/overflow-scroll-paint-order.html47
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/replaced-elements-001.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-001-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-002-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-003-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-004.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-005-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-005.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-ratio-001.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/replaced-min-max-001.xht314
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/resizable-iframe-paint-order-ref.html4
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/resizable-iframe-paint-order.html29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/root-box-001-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/root-box-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-gray.pngbin0 -> 146 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/black96x96.pngbin0 -> 204 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/blue96x96.pngbin0 -> 1010 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/green-rectangle-50wideBy10tall.pngbin0 -> 181 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/green.html2
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/green200x200.pngbin0 -> 461 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/intrinsic-ratio.svg15
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/margin-collapse-2em-space.pngbin0 -> 1331 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-001.svg3
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-002.svg3
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-003.svg4
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-004.svg2
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-005.svg2
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-1.pngbin0 -> 1083 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-10.pngbin0 -> 1775 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-11.pngbin0 -> 1357 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-12.pngbin0 -> 1744 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-13.pngbin0 -> 1357 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-14.pngbin0 -> 1018 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-15.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-16.pngbin0 -> 1018 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-17.pngbin0 -> 1026 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-18.pngbin0 -> 1073 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-19.pngbin0 -> 1074 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-2.pngbin0 -> 1175 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-3.pngbin0 -> 1349 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-4.pngbin0 -> 1018 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-5.pngbin0 -> 1026 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-6.pngbin0 -> 1175 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-7.pngbin0 -> 1276 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-8.pngbin0 -> 1018 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-9.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max.pngbin0 -> 1083 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-aqua.pngbin0 -> 175 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-teal.pngbin0 -> 156 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/table-in-inline-001-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/table-in-inline-001.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/unresolvable-max-height.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/unresolvable-min-height.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/video-paint-order-ref.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/video-paint-order.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-003.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-004.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-005.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-006.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-007.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-012.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-013.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-014.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-015.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-016.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-017.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-018.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-023.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-024.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-025.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-026.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-027.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-028.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-029.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-034.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-035.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-036.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-037.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-038.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-039.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-040.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-045.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-046.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-047.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-048.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-049.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-050.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-051.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-056.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-057.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-058.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-059.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-060.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-061.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-062.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-067.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-068.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-069.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-070.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-071.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-072.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-073.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-078.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-079.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-080.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-081.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-082.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-083.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-084.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-089.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-090.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-091.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-092.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-093.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-094.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-095.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-100.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-101.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-102.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-103-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-103.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-104.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-001.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-002.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-003.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-004.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-005.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-006.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-007.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-008.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-009.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-010.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-012.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-013.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-014.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-016.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-inherit-001.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-non-replaced-inline-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-non-replaced-inline-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-percentage-001.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-percentage-002.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-replaced-element-001.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/normal-flow/width-undefined-001.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/other-formats/background-color-176.html40
-rw-r--r--testing/web-platform/tests/css/CSS2/other-formats/control-characters-001.html52
-rw-r--r--testing/web-platform/tests/css/CSS2/other-formats/xml-lang-selectors-001.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/other-formats/xml-lang-selectors-002.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/other-formats/xml/README2
-rw-r--r--testing/web-platform/tests/css/CSS2/other-formats/xml/background-18.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/other-formats/xml/background-18.xml22
-rw-r--r--testing/web-platform/tests/css/CSS2/other-formats/xml/background-19-alt.xml25
-rw-r--r--testing/web-platform/tests/css/CSS2/other-formats/xml/background-19.css6
-rw-r--r--testing/web-platform/tests/css/CSS2/other-formats/xml/background-19.xml23
-rw-r--r--testing/web-platform/tests/css/CSS2/other-formats/xml/background-20.xml15
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/at-page-rule-001.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/at-page-rule-002-a.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/at-page-rule-002-b.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/at-page-rule-002-c.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/first-page-selectors-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/first-page-selectors-002.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/first-page-selectors-003.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/first-page-selectors-004.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-box-000.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-container-000.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-container-001.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-container-002.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-container-003.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-container-004.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-container-005.xht126
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-container-006.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-container-007.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-container-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-container-009.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-container-010.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-container-011.xht80
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-grammar-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-grammar-002.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-margin-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-margin-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-margin-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-props-100-a.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-props-100-b.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-props-101.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-props-102.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-props-103.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-selectors-001.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-selectors-002.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-selectors-003.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-selectors-004.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/page-selectors-006.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/support/README28
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/support/page-container-007.pngbin0 -> 5722 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/page-box/support/w3c_home.pngbin0 -> 1936 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-001a.xht101
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-001b.xht76
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-001c.xht121
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-002.xht79
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-003.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-004.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-005.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-006.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-007a.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-007b.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-1-print.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-10-print.html20
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-11-print.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-12-print.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-13-print.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-14-print-ref.html20
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-14-print.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-15-print-ref.html20
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-15-print.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-2-print.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-3-print.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-4-print.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-5-print.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-6-print.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-7-print.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-8-print-ref.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-8-print.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-9-print.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-print-ref.html19
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-1-print.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-2-print-ref.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-2-print.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-3-print.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-4-print.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-5-print-ref.html33
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-5-print.html35
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-6-print-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-6-print.html19
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-7-print-ref.html25
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-7-print.html28
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-8-print-ref.html26
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-8-print.html28
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-9-print-ref.html30
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-9-print.html33
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/forced-page-breaks-000.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/forced-page-breaks-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/inline-page-break-inside-avoid-1-print-ref.html19
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/inline-page-break-inside-avoid-1-print.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/orphans-001.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/orphans-002.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/orphans-003.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/orphans-004a.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/orphans-004b.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-after-000.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-after-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-after-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-after-003.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-after-004.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-after-005.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-after-006.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-after-007.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-after-008.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-after-009.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-after-010.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-before-000.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-before-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-before-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-before-003.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-before-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-before-005.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-before-006.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-before-007-b.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-before-007.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-before-008.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-before-009.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-before-010.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-before-011.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-before-020.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-inside-000.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-inside-001.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-inside-002.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-inside-003.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-inside-004.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-inside-005.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-inside-006.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-margins-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-margins-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-margins-003.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-break-margins-004.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-breaks-100.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/page-breaks-101.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/row-page-break-inside-avoid-1-print.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/row-page-break-inside-avoid-2-print.html24
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-1-print.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-2-print.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-3-print.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-4-print-ref.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-4-print.html24
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-5-print-ref.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-5-print.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-6-print.html24
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-7-print-ref.html24
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-7-print.html26
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-8-print-ref.html25
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-8-print.html27
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-1-print.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-2-print-ref.html27
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-2-print.html29
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-3-print-ref.html28
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-3-print.html30
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-4-print-ref.html19
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-4-print.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-5-print-ref.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-5-print.html25
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-6-print-ref.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-6-print.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-7-print-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-7-print.html19
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-8-print.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-print-ref.html19
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/widows-001.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/widows-002.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/widows-003.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/widows-004a.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/pagination/widows-004b.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-002-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-002.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-003-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-003.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-004.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-005.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-006-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-006.xht82
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-007-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-007.xht98
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-008-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-008.xht96
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-009-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-009.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-010.xht95
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-011.xht93
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-012.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-013.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-001-ref.html7
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-001.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-002-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-002.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-003-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-003.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-004.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-005.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-006.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-007-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-007.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-008-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-008.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-009-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-009.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-010.xht94
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-011.xht129
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-012.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-min-001.html12
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-min-max-001-ref.html5
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-min-max-001.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-001.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-002-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-002.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-003-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-003.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-004.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-005.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-006.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-007.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-008-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-008.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-009.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-010.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-011.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-012.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-013.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-014.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-015-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-015.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-016.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-017-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-017.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-018.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-019.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-020.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-021-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-021.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-022.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-023.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-024.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-025-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-025.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-026-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-026.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-027.xht215
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-028.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-001-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-002-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-002.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-003.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-004-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-004.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-005-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-005.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-006-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-006.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-007-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-007.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-008-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-008.xht68
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-009.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-010-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-010.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-011-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-011.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-012-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-012.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-013-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-013.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-014-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-014.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-016.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-017.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-018.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-019.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-020.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-021.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-022.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-023.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-024.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-025.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-026.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-027.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-028.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-029.xht92
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-030.xht78
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-031.xht96
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-032.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-033.xht94
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-034.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-035.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-036.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-001-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-001.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-002-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-002.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003a-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003a.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003b-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003b.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003c-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003c.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-004-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-004.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-006-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-006.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-008.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-009.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-010.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-011.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-013.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-015-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-015.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-020-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-020.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-022-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-022.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-023-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-023.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-024-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-024.xht81
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-025-ref.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-025.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-027-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-027.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-029.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-030.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-031.xht82
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-032.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-034.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-036-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-036.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-037-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-037.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-038-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-038.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-039-ref.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-039.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-041-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-041.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-043.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-048.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-050.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-051.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-052.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-053.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-055.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-057.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-062.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-064.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-065.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-066.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-067.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-069.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-071.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-076.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-001-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-002-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-002.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-003.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-004.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-006.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-007-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-007.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-008-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-008.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-009-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-009.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-010.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-011-ref.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-011.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-012.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-013-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-013.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-014.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-015.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-016.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-017.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-018.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-019.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-020.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-022.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-023.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-024-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-024.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-025-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-025.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-026.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-027.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-028-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-028.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-block-level-001-ref.html31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-block-level-001.html40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-change-in-inline-block.html36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-001-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-002.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-003.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-004.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-005.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-006.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-007.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-008.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-009.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-010-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-010.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-float-with-inline-container-ref.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-float-with-inline-container.html27
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-inline-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-inline-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-inline-003.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-inline-004.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-inline-005.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-inline-006.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-inline-007-ref.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-inline-007.xht75
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-inline-008.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-inline-container-in-inline-block.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-negative-margin-001-ref.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-negative-margin-001.html33
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-001-ref.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-002-ref.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-003-ref.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-003.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-004-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-004.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-005-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-005.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-006-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-006.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-007.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-009.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-010-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-010.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-011-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-011.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-012.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-paged-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-paged-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-width-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-width-002.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-width-003.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-width-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-width-005-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-width-005.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-width-change-inline-container-001-ref.html26
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-width-change-inline-container-001.html37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/abspos-zero-width-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/auto-position-rtl-child-viewport-scrollbar-ref.html5
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/auto-position-rtl-child-viewport-scrollbar.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-004.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-005.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-006.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-007-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-007.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-008.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-016.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-017.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-018.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-019-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-019.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-020.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-028.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-029.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-030.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-031.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-032.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-040.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-041.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-042.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-043.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-044.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-052.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-053.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-054.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-055.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-056.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-064.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-065.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-066.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-067.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-068.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-076.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-077.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-078.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-079-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-079.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-080.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-088.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-089.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-090.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-091.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-092.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-100.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-101.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-102.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-103.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-104.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-109.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-110.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-111.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-112.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-113-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-113.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-001-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-001.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-002.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-003.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-004.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-005.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-006.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-007.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-009.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-010.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-012.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-013.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-014.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-015.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-offset-001-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-offset-001.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-offset-002.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-offset-003.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-offset-percentage-001-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/bottom-offset-percentage-001.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/detach-abspos-before-layout.html31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-001-ref.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-001.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-002-ref.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-002.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-003.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-004.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-005.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-005a.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-005b.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/inline-static-position-001.html50
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-004-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-004.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-005.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-006.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-007-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-007.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-008.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-016.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-017.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-018.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-019.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-020.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-028.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-029.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-030.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-031-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-031.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-032.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-040.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-041.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-042.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-043.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-044.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-052.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-053.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-054.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-055.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-056.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-064.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-065.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-066.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-067.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-068.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-076.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-077.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-078.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-079-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-079.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-080.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-088.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-089.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-090.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-091.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-092.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-100.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-101.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-102.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-103.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-104.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-109.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-110.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-111.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-112.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-113-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-113.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-applies-to-001-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-applies-to-001.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-applies-to-002.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-applies-to-003.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-applies-to-004.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-applies-to-005.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-applies-to-006.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-applies-to-007.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-applies-to-008.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-applies-to-009.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-applies-to-010.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-applies-to-012.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-applies-to-013.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-applies-to-014.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-applies-to-015.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-offset-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-offset-001.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-offset-002.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-offset-003-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-offset-003.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-offset-percentage-001-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-offset-percentage-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-offset-percentage-002-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/left-offset-percentage-002.xht87
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/line-break-after-leading-float.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/line-break-after-leading-oof-001-ref.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/line-break-after-leading-oof-001.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-001.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-002.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-003.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-004.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-005.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-006-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-006.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-absolute-001.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-absolute-002-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-absolute-002.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-absolute-003.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-absolute-004-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-absolute-004.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-absolute-005.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-absolute-006.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-absolute-007-ref.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-absolute-007.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-absolute-008.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-applies-to-001.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-applies-to-002.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-applies-to-003.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-applies-to-004.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-applies-to-005.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-applies-to-006.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-applies-to-007.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-applies-to-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-applies-to-009.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-applies-to-010.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-applies-to-012.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-applies-to-013.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-applies-to-014.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-applies-to-015.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-fixed-001.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-fixed-002.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-fixed-003.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-fixed-004.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-fixed-005.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-fixed-006.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-fixed-007-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-fixed-007.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-001-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-001.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-002.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-003-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-003.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-004-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-004.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-005-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-005.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-006.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-007.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-008.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-009.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-010.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-013.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-014-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-014.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-015.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-016-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-016.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-017.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-018-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-018.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-019.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-020.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-021.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-022.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-027-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-027.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-028-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-028.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-029.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-030-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-030.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-031-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-031.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-032-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-032.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-033-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-033.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-034.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-035-ref.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-035.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-036.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-037-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-037.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-038-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-038.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-nested-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-relative-nested-001.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-static-001-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/position-static-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/positioning-float-001-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/positioning-float-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/positioning-float-002-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/positioning-float-002.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-001.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-002.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-003.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-004.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-005.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-006.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-007.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/relpos-percentage-left-in-scrollable-2.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/relpos-percentage-left-in-scrollable.html20
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/relpos-percentage-top-in-scrollable.html19
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-004-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-004.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-005.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-006.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-007-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-007.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-008.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-016.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-017.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-018.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-019-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-019.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-020.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-028.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-029.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-030.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-031-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-031.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-032.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-040.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-041.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-042.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-043.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-044.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-052.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-053.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-054.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-055.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-056.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-064.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-065.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-066.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-067.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-068.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-076.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-077.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-078.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-079-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-079.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-080.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-088.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-089.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-090.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-091.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-092.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-100-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-100.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-101.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-102.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-103-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-103.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-104.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-109.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-110.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-111.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-112.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-113.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-applies-to-001-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-applies-to-001.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-applies-to-002.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-applies-to-003.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-applies-to-004.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-applies-to-005.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-applies-to-006.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-applies-to-007.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-applies-to-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-applies-to-009.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-applies-to-010.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-applies-to-012.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-applies-to-013.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-applies-to-014.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-applies-to-015.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-offset-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-offset-001.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-offset-002.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-offset-003.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-offset-004.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-offset-percentage-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/right-offset-percentage-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/100x100-lime.pngbin0 -> 649 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/100x100-red.pngbin0 -> 510 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/black15x15.pngbin0 -> 168 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/blue96x96.pngbin0 -> 1010 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/green-rectangle-50wideBy10tall.pngbin0 -> 181 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/green_box.pngbin0 -> 502 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/red_box.pngbin0 -> 510 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/toogle-abspos-on-relpos-inline-child.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-004.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-005.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-006.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-007-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-007.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-008.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-016.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-017.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-018.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-019-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-019.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-020.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-028.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-029.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-030.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-031.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-032.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-040.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-041.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-042.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-043.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-044.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-052.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-053.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-054.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-055.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-056.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-064.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-065.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-066.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-067.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-068.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-076.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-077.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-078.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-079-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-079.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-080.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-088.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-089.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-090.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-091.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-092.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-100.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-101.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-102.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-103.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-104.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-109.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-110.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-111.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-112.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-113-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-113.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-applies-to-001-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-applies-to-001.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-applies-to-002.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-applies-to-003.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-applies-to-004.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-applies-to-005.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-applies-to-006.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-applies-to-007.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-applies-to-008.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-applies-to-009.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-applies-to-010.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-applies-to-012.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-applies-to-013.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-applies-to-014.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-applies-to-015.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-offset-001.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-offset-002.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-offset-003-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-offset-003.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-offset-percentage-001-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-offset-percentage-001.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/top-offset-percentage-002.xht88
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/60x60-green.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/bidi-005-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/bidi-007-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/border-seams-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/boxes_same_color_100px_black_50px_margin.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/filler-text-below-green.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/float-applies-to-001-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/inline-svg-100-percent-in-body-ref.html28
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/inline-svg-margin-padding-border-ref.html30
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/margin-collapse-002-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/no-red-filler-text-ref.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/no-red-on-blank-page-ref.xht9
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/no_red_bold_italic_small-caps_ahem.html37
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/pass-if-number-0-30px.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/pass_if_box_ahem.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-black-96px-square-no-red.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-filled-black-96px-square.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-filled-green-100px-square.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-green-background.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-if-there-is-no-red.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-no-vert-space-between.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-nothing-below.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-this-text-should-be-green.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-transparent-or-black-square-black.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-transparent-or-black-square-transparent.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/run-in/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/adjacent-000-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/adjacent-000.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/adjacent-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/adjacent-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-005.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-006.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-007.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/attribute-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/class-000-ref.html19
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/class-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/class-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/class-002-ref.html20
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/class-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/descendant-selector-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/first-child-000-ref.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/first-child-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/first-child-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/first-letter-000.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/first-line-000-ref.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/first-line-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/grouping-000-notref.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/grouping-000-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/grouping-000.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/grouping-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/id-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/sec5/id-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/section-index.xht1131
-rw-r--r--testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-007-ref.html25
-rw-r--r--testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-007.html42
-rw-r--r--testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-008-ref.html25
-rw-r--r--testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-008.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-009-ref.html24
-rw-r--r--testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-009.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-010-ref.html24
-rw-r--r--testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-010.html42
-rw-r--r--testing/web-platform/tests/css/CSS2/selector/lang-pseudoclass-001-ref.html24
-rw-r--r--testing/web-platform/tests/css/CSS2/selector/lang-pseudoclass-001.html36
-rw-r--r--testing/web-platform/tests/css/CSS2/selector/lang-pseudoclass-002.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/.htaccess4
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/active-selector-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/active-selector-002.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/attribute-selector-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/attribute-selector-002.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/attribute-token-selector-002-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/attribute-token-selector-002.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-001-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-003.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-004.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-005.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-006.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/before-after-selector-001-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/before-after-selector-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/before-first-letter-selector-001-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/before-first-letter-selector-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-002.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-003.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-004.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-005.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-006.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/child-selector-001-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/child-selector-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/child-selector-002-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/child-selector-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/child-selector-003-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/child-selector-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/class-selector-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/class-selector-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/class-selector-003.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/class-selector-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/class-selector-005.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/class-selector-006.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/class-selector-007.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/class-selector-008.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/class-selector-009.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/class-selector-010.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/class-selector-011.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/class-selector-012-ref.html20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/class-selector-012.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/combinator-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/combinator-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/combinator-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/combinator-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-001.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-002.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-003.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-004.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-005.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-006.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-008.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/descendent-selector-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/descendent-selector-002-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/descendent-selector-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/descendent-selector-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/descendent-selector-004-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/descendent-selector-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/descendent-selector-005.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/descendent-selector-006.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/descendent-selector-007.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/descendent-selector-008.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/descendent-selector-009.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/descendent-selector-010.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/descendent-selector-011.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/dom-hover-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/dom-hover-002.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/dynamic-sibling-combinator-001-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/dynamic-sibling-combinator-001.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-child-selector-001-ref.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-child-selector-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-child-selector-002-ref.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-child-selector-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-child-selector-003.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-001-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-001.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-abspos-ref.html6
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-abspos.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-001-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-001.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-002-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-002.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-003-ref.xht8
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-003a.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-003b.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-inherit-001-ref.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-inherit-001.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-001-ref.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-003.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-004.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-005.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-006.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-007.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-001-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-002-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-003-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-004-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-005-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-005.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-006-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-006.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-007-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-007.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-008-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-008.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-009-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-009.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-010-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-010.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-012-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-012.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-013-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-013.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-014-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-014.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-015-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-015.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-016-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-016.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-017-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-017.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-018-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-018.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-019-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-019.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-020-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-020.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-021-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-021.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-022-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-022.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-023-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-023.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-024-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-024.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-025-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-025.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-026-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-026.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-027-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-027.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-028-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-028.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-029-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-029.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-030-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-030.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-031-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-031.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-032-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-032.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-033-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-033.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-034-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-034.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-035-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-035.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-036-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-036.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-037-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-037.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-038-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-038.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-039-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-039.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-040-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-040.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-041-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-041.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-042-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-042.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-043-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-043.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-044-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-044.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-045-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-045.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-046-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-046.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-047-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-047.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-048-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-048.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-049-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-049.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-050-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-050.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-051-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-051.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-052-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-052.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-053-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-053.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-054-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-054.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-055-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-055.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-056-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-056.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-057-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-057.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-058-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-058.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-059-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-059.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-060-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-060.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-061-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-061.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-062-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-062.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-063-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-063.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-064-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-064.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-065-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-065.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-066-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-066.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-067-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-067.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-068-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-068.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-069-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-069.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-070-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-070.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-071-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-071.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-072-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-072.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-073-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-073.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-074-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-074.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-075-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-075.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-076-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-076.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-077-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-077.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-078-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-078.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-079-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-079.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-080-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-080.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-081-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-081.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-082-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-082.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-083-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-083.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-084-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-084.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-085-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-085.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-086-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-086.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-087-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-087.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-088-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-088.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-089-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-089.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-090-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-090.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-091-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-091.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-092-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-092.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-093-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-093.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-094-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-094.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-095-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-095.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-096-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-096.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-097-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-097.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-098-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-098.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-099-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-099.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-100-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-100.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-101-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-101.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-102-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-102.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-103-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-103.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-104-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-104.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-105-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-105.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-106-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-106.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-107-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-107.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-108-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-108.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-109-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-109.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-110-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-110.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-111-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-111.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-112-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-112.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-113-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-113.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-115-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-115.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-116-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-116.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-117-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-117.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-118-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-118.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-119-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-119.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-120-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-120.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-121-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-121.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-122-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-122.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-123-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-123.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-124-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-124.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-125-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-125.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-126-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-126.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-127-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-127.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-128-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-128.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-129-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-129.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-130-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-130.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-131-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-131.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-132-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-132.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-133-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-133.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-134-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-134.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-135-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-135.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-136-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-136.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-137-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-137.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-138-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-138.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-139-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-139.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-140-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-140.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-141-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-141.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-142-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-142.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-143-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-143.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-144-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-144.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-145-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-145.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-146-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-146.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-147-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-147.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-148-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-148.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-149-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-149.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-150-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-150.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-151-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-151.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-152-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-152.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-153-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-153.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-154-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-154.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-155-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-155.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-156-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-156.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-157-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-157.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-158-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-158.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-159-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-159.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-160-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-160.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-161-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-161.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-162-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-162.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-163-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-163.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-164-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-164.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-165-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-165.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-166-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-166.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-167-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-167.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-168-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-168.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-169-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-169.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-170-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-170.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-171-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-171.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-172-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-172.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-173-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-173.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-174-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-174.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-175-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-175.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-176-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-176.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-177-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-177.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-178-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-178.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-179-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-179.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-180-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-180.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-181-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-181.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-182-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-182.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-183-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-183.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-185-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-185.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-186-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-186.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-187-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-187.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-188-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-188.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-189-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-189.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-190-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-190.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-191-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-191.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-192-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-192.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-193-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-193.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-194-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-194.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-195-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-195.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-196-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-196.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-197-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-197.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-198-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-198.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-199-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-199.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-200-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-200.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-201-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-201.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-202-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-202.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-203-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-203.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-204-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-204.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-205-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-205.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-206-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-206.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-207-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-207.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-208-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-208.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-211-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-211.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-212-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-212.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-213-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-213.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-214-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-214.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-215-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-215.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-216-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-216.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-217-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-217.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-218-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-218.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-219-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-219.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-220-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-220.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-221-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-221.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-222-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-222.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-223-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-223.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-224-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-224.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-225-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-225.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-226-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-226.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-227-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-227.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-228-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-228.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-229-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-229.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-230-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-230.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-231-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-231.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-232-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-232.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-233-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-233.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-234-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-234.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-235-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-235.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-236-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-236.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-237-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-237.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-238-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-238.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-239-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-239.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-240-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-240.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-241-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-241.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-242-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-242.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-243-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-243.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-244-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-244.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-245-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-245.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-246-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-246.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-247-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-247.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-248-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-248.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-249-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-249.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-250-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-250.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-251-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-251.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-252-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-252.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-253-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-253.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-254-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-254.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-255-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-255.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-256-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-256.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-257-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-257.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-258-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-258.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-259-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-259.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-260-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-260.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-262-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-262.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-263-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-263.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-264-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-264.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-265-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-265.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-266-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-266.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-267-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-267.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-268-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-268.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-269-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-269.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-270-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-270.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-271-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-271.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-272-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-272.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-273-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-273.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-274-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-274.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-275-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-275.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-276-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-276.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-277-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-277.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-278-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-278.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-279-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-279.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-280-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-280.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-281-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-281.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-282-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-282.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-283-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-283.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-284-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-284.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-285-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-285.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-286-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-286.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-287-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-287.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-288-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-288.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-289-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-289.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-290-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-290.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-291-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-291.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-292-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-292.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-293-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-293.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-294-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-294.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-295-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-295.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-296-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-296.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-297-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-297.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-298-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-298.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-299-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-299.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-300-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-300.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-301-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-301.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-302-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-302.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-303-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-303.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-304-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-304.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-305-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-305.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-306-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-306.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-307-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-307.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-308-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-308.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-309-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-309.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-310-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-310.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-311-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-311.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-312-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-312.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-313-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-313.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-314-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-314.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-315-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-315.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-316-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-316.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-317-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-317.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-318-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-318.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-319-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-319.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-320-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-320.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-321-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-321.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-322-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-322.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-323-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-323.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-324-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-324.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-325-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-325.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-326-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-326.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-327-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-327.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-328-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-328.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-329-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-329.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-330-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-330.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-331-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-331.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-332-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-332.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-333-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-333.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-334-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-334.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-335-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-335.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-336-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-336.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-337-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-337.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-338-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-338.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-339-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-339.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-340-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-340.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-341-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-341.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-342-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-342.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-343-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-343.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-344-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-344.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-345-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-345.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-346-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-346.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-347-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-347.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-348-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-348.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-349-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-349.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-350-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-350.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-351-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-351.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-352-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-352.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-353-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-353.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-354-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-354.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-355-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-355.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-356-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-356.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-357-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-357.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-359-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-359.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-360-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-360.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-361-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-361.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-362-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-362.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-363-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-363.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-364-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-364.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-365-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-365.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-366-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-366.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-367-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-367.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-368-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-368.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-369-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-369.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-370-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-370.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-371-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-371.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-372-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-372.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-373-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-373.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-374-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-374.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-375-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-375.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-376-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-376.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-377-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-377.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-378-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-378.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-379-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-379.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-380-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-380.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-381-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-381.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-382-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-382.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-383-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-383.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-384-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-384.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-385-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-385.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-386-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-386.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-387-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-387.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-388-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-388.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-389-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-389.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-390-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-390.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-391-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-391.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-392-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-392.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-393-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-393.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-394-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-394.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-395-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-395.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-396-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-396.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-397-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-397.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-398-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-398.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-399-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-399.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-400-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-400.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-401-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-401.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-402-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-402.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-403-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-403.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-404-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-404.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-405-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-405.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-406-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-406.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-407-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-407.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-408-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-408.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-409-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-409.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-410-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-410.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-411-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-411.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-412-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-412.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-001-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-001.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-002.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-003.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-004.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-005.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-006.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-000-ref.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-000.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-001-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-002-ref.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-003-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-003.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-004.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-005-ref.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-005.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-006.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-007-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-007.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-008.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-009.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-010.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-011.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-012.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-013.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-014.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-015.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-016.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-017.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-018.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-019.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-020.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-021.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-022.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-023.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-024.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-025.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-026.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-027.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-028-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-028.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-029.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-001-ref.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-001.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-floats-001-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-floats-001.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-floats-002.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-floats-003.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-floats-004.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-001-ref.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-002-ref.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-002.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-003-ref.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-003.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-004.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-007.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-008.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-010.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-011.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-012-ref.xht73
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-012.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-013-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-013.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-014.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-015-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-015.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-016.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-017.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-018.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-019.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-020.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-021.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-README9
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-selector-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-selector-002.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-selector-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-selector-004.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-selector-006.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-selector-007.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-selector-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-selector-009.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-selector-010.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-selector-011.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-selector-012.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-selector-013.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-selector-014.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-selector-015.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-selector-016.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/first-line-selector-017.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/focus-pseudo-class-001.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/focus-pseudo-class-002.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/focus-pseudo-class-003.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/focus-selector-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/grouping-002-notref.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/grouping-002-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/grouping-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/hover-selector-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/hover-selector-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/hover-selector-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/html-case-sensitivity-001.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/id-selector-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/id-selector-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/id-selector-004.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/id-selector-005.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/id-selector-006.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/lang-selector-001-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/lang-selector-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/lang-selector-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/lang-selector-003.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/lang-selector-004-ref.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/lang-selector-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/lang-selector-005.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/lang-selector-005.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/lang-selector-006.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-002.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/pseudo-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/pseudo-002.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/pseudo-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/pseudo-005.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/pseudo-006.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/pseudo-007.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/pseudo-008-ref.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/pseudo-008.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/pseudo-009.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/pseudo-010.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/pseudo-011.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/pseudo-012.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/pseudo-013.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/pseudo-014.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/pseudo-015.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/pseudo-016.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/selectors-001-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/selectors-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/selectors-002-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/selectors-002.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/selectors-parsing-001-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/selectors-parsing-001.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/sibling-selector-001-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/sibling-selector-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/sibling-selector-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/sibling-selector-003-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/sibling-selector-003.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/type-selector-001-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/type-selector-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/universal-selector-001-notref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/universal-selector-001-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/universal-selector-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/universal-selector-002-notref.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/universal-selector-002-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/universal-selector-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/universal-selector-003.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/universal-selector-004.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/universal-selector-005-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/selectors/universal-selector-005.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/stacking-context/composite-change-after-scroll-preserves-stacking-order-ref.html19
-rw-r--r--testing/web-platform/tests/css/CSS2/stacking-context/composite-change-after-scroll-preserves-stacking-order.html39
-rw-r--r--testing/web-platform/tests/css/CSS2/stacking-context/opacity-affects-block-in-inline-ref.html2
-rw-r--r--testing/web-platform/tests/css/CSS2/stacking-context/opacity-affects-block-in-inline.html6
-rw-r--r--testing/web-platform/tests/css/CSS2/stacking-context/opacity-change-parent-stacking-context-ref.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/stacking-context/opacity-change-parent-stacking-context.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/stacking-context/opacity-change-twice-stacking-context-ref.html3
-rw-r--r--testing/web-platform/tests/css/CSS2/stacking-context/opacity-change-twice-stacking-context.html19
-rw-r--r--testing/web-platform/tests/css/CSS2/stacking-context/opacity-transition-change-parent-stacking-context-ref.html4
-rw-r--r--testing/web-platform/tests/css/CSS2/stacking-context/opacity-transition-change-parent-stacking-context.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/stacking-context/zindex-affects-block-in-inline-ref.html2
-rw-r--r--testing/web-platform/tests/css/CSS2/stacking-context/zindex-affects-block-in-inline.html7
-rw-r--r--testing/web-platform/tests/css/CSS2/support/100x100-lime.pngbin0 -> 649 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/100x100-red.pngbin0 -> 510 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/200x200-red.pngbin0 -> 517 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/50x50-green.pngbin0 -> 205 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/README28
-rw-r--r--testing/web-platform/tests/css/CSS2/support/abspos-zero-width-001.pngbin0 -> 1725 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/bar_with_corner_dot.pngbin0 -> 907 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/black15x15.pngbin0 -> 168 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/black96x96.pngbin0 -> 204 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/blue-orange-rectangle.pngbin0 -> 810 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/blue20x20.pngbin0 -> 940 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/blue96x96.pngbin0 -> 1010 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/green200x200.pngbin0 -> 461 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/green_box.pngbin0 -> 502 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/margin-collapse-2em-space.pngbin0 -> 1331 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/margin-collapse-4em-space.pngbin0 -> 1370 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/orange15x15.pngbin0 -> 958 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/orange_box.pngbin0 -> 957 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/pattern-gg-gr-100x100.pngbin0 -> 309 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/red15x15.pngbin0 -> 922 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/red_box.pngbin0 -> 510 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/ruler-h-200px-400px.pngbin0 -> 420 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/ruler-v-100px-200px.pngbin0 -> 230 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/square-outline-32x32.pngbin0 -> 96 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/swatch-aqua.pngbin0 -> 175 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/swatch-fuchsia.pngbin0 -> 172 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/swatch-olive.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/swatch-teal.pngbin0 -> 156 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/support/transparent_green.pngbin0 -> 657 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/.htaccess7
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-001-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-004.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-005.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-006.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-007.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-009.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-010.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-011.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-012.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-013.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-014.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-015.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-016.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-019.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-020.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-021.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-024.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-025.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-026.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-027.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-028.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-029.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-030.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-033.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-034.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-035.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-036.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-037.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-038.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-039-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-039.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-040.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-041.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-042.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-043.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-044.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-045.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-046.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-047.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-048.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-049.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-050.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-051.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-052.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-053.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-054.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-055.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-056.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-057.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-058.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-059.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-060.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-061.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-071.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-071.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-072.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-072.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-073.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-073.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-074.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-074.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-075.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-075.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-076.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-076.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-077.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-077.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-quotes-001.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-ref.xht6
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-space-001.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-space-002.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-be-001.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-be-002.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-be-003.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-le-001.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-le-002.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-le-003.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-keywords-000.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-keywords-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-keywords-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rule-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rule-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rule-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rule-004.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rule-005.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rule-006.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rule-007.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rule-008.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rule-009.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rule-010.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rule-011.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rule-012.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rule-013-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rule-013.xht67
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rules-000.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rules-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rules-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rules-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/at-rules-004.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/bad-selector-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/blocks-001-ref.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/blocks-001.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/blocks-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/blocks-003.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/blocks-004.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/blocks-005.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/blocks-006.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/blocks-and-strings-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/case-sensitive-000.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/case-sensitive-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/case-sensitive-003-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/case-sensitive-003.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/case-sensitive-004.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/case-sensitive-005-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/case-sensitive-005.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/case-sensitive-006.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/case-sensitive-007.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/case-sensitive-008.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-encoding-031.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-encoding-031.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-encoding-032.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-encoding-032.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-encoding-033.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-encoding-033.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-encoding-034.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-encoding-034.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-encoding-035.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-encoding-035.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-encoding-036.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-encoding-036.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-encoding-037.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-encoding-037.xht.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-encoding-038.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-encoding-041-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-encoding-041.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/character-representation-001.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/characters-0080-009F-001-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/characters-0080-009F-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/charset-attr-001.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/colors-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/colors-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/colors-003.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/colors-004.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/colors-005.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/colors-006-ref.xht107
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/colors-006.xht196
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/comments-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/comments-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/comments-003.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/comments-004.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/comments-005.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/comments-006.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/comments-007.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/comments-008.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/comments-009.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/content-type-000-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/content-type-000.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/content-type-001.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/core-syntax-001-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/core-syntax-001.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/core-syntax-006-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/core-syntax-006.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/core-syntax-007-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/core-syntax-007.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/core-syntax-008.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/core-syntax-009.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/counters-001-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/counters-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/counters-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/counters-003-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/counters-003.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/counters-004-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/counters-004.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/counters-005.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/counters-006.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/counters-007.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/counters-008.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/counters-009.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/counters-010-ref.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/counters-010.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/declaration-001.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/declaration-002.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/declaration-003.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/declaration-004.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/declaration-005.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/declaration-006.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/declaration-whitespace-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/declarations-009-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/declarations-009.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/eof-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/eof-002.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/eof-003.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/eof-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/eof-005.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/eof-006.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/eof-007.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escaped-ident-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escaped-ident-002.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escaped-ident-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escaped-ident-004.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escaped-ident-char-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-002.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-003.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-004.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-005.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-006.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-007.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escaped-newline-001-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escaped-newline-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escaped-url-001-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escaped-url-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-000-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-000.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-003.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-004.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-005.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-006.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-007.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-009.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-010.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-011.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-012.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-013-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-013.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-014.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-015.xht151
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/escapes-016.xht151
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-000-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-000.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-003-ref.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-003.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-004.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-005.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-006.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-007.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-009.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-010.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-011.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-012-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-012.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-013.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-014.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-015.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-016.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-017.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-018.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ident-019.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ignored-rules-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ignored-rules-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ignored-rules-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ignored-rules-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ignored-rules-005.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ignored-rules-006.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/ignored-rules-007.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/import-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/import-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/invalid-at-rule-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/invalid-decl-at-rule-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/invalid-decl-at-rule-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/keywords-000.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/keywords-001-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/keywords-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/malformed-decl-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/malformed-decl-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/malformed-decl-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/malformed-decl-004.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/malformed-decl-005.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/malformed-decl-006.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/malformed-decl-007.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/malformed-decl-008.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/malformed-decl-block-001-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/malformed-decl-block-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/matching-brackets-001-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/matching-brackets-001.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/matching-brackets-002-ref.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/matching-brackets-002.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/matching-brackets-003.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/quoted-keywords-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/quoted-keywords-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/quoted-string-001-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/quoted-string-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/quoted-string-002-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/quoted-string-002.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/quoted-string-003.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/quoted-string-004.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/scientific-notation-001-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/scientific-notation-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/sgml-comments-000.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/sgml-comments-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/sgml-comments-002-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/sgml-comments-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/signed-numbers-001-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/signed-numbers-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/signed-numbers-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/square-brackets-001.xht216
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/strings-000.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/'green block.pngbin0 -> 502 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/,uri-014.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-001.css9
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-001.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-002.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-002.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-003.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-003.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-007.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-008.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-009.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-010.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-011.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-012.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-013.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-014.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-015.cssbin0 -> 116 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-016.cssbin0 -> 116 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-017.cssbin0 -> 232 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-018.cssbin0 -> 232 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-019.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-020.cssbin0 -> 72 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-021.cssbin0 -> 72 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-022.cssbin0 -> 144 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-023.cssbin0 -> 144 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-024.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-025.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-026.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-027.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-028.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-029.cssbin0 -> 114 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-030.cssbin0 -> 114 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-031.cssbin0 -> 228 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-032.cssbin0 -> 236 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-033.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-034.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-035.cssbin0 -> 61 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-036.cssbin0 -> 130 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-037.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-038.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-039.css6
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-040.cssbin0 -> 110 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-041.cssbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-042.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-043.cssbin0 -> 116 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-044.cssbin0 -> 236 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-045.cssbin0 -> 122 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-046.cssbin0 -> 122 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-047.cssbin0 -> 112 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-048.cssbin0 -> 112 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-049.css6
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-050.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-051.css8
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-052.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-053.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-054.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-055.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-056.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-057.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-058.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-059.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-060.cssbin0 -> 160 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-071.css2
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-071.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-072.css2
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-072.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-073.css2
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-073.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-074.css2
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-074.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-075.css2
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-075.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-076.css2
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-076.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-077.css2
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-077.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-quotes-001.cssbin0 -> 82 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-space-001.cssbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-space-002.cssbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-be-001.cssbin0 -> 82 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-be-002.cssbin0 -> 88 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-be-003.cssbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-le-001.cssbin0 -> 82 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-le-002.cssbin0 -> 88 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-le-003.cssbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-rule-green.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/at-rule-red.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-031.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-031.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-032.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-032.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-033.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-033.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-034.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-034.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-035.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-035.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-036.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-036.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-037.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-037.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-038.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-041.css3
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-041.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/charset-attr-001.cssbin0 -> 44 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/core-syntax-009.css12
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/eof-green.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/import-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/import-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/plaintext-css.txt5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/plaintext.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/plaintext.css.headers1
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/uri-001.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/support/uri-002.css5
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/unterminated-string-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-001.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-002.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-003.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-004.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-005.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-006.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-007.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-008.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-009.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-010.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-011.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-012-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-012.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-013-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-013.xht118
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-014.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-015.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-016-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-016.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-017-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-017.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/uri-018.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/whitespace-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/syntax/whitespace-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/anonymous-table-box-width-001.xht69
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/background-table-001.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/background-table-002.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/background-table-003.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/background-table-README5
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/basic-css-table-001.xht85
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/basic-html-table-001.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-001.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-002.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-003.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-004.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-001.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-002.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-003.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-004.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-005-ref.html35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-005.html41
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-002.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-003.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-005.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-006.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-007.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-008.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-009.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-010.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-011.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-012.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-013.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-014.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-015.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-016.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-017.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-001-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-002-ref.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-003-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-004-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-004.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-005-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-005.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-001-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-002-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-002.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-003-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-003.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-002.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-003.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-003.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-001-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-001.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-002-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-002.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-003-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-003.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-001-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-002-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-002.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-003-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-003.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-empty-row-ref.html69
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-empty-row.html93
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-inherited-001.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-initial-001.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-no-interpolation.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-001-ref.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-002-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-002.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001a.xht73
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001b.xht74
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001c.xht74
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001d-ref.xht123
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001d.xht134
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001e-ref.xht108
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001e.xht112
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-002.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-003.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-004.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-005.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-006.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-007.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-008.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-009.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-010.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-011.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-012.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-013.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-014.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-015.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-016.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-017.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-018.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-019.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-020.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-021.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-021a.xht105
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-022.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-023.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-024.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-025.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-026.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-027.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-028.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-029.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-030.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-031.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-032.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-033.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-034.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-035.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-036.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-037.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-038.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-element-039.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-example-001.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-example-002.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-001.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-002.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-003.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-004.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-005.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-006.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-001.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-002.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-003.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-004.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-005.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-006.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-007.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-008.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-009.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-010.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-011.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-012.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-013.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-014.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-015.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-016.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-017.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-018.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-019.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-020.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-021.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-022.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-023.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-024.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-025.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-026.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-027.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-028.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-029.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-030.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-031.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-032.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-033.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-034.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-035.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-036.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-037.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-038.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-039.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-040.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-041.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-042.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-043.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-044.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-045.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-046.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-047.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-048.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-049.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-050.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-051.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-052.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-053.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-054.xht75
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-055.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-056.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-057.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-058.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-059.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-060.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-061.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-062.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-063.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-064.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-065.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-066.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-067.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-068.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-069.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-070.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-071.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-072.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-073.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-074.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-075.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-076.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-077.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-078.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-079.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-080.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-081.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-082.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-083.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-084.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-085.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-086.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-087.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-088.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-089.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-090.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-091.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-092.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-093.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-094.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-095.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-096.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-097.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-098.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-099.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-style-100.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-000.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-001.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-002.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-003.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-004.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-005.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-006.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-007.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-008.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-009.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-010.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-011.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-012.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-013.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-014.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-015.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-016.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-017.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-018.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-019.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-020.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-021.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-022.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-023.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-024.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-025.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-026.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-027.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-028.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-029.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-030.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-031.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-032.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-033.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-034.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-035.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-036.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-037.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-038.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-039.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-040.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-041.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-042.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-043.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-044.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-045.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-046.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-047.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-048.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-049.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-050.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-051.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-052.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-053.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-054.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-055.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-056.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-057.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-058.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-059.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-060.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-061.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-062.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-063.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-064.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-065.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-066.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-067.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-068.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-069.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-070.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-071.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-072.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-073.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-074.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-075.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-076.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-077.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-078.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-079.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-080.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-081.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-082.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-083.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-084.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-085.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-086.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-087.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-088.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-089.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-090.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-091.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-092.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-093.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-094.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-095.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-096.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-097.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-098.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-w-099.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-001.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-002.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-003.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-004.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-005.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-006.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-007.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-008.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-009.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-010.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-011.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-012.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-013.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-014.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-015.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-016.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-017.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-018.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-019.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-020.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-021.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-022.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-023.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-024.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-025.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-026.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-027.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-028.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-029.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-030.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-031.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-032.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-033.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-034.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-035.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-036.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-037.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-038.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-039.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-040.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-041.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-042.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-043.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-044.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-045.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-046.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-047.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-048.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-049.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-050.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-051.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-052.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-053.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-054.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-055.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-056.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-057.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-058.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-059.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-060.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-061.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-062.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-063.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-064.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-065.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-066.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-067.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-068.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-069.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-070.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-071.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-072.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-073.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-074.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-075.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-076.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-077.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-078.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-079.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-080.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-081.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-082.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-083.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-084.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-085.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-086.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-087.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-088.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-089.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-090.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-091.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-092.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-093.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-094.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-095.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-096.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-097.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-098.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-099.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-conflict-width-100.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-001.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-002.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-003.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-004.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-005.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-006.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-007.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-012.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-013.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-014.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-015.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-016.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-017.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-018.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-023.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-024.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-025.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-026.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-027.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-028.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-029.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-034.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-035.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-036.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-037.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-038.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-039.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-040.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-045.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-046.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-047.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-048.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-049.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-050.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-051.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-056.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-057.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-058.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-059.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-060.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-061.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-062.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-067.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-068.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-069.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-070.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-071.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-072.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-073.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-078.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-079.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-081.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-082.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-083.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-084.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-089.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-090.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-091.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-092.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-093.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-094.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-001.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-002.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-003.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-005.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-006.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-007.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-008.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-009.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-010.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-011.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-012.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-013.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-014.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-015.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-016.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-017.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-inherited-001.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-initial-001.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-initial-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-percentage-001.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-spacing-values-001.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-style-inset-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-style-inset-002.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-style-outset-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/border-style-outset-002.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-position-001-ref.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-position-001.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-003.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-001-ref.html7
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-002-ref.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-002.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-003-ref.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-003.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-006-ref.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-006.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-007.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-008-ref.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-008.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-009.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-010.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-011.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-012.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-013.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-014.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-016.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-017-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-017.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-example-001.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-inherited-001.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-side-initial-001.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-vs-table-box-001.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/caption-vs-table-box-002.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-001-ref.html20
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-001.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-002.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-003-ref.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-003.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-004.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-005.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-006.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-007.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-008.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-009.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-010a.xht89
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-010b.xht98
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-001.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-002.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-003.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-004.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-005.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-006.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-007.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-008.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-009.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-010.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-011.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-012.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-013.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-014.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/column-background-001.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/column-background-002.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/column-border-001.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/column-border-002.xht77
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-003.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-004.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-005.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/column-visibility-001.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/column-visibility-002.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/column-visibility-003.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/column-visibility-004-ref.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/column-visibility-004.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/column-width-001.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/column-width-002.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/columns-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/data-alignment-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/data-alignment-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/data-alignment-003.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/data-alignment-004.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cell-visibility-hidden-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-001.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-002.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-003.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-004.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-005.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-006.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-007.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-008.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-009.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-010.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-011.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-012.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-013.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-014.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-002.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-003.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-005.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-006.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-007.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-008.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-009.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-010.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-011.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-012.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-013.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-014.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-015.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-016.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-017.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-001.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-002.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-003.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-004.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-in-collapsed-border-model-001.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-inherited-001.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-initial-001.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/empty-cells-no-interpolation.html15
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-001.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002a-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002a.xht119
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a01-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a01.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a02-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a02.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a03.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a04.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a05.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a06.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b01-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b01.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b02-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b02.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b03.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b04.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b05.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b06.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b07-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b07.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b08-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b08.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b09-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b09.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b10-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b10.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b11-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b11.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b12-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b12.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c01-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c01.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c02-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c02.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c03-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c03.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c04-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c04.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c05-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c05.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c06-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c06.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c07-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c07.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c08-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c08.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d01-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d01.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d02-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d02.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d03.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d04.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d05.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d06.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e01-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e01.xht69
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e02-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e02.xht69
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e03.xht69
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e04.xht69
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e05.xht69
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e06.xht69
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e07-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e07.xht151
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e08-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e08.xht154
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e09-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e09.xht153
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e10-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e10.xht155
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e11-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e11.xht158
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e12-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e12.xht157
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f01-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f01.xht139
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f02-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f02.xht139
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f03-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f03.xht136
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f04-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f04.xht135
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f05-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f05.xht133
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f06-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f06.xht133
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f07-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f07.xht140
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f08-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f08.xht137
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-004.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-005.xht76
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-006.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-007.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-009.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-010.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-011.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-012.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-013.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-014.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-015.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-016.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-017-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-017.xht111
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-018.xht114
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-019.xht90
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-020.xht91
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-021-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-021.xht168
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-022-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-022.xht201
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-023-ref.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-023.xht207
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-025.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-026.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-027.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-028.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-029.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-030.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-031.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/frameset-border-spacing-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/height-table-cell-001.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001a.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001b.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001c.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001d.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001e.xht90
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/height-width-table-001.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/height-width-table-001a.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/height-width-table-001b.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/height-width-table-001c.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/height-width-table-001d.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/height-width-table-001e.xht90
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/inline-table-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/missing-cell-rendering-001.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/padding-applies-to-013a.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/reference/no_red_3x3_monospace_table-ref.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/reference/no_red_antialiasing_a_bc_d-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-border-spacing-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-text-indent-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/reference/table-margin-004-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/row-visibility-001.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/row-visibility-002.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/row-visibility-003.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/row-visibility-004.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-001.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-003.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-003a.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-003b-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-003b.xht80
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-004.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-004a.xht85
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-004b.xht100
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-004c.xht86
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-004d-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-004d.xht119
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-004e-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-004e.xht105
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-006.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-007-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-007.xht139
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-008.xht139
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/separated-border-model-009.xht139
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/bar_with_corner_dot.pngbin0 -> 907 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/blue-orange-rectangle.pngbin0 -> 810 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/border_conflict_example_001.pngbin0 -> 2204 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/border_conflict_example_002.pngbin0 -> 220 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/frameset-border-spacing-001.htm9
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/repeatable-diagonal-gradient-with-ticks.pngbin0 -> 13153 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/ruler-h-200px-400px.pngbin0 -> 420 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-001.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-002.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-003.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-004.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-005.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-006.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-007.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-008.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-009.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-010.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-011.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-012.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-013.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-014.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-016.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-017.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-018.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-019.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-border-spacing.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-000.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-001.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-002.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-003.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-004.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-005.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-006.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-007.xht79
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-008.xht79
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-009.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-010.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-011.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-012.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-013.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-014.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-015.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-016.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-017.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-018.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-019.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-020.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-021.xht129
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-022.xht129
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-023.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-024.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-025.xht77
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-026.xht77
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-027.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-028.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-029.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-030.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-031.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-032.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-033.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-034.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-035.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-036.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-037.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-038.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-039.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-040.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-041.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-042.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-043.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-044.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-045.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-046.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-047.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-048.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-049.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-050.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-051.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-052.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-053.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-054.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-055.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-056.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-057.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-058.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-059.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-060.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-061.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-062.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-063.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-064.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-065.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-066.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-067.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-068.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-069.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-070.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-071.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-072.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-073.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-074.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-075.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-076.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-077.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-078.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-079.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-080.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-081.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-082.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-083.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-084.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-085.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-086.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-087.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-088.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-089.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-090.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-091.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-092.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-093.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-094.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-095.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-096.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-097.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-098.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-099.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-100.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-101.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-102.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-103.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-104.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-105.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-106.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-107.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-108.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-109.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-110.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-111.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-112.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-113.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-114.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-115.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-116.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-117.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-118.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-119.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-120.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-121.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-122.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-123.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-124.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-125.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-126.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-127.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-128.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-129.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-130.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-131.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-132.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-133.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-134.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-135.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-136.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-137.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-138.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-139.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-140.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-141.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-142.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-143.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-144.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-145.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-146.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-147.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-148.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-149.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-150.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-151.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-152.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-153.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-154.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-155.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-156.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-157.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-158.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-159.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-160.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-161.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-162.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-163.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-164.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-165.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-166.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-167.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-168.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-169.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-170.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-171.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-172.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-173.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-174.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-175.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-176.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-177.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-178.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-179.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-180.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-181.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-182.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-183.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-184.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-185.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-186.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-187.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-188.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-189.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-190.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-191.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-192.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-193.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-194.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-195.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-196.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-197.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-198.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-199.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-200.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-201.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-202.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-203.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-204.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-205.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-206.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-207.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-208.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-209.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-210.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-211-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-211.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-text-indent.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-anonymous-whitespace-001.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-background-edge-and-border-model-001.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-background-edge-and-border-model-002.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-cell-001-ref.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-cell-001.xht109
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-colgroup-001-ref.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-colgroup-001.xht109
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-column-001-ref.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-column-001.xht109
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-row-001-ref.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-row-001.xht109
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-rowgroup-001-ref.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-rowgroup-001.xht109
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-table-001-ref.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-table-001.xht109
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-cell-001-ref.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-cell-001.xht110
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-colgroup-001-ref.xht87
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-colgroup-001.xht110
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-column-001-ref.xht87
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-column-001.xht110
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-row-001-ref.xht87
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-row-001.xht110
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-rowgroup-001-ref.xht87
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-rowgroup-001.xht110
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-table-001-ref.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-table-001.xht110
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-borders-001.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-borders-002.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-borders-003.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-borders-004.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-borders-005.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-caption-001.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-caption-002.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-caption-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-caption-horizontal-alignment-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-caption-margins-001.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-caption-optional-001.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-caption-optional-002.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-cell-001.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-cell-002.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-column-001.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-column-group-001.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-column-rendering-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-column-rendering-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-column-rendering-003.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-column-rendering-004.xht67
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-columns-example-001.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-columns-example-002.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-columns-example-003.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-footer-group-001.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-footer-group-002.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-footer-group-003.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-footer-group-004.xht129
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-footer-group-005.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-header-group-001.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-header-group-002.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-header-group-003.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-header-group-004.xht129
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-header-group-005.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-001.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-002.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-003.xht73
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-004.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008.xht67
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008a.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008b.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008c.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-009.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-010.xht82
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-011.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-012.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-013.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-014.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-015.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-016.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-017.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-018.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-019.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-020.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-021.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-022.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-023.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-024.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-025.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-026.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-027.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-028.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-029.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-030.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-031.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-032.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-intro-example-001.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-intro-example-002.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-intro-example-003.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-intro-example-004.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-001.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-002.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-003.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-004.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-005.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-006.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-007.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-008.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-009.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-010.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-011.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-example-001.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-001.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-002.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-003.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-001.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-002.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-003.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-005.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-006.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-007.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-008.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-009.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-010.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-011.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-012.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-013.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-014.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-015.xht63
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-016.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-017.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-inherited-001.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-initial-001.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-property-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-layout-property-002.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-margin-001.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-margin-002.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-margin-003.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-margin-004.xht68
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-organization-001.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-organization-002.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-percent-width-001.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-row-001.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-row-group-001.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-valign-001.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-valign-002.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-001-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-003.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-004.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-005.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-006.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-007.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-002.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-003.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-004.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-005.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-006.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-007.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-008.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-009.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-010.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-011.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-012.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-013.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-014.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-015.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-016.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-017.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-018.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-019.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-020.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-021.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-022.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-023.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026a.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026b.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026c.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026d.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/tables-001.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/tables-002.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/tables-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/tables-004.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/tables-101.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/tables-102.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-02-ref.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-02.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-ref.html6
-rw-r--r--testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/text/bidi-span-001-ref.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/text/bidi-span-001.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/text/bidi-span-002-ref.html2
-rw-r--r--testing/web-platform/tests/css/CSS2/text/bidi-span-002.html24
-rw-r--r--testing/web-platform/tests/css/CSS2/text/bidi-span-003-ref.html30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/bidi-span-003.html33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/bidi-text-decoration-underline-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/text/combining-characters-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/control-characters-002.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/text/crashtests/bidi-inline-fragment-oof-crash.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-004-ref.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-004.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-005.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-006.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-007-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-007.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-008.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-016.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-017.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-018.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-019.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-020.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-028.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-029.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-030.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-031.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-032.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-040.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-041.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-042.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-043.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-044.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-052.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-053.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-054.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-055.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-056.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-064.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-065.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-066.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-067.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-068.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-076.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-077.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-078.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-079-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-079.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-080.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-088.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-089.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-090.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-091-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-091.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-092.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-097.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-098.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-099.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-100.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-101.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-102-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-102.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-002.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-003-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-003.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-005-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-005.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-006.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-007-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-007.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-008.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-009.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-010.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-011.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-012-ref.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-012.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-013.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-014.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-015.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-justify-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/letter-spacing-justify-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/text/painting-order-underline-001-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/text/painting-order-underline-001.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/black15x15.pngbin0 -> 168 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/swatch-aqua.pngbin0 -> 175 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/swatch-teal.pngbin0 -> 156 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-004.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-005.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-applies-to-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-applies-to-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-applies-to-003.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-applies-to-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-applies-to-006.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-applies-to-007.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-applies-to-008.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-applies-to-009.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-applies-to-010.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-applies-to-011.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-applies-to-012.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-applies-to-013.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-applies-to-014.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-applies-to-015.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-bidi-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-bidi-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-bidi-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-bidi-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-bidi-005.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-bidi-006.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-bidi-007.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-bidi-008.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-bidi-009.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-bidi-010.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-bidi-011-ref.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-bidi-011.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-bidi-012.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-bidi-013.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-inherit-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-white-space-001-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-white-space-001.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-white-space-002-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-white-space-002.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-white-space-003.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-white-space-004-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-white-space-004.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-white-space-005-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-white-space-005.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-white-space-006.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-white-space-008-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-align-white-space-008.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-002.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-003.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-004.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-005.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-006.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-007.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-008.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-009.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-010.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-011.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-012.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-013.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-014.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-015.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-016.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-017.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-018.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-019.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-020.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-021.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-022.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-023.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-024.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-025.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-026.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-027.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-028.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-029.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-030.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-031.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-032.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-033.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-034.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-035.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-036.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-037.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-038.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-039.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-040.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-041.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-042.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-043.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-044.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-045.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-046.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-047.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-048.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-049.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-050.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-051.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-052.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-053.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-054.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-055.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-056.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-057.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-058.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-059.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-060.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-061.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-062.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-063.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-064.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-065.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-066.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-067.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-068.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-069.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-070.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-071.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-072.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-073.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-074.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-081.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-082.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-083.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-084.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-085.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-086.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-087.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-088.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-089.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-a-element-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-005.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-006.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-007.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-008.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-009.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-010.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-011.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-012.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-013.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-014.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-015.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-border-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-border-002.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-border-003.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-color-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-color-002.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-image-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-margin-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-margin-002.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-margin-003.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-padding-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-padding-002.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-padding-003.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-parent-child-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-position-001.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-004.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-006.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-007.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-relative-001.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-space-001.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-space-002.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-space-003.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-space-004.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-space-005.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-space-006.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-space-007.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-space-008.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-space-009.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-thickness-001.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-001-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-001.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-002-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-002.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-001.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-002.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-003.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-004.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-004-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-004.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-005.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-006.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-007.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-008.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-010-ref.xht12
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-010.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-011-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-011.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-012-ref.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-012.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-013-ref.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-013.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-014-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-014.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-016.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-017.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-018.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-019.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-020.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-028.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-029.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-030.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-031.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-032.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-040.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-041.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-042.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-043.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-044.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-052.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-053.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-054.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-055.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-056.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-064.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-065.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-066.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-067.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-068.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-076.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-077.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-078.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-079.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-080.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-088.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-089.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-090.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-091-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-091.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-092.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-100.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-101.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-102.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-103-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-103.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-104.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-109.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-110.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-111.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-112.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-113-ref-margin.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-113.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-114-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-114.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-115-ref-block-margin.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-115-ref-inline-margin.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-115.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-001.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-002-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-002.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-003-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-003.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-005.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-006.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-007-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-007.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-008.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-009.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-010.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-011.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-012-ref.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-012.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-013.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-014.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-015.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-inherited-001-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-inherited-001.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-001-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-001.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-002-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-002.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-003-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-003.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-004-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-004.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-on-blank-line-rtl-left-align-ref.html7
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-on-blank-line-rtl-left-align.html11
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-overflow-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-overflow-002-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-overflow-002.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-overflow-003-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-overflow-003.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-overflow-004.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-percent-001-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-percent-001.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-rtl-001-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-rtl-001.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-rtl-002-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-rtl-002.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-notref-block-margin.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-ref-float.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-ref-inline-margin.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-001-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-002-ref.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-003-ref.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-004-ref.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-004.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-005.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-002.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-003-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-003.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-005.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-006.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-007.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-008.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-009.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-010.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-011.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-012.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-013.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-014.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-015.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-001-ref.xht85
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-001.xht93
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-002-ref.xht84
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-002.xht93
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-003-ref.xht306
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-003.xht315
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-004-ref.xht306
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-004.xht315
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-005-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-005.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-006-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-006.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-007-ref.xht172
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-007.xht181
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-008-ref.xht172
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-008.xht181
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-009-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-009.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-010-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-010.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-011-ref.xht153
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-011.xht162
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-012-ref.xht153
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-012.xht162
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-013-ref.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-013.xht73
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-014-ref.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-014.xht73
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-015-ref.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-015.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-016-ref.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-016.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-017-ref.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-017.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-018-ref.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-018.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-019-ref.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-019.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-020-ref.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-020.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-021-ref.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-021.xht75
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-022-ref.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-022.xht75
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-cap-001-ref.xht5
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-cap-001.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-cap-002.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-cap-003-ref.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-cap-003.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-lowercase-001-ref.xht5
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-lowercase-001.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-unicase-001-ref.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-unicase-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-001-ref.xht5
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-001.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-002-ref.xht5
-rw-r--r--testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-002.xht11
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-001-ref.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-001.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-002-ref.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-002.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-003.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-004-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-004.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-005.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-006.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-007-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-007.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-008-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-008.xht61
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-applies-to-001.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-applies-to-002.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-applies-to-003-ref.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-applies-to-003.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-applies-to-005.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-applies-to-006.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-applies-to-007.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-applies-to-008.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-applies-to-009.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-applies-to-010.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-applies-to-011.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-applies-to-012.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-applies-to-013.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-applies-to-014.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-applies-to-015.xht58
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-bidirectionality-001-ref.xht14
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-bidirectionality-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-collapsing-001-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-collapsing-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-collapsing-002.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-collapsing-003-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-collapsing-003.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-collapsing-004-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-collapsing-004.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-collapsing-005.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-001-ref.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-001.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-002.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-003-ref.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-003.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-collapsing-breaks-001-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-collapsing-breaks-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-control-characters-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-generated-content-before-001-ref.xht15
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-generated-content-before-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-mixed-001-ref.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-mixed-001.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-mixed-002-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-mixed-002.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-mixed-003-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-mixed-003.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-mixed-004.xht62
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-normal-001-ref.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-normal-001.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-normal-002.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-normal-003-ref.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-normal-003.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-normal-004.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-normal-005-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-normal-005.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-normal-006.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-normal-007-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-normal-007.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-normal-008-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-normal-008.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-normal-009-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-normal-009.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-nowrap-001-ref.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-nowrap-001.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-nowrap-005.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-nowrap-006.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-nowrap-attribute-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-p-element-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-pre-001-ref.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-pre-001.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-pre-002-ref.xht70
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-pre-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-pre-005.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-pre-006.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-pre-007.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-pre-element-001-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-pre-element-001.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-001.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-002-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-002.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-003.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-004.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-005-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-005.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-006-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-006.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-007.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-008.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-009.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-010.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-011.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-012.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-013-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-013.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-014-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-014.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-015-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-015.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-016-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-016.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-017.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-018.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-019.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-020.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-021.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-022.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-023.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-024.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-025.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-026.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-027.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-028.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-029.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-030.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-031-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-031.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-032.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-033.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-034.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-035.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-036.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-037-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-037.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-038.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-039.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-040.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-041.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-042-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-042.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-043-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-043.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-044.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-045.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-046-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-046.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-047.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-048-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-048.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-049-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-049.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-050.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-051.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-052-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-052.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-053.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-054-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-054.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-055-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-055.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-056-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/text/white-space-processing-056.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-004-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-004.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-005.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-006.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-007-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-007.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-008.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-016.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-017.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-018.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-019.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-020.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-028.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-029.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-030.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-031.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-032.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-040.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-041.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-042.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-043.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-044.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-052.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-053.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-054.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-055.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-056.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-064.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-065.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-066.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-067.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-068.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-076.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-077.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-078.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-079.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-080.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-088.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-089.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-090.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-091-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-091.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-092.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-097.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-098.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-099.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-100.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-101.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-001-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-002.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-003-ref.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-003.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-005.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-006.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-007-ref.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-007.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-008.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-009.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-010.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-011.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-012-ref.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-012.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-013.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-014.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-015.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-characters-001-ref.xht80
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-characters-001.xht88
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-characters-002-ref.xht175
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-characters-002.xht181
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-characters-003-ref.xht73
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-characters-003.xht79
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-justify-001-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-justify-001.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-001-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-001.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-002-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-002.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-003-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-003.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-004-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-004.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-005-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-005.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-006-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-006.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-002.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-004.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-005.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-006.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-007.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-008.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-009.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-010.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-011.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-012.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-013.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-014.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-015.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-016.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-017.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-018.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-019.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-020.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-021.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-022.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-023.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-024.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-001.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-002.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-003.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-004.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-005.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-006.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-009.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-012.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-013.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-014.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-015.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-fallback-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/cursor-url-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-005.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-006.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-007.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-008.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-009.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-010.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-011.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-012.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-013.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-014.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-015.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-016.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-017.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-018.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-019.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-020.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-applies-to-001.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-applies-to-002.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-applies-to-003.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-applies-to-004.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-applies-to-005.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-applies-to-006.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-applies-to-007.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-applies-to-008.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-applies-to-009.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-applies-to-010.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-applies-to-012.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-applies-to-013.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-applies-to-014.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-applies-to-015.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-applies-to-016-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-applies-to-016.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-applies-to-017.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-002.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-003.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-004.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-005.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-006.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-007.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-008.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-009.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-010.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-011.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-012.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-013.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-014.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-015.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-016.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-017.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-018.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-019.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-020.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-021.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-022.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-023.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-024.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-025.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-026.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-027.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-028.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-029.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-030.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-031.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-032.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-033.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-034.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-035.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-036.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-037.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-038.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-039.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-040.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-041.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-042.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-043.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-044.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-045.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-046.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-047.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-048.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-049-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-049.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-050.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-051.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-052-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-052.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-053.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-054-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-054.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-055.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-056.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-057.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-058.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-059.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-060.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-061.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-062.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-063.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-064.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-065.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-066.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-067.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-068.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-069.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-070-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-070.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-071.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-072.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-073-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-073.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-074.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-075-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-075.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-076.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-077.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-078.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-079.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-080.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-081.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-082.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-083.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-084.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-085.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-086.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-087.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-088.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-089.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-090-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-090.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-091.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-092.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-093-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-093.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-094.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-095-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-095.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-096.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-097.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-098.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-099.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-100.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-101.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-102.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-103.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-104.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-105.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-106.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-107.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-108.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-109.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-110-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-110.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-111.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-112.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-113-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-113.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-114.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-115-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-115.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-116.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-117.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-118.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-119.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-120.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-121.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-122.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-123.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-124.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-125.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-126.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-127.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-128.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-129.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-130.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-131.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-132.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-133.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-134.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-135.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-136.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-137.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-138.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-139.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-140.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-141.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-142.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-143.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-144.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-145.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-174.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-175.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-176.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-001.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-002.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-003.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-004.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-005.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-006.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-009.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-012.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-013.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-014.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-015.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-focus-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-individual-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-individual-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-individual-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-individual-004.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-layout-001.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-layout-002.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-layout-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-layout-004.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-layout-005.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-no-relayout-001.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-overlap-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-003.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-001.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-004.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-005.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-006.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-007.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-009.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-010.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-001.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-002.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-003.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-004.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-005.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-006.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-007.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-009.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-012.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-013.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-014.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-015.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-style-hidden-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-003.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-005.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-006.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-007.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-012.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-013.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-014.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-015.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-016.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-017.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-018.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-023.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-024.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-025.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-026.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-027.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-028.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-029.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-034.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-035.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-036.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-037.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-038.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-039.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-040.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-045.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-046.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-047.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-048.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-049.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-050.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-051.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-056.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-057.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-058.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-059.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-060.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-061.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-062.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-067.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-068.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-069.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-070.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-071.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-072.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-073.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-078.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-079.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-080.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-081.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-082.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-083.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-084.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-089.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-090.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-091.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-092.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-093.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-094.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-095.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-096-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-096.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-001.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-002.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-003.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-004.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-005.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-006.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-007.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-008.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-009.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-010.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-012.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-013.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-014.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-015.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-001.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-002.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-003.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-004.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-005.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-ancestors-001.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-001-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-001.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-002.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-003.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-004.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-005.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-006.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-007.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-008.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-009.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-010.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-012.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-013.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-014.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-015.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-html-body-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-parent-001.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-print-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-root-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-scrollbar-001.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/overflow-visible-viewport-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/animated.gifbin0 -> 1702 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/cat.gifbin0 -> 722 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/cursor.curbin0 -> 766 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/cursor.pngbin0 -> 706 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/fail.curbin0 -> 766 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/ui/system-colors-001.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/values/color-000-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/values/color-000.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-003.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-004.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-005.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-006.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-007-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-007.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-009-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-009.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-010-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-010.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-011-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-011.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-012-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-012.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-013-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-013.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-a.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-b.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-016.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-017.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-018-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-018.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-019-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-019.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-021-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-021.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/README28
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-001-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-001.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-002-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-003-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-004-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-004.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-005-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-005.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-006-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-006.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-008.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-009.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/content-height-001.html21
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/content-height-002.html41
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/content-height-003.html41
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/content-height-004.html49
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/content-height-005.html40
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/height-applies-to-010a-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/height-applies-to-010a.xht65
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/height-computed-001-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/height-computed-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/height-computed-002-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/height-computed-002.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/height-percentage-003a-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/height-percentage-003a.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/height-percentage-004-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/height-percentage-004.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-001-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-001.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-002.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-003.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-004.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-005.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-006.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-010-ref.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-010.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-011.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-012.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-013.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-014.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/line-height-201.html54
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/line-height-202.html55
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/line-height-203.html51
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/line-height-204.html59
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/line-height-205.html52
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/line-height-206.html45
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/max-width-109.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/reference/content-height-001-ref.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/reference/content-height-002-ref.html35
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/reference/content-height-003-ref.html35
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/reference/content-height-004-ref.html34
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/reference/content-height-005-ref.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/reference/line-height-201-ref.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/reference/line-height-202-ref.html6
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/reference/line-height-203-ref.html6
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/reference/line-height-206-ref.html26
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/replaced-elements-all-auto-ref.html33
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/replaced-elements-all-auto.html30
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/replaced-elements-height-20-ref.html33
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/replaced-elements-height-20.html31
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/replaced-elements-max-height-20.html31
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/replaced-elements-max-width-40.html31
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-height-20.html31
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-height-40-ref.html33
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-height-40.html31
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-width-40.html31
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-width-80-ref.html33
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-width-80.html31
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/replaced-elements-width-40-ref.html33
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/replaced-elements-width-40.html31
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/support/height-25-no-ratio.svg3
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/support/height-25-ratio-2.svg3
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/support/height-25-width-50.svg3
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/support/no-ratio.svg3
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/support/ratio-2.svg3
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/support/width-50-no-ratio.svg3
-rw-r--r--testing/web-platform/tests/css/CSS2/visudet/support/width-50-ratio-2.svg3
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/animation/visibility-interpolation.html70
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-001.xht64
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-004.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-005.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-006.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-007.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-008.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-016.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-017.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-018.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-019.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-020.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-028.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-029.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-030.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-031.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-032.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-040.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-041.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-042.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-043.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-044.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-052.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-053.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-054.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-055.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-056.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-064.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-065.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-066.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-067.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-068.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-076.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-077.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-078.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-079.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-080.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-088.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-089.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-090.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-091.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-092.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-097.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-098.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-099.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-100.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-101.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-102.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-inherit-001.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-non-absolute-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-rect-001.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clip-shape-001.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-001.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-002.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-003.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-004.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-005.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-006.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-007.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-008.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-009.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-010.xht41
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-011.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-012.xht46
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-013.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-014.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-015.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-016.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-017.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/clipping-README7
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/overflow-006.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/overflow-007.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/overflow-008.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/overflow-009.html68
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/overflow-applies-to-001-ref.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/overflow-applies-to-001.xht72
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/overflow-propagation-001a.html9
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/overflow-propagation-001b.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/overflow-propagation-001c.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/shape-spaces-001.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/support/overflow-propagation-001-ref.html7
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-002.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-003.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-004.xht42
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-005.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-001.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-002.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-003.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-004.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-005.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-006.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-007.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-008.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-009.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-010.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-012.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-013.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-014.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-015.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-block-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-collapse-001.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-descendants-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/visufx/visibility-layout-001.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/anonymous-boxes-001a-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/anonymous-boxes-001a.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/anonymous-boxes-001b-ref.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/anonymous-boxes-001b.xht89
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-direction-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-direction-002.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-display-block-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-list-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-list-002.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-list-003.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-list-004.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-list-005.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-list-006.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-list-007.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-override-001.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-override-002.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-override-003.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-override-004.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-override-005.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-position-fixed-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-table-001.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-table-002.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-unicode-bidi-001.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-unicode-bidi-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/bidi-unicode-bidi-004.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/box-offsets-abs-pos-001.xht77
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/box-offsets-rel-pos-001.xht161
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/box-offsets-rel-pos-002-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/box-offsets-rel-pos-002.xht54
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/clear-applies-to-016.xht86
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/clear-applies-to-017.xht88
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/emptyspan-1-ref.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/emptyspan-1.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/emptyspan-2-ref.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/emptyspan-2.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/emptyspan-3-ref.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/emptyspan-3.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/emptyspan-4-ref.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/emptyspan-4.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/fixed-pos-stacking-001-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/fixed-pos-stacking-001.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/float-inside-inline-between-blocks-1-ref.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/float-inside-inline-between-blocks-1.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/inherit-static-offset-001.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/inherit-static-offset-002.xht60
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/inherit-static-offset-003.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/inline-formatting-context-001-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/inline-formatting-context-001.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/left-offset-position-fixed-001-ref.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/left-offset-position-fixed-001.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/percent-height-1-ref.html6
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/percent-height-1.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/position-absolute-008a.xht55
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/position-absolute-percentage-inherit-001-ref.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/position-absolute-percentage-inherit-001.xht116
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-1-noib-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-1-ref.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-1.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-2-ref.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-2.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-3-noib-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-3-ref.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-3.html23
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-4-noib-ref.html20
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-4-ref.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-4.html25
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-5-noib-ref.html20
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-5-ref.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-5.html25
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-6-noib-ref.html20
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-6-ref.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-6.html25
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-split-inline-1-ref.html7
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/remove-split-inline-1.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/right-offset-position-fixed-001-ref.xht27
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/right-offset-position-fixed-001.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/split-inner-inline-1-ref.html8
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/split-inner-inline-1.html18
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/split-inner-inline-2-ref.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/split-inner-inline-2.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/support/100x100-lime.pngbin0 -> 649 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/support/100x100-red.pngbin0 -> 510 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/support/green_box.pngbin0 -> 502 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/support/pattern-gg-gr-100x100.pngbin0 -> 309 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/table-pseudo-in-part3-1-ref.html11
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/table-pseudo-in-part3-1.html14
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/top-114-ref.xht34
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/top-114.xht88
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/top-115-ref.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/top-115.xht66
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/whitespace-present-1-ref.html17
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/whitespace-present-1a.html16
-rw-r--r--testing/web-platform/tests/css/CSS2/visuren/whitespace-present-1b.html22
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/stack-floats-001-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/stack-floats-001.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/stack-floats-002.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/stack-floats-003.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/stack-floats-004.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/stack-floats-README19
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/stack-overflow-001.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-001.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-002.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-003.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-004.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-005.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-006.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-007.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-008.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-009.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-010.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-011.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-012.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-013.xht45
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-014.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-015.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-016.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-017.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-018.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-019.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-001-ref.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-001.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-002.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-003.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-004.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-005.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-006.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-007.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-008.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-009.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-001.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-002.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-003.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-004.xht51
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-005.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-006.xht56
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-007.xht48
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-008.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-009.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-010.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-012.xht40
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-013.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-014.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-015.xht52
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-dynamic-001.xht57
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-stack-001.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-stack-002.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/zindex/z-index-stack-003.xht59
-rw-r--r--testing/web-platform/tests/css/CSS2/zorder/z-index-020-ref.xht101
-rw-r--r--testing/web-platform/tests/css/CSS2/zorder/z-index-020-ref2.xht101
-rw-r--r--testing/web-platform/tests/css/CSS2/zorder/z-index-020.xht144
14070 files changed, 440169 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/.htaccess b/testing/web-platform/tests/css/CSS2/.htaccess
new file mode 100644
index 0000000000..538fddd881
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/.htaccess
@@ -0,0 +1,24 @@
+# Define some types
+AddType application/xhtml+xml .xht
+AddType text/html .htm
+AddType text/css .css
+AddType image/png .png
+AddType text/plain .data .list
+
+# Set the default character set
+AddDefaultCharset utf-8
+
+# Indexing Options
+Options +Indexes
+IndexOptions DescriptionWidth=* NameWidth=* FancyIndexing FoldersFirst ScanHTMLTitles
+IndexIgnore .htaccess *~ .#* #*# CVS README
+ReadmeName README
+
+# Set up the README files to be plain text
+<files README>
+ ForceType text/plain
+ SetHandler default-handler
+</files>
+
+# Add some default descriptions
+AddDescription "Information about the files in this directory" README
diff --git a/testing/web-platform/tests/css/CSS2/META.yml b/testing/web-platform/tests/css/CSS2/META.yml
new file mode 100644
index 0000000000..e9bc44dc8f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/META.yml
@@ -0,0 +1,7 @@
+spec: https://drafts.csswg.org/css2/
+suggested_reviewers:
+ - fantasai
+ - dbaron
+ - svgeesus
+ - kojiishi
+ - frivoal
diff --git a/testing/web-platform/tests/css/CSS2/Makefile b/testing/web-platform/tests/css/CSS2/Makefile
new file mode 100644
index 0000000000..e1cbabd0d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/Makefile
@@ -0,0 +1,5 @@
+all: UnicodeData.txt
+ python first-letter-characters-generator.py
+
+UnicodeData.txt:
+ wget http://www.unicode.org/Public/UNIDATA/UnicodeData.txt
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-001-ref.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-001-ref.xht
new file mode 100644
index 0000000000..cafe2bd45c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-001-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+body { margin:0; }
+.pos { position:absolute; width:100px; height:100px; }
+</style>
+</head>
+<body>
+<div style="height:10000px; margin:0; margin:10px; border:20px solid black; padding:30px;"></div>
+<script type="text/javascript">
+window.scrollTo(0,50);
+</script>
+<div style="top:0; left:60px; background:yellow;" class="pos"></div>
+<div style="right:0; top:60px; background:orange;" class="pos"></div>
+<div style="bottom:0; left:60px; background:brown;" class="pos"></div>
+<div style="left:0; top:60px; background:pink;" class="pos"></div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-001.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-001.xht
new file mode 100644
index 0000000000..3cdcc3f35b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<link rel="match" href="abspos-containing-block-initial-001-ref.xht"/>
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+<meta name="flags" content="dom" />
+<style type="text/css">
+html { margin:10px; border:20px solid black; padding:30px; }
+body { height:10000px; margin:0; }
+div { position:absolute; width:100px; height:100px; }
+</style>
+</head>
+<body>
+<script type="text/javascript">
+window.scrollTo(0,50);
+</script>
+<div style="top:0; background:yellow;"></div>
+<div style="right:0; background:orange;"></div>
+<div style="bottom:0; background:brown;"></div>
+<div style="left:0; background:pink;"></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004-ref.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004-ref.xht
new file mode 100644
index 0000000000..5a810a8f15
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004-ref.xht
@@ -0,0 +1,9 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="background:yellow;"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+</head><body>
+<div style="position:absolute; top:100px; left:100px; width:100px; height:100px;
+ border:10px solid black;"></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004a.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004a.xht
new file mode 100644
index 0000000000..2c5e72c28d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004a.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="position:absolute; left:100px; top:100px; width:100px; height:100px;
+ background:yellow; border:10px solid black;"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<link rel="match" href="abspos-containing-block-initial-004-ref.xht"/>
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+</head><body>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004b.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004b.xht
new file mode 100644
index 0000000000..1af1e5431c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004b.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="position:fixed; left:100px; top:100px; width:100px; height:100px;
+ background:yellow; border:10px solid black;"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<link rel="match" href="abspos-containing-block-initial-004-ref.xht"/>
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+</head><body>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004c.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004c.xht
new file mode 100644
index 0000000000..ceebc031b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004c.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="position:absolute; left:100px; top:100px; width:100px; height:100px;
+ background:yellow; border:10px solid black; display:table;"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<link rel="match" href="abspos-containing-block-initial-004-ref.xht"/>
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+</head><body>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004d.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004d.xht
new file mode 100644
index 0000000000..b310443483
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004d.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="position:fixed; left:100px; top:100px; width:100px; height:100px;
+ background:yellow; border:10px solid black; display:table"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<link rel="match" href="abspos-containing-block-initial-004-ref.xht"/>
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+</head><body>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004e.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004e.xht
new file mode 100644
index 0000000000..7fd8543dce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004e.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="display:table"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<link rel="match" href="abspos-containing-block-initial-004-ref.xht"/>
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+</head><body style="position:absolute; left:100px; top:100px; width:100px; height:100px; border:10px solid black;
+ background:yellow; margin:0">
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004f.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004f.xht
new file mode 100644
index 0000000000..d4268eaf64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-004f.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="display:table"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<link rel="match" href="abspos-containing-block-initial-004-ref.xht"/>
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+</head><body style="position:fixed; left:100px; top:100px; width:100px; height:100px; border:10px solid black;
+ background:yellow; margin:0">
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005-ref.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005-ref.xht
new file mode 100644
index 0000000000..6aa89cdc2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005-ref.xht
@@ -0,0 +1,8 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="background:yellow;"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+</head><body style="margin:0">
+<div style="border:10px solid black; width:100px; height:100px;"></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005a.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005a.xht
new file mode 100644
index 0000000000..f8ebb1a885
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005a.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="position:absolute; width:100px; height:100px;
+ background:yellow; border:10px solid black;"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<link rel="match" href="abspos-containing-block-initial-005-ref.xht"/>
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+</head><body>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005b.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005b.xht
new file mode 100644
index 0000000000..150f866435
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005b.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="position:absolute; width:100px; height:100px; display:table;
+ background:yellow; border:10px solid black;"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<link rel="match" href="abspos-containing-block-initial-005-ref.xht"/>
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+</head><body>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005c.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005c.xht
new file mode 100644
index 0000000000..dcbbe77840
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005c.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="position:fixed; width:100px; height:100px;
+ background:yellow; border:10px solid black;"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<link rel="match" href="abspos-containing-block-initial-005-ref.xht"/>
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+</head><body>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005d.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005d.xht
new file mode 100644
index 0000000000..0da42db807
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-005d.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="position:fixed; width:100px; height:100px; display:table;
+ background:yellow; border:10px solid black;"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<link rel="match" href="abspos-containing-block-initial-005-ref.xht"/>
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+</head><body>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-007-ref.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-007-ref.xht
new file mode 100644
index 0000000000..3a78c0d70c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-007-ref.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+</head><body style="margin:0;">
+<div style="position:relative; top:100px; left:100px; height:100px; border:10px solid black;">
+ <div style="position:absolute; bottom:0; height:30px; border:10px solid orange;">
+ </div>
+
+
+</div></body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-007.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-007.xht
new file mode 100644
index 0000000000..5adbb6daf4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-007.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="position:relative; top:100px; left:100px; height:100px; border:10px solid black;"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<link rel="match" href="abspos-containing-block-initial-007-ref.xht"/>
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+</head><body style="position:absolute; margin:0; bottom:0; height:30px; border:10px solid orange;">
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009-ref.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009-ref.xht
new file mode 100644
index 0000000000..11e2e946ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009-ref.xht
@@ -0,0 +1,8 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+</head><body style="margin:0">
+<div style="position:fixed; width:50%; height:50%; left:50px; top:50px; border:10px solid black;"></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009a.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009a.xht
new file mode 100644
index 0000000000..b7f8daf636
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009a.xht
@@ -0,0 +1,8 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="width:50%; height:50%; margin:50px; border:10px solid black;"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<link rel="match" href="abspos-containing-block-initial-009-ref.xht"/>
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+</head><body>
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009b.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009b.xht
new file mode 100644
index 0000000000..8bbd8487af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009b.xht
@@ -0,0 +1,8 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="position:absolute; left:50px; top:50px; width:50%; height:50%; border:10px solid black;"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<link rel="match" href="abspos-containing-block-initial-009-ref.xht"/>
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+</head><body>
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009e.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009e.xht
new file mode 100644
index 0000000000..c392d2c153
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009e.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<link rel="match" href="abspos-containing-block-initial-009-ref.xht"/>
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+</head><body style="position:absolute; width:50%; height:50%; top:50px; left:50px; margin:0; border:10px solid black;">
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009f.xht b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009f.xht
new file mode 100644
index 0000000000..11cb450270
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-containing-block-initial-009f.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="position:relative; height:50%;"><head><title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+<link rel="match" href="abspos-containing-block-initial-009-ref.xht"/>
+<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
+</head><body style="position:absolute; width:50%; top:50px; left:50px; height:100%; margin:0; border:10px solid black;">
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/abspos/abspos-in-block-in-inline-in-relpos-inline.html b/testing/web-platform/tests/css/CSS2/abspos/abspos-in-block-in-inline-in-relpos-inline.html
new file mode 100644
index 0000000000..478251bcf1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/abspos-in-block-in-inline-in-relpos-inline.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#containing-block-details">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#anonymous-block-level">
+<style>
+ body { margin: 0px;}
+ .rel { position:relative; }
+ .inline-block { display:inline-block; width:100px; height:1px; }
+ .inline-block.large { width:200px; }
+ #target { position:absolute; width:100%; height:100px; background:green; }
+ #target-fixed { position:fixed; width:100%; height:100px; background:yellow; }
+</style>
+<p>There should be a green square, and a yellow rectangle below.</p>
+<div style="height:200px;">
+ <span class="rel" id="notContainingBlockOfTarget">
+ <div class="large inline-block"></div>
+ <br>
+ <span id="containingBlockOfTarget" class="rel">
+ <div class="inline-block"></div>
+ <span>
+ <div>
+ <div id="target-fixed"></div>
+ <div id="target"></div>
+ </div>
+ </span>
+ <div class="inline-block"></div></span><br>
+ <div class="large inline-block"></div>
+ </span>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+ test(()=> {
+ assert_equals(document.getElementById("target").offsetWidth,
+ // `offsetWidth` is not interoperable for block-in-inline.
+ // Use the size of ".inline-block" to avoid this.
+ document.querySelector("#containingBlockOfTarget .inline-block").offsetWidth);
+ }, "position:absolute should be sized by the right ancestor");
+ test(()=> {
+ assert_equals(document.getElementById("target-fixed").offsetWidth,
+ document.body.offsetWidth);
+ }, "position:fixed should be sized by the right ancestor");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/abspos/adjacent-to-relpos-inline-in-inline-that-had-block.html b/testing/web-platform/tests/css/CSS2/abspos/adjacent-to-relpos-inline-in-inline-that-had-block.html
new file mode 100644
index 0000000000..1859ff8300
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/adjacent-to-relpos-inline-in-inline-that-had-block.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#containing-block-details">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#anonymous-block-level">
+<p>There should be a green square below, and no red.</p>
+<div style="position:relative; width:100px; height:100px; background:red;">
+ <span>
+ <span id="posMe">
+ <div id="removeMe"></div>
+ </span>
+ </span>
+ <span>
+ <div>
+ <div id="target" style="position:absolute; width:100%; height:100%; background:green;"></div>
+ </div>
+ </span>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+ test(()=> {
+ document.body.offsetTop;
+ removeMe.style.display = "none";
+ document.body.offsetTop;
+ posMe.style.position = "relative";
+ assert_equals(document.getElementById("target").offsetWidth, 100);
+ assert_equals(document.getElementById("target").offsetHeight, 100);
+ assert_equals(document.getElementById("target").offsetLeft, 0);
+ assert_equals(document.getElementById("target").offsetTop, 0);
+ }, "Make sure that we're sized by the right ancestor");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/abspos/adjacent-to-relpos-inline-that-had-block.html b/testing/web-platform/tests/css/CSS2/abspos/adjacent-to-relpos-inline-that-had-block.html
new file mode 100644
index 0000000000..293b88f520
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/adjacent-to-relpos-inline-that-had-block.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#containing-block-details">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#anonymous-block-level">
+<p>There should be a green square below, and no red.</p>
+<div style="position:relative; width:100px; height:100px; background:red;">
+ <span id="posMe">
+ <div id="removeMe"></div>
+ </span>
+ <span>
+ <div>
+ <div id="target" style="position:absolute; width:100%; height:100%; background:green;"></div>
+ </div>
+ </span>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+ test(()=> {
+ document.body.offsetTop;
+ removeMe.style.display = "none";
+ document.body.offsetTop;
+ posMe.style.position = "relative";
+ assert_equals(document.getElementById("target").offsetWidth, 100);
+ assert_equals(document.getElementById("target").offsetHeight, 100);
+ assert_equals(document.getElementById("target").offsetLeft, 0);
+ assert_equals(document.getElementById("target").offsetTop, 0);
+ }, "Make sure that we're sized by the right ancestor");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/abspos/between-float-and-text.html b/testing/web-platform/tests/css/CSS2/abspos/between-float-and-text.html
new file mode 100644
index 0000000000..b4c933e8d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/between-float-and-text.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<title>Auto-positioned abspos after text, before float</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#abs-non-replaced-width" title="10.3.7 Absolutely positioned, non-replaced elements">
+<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="line-height:20px; margin-top:-20px;">
+ &nbsp;
+ <div style="position:absolute; width:200px; height:200px; background:green;"></div>
+ <div style="float:left; margin-top:20px; width:200px; height:200px; background:red;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/abspos/hypothetical-box-dynamic-ref.html b/testing/web-platform/tests/css/CSS2/abspos/hypothetical-box-dynamic-ref.html
new file mode 100644
index 0000000000..feb01b0515
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/hypothetical-box-dynamic-ref.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<title>CSS Test Reference</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel="author" title="Mozilla" href="https://mozilla.org">
+<style>
+ div {
+ font: 16px / 1 monospace;
+ text-align: center;
+ margin: 5px;
+ position: relative;
+ min-height: 30px;
+ }
+ span {
+ position: absolute;
+ }
+</style>
+<p>Should see two words at the same horizontal position below:</p>
+<div>
+ <span>Foo</span>
+</div>
+<div>
+ <span>Foo</span>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/abspos/hypothetical-box-dynamic.html b/testing/web-platform/tests/css/CSS2/abspos/hypothetical-box-dynamic.html
new file mode 100644
index 0000000000..7c7348727b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/hypothetical-box-dynamic.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html class="reftest-wait">
+<title>Layout is correctly updated when the hypothetical display of an element changes, even though the final computed display doesn't</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel="author" title="Mozilla" href="https://mozilla.org">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#abs-non-replaced-height" title="10.6.4 Absolutely positioned, non-replaced elements">
+<link rel="match" href="hypothetical-box-dynamic-ref.html">
+<style>
+ div {
+ font: 16px / 1 monospace;
+ text-align: center;
+ margin: 5px;
+ position: relative;
+ min-height: 30px;
+ }
+ span {
+ position: absolute;
+ }
+ .block {
+ display: block;
+ }
+</style>
+<p>Should see two words at the same horizontal position below:</p>
+<div>
+ <span class="block">Foo</span>
+</div>
+<div>
+ <span>Foo</span>
+</div>
+<script>
+onload = function() {
+ requestAnimationFrame(() => requestAnimationFrame(() => {
+ document.querySelector(".block").className = "";
+ document.documentElement.className = "";
+ }));
+}
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/abspos/hypothetical-inline-alone-on-second-line-ref.html b/testing/web-platform/tests/css/CSS2/abspos/hypothetical-inline-alone-on-second-line-ref.html
new file mode 100644
index 0000000000..1ceebb0f7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/hypothetical-inline-alone-on-second-line-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<p>The second line should be just below the first line.</p>
+<div style="padding-left:100px;">
+ Line 1<br>
+ Line 2
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/abspos/hypothetical-inline-alone-on-second-line.html b/testing/web-platform/tests/css/CSS2/abspos/hypothetical-inline-alone-on-second-line.html
new file mode 100644
index 0000000000..b06c54f69c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/hypothetical-inline-alone-on-second-line.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<title>Auto-positioned out-of-flow positioned box that would have been the sole piece of content on a second line, had it not been out-of-flow positioned</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#abs-non-replaced-height" title="10.6.4 Absolutely positioned, non-replaced elements">
+<link rel="match" href="hypothetical-inline-alone-on-second-line-ref.html" />
+<p>The second line should be just below the first line.</p>
+<span style="padding-left:100px;">
+ Line 1<br>
+ <span style="position:absolute; padding-left:100px;">Line 2</span>
+</span>
diff --git a/testing/web-platform/tests/css/CSS2/abspos/remove-block-between-inline-and-abspos.html b/testing/web-platform/tests/css/CSS2/abspos/remove-block-between-inline-and-abspos.html
new file mode 100644
index 0000000000..977f063bca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/remove-block-between-inline-and-abspos.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>Removing block between inline and float should put the two on the same line</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#absolute-positioning" title="9.6 Absolute positioning">
+<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<!-- This is a block with block children, so inlines need to be wrapped inside
+ anonymous blocks. A float and out-of-flow positioned box is neutral here,
+ in that it can either live among block children OR among inline
+ children. If it is (or becomes) sibling of an inline child, though, it
+ should be wrapped inside the same anonymous block as the inline, or layout
+ will be wrong. -->
+<div style="width:200px; background:red;">
+ <div style="height:50px; background:green;"></div>
+ <div style="display:inline-block; vertical-align:top; width:100px; height:150px; background:green;"></div>
+ <div id="removeMe" style="height:100px;"></div>
+ <span style="position:absolute; width:100px; height:150px; background:green;"></span>
+</div>
+<script>
+ document.body.offsetTop; // Trigger layout.
+ document.getElementById("removeMe").style.display = "none";
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/abspos/static-inside-table-cell.html b/testing/web-platform/tests/css/CSS2/abspos/static-inside-table-cell.html
new file mode 100644
index 0000000000..712bfbaf1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/static-inside-table-cell.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<title>Static position inside table cell</title>
+<link rel="author" title="Aleks Totic" href="atotic@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#abs-non-replaced-width" title="10.3.7 Absolutely positioned, non-replaced elements">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div id="container" style="position:relative;">
+ <div id="changeMe" style="height:100px;"></div>
+ <div style="display:table-cell;">
+ <div style="position:absolute; width:100px; height:100px; background:green;"></div>
+ <div style="width:100px; height:100px; background:red;"></div>
+ </div>
+</div>
+<script>
+ document.body.offsetTop;
+ document.querySelector('#changeMe').style.height = "auto";
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/abspos/table-caption-is-containing-block-001.html b/testing/web-platform/tests/css/CSS2/abspos/table-caption-is-containing-block-001.html
new file mode 100644
index 0000000000..9e6eeb0c7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/table-caption-is-containing-block-001.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<link rel="author" title="David Grogan" href="dgrogan@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/tables.html#model">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<meta name="assert" content="relpos caption is containing block for abspos child" />
+<title>
+Captions and abspos descendants
+</title>
+
+<style>
+caption, div {
+ height:100px;
+ width:50px;
+ background:green;
+}
+#redSquare {
+ height: 100px;
+ width: 100px;
+ background-color: red;
+ position: absolute;
+ z-index: -1;
+}
+</style>
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div id="redSquare"></div>
+
+<table>
+ <caption style="position:relative">
+ <div style="position:absolute; left:50px;">
+ </div>
+ </caption>
+</table>
diff --git a/testing/web-platform/tests/css/CSS2/abspos/table-caption-passes-abspos-up-001.html b/testing/web-platform/tests/css/CSS2/abspos/table-caption-passes-abspos-up-001.html
new file mode 100644
index 0000000000..008c07d455
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/abspos/table-caption-passes-abspos-up-001.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<link rel="author" title="David Grogan" href="dgrogan@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/tables.html#model">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<meta name="assert" content="non-containing block caption passes abspos child to its parent" />
+<title>
+Captions and abspos descendants
+</title>
+
+<style>
+caption, div {
+ height:100px;
+ width:50px;
+ background:green;
+}
+#redSquare {
+ height: 100px;
+ width: 100px;
+ background-color: red;
+ position: absolute;
+ z-index: -1;
+}
+</style>
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div id="redSquare"></div>
+
+<table style="position:relative">
+ <caption>
+ <div style="position:absolute; left:50px;">
+ </div>
+ </caption>
+</table>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-001-ref.xht
new file mode 100644
index 0000000000..b934082999
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-001-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+
+ <div><img src="support/1x1-green.png" width="100%" height="50" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-001.xht
new file mode 100644
index 0000000000..ddc29e54a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background" />
+ <link rel="match" href="background-001-ref.xht" />
+
+ <meta name="assert" content="Background with color only sets the background of the element to the color specified." />
+ <style type="text/css">
+ div
+ {
+ background: green;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-002.xht
new file mode 100644
index 0000000000..f92e699be0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-002.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with an image</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background" />
+ <link rel="match" href="background-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with image only sets the background of the element to the image specified." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/green_box.png");
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-003-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-003-ref.xht
new file mode 100644
index 0000000000..2ea5cc8b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-003-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {height: 5in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a green stripe across the page.</p>
+
+ <div><img src="support/1x1-green.png" width="100%" height="15" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-003.xht
new file mode 100644
index 0000000000..33bc78b078
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-003.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with repeat</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
+ <link rel="match" href="background-003-ref.xht" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background shorthand with repeat only sets its background-repeat subproperty. In such case, the other background subproperties are set to their initial values: 'background-image' is set to 'none', 'background-color' is set to transparent, 'background-attachment' is set to 'scroll', 'background-position' is set to '0% 0%'." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x;
+ background-image: url("support/green15x15.png");
+ height: 5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green stripe across the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-004.xht
new file mode 100644
index 0000000000..ba1a4f5a1b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-004.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with attachment</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+ <meta name="assert" content="Background shorthand with attachment only sets its background-attachment subproperty. In such case, the other background subproperties are set to their initial values: 'background-image' is set to 'none', 'background-color' is set to transparent, 'background-repeat' is set to 'repeat', 'background-position' is set to '0% 0%." />
+ <style type="text/css">
+ div
+ {
+ background: fixed;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-005.xht
new file mode 100644
index 0000000000..68fb7a5592
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-005.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with position</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+ <meta name="assert" content="Background shorthand with position only sets its background-position subproperty. In such case, the other background subproperties are set to their initial values: 'background-image' is set to 'none', 'background-color' is set to transparent, 'background-repeat' is set to 'repeat', 'background-attchment' is set to 'scroll'." />
+ <style type="text/css">
+ div
+ {
+ background: left top;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-006.xht
new file mode 100644
index 0000000000..8ec9f8ffb7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-006.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#background-image" />
+ <link rel="match" href="background-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (color image) sets the background of the element to the color specified (not shown) and places the image in its initial position." />
+ <style type="text/css">
+ div
+ {
+ background: red url("support/green_box.png");
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-006a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-006a.xht
new file mode 100644
index 0000000000..8dccbb4e34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-006a.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-image - color visible in transparent parts of image</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties" />
+
+ <meta content="image" name="flags" />
+ <meta content="A 'background-image' is rendered on top of 'background-color'. Therefore, the background-color (blue in this test) should be visible in the transparent parts of a background-image (orange text)." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: blue url("support/orange-PASS-300x150.png");
+ height: 150px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is the word "PASS" in orange inside a filled blue rectangle.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-007.xht
new file mode 100644
index 0000000000..0d884a3d37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-007.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
+ <link rel="match" href="background-001-ref.xht" />
+
+ <meta name="assert" content="Background with (color repeat) sets the background of the element to the color specified. Repeat does nothing since there is no image." />
+ <style type="text/css">
+ div
+ {
+ background: green repeat-x;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-008.xht
new file mode 100644
index 0000000000..cd2100b821
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+ <link rel="match" href="background-001-ref.xht" />
+
+ <meta name="assert" content="Background with (color attachment) sets the background of the element to the color specified. Attachment does nothing since image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: green fixed;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-009.xht
new file mode 100644
index 0000000000..68d19c8a30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-009.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#background-position" />
+ <link rel="match" href="background-001-ref.xht" />
+
+ <meta name="assert" content="Background with (color position) sets the background of the element to the color specified. Position does nothing since image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: green bottom;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-010.xht
new file mode 100644
index 0000000000..64016707c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#layering" />
+ <link rel="match" href="background-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (image color) sets the background of the element to the color specified (not shown) and tiles the image across the background." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/green_box.png") red;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-011.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-011.xht
new file mode 100644
index 0000000000..70a54aebdb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-011.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (image repeat) sets the background to the image specified, tiling it to cover the full width, but not height." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/cat.png") repeat-x;
+ border: 1px solid black;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a cat image repeated across the screen, but not down the screen (there is not a cat on top of a cat).</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-012.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-012.xht
new file mode 100644
index 0000000000..186ebc8cb0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-012.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image attachment) sets the background to the image specified, tiling it to cover the full area, and the background scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a cat image tiled throughout, and when scrolling the box the cat images scroll.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-013.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-013.xht
new file mode 100644
index 0000000000..3d8dfeef57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-013.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-position" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (image position) sets the background to the image specified,, tiling it to cover the full area from the position specified." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/cat.png") bottom left;
+ border: 1px solid black;
+ height: 150px;
+ width: 196px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a cat image tiled throughout it, and the cat image is not cut off at the bottom (it can appear cut off at the top).</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-014.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-014.xht
new file mode 100644
index 0000000000..ab28c00e58
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-014.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
+ <link rel="match" href="background-001-ref.xht" />
+
+ <meta name="assert" content="Background with (repeat color) sets the background of the element to the color specified. Repeat does nothing since there is no image." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x green;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-015.xht
new file mode 100644
index 0000000000..22ff9258de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-015.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (repeat image) sets the background to the image specified, tiling it to cover the full width, but not height." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x url("support/cat.png");
+ border: 1px solid black;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a cat image repeated across the screen, but not down the screen (there is not a cat on top of a cat).</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-016.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-016.xht
new file mode 100644
index 0000000000..13a0f7307d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-016.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+
+ <meta name="assert" content="Background with (repeat attachment) does not affect the background since image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x fixed;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-017.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-017.xht
new file mode 100644
index 0000000000..8a96151cfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-017.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+
+ <meta name="assert" content="Background with (repeat position) does not affect the background since image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x bottom;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-018.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-018.xht
new file mode 100644
index 0000000000..50cfb9b072
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-018.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+ <link rel="match" href="background-001-ref.xht" />
+
+ <meta name="assert" content="Background with (attachment color) sets the background of the element to the color specified. Attachment does nothing since there is no image." />
+ <style type="text/css">
+ div
+ {
+ background: fixed green;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-019.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-019.xht
new file mode 100644
index 0000000000..1ff302873b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-019.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment image) sets the background to the image specified, tiling it to cover the full area, and the background scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a cat image tiled throughout it, and scrolling the box moves the cats as well.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-020.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-020.xht
new file mode 100644
index 0000000000..bad937af4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-020.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+
+ <meta name="assert" content="Background with (attachment repeat) does not affect the background since image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: fixed repeat-x;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-021.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-021.xht
new file mode 100644
index 0000000000..61330ba3e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-021.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+
+ <meta name="assert" content="Background with (attachment position) does not affect the background since image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: fixed bottom;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-022.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-022.xht
new file mode 100644
index 0000000000..3e402c07e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-022.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-position" />
+ <link rel="match" href="background-001-ref.xht" />
+
+ <meta name="assert" content="Background with (position color) sets the background of the element to the color specified. Position does nothing since there is no image." />
+ <style type="text/css">
+ div
+ {
+ background: bottom green;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-023.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-023.xht
new file mode 100644
index 0000000000..05f6ae6076
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-023.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-position" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (position image) sets the background to the image specified, tiling it to cover the full area from the position specified." />
+ <style type="text/css">
+ div
+ {
+ background: bottom left url("support/cat.png");
+ border: 1px solid black;
+ height: 150px;
+ width: 196px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a cat image tiled throughout it, and the cat image is not cut off at the bottom (it can appear cut off at the top).</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-024.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-024.xht
new file mode 100644
index 0000000000..ec6f4e58e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-024.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-position" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+
+ <meta name="assert" content="Background with (position repeat) does not affect the background since image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: bottom repeat-x;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-025.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-025.xht
new file mode 100644
index 0000000000..9b153981d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-025.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+
+ <meta name="assert" content="Background with (position attachment does not affect the background since image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: bottom fixed;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-026-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-026-ref.xht
new file mode 100644
index 0000000000..028757ca37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-026-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 15px;
+ }
+
+ div + div
+ {
+ background-color: green;
+ height: 185px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue stripe above a green rectangle across the page.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-026.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-026.xht
new file mode 100644
index 0000000000..87e5aa6604
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-026.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color image repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-026-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (color image repeat) sets the background of the element to the color specified and places the image in its initial position repeating across the x-axis." />
+ <style type="text/css">
+ div
+ {
+ background: green url("support/blue15x15.png") repeat-x ;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue stripe above a green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-027.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-027.xht
new file mode 100644
index 0000000000..7143c8ebd6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-027.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color image attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color image attachment) sets the background to the image specified, repeated due to initial repeat value, and the image does not 'scroll' within the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: red url("support/cat.png") fixed;
+ height: 300px;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if scrolling on the box below does not cause the cat image to move.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-028.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-028.xht
new file mode 100644
index 0000000000..54c1e1d44d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-028.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color image position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (color image position) sets the background of the element to the image specified. Since the initial value for background-repeat is repeat the position designates where the image tiles from and color is completely overlapped by the placements of the image." />
+ <style type="text/css">
+ div
+ {
+ background: green url("support/cat.png") right top;
+ height: 198px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box filled with cat images and the one in the right top corner is not cut off.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-029.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-029.xht
new file mode 100644
index 0000000000..408df4c759
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-029.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color repeat image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-026-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (color repeat image) sets the background of the element to the color specified and places the image in its initial position repeating across the x-axis." />
+ <style type="text/css">
+ div
+ {
+ background: green repeat-x url("support/blue15x15.png");
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue stripe above a green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-030-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-030-ref.xht
new file mode 100644
index 0000000000..66095d53c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-030-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+
+ <div><img src="support/1x1-green.png" width="200" height="200" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-030.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-030.xht
new file mode 100644
index 0000000000..380fb919fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-030.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color repeat attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (color repeat attachment) sets the background of the element to the color specified. Repeat and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: green repeat-x fixed;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-031.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-031.xht
new file mode 100644
index 0000000000..541149c35f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-031.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color repeat position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+ <meta name="assert" content="Background with (color repeat position) sets the background of the element to the color specified. Repeat and position do not apply since image was not set." />
+ <style type="text/css">
+ div
+ {
+ background: green repeat-x bottom center;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-032.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-032.xht
new file mode 100644
index 0000000000..a0929b70ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-032.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color attachment image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color attachment image) sets the background to the image specified, repeated, and the image does not 'scroll' within the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green fixed url("support/cat.png");
+ height: 300px;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if scrolling on the box below does not cause the cat image to move.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-033.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-033.xht
new file mode 100644
index 0000000000..ebe32910f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-033.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color attachment repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+ <meta name="assert" content="Background with (color attachment repeat) sets the background of the element to the color specified. Repeat and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: green scroll repeat-x;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-034.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-034.xht
new file mode 100644
index 0000000000..05ed94d671
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-034.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color attachment position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (color attachment position) sets the background of the element to the color specified. Position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: green fixed bottom;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-035.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-035.xht
new file mode 100644
index 0000000000..2d59bd5ec7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-035.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color position image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (color position image) sets the background of the element to the image specified. The background image will be positioned from the right and center of the document and repeat over the entire green background hiding the green background." />
+ <style type="text/css">
+ div
+ {
+ background: green right url("support/cat.png");
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a line of cat images, and the image on the right is not cut off.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-036.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-036.xht
new file mode 100644
index 0000000000..d6fb40693f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-036.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color position repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+ <meta name="assert" content="Background with (color position repeat) sets the background of the element to the color specified. Repeat and position only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: green bottom center repeat-x;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-037.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-037.xht
new file mode 100644
index 0000000000..3c4f2e97c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-037.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color position attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+ <meta name="assert" content="Background with (color position attachment) sets the background of the element to the color specified. Position and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: green bottom center fixed;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-038.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-038.xht
new file mode 100644
index 0000000000..41ad1571ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-038.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image color repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-026-ref.xht" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (image color repeat) sets the background of the element to the color specified and places the image in its initial position repeating across the x-axis." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/blue15x15.png") green repeat-x;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue stripe above a green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-039.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-039.xht
new file mode 100644
index 0000000000..ffc84e670e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-039.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image color attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image color attachment) sets the background to the image specified, repeated, and the image does not 'scroll' within the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: url("support/cat.png") green fixed;
+ height: 300px;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if scrolling on the box below does not cause the cat image to move.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-040.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-040.xht
new file mode 100644
index 0000000000..03b70a263f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-040.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image color position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (image color position) sets the background of the element to the image specified. The background image will be positioned from the right and center of the document and repeat over the entire green background hiding the green background." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/cat.png") green right;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a line of cat images, and the image on the right is not cut off.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-041.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-041.xht
new file mode 100644
index 0000000000..d99e5f73a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-041.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image repeat color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-026-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (image repeat color) sets the background of the element to the color specified and places the image in its initial position repeating across the x-axis." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/blue15x15.png") repeat-x green;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue stripe above a green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-042.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-042.xht
new file mode 100644
index 0000000000..97dc794cd0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-042.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image repeat attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image repeat attachment) sets the background to the image specified, the image is repeated across the top, and scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") repeat-x scroll;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with cat images across the top. Also, the cat images move when the box is scrolled.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-043-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-043-ref.xht
new file mode 100644
index 0000000000..86cbebe62e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-043-ref.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-spacing: 0px;
+ height: 206px;
+ }
+
+ td
+ {
+ border: black solid 3px;
+ padding: 0px;
+ vertical-align: bottom;
+ width: 200px;
+ }
+
+ img {vertical-align: bottom;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue stripe inside the hollow black square, positioned at the bottom of the black square.</p>
+
+ <table>
+ <tr><td><img src="support/blue15x15.png" width="100%" height="15" alt="Image download support must be enabled" /></td></tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-043.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-043.xht
new file mode 100644
index 0000000000..9025a58b51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-043.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image repeat position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-043-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (repeat color position) sets the background to the image specified, repeated across the x-axis, and the image is positioned at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/blue15x15.png") repeat-x bottom;
+ border: 3px solid black;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue stripe inside the hollow black square, positioned at the bottom of the black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-044.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-044.xht
new file mode 100644
index 0000000000..3018f9d28d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-044.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image attachment color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image attachment color) sets the background to the image specified, repeated, and the image does not 'scroll' within the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") fixed green;
+ height: 300px;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if scrolling on the box below does not cause the cat image to move.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-045.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-045.xht
new file mode 100644
index 0000000000..76195dca43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-045.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image attachment repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image attachment repeat) sets the background to the image specified, the image is repeated across the top, and scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") scroll repeat-x;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with cat images across the top. Also, the cat images move when the box is scrolled.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-046.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-046.xht
new file mode 100644
index 0000000000..163a191f1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-046.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image attachment position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image attachment position) sets the background to the image specified, the image is positioned at the bottom, and scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: url("support/cat.png") scroll bottom left;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images, and when the box is scrolled down, the cat images move. Also, the cat in the left bottom corner is not cut off.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-047.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-047.xht
new file mode 100644
index 0000000000..eda3e5f00c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-047.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image position color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (image position color) sets the background of the element to the image specified. Since the initial value for background-repeat is repeat the position and color declarations will have no effect." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/cat.png") right green;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a line of cat images, and the image on the right is not cut off.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-048.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-048.xht
new file mode 100644
index 0000000000..ffeb3b39d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-048.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image position repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-043-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (image position repeat) sets the background to the image specified, repeated across the x-axis, and the image is positioned at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/blue15x15.png") bottom repeat-x;
+ border: 3px solid black;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue stripe inside the hollow black square, positioned at the bottom of the black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-049.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-049.xht
new file mode 100644
index 0000000000..9c27ac0e9a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-049.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image position attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image position attachment) sets the background to the image specified, the image is positioned at the bottom, and scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") bottom left scroll;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images, and when the box is scrolled down, the cat images move. Also, the cat in the left bottom corner is not cut off.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-050.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-050.xht
new file mode 100644
index 0000000000..437f0e7812
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-050.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat color image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-026-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (repeat color image) sets the background of the element to the color specified and places the image in its initial position repeating across the x-axis." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x green url("support/blue15x15.png");
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue stripe above a green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-051.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-051.xht
new file mode 100644
index 0000000000..1b5458fb72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-051.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat color attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (repeat color attachment) sets the background to the color specified. Repeat and attachment are ignored since image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x green scroll;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-052.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-052.xht
new file mode 100644
index 0000000000..1a62d8845a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-052.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat color position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (repeat color position) sets the background to the color specified. Repeat and position are ignored since image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x green bottom;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-053.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-053.xht
new file mode 100644
index 0000000000..1e4850efaa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-053.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat image color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-026-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (repeat image color) sets the background of the element to the color specified and places the image in its initial position repeating across the x-axis." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x url("support/blue15x15.png") green;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue stripe above a green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-054.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-054.xht
new file mode 100644
index 0000000000..4cd1a317f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-054.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat image attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat image attachment) sets the background to the image specified, the image is repeated across the top, and scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x url("support/cat.png") scroll;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with cat images across the top. Also, the cat images move when the box is scrolled.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-055.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-055.xht
new file mode 100644
index 0000000000..5d72bd3be0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-055.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat image position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-043-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (repeat image position) sets the background to the image specified, repeated across the x-axis, and the image is positioned at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x url("support/blue15x15.png") bottom;
+ border: 3px solid black;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue stripe inside the hollow black square, positioned at the bottom of the black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-056.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-056.xht
new file mode 100644
index 0000000000..0f7f6bb09a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-056.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat attachment color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (repeat attachment color) sets the background to the color specified. Repeat and attachment are ignored since image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x scroll green;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-057.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-057.xht
new file mode 100644
index 0000000000..f35720d9f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-057.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat attachment image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat attachment image) sets the background to the image specified, the image is repeated across the top, and scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x scroll url("support/cat.png");
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with cat images across the top. Also, the cat images move when the box is scrolled.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-058.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-058.xht
new file mode 100644
index 0000000000..025ff188b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-058.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat attachment position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+
+ <meta name="assert" content="Background with (repeat attachment position) does not set anything on the background. Repeat, position and attachment are ignored since image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x scroll bottom;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-059.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-059.xht
new file mode 100644
index 0000000000..1b6d04b86e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-059.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat position color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (repeat position color) sets the background to the color specified. Repeat and position are ignored since image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x bottom green;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-060.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-060.xht
new file mode 100644
index 0000000000..344444ac03
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-060.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat position image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-043-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (repeat position image) sets the background to the image specified, repeated across the x-axis, and the image is positioned at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x bottom url("support/blue15x15.png");
+ border: 3px solid black;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue stripe inside the hollow black square, positioned at the bottom of the black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-061.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-061.xht
new file mode 100644
index 0000000000..9b01ac588f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-061.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat position attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+
+ <meta name="assert" content="Background with (repeat position attachment) does not set anything on the background. Background repeat, position and attachment subproperties have no rendering effect in this test since background-image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x bottom scroll;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-062.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-062.xht
new file mode 100644
index 0000000000..431b9093cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-062.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment color image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment color image) sets the background to the image specified, repeated, and the image does not 'scroll' within the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: fixed green url("support/cat.png");
+ height: 300px;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if scrolling on the box below does not cause the cat image to move.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-063.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-063.xht
new file mode 100644
index 0000000000..6d7a24496a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-063.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment color repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+ <meta name="assert" content="Background with (attachment color repeat sets the background to the color specified. Background repeat and attachment subproperties have no rendering effect in this test since background-image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: scroll green repeat-x;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-064.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-064.xht
new file mode 100644
index 0000000000..999d1f065d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-064.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment color position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (attachment color position) sets the background to the color specified. Position and attachment are ignored since image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: scroll green bottom;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-065.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-065.xht
new file mode 100644
index 0000000000..885227f952
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-065.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment image color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment image color) sets the background to the image specified, repeated, and the image does not 'scroll' within the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: fixed url("support/cat.png") green;
+ height: 300px;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if scrolling on the box below does not cause the cat image to move.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-066.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-066.xht
new file mode 100644
index 0000000000..665a5b8b3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-066.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment image repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment image repeat) sets the background to the image specified, the image is repeated across the top, and scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll url("support/cat.png") repeat-x;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with cat images across the top. Also, the cat images move when the box is scrolled.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-067.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-067.xht
new file mode 100644
index 0000000000..6c3fab9fc9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-067.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment image position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment image position) sets the background to the image specified, the image is positioned at the bottom, and scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll url("support/cat.png") bottom left;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images, and when the box is scrolled down, the cat images move. Also, the cat in the left bottom corner is not cut off.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-068.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-068.xht
new file mode 100644
index 0000000000..62b97afa07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-068.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment repeat color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+ <meta name="assert" content="Background with (attachment repeat color) sets the background to the color specified. Background repeat and attachment subproperties have no rendering effect in this test since background-image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: scroll repeat-x green;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-069.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-069.xht
new file mode 100644
index 0000000000..680bc2bb5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-069.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment repeat image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment repeat image) sets the background to the image specified, the image is repeated across the top, and scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll repeat-x url("support/cat.png");
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with cat images across the top. Also, the cat images move when the box is scrolled.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-070.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-070.xht
new file mode 100644
index 0000000000..5abd3a10a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-070.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment repeat position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+ <meta name="assert" content="Background with (attachment repeat position) does not set anything on the background. Background repeat, position and attachment subproperties have no rendering effect in this test since background-image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: scroll repeat-x bottom;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-071.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-071.xht
new file mode 100644
index 0000000000..ecd268741b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-071.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment position color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (attachment position color) sets the background to the color specified. Background position and attachment subproperties have no rendering effect in this test since background-image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: scroll bottom green;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-072.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-072.xht
new file mode 100644
index 0000000000..ecdc6f96bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-072.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment position image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment position image) sets the background to the image specified, the image is positioned at the bottom, and scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll bottom left url("support/cat.png");
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images, and when the box is scrolled down, the cat images move. Also, the cat in the left bottom corner is not cut off.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-073.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-073.xht
new file mode 100644
index 0000000000..d0905c0244
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-073.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment position repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+
+ <meta name="assert" content="Background with (attachment position repeat) does not set anything on the background. Background attachment, position and repeat subproperties have no rendering effect in this test since background-image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: scroll bottom repeat-x;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-074.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-074.xht
new file mode 100644
index 0000000000..238982cd8a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-074.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position color image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (position color image) sets the background of the element to the image specified. The background image will be positioned from the right and center of the document and repeat over the entire green background hiding the green background." />
+ <style type="text/css">
+ div
+ {
+ background: right green url("support/cat.png");
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a line of cat images, and the image on the right is not cut off.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-075.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-075.xht
new file mode 100644
index 0000000000..bc5b253adf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-075.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position color repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+ <meta name="assert" content="Background with (position color repeat) sets the background to the color specified. Background repeat and position subproperties have no rendering effect in this test since background-image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: bottom green repeat-x;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-076.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-076.xht
new file mode 100644
index 0000000000..d83a0435d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-076.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position color attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (position color attachment) sets the background to the color specified. Background position and attachment subproperties have no rendering effect in this test since background-image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: bottom green scroll;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-077.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-077.xht
new file mode 100644
index 0000000000..de342670cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-077.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position image color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (position image color) sets the background of the element to the image specified. The background image will be positioned from the right and center of the document and repeat over the entire green background hiding the green background." />
+ <style type="text/css">
+ div
+ {
+ background: right url("support/cat.png") green;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a line of cat images, and the image on the right is not cut off.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-078.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-078.xht
new file mode 100644
index 0000000000..39968ae270
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-078.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position image repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-043-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (position image repeat) sets the background to the image specified, repeated across the x-axis, and the image is positioned at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: bottom url("support/blue15x15.png") repeat-x;
+ border: 3px solid black;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue stripe inside the hollow black square, positioned at the bottom of the black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-079.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-079.xht
new file mode 100644
index 0000000000..194fca47fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-079.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position image attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with position image attachment) sets the background to the image specified, the image is positioned at the bottom, and scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom left url("support/cat.png") scroll;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images, and when the box is scrolled down, the cat images move. Also, the cat in the left bottom corner is not cut off.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-080.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-080.xht
new file mode 100644
index 0000000000..3a13361795
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-080.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position repeat color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+ <meta name="assert" content="Background with (position repeat color) sets the background to the color specified. Background repeat and position subproperties have no rendering effect in this test since background-image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: bottom repeat-x green;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-081.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-081.xht
new file mode 100644
index 0000000000..6452392619
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-081.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position repeat image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-043-ref.xht" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (position repeat image) sets the background to the image specified, repeated across the x-axis, and the image is positioned at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: bottom repeat-x url("support/blue15x15.png");
+ height: 200px;
+ width: 200px;
+ border: 3px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue stripe inside the hollow black square, positioned at the bottom of the black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-082.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-082.xht
new file mode 100644
index 0000000000..a7eb4e35be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-082.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position repeat attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+ <meta name="assert" content="Background with (position repeat attachment) does not set anything on the background. Background repeat, position and attachment subproperties have no rendering effect in this test since background-image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: bottom repeat-x scroll;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-083.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-083.xht
new file mode 100644
index 0000000000..ce572b0c77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-083.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position attachment color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+ <meta name="assert" content="Background with (position attachment color) sets the background to the color specified. Background position and attachment subproperties have no rendering effect in this test since background-image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: bottom scroll green;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-084.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-084.xht
new file mode 100644
index 0000000000..58d9eb5135
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-084.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position attachment image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position attachment image) sets the background to the image specified, the image is positioned at the bottom, and scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: bottom left scroll url("support/cat.png");
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images, and when the box is scrolled down, the cat images move. Also, the cat in the left bottom corner is not cut off.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-085.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-085.xht
new file mode 100644
index 0000000000..57a0bc6bb0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-085.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position attachment repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+ <meta name="assert" content="Background with (position attachment repeat) does not set anything on the background. Background repeat, position and attachment subproperties have no rendering effect in this test since background-image is not set." />
+ <style type="text/css">
+ div
+ {
+ background: bottom scroll repeat-x;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-086.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-086.xht
new file mode 100644
index 0000000000..10831f886f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-086.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color image repeat attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color image repeat attachment) sets the background to the color specified, tiling the image across the x-axis and also scrolls with the content." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green url("support/cat.png") repeat-x scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-087-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-087-ref.xht
new file mode 100644
index 0000000000..8fc44ffe7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-087-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {width: 100px;}
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is an orange rectangle above a blue stripe.</p>
+
+ <div><img src="support/swatch-orange.png" width="100%" height="85" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-blue.png" width="100%" height="15" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-087.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-087.xht
new file mode 100644
index 0000000000..2d3fe80dcf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-087.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color image repeat position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-087-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (color image repeat position) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: orange url("support/blue15x15.png") repeat-x bottom;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an orange rectangle above a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-088.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-088.xht
new file mode 100644
index 0000000000..6bf8439e70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-088.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color image attachment repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color image attachment repeat) sets the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green url("support/cat.png") scroll repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-089.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-089.xht
new file mode 100644
index 0000000000..ba704e34b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-089.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color image attachment position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color image attachment position) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green url("support/cat.png") scroll bottom center;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-090-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-090-ref.xht
new file mode 100644
index 0000000000..6ee328ce3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-090-ref.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-spacing: 0px;
+ height: 200px;
+ }
+
+ td
+ {
+ background-color: green;
+ padding: 0px;
+ vertical-align: bottom;
+ width: 200px;
+ }
+
+ img {vertical-align: bottom;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+
+ <table>
+ <tr><td><img src="support/blue15x15.png" width="100%" height="15" alt="Image download support must be enabled" /></td></tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-090.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-090.xht
new file mode 100644
index 0000000000..2981295fda
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-090.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color image position repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (color image position repeat) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: green url("support/blue15x15.png") bottom repeat-x;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-091.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-091.xht
new file mode 100644
index 0000000000..ca867f6ad8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-091.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color image position attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color image position attachment) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: green url("support/cat.png") bottom center scroll;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-092.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-092.xht
new file mode 100644
index 0000000000..aaa247de0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-092.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color repeat image attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color repeat image attachment) sets the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: green repeat-x url("support/cat.png") scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-093.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-093.xht
new file mode 100644
index 0000000000..d19bd5f536
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-093.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color repeat image position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (color repeat image position) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: green repeat-x url("support/blue15x15.png") bottom;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-094.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-094.xht
new file mode 100644
index 0000000000..cc42ac0994
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-094.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color repeat attachment image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color repeat attachment image) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: green repeat-x scroll url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-095.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-095.xht
new file mode 100644
index 0000000000..966e2c0f11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-095.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color repeat attachment position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (color repeat attachment position) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: green repeat-x fixed bottom center;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-096.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-096.xht
new file mode 100644
index 0000000000..f6cde66189
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-096.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color repeat position image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (color repeat position image) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: green repeat-x bottom url("support/blue15x15.png");
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-097.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-097.xht
new file mode 100644
index 0000000000..d7bac93854
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-097.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color repeat position attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (color repeat position attachment) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: green repeat-x bottom center fixed;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-098.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-098.xht
new file mode 100644
index 0000000000..a9b6f5dba1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-098.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color attachment image repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color attachment image repeat) sets the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: green scroll url("support/cat.png") repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-099.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-099.xht
new file mode 100644
index 0000000000..a8e0aacff2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-099.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color attachment image position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color attachment image position) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: green scroll url("support/cat.png") bottom center;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-100.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-100.xht
new file mode 100644
index 0000000000..654ef67cae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-100.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color attachment repeat image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color attachment repeat image) sets the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: green scroll repeat-x url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-101.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-101.xht
new file mode 100644
index 0000000000..0451ca199e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-101.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color attachment repeat position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (color attachment repeat position) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: green fixed repeat-x bottom;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-102.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-102.xht
new file mode 100644
index 0000000000..da051c6bf0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-102.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color attachment position image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color attachment position image) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: green scroll bottom url("support/cat.png");
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-103.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-103.xht
new file mode 100644
index 0000000000..15cfbf3baf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-103.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color attachment position repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (color attachment position repeat) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: green fixed bottom center repeat-x;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-104.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-104.xht
new file mode 100644
index 0000000000..a39970c34d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-104.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color position image repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (color position image repeat) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: green bottom url("support/blue15x15.png") repeat-x;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-105.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-105.xht
new file mode 100644
index 0000000000..707f8299b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-105.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color position image attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color position image attachment) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green bottom center url("support/cat.png") scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-106.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-106.xht
new file mode 100644
index 0000000000..53c1a885b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-106.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color position repeat image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (color position repeat image) sets the background to the color specified, with the image overlaid across the x-axis at the bottom. The center assignment from background-position does not matter since the image is tiled across the x-axis." />
+ <style type="text/css">
+ div
+ {
+ background: green bottom repeat-x url("support/blue15x15.png");
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-107.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-107.xht
new file mode 100644
index 0000000000..8b617542a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-107.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color position repeat attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (color position repeat attachment) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: green bottom center repeat-x fixed;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-108.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-108.xht
new file mode 100644
index 0000000000..fa5ac115ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-108.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color position attachment image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color position attachment image) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green bottom center scroll url("support/cat.png");
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-109.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-109.xht
new file mode 100644
index 0000000000..6f3886878c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-109.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color position attachment repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (color position attachment repeat) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: green bottom center fixed repeat-x;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-110.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-110.xht
new file mode 100644
index 0000000000..4d5ed16745
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-110.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image color repeat attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image color repeat attachment) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") green repeat-x scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-111.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-111.xht
new file mode 100644
index 0000000000..f1211e72a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-111.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image color repeat position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (image color repeat position) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/blue15x15.png") green repeat-x bottom;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-112.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-112.xht
new file mode 100644
index 0000000000..69cf1a29b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-112.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image color attachment repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image color attachment repeat) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") green scroll repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-113.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-113.xht
new file mode 100644
index 0000000000..6051700824
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-113.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image color attachment position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image color attachment position) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") green scroll bottom;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-114.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-114.xht
new file mode 100644
index 0000000000..5823c42e38
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-114.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image color position repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (image color position repeat) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/blue15x15.png") green bottom repeat-x;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-115.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-115.xht
new file mode 100644
index 0000000000..fe7d0ebc09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-115.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image color position attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image color position attachment) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") green bottom scroll;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-116.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-116.xht
new file mode 100644
index 0000000000..7122ec03b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-116.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image repeat color attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image repeat color attachment) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") repeat-x green scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-117.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-117.xht
new file mode 100644
index 0000000000..5da10cec0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-117.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image repeat color position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (image repeat color position) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/blue15x15.png") repeat-x green bottom;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-118.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-118.xht
new file mode 100644
index 0000000000..3fd5af1f7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-118.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image repeat attachment color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image repeat attachment color) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: url("support/cat.png") repeat-x scroll green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-119.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-119.xht
new file mode 100644
index 0000000000..a132d48ed8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-119.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image repeat attachment position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image repeat attachment position) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: url("support/cat.png") repeat-x scroll bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-120.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-120.xht
new file mode 100644
index 0000000000..9a6f3a00ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-120.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image repeat position color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (image repeat position color) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/blue15x15.png") repeat-x bottom green;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-121.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-121.xht
new file mode 100644
index 0000000000..c462a8800d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-121.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image repeat position attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image repeat position attachment) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: url("support/cat.png") repeat-x bottom scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-122.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-122.xht
new file mode 100644
index 0000000000..0c43cf81d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-122.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image attachment color repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image attachment color repeat) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: url("support/cat.png") scroll green repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-123.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-123.xht
new file mode 100644
index 0000000000..8240fb2794
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-123.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image attachment color position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image attachment color position) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: url("support/cat.png") scroll green bottom;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-124.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-124.xht
new file mode 100644
index 0000000000..4845bfaf2c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-124.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image attachment repeat color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image attachment repeat color) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: url("support/cat.png") scroll repeat-x green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-125.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-125.xht
new file mode 100644
index 0000000000..47f1b1b6e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-125.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image attachment repeat position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image attachment repeat position) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: url("support/cat.png") scroll repeat-x bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-126.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-126.xht
new file mode 100644
index 0000000000..6f56c77e7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-126.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image attachment position color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image attachment position color) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: url("support/cat.png") scroll bottom green;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-127.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-127.xht
new file mode 100644
index 0000000000..608bcdf4dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-127.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image attachment position repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image attachment position repeat) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: url("support/cat.png") scroll bottom repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-128.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-128.xht
new file mode 100644
index 0000000000..466deddebc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-128.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image position color repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (image position color repeat) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/blue15x15.png") bottom green repeat-x;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-129.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-129.xht
new file mode 100644
index 0000000000..15d82a7eaa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-129.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image position color attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image position color attachment) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: url("support/cat.png") bottom green scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-130-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-130-ref.xht
new file mode 100644
index 0000000000..31b4c6d248
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-130-ref.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-spacing: 0px;
+ height: 100px;
+ }
+
+ td
+ {
+ background-color: green;
+ padding: 0px;
+ vertical-align: bottom;
+ width: 100px;
+ }
+
+ img {vertical-align: bottom;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle above a short blue stripe.</p>
+
+ <table>
+ <tr><td><img src="support/blue15x15.png" width="100%" height="15" alt="Image download support must be enabled" /></td></tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-130.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-130.xht
new file mode 100644
index 0000000000..7777bba217
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-130.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image position repeat color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-130-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (image position repeat color) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/blue15x15.png") bottom repeat-x green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle above a short blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-131.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-131.xht
new file mode 100644
index 0000000000..045fe0101c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-131.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image position repeat attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image position repeat attachment) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: url("support/cat.png") bottom repeat-x scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-132.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-132.xht
new file mode 100644
index 0000000000..682aa9f6fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-132.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image position attachment color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image position attachment color) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: url("support/cat.png") bottom scroll green;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-133.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-133.xht
new file mode 100644
index 0000000000..f062b725a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-133.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image position attachment repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image position attachment repeat) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: url("support/cat.png") bottom scroll repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-134.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-134.xht
new file mode 100644
index 0000000000..9c61b01414
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-134.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat color image attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat color image attachment) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: repeat-x green url("support/cat.png") scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-135.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-135.xht
new file mode 100644
index 0000000000..497834c006
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-135.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat color image position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (repeat color image position) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x green url("support/blue15x15.png") bottom;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-136.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-136.xht
new file mode 100644
index 0000000000..1f7cff2dbb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-136.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat color attachment image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat color attachment image) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: repeat-x green scroll url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-137.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-137.xht
new file mode 100644
index 0000000000..0a79e3656f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-137.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat color attachment position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (repeat color attachment position) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x green scroll bottom;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-138.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-138.xht
new file mode 100644
index 0000000000..ff596f292b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-138.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat color position image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (repeat color position image) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x green bottom url("support/blue15x15.png");
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-139.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-139.xht
new file mode 100644
index 0000000000..f393e240f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-139.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat color position attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (repeat color position attachment) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x green bottom scroll;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-140.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-140.xht
new file mode 100644
index 0000000000..0e3d52dee6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-140.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat image color attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat image color attachment) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: repeat-x url("support/cat.png") green scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-141.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-141.xht
new file mode 100644
index 0000000000..6442a162bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-141.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat image color position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (repeat image color position) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x url("support/blue15x15.png") green bottom;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-142.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-142.xht
new file mode 100644
index 0000000000..93722dafab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-142.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat image attachment color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat image attachment color) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: repeat-x url("support/cat.png") scroll green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-143.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-143.xht
new file mode 100644
index 0000000000..27e413244b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-143.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat image attachment position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat image attachment position) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: repeat-x url("support/cat.png") scroll bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-144.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-144.xht
new file mode 100644
index 0000000000..12ca963876
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-144.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat image position color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (repeat image position color) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x url("support/blue15x15.png") bottom green;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-145.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-145.xht
new file mode 100644
index 0000000000..8b1c1e7b9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-145.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat image position attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat image position attachment) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: repeat-x url("support/cat.png") bottom scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-146.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-146.xht
new file mode 100644
index 0000000000..8f433669e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-146.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat attachment color image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat attachment color image) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: repeat-x scroll green url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-147.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-147.xht
new file mode 100644
index 0000000000..a78863aa3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-147.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat attachment color position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (repeat attachment color position) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x scroll green bottom;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-148.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-148.xht
new file mode 100644
index 0000000000..e89d67580b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-148.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat attachment image color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat attachment image color) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: repeat-x scroll url("support/cat.png") green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-149.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-149.xht
new file mode 100644
index 0000000000..a6305911de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-149.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat attachment image position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat attachment image position) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: repeat-x scroll url("support/cat.png") bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-150.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-150.xht
new file mode 100644
index 0000000000..f260cf9a33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-150.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat attachment position color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (repeat attachment position color) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x scroll bottom green;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-151.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-151.xht
new file mode 100644
index 0000000000..e4acdd4f98
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-151.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat attachment position image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with repeat attachment position image) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: repeat-x scroll bottom url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-152.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-152.xht
new file mode 100644
index 0000000000..260c9d2ab4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-152.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat position color image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (repeat position color image) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x bottom green url("support/blue15x15.png");
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-153.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-153.xht
new file mode 100644
index 0000000000..6186ad2bb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-153.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat position color attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (repeat position color attachment) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x bottom green scroll;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-154.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-154.xht
new file mode 100644
index 0000000000..8c88061fe1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-154.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat position image color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (repeat position image color) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x bottom url("support/blue15x15.png") green;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-155.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-155.xht
new file mode 100644
index 0000000000..3230e98497
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-155.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat position image attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat position image attachment) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: repeat-x bottom url("support/cat.png") scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-156.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-156.xht
new file mode 100644
index 0000000000..d946076ec2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-156.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat position attachment color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (repeat position attachment color) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: repeat-x bottom scroll green;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-157.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-157.xht
new file mode 100644
index 0000000000..04274c04ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-157.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat position attachment image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat position attachment image) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: repeat-x bottom scroll url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-158.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-158.xht
new file mode 100644
index 0000000000..d709dfae7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-158.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment color image repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment color image repeat) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll green url("support/cat.png") repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-159.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-159.xht
new file mode 100644
index 0000000000..898a414b44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-159.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment color image position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment color image position) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll green url("support/cat.png") bottom;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-160.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-160.xht
new file mode 100644
index 0000000000..f2292b3ebf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-160.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment color repeat image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment color repeat image) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll green repeat-x url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-161.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-161.xht
new file mode 100644
index 0000000000..b142271a7b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-161.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment color repeat position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (attachment color repeat position) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: scroll green repeat-x bottom;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-162.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-162.xht
new file mode 100644
index 0000000000..2ca72cc720
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-162.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment color position image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment color position image) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll green bottom url("support/cat.png");
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-163.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-163.xht
new file mode 100644
index 0000000000..4c1fcb3163
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-163.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment color position repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (attachment color position repeat) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: scroll green bottom repeat-x;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-164.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-164.xht
new file mode 100644
index 0000000000..78e57b555b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-164.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment image color repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment image color repeat) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll url("support/cat.png") green repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-165.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-165.xht
new file mode 100644
index 0000000000..9ff98444c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-165.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment image color position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment image color position) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll url("support/cat.png") green bottom;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-166.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-166.xht
new file mode 100644
index 0000000000..30f3d98b0d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-166.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment image repeat color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment image repeat color) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll url("support/cat.png") repeat-x green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-167.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-167.xht
new file mode 100644
index 0000000000..b09e4e7a46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-167.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment image repeat position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment image repeat position) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll url("support/cat.png") repeat-x bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-168.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-168.xht
new file mode 100644
index 0000000000..9e99156de4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-168.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment image position color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment image position color) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll url("support/cat.png") bottom green;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-169.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-169.xht
new file mode 100644
index 0000000000..73166d3f4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-169.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment image position repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment image position repeat) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll url("support/cat.png") bottom repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-170.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-170.xht
new file mode 100644
index 0000000000..cfbd025974
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-170.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment repeat color image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment repeat color image) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll repeat-x green url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-171.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-171.xht
new file mode 100644
index 0000000000..fa94ca5c5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-171.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment repeat color position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (attachment repeat color position) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: scroll repeat-x green bottom;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-172.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-172.xht
new file mode 100644
index 0000000000..cfc56c2318
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-172.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment repeat image color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment repeat image color) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll repeat-x url("support/cat.png") green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-173.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-173.xht
new file mode 100644
index 0000000000..4b0a822b39
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-173.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment repeat image position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment repeat image position) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll repeat-x url("support/cat.png") bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-174.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-174.xht
new file mode 100644
index 0000000000..c7e0beefd3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-174.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment repeat position color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (attachment repeat position color) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: scroll repeat-x bottom green;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-175.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-175.xht
new file mode 100644
index 0000000000..3e5c4d1cc3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-175.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment repeat position image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment repeat position image) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll repeat-x bottom url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-176.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-176.xht
new file mode 100644
index 0000000000..237b082bb2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-176.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment position color image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment position color image) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll bottom green url("support/cat.png");
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-177.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-177.xht
new file mode 100644
index 0000000000..b6aa3e0890
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-177.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment position color repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (attachment position color repeat) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: scroll bottom green repeat-x;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-178.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-178.xht
new file mode 100644
index 0000000000..cc0537ce6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-178.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment position image color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment position image color) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll bottom url("support/cat.png") green;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-179.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-179.xht
new file mode 100644
index 0000000000..92e9d1e602
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-179.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment position image repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment position image repeat) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll bottom url("support/cat.png") repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-180.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-180.xht
new file mode 100644
index 0000000000..c4f157e1b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-180.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment position repeat color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (attachment position repeat color) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: scroll bottom repeat-x green;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-181.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-181.xht
new file mode 100644
index 0000000000..658560e91a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-181.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment position repeat image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment position repeat image) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: scroll bottom repeat-x url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-182.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-182.xht
new file mode 100644
index 0000000000..72c02df3e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-182.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position color image repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-087-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (position color image repeat) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: bottom orange url("support/blue15x15.png") repeat-x;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an orange rectangle above a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-183.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-183.xht
new file mode 100644
index 0000000000..46e99fbcf3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-183.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position color image attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position color image attachment) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: bottom green url("support/cat.png") scroll;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-184.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-184.xht
new file mode 100644
index 0000000000..cd7f94041e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-184.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position color repeat image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (position color repeat image) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: bottom green repeat-x url("support/blue15x15.png");
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-185.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-185.xht
new file mode 100644
index 0000000000..79ed7b53b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-185.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position color repeat attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (position color repeat attachment) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: bottom green repeat-x scroll;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-186.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-186.xht
new file mode 100644
index 0000000000..197e1dbc40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-186.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position color attachment image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position color attachment image) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: bottom green scroll url("support/cat.png");
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-187.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-187.xht
new file mode 100644
index 0000000000..de459ef782
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-187.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position color attachment repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (position color attachment repeat) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: bottom green scroll repeat-x;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-188.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-188.xht
new file mode 100644
index 0000000000..af87461274
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-188.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position image color repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (position image color repeat) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: bottom url("support/blue15x15.png") green repeat-x;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-189.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-189.xht
new file mode 100644
index 0000000000..1396a7479d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-189.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position image color attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position image color attachment) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: bottom url("support/cat.png") green scroll;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-190.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-190.xht
new file mode 100644
index 0000000000..c7c3f1642f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-190.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position image repeat color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (position image repeat color) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: bottom url("support/blue15x15.png") repeat-x green;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-191.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-191.xht
new file mode 100644
index 0000000000..c9188c0232
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-191.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position image repeat attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position image repeat attachment) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: bottom url("support/cat.png") repeat-x scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-192.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-192.xht
new file mode 100644
index 0000000000..1509f5ed2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-192.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position image attachment color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position image attachment color) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: bottom url("support/cat.png") scroll green;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-193.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-193.xht
new file mode 100644
index 0000000000..cf3a76a260
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-193.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position image attachment repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position image attachment repeat) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: bottom url("support/cat.png") scroll repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-194.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-194.xht
new file mode 100644
index 0000000000..928ed72089
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-194.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position repeat color image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (position repeat color image) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: bottom repeat-x green url("support/blue15x15.png");
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-195.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-195.xht
new file mode 100644
index 0000000000..5609e4c0e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-195.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position repeat color attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (position repeat color attachment) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: bottom repeat-x green scroll;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-196.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-196.xht
new file mode 100644
index 0000000000..7da1da5748
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-196.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position repeat image color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-090-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background with (position repeat image color) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." />
+ <style type="text/css">
+ div
+ {
+ background: bottom repeat-x url("support/blue15x15.png") green;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green rectangle on top of a blue stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-197.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-197.xht
new file mode 100644
index 0000000000..81f2f12a2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-197.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position repeat image attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position repeat image attachment) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: bottom repeat-x url("support/cat.png") scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a picture of a cat repeated across the bottom of the box below that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-198.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-198.xht
new file mode 100644
index 0000000000..918b75d034
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-198.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position repeat attachment color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (position repeat attachment color) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: bottom repeat-x scroll green;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-199.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-199.xht
new file mode 100644
index 0000000000..7ffa6ae7ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-199.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position repeat attachment image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position repeat attachment image) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: bottom repeat-x scroll url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-200.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-200.xht
new file mode 100644
index 0000000000..b01c36267c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-200.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position attachment color image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position attachment color image) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: bottom scroll green url("support/cat.png");
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-201.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-201.xht
new file mode 100644
index 0000000000..6676cc6470
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-201.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position attachment color repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (position attachment color repeat) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: bottom scroll green repeat-x;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-202.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-202.xht
new file mode 100644
index 0000000000..6999fa59f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-202.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position attachment image color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position attachment image color) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: bottom scroll url("support/cat.png") green;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-203.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-203.xht
new file mode 100644
index 0000000000..fa670b5f96
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-203.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position attachment image repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position attachment image repeat) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: bottom scroll url("support/cat.png") repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-204.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-204.xht
new file mode 100644
index 0000000000..56c67d8fee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-204.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position attachment repeat color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-030-ref.xht" />
+
+ <meta name="assert" content="Background with (position attachment repeat color) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." />
+ <style type="text/css">
+ div
+ {
+ background: bottom scroll repeat-x green;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-205.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-205.xht
new file mode 100644
index 0000000000..82c2ad70cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-205.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position attachment repeat image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position attachment repeat image) sets the tiles the image across the x-axis within the background and the image scrolls with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: bottom scroll repeat-x url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-206.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-206.xht
new file mode 100644
index 0000000000..2ffe58c471
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-206.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color image repeat attachment position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color image repeat attachment position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: green url("support/cat.png") repeat-x scroll bottom;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-207.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-207.xht
new file mode 100644
index 0000000000..796ab513b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-207.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color image repeat position attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color image repeat position attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: green url("support/cat.png") repeat-x bottom scroll;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-208.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-208.xht
new file mode 100644
index 0000000000..d225a3613d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-208.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color image attachment repeat position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color image attachment repeat position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: green url("support/cat.png") scroll repeat-x bottom;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-209.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-209.xht
new file mode 100644
index 0000000000..517f115424
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-209.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color image attachment position repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color image attachment position repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: green url("support/cat.png") scroll bottom repeat-x;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-210.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-210.xht
new file mode 100644
index 0000000000..46a2f04ca7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-210.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color image position repeat attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color image position repeat attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: green url("support/cat.png") bottom repeat-x scroll;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-211.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-211.xht
new file mode 100644
index 0000000000..159a6b78ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-211.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color image position attachment repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color image position attachment repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: green url("support/cat.png") bottom scroll repeat-x;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-212.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-212.xht
new file mode 100644
index 0000000000..b7d1b7eed2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-212.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color repeat image attachment position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color repeat image attachment position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: green repeat-x url("support/cat.png") scroll bottom;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-213.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-213.xht
new file mode 100644
index 0000000000..469bbde968
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-213.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color repeat image position attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color repeat image position attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: green repeat-x url("support/cat.png") bottom scroll;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-214.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-214.xht
new file mode 100644
index 0000000000..da98d35ab4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-214.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color repeat attachment image position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color repeat attachment image position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: green repeat-x scroll url("support/cat.png") bottom;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-215.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-215.xht
new file mode 100644
index 0000000000..8947fbba12
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-215.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color repeat attachment position image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color repeat attachment position image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: green repeat-x scroll bottom url("support/cat.png");
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-216.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-216.xht
new file mode 100644
index 0000000000..2652cefaf4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-216.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color repeat position image attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color repeat position image attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green repeat-x bottom url("support/cat.png") scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-217.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-217.xht
new file mode 100644
index 0000000000..fa12488e00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-217.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color repeat position attachment image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color repeat position attachment image) sets the background of the element to the color specified." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green repeat-x bottom scroll url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-218.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-218.xht
new file mode 100644
index 0000000000..d09a6f5987
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-218.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color attachment image repeat position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color attachment image repeat position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green scroll url("support/cat.png") repeat-x bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-219.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-219.xht
new file mode 100644
index 0000000000..6e64ea7b3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-219.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color attachment image position repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color attachment image position repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green scroll url("support/cat.png") bottom repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-220.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-220.xht
new file mode 100644
index 0000000000..d25c2ab304
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-220.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color attachment repeat image position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color attachment repeat image position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green scroll repeat-x url("support/cat.png") bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-221.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-221.xht
new file mode 100644
index 0000000000..ec42a8d1e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-221.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color attachment repeat position image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color attachment repeat position image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green scroll repeat-x bottom url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-222.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-222.xht
new file mode 100644
index 0000000000..7505f28c9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-222.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color attachment position image repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color attachment position image repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green scroll bottom url("support/cat.png") repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-223.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-223.xht
new file mode 100644
index 0000000000..0d002b6698
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-223.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color attachment position repeat image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color attachment position repeat image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green scroll bottom repeat-x url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-224.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-224.xht
new file mode 100644
index 0000000000..d9a7cedf88
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-224.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color position image repeat attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color position image repeat attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green bottom url("support/cat.png") repeat-x scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-225.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-225.xht
new file mode 100644
index 0000000000..ccf9f76fc1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-225.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color position image attachment repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color position image attachment repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green bottom center url("support/cat.png") scroll repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-226.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-226.xht
new file mode 100644
index 0000000000..de212e36f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-226.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color position repeat image attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color position repeat image attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green bottom repeat-x url("support/cat.png") scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-227.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-227.xht
new file mode 100644
index 0000000000..2a24abeee2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-227.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color position repeat attachment image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color position repeat attachment image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green bottom repeat-x scroll url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-228.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-228.xht
new file mode 100644
index 0000000000..aff7f63c3b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-228.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color position attachment image repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color position attachment image repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green bottom center scroll url("support/cat.png") repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-229.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-229.xht
new file mode 100644
index 0000000000..42cb4fce03
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-229.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (color position attachment repeat image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (color position attachment repeat image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: green bottom scroll repeat-x url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-230.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-230.xht
new file mode 100644
index 0000000000..dbfe6fc8de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-230.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image color repeat attachment position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image color repeat attachment position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") green repeat-x scroll bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-231.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-231.xht
new file mode 100644
index 0000000000..967f40bf6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-231.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image color repeat position attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image color repeat position attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") green repeat-x bottom scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-232.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-232.xht
new file mode 100644
index 0000000000..b2d3e6e373
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-232.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image color attachment repeat position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image color attachment repeat position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") green scroll repeat-x bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-233.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-233.xht
new file mode 100644
index 0000000000..d437260111
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-233.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image color attachment position repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image color attachment position repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") green scroll bottom repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-234.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-234.xht
new file mode 100644
index 0000000000..d0a8ff0cc2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-234.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image color position repeat attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image color position repeat attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") green bottom repeat-x scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-235.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-235.xht
new file mode 100644
index 0000000000..bb44a79f4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-235.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image color position attachment repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image color position attachment repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") green bottom scroll repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-236.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-236.xht
new file mode 100644
index 0000000000..8f4592ef65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-236.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image repeat color attachment position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image repeat color attachment position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") repeat-x green scroll bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-237.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-237.xht
new file mode 100644
index 0000000000..6f5174d6b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-237.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image repeat color position attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image repeat color position attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") repeat-x green bottom scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-238.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-238.xht
new file mode 100644
index 0000000000..c074856fc1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-238.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image repeat attachment color position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image repeat attachment color position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") repeat-x scroll green bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-239.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-239.xht
new file mode 100644
index 0000000000..e7273ad601
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-239.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image repeat attachment position color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image repeat attachment position color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") repeat-x scroll bottom green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-240.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-240.xht
new file mode 100644
index 0000000000..cd280a3941
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-240.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image repeat position color attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image repeat position color attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") repeat-x bottom green scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-241.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-241.xht
new file mode 100644
index 0000000000..0b512ebfd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-241.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image repeat position attachment color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image repeat position attachment color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") repeat-x bottom scroll green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-242.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-242.xht
new file mode 100644
index 0000000000..f1ece35543
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-242.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image attachment color repeat position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image attachment color repeat position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") scroll green repeat-x bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-243.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-243.xht
new file mode 100644
index 0000000000..12f5b30a27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-243.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image attachment color position repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image attachment color position repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") scroll green bottom repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-244.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-244.xht
new file mode 100644
index 0000000000..4eefcde7ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-244.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image attachment repeat color position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image attachment repeat color position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") scroll repeat-x green bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-245.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-245.xht
new file mode 100644
index 0000000000..590ae6f801
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-245.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image attachment repeat position color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image attachment repeat position color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") scroll repeat-x bottom green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-246.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-246.xht
new file mode 100644
index 0000000000..44f79c567f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-246.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image attachment position color repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image attachment position color repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") scroll bottom green repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-247.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-247.xht
new file mode 100644
index 0000000000..964db08b78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-247.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image attachment position repeat color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image attachment position repeat color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") scroll bottom repeat-x green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-248.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-248.xht
new file mode 100644
index 0000000000..c2c56eb70c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-248.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image position color repeat attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image position color repeat attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") bottom green repeat-x scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-249.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-249.xht
new file mode 100644
index 0000000000..db14b60456
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-249.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image position color attachment repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image position color attachment repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") bottom green scroll repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-250.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-250.xht
new file mode 100644
index 0000000000..fb7e370f6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-250.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image position repeat color attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image position repeat color attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") bottom repeat-x green scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-251.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-251.xht
new file mode 100644
index 0000000000..c3d9dad6fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-251.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image position repeat attachment color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image position repeat attachment color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") bottom repeat-x scroll green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-252.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-252.xht
new file mode 100644
index 0000000000..7a6a4fa636
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-252.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image position attachment color repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image position attachment color repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") bottom scroll green repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-253.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-253.xht
new file mode 100644
index 0000000000..2f58f074a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-253.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (image position attachment repeat color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (image position attachment repeat color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") bottom scroll repeat-x green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-254.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-254.xht
new file mode 100644
index 0000000000..22e2b2ab28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-254.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat color image attachment position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat color image attachment position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x green url("support/cat.png") scroll bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-255.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-255.xht
new file mode 100644
index 0000000000..658bc49df7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-255.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat color image position attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat color image position attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x green url("support/cat.png") bottom scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-256.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-256.xht
new file mode 100644
index 0000000000..5c89fd9527
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-256.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat color attachment image position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat color attachment image position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x green scroll url("support/cat.png") bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-257.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-257.xht
new file mode 100644
index 0000000000..3a2a9f5f0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-257.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat color attachment position image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat color attachment position image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x green scroll bottom url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-258.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-258.xht
new file mode 100644
index 0000000000..c490dec9ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-258.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat color position image attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat color position image attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x green bottom url("support/cat.png") scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-259.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-259.xht
new file mode 100644
index 0000000000..8c269f4ed8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-259.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat color position attachment image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat color position attachment image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x green bottom scroll url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-260.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-260.xht
new file mode 100644
index 0000000000..028055bb8e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-260.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat image color attachment position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat image color attachment position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x url("support/cat.png") green scroll bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-261.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-261.xht
new file mode 100644
index 0000000000..aa18c34b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-261.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat image color position attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat image color position attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x url("support/cat.png") green bottom scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-262.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-262.xht
new file mode 100644
index 0000000000..48d81afc7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-262.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat image attachment color position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat image attachment color position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x url("support/cat.png") scroll green bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-263.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-263.xht
new file mode 100644
index 0000000000..6b9f477cf4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-263.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat image attachment position color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat image attachment position color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x url("support/cat.png") scroll bottom green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-264.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-264.xht
new file mode 100644
index 0000000000..f14a273f00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-264.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat image position color attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat image position color attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x url("support/cat.png") bottom green scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-265.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-265.xht
new file mode 100644
index 0000000000..c3c2a40115
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-265.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat image position attachment color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat image position attachment color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x url("support/cat.png") bottom scroll green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-266.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-266.xht
new file mode 100644
index 0000000000..ba9a2e2d4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-266.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat attachment color image position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat attachment color image position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x scroll green url("support/cat.png") bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-267.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-267.xht
new file mode 100644
index 0000000000..6f6f435eb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-267.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat attachment color position image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat attachment color position image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x scroll green bottom url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-268.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-268.xht
new file mode 100644
index 0000000000..05ed8c30ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-268.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat attachment image color position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat attachment image color position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x scroll url("support/cat.png") green bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-269.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-269.xht
new file mode 100644
index 0000000000..bc24671254
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-269.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat attachment image position color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat attachment image position color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x scroll url("support/cat.png") bottom green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-270.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-270.xht
new file mode 100644
index 0000000000..3eaab9be37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-270.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat attachment position color image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat attachment position color image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x scroll bottom green url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-271.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-271.xht
new file mode 100644
index 0000000000..4691921b1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-271.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat attachment position image color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat attachment position image color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x scroll bottom url("support/cat.png") green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-272.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-272.xht
new file mode 100644
index 0000000000..c01d097786
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-272.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat position color image attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat position color image attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x bottom green url("support/cat.png") scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-273.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-273.xht
new file mode 100644
index 0000000000..c80dc189c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-273.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat position color attachment image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat position color attachment image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x bottom green scroll url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-274.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-274.xht
new file mode 100644
index 0000000000..612fd55de2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-274.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat position image color attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat position image color attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x bottom url("support/cat.png") green scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-275.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-275.xht
new file mode 100644
index 0000000000..e7b6f25ad3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-275.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat position image attachment color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat position image attachment color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x bottom url("support/cat.png") scroll green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-276.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-276.xht
new file mode 100644
index 0000000000..e0632102a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-276.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat position attachment color image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat position attachment color image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x bottom scroll green url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-277.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-277.xht
new file mode 100644
index 0000000000..044c5c31cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-277.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (repeat position attachment image color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (repeat position attachment image color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: repeat-x bottom scroll url("support/cat.png") green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-278.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-278.xht
new file mode 100644
index 0000000000..b0169a1c87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-278.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment color image repeat position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment color image repeat position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll green url("support/cat.png") repeat-x bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-279.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-279.xht
new file mode 100644
index 0000000000..1c295d9dfd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-279.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment color image position repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment color image position repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll green url("support/cat.png") bottom repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-280.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-280.xht
new file mode 100644
index 0000000000..690aedf62c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-280.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment color repeat image position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment color repeat image position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll green repeat-x url("support/cat.png") bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-281.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-281.xht
new file mode 100644
index 0000000000..a2d61adb48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-281.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment color repeat position image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with attachment color repeat position image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll green repeat-x bottom url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-282.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-282.xht
new file mode 100644
index 0000000000..0549194c69
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-282.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment color position image repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment color position image repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll green bottom url("support/cat.png") repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-283.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-283.xht
new file mode 100644
index 0000000000..16733a0965
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-283.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment color position repeat image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment color position repeat image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll green bottom repeat-x url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-284.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-284.xht
new file mode 100644
index 0000000000..674d0b5b35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-284.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment image color repeat position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment image color repeat position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll url("support/cat.png") green repeat-x bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-285.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-285.xht
new file mode 100644
index 0000000000..ec9deb11e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-285.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment image color position repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment image color position repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll url("support/cat.png") green bottom repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-286.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-286.xht
new file mode 100644
index 0000000000..3ff4632655
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-286.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment image repeat color position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment image repeat color position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll url("support/cat.png") repeat-x green bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-287.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-287.xht
new file mode 100644
index 0000000000..6bc254d42d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-287.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment image repeat position color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment image repeat position color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll url("support/cat.png") repeat-x bottom green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-288.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-288.xht
new file mode 100644
index 0000000000..e45aea45c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-288.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment image position color repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment image position color repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll url("support/cat.png") bottom green repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-289.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-289.xht
new file mode 100644
index 0000000000..eb0ee7e7a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-289.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment image position repeat color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment image position repeat color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll url("support/cat.png") bottom repeat-x green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-290.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-290.xht
new file mode 100644
index 0000000000..e8a745a8d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-290.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment repeat color image position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment repeat color image position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll repeat-x green url("support/cat.png") bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-291.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-291.xht
new file mode 100644
index 0000000000..b71b86ba1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-291.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment repeat color position image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment repeat color position image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll repeat-x green bottom url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-292.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-292.xht
new file mode 100644
index 0000000000..17b1252551
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-292.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment repeat image color position)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment repeat image color position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll repeat-x url("support/cat.png") green bottom;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-293.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-293.xht
new file mode 100644
index 0000000000..59824cd6fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-293.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment repeat image position color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment repeat image position color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll repeat-x url("support/cat.png") bottom green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-294.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-294.xht
new file mode 100644
index 0000000000..4e88c6aef9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-294.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment repeat position color image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment repeat position color image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll repeat-x bottom green url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-295.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-295.xht
new file mode 100644
index 0000000000..1d46d32436
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-295.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment repeat position image color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment repeat position image color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll repeat-x bottom url("support/cat.png") green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-296.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-296.xht
new file mode 100644
index 0000000000..88a7d81f4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-296.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment position color image repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment position color image repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll bottom green url("support/cat.png") repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-297.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-297.xht
new file mode 100644
index 0000000000..e00c6321a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-297.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment position color repeat image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment position color repeat image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll bottom green repeat-x url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-298.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-298.xht
new file mode 100644
index 0000000000..de6748574d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-298.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment position image color repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment position image color repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll bottom url("support/cat.png") green repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-299.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-299.xht
new file mode 100644
index 0000000000..00172c8d04
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-299.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment position image repeat color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment position image repeat color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll bottom url("support/cat.png") repeat-x green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-300.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-300.xht
new file mode 100644
index 0000000000..cffd42a6c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-300.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment position repeat color image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment position repeat color image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll bottom repeat-x green url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-301.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-301.xht
new file mode 100644
index 0000000000..7b6f812dd8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-301.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (attachment position repeat image color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (attachment position repeat image color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll bottom repeat-x url("support/cat.png") green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-302.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-302.xht
new file mode 100644
index 0000000000..f7eeb0453c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-302.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position color image repeat attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position color image repeat attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom green url("support/cat.png") repeat-x scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-303.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-303.xht
new file mode 100644
index 0000000000..fd977eac61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-303.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position color image attachment repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position color image attachment repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom green url("support/cat.png") scroll repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-304.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-304.xht
new file mode 100644
index 0000000000..16c3e0d0d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-304.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position color repeat image attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position color repeat image attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom green repeat-x url("support/cat.png") scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-305.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-305.xht
new file mode 100644
index 0000000000..7b4d6cbe7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-305.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position color repeat attachment image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position color repeat attachment image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom green repeat-x scroll url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-306.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-306.xht
new file mode 100644
index 0000000000..e0be57e746
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-306.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position color attachment image repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position color attachment image repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom green scroll url("support/cat.png") repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-307.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-307.xht
new file mode 100644
index 0000000000..b621361a57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-307.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position color attachment repeat image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position color attachment repeat image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom green scroll repeat-x url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-308.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-308.xht
new file mode 100644
index 0000000000..62f8400318
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-308.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position image color repeat attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position image color repeat attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom url("support/cat.png") green repeat-x scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-309.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-309.xht
new file mode 100644
index 0000000000..119743f24e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-309.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position image color attachment repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position image color attachment repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom url("support/cat.png") green scroll repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-310.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-310.xht
new file mode 100644
index 0000000000..b61998f15b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-310.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position image repeat color attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position image repeat color attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom url("support/cat.png") repeat-x green scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-311.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-311.xht
new file mode 100644
index 0000000000..17c9c38c96
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-311.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position image repeat attachment color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position image repeat attachment color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom url("support/cat.png") repeat-x scroll green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-312.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-312.xht
new file mode 100644
index 0000000000..d5c9adfa87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-312.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position image attachment color repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position image attachment color repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom url("support/cat.png") scroll green repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-313.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-313.xht
new file mode 100644
index 0000000000..786bdba07a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-313.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position image attachment repeat color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position image attachment repeat color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom url("support/cat.png") scroll repeat-x green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-314.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-314.xht
new file mode 100644
index 0000000000..e829bea297
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-314.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position repeat color image attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position repeat color image attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom repeat-x green url("support/cat.png") scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-315.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-315.xht
new file mode 100644
index 0000000000..700e9ef5c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-315.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position repeat color attachment image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position repeat color attachment image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom repeat-x green scroll url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-316.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-316.xht
new file mode 100644
index 0000000000..0b08e45530
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-316.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position repeat image color attachment)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position repeat image color attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom repeat-x url("support/cat.png") green scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-317.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-317.xht
new file mode 100644
index 0000000000..b6e16a4d5c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-317.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position repeat image attachment color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position repeat image attachment color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom repeat-x url("support/cat.png") scroll green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-318.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-318.xht
new file mode 100644
index 0000000000..bd11cced0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-318.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position repeat attachment color image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position repeat attachment color image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom repeat-x scroll green url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-319.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-319.xht
new file mode 100644
index 0000000000..32795e7bd3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-319.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position repeat attachment image color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position repeat attachment image color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom repeat-x scroll url("support/cat.png") green;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-320.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-320.xht
new file mode 100644
index 0000000000..cd88501dae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-320.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position attachment color image repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position attachment color image repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom scroll green url("support/cat.png") repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-321.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-321.xht
new file mode 100644
index 0000000000..7e4d6a1cbb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-321.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position attachment color repeat image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position attachment color repeat image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom scroll green repeat-x url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-322.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-322.xht
new file mode 100644
index 0000000000..d576582635
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-322.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position attachment image color repeat)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position attachment image color repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: bottom scroll url("support/cat.png") green repeat-x;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-323.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-323.xht
new file mode 100644
index 0000000000..1bf47cb8f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-323.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position attachment image repeat color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position attachment image repeat color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: bottom scroll url("support/cat.png") repeat-x green;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-324.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-324.xht
new file mode 100644
index 0000000000..cba3fdfc09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-324.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position attachment repeat color image)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position attachment repeat color image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: bottom scroll repeat-x green url("support/cat.png");
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-325.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-325.xht
new file mode 100644
index 0000000000..1799d9fb92
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-325.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with (position attachment repeat image color)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background with (position attachment repeat image color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background: bottom scroll repeat-x url("support/cat.png") green;
+ width: 400px;
+ height: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-326-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-326-ref.xht
new file mode 100644
index 0000000000..bffab68375
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-326-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-326.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-326.xht
new file mode 100644
index 0000000000..2a49077cf6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-326.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with inherit inheriting one value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-326-ref.xht" />
+
+ <meta name="assert" content="Background set to 'inherit' works when inheriting one value." />
+ <style type="text/css">
+ #wrapper
+ {
+ background: green;
+ }
+ #test
+ {
+ background: red;
+ background: inherit;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-327.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-327.xht
new file mode 100644
index 0000000000..a4bcb88279
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-327.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with inherit inheriting two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-326-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background set to 'inherit' works when inheriting two values." />
+ <style type="text/css">
+ #wrapper
+ {
+ background: black url('support/green15x15.png');
+ }
+ #test
+ {
+ background: red;
+ background: inherit;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-328-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-328-ref.xht
new file mode 100644
index 0000000000..342f1ba6f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-328-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#first {line-height: 15px;}
+
+ img
+ {
+ vertical-align: top;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="first"><img src="support/swatch-green.png" height="15" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/black15x15.png" height="81" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-328.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-328.xht
new file mode 100644
index 0000000000..8df55be34c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-328.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with inherit inheriting three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-328-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background set to 'inherit' works when inheriting three values." />
+ <style type="text/css">
+ #wrapper
+ {
+ background: black url('support/green15x15.png') repeat-x;
+ }
+ #test
+ {
+ background: red;
+ background: inherit;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-329-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-329-ref.xht
new file mode 100644
index 0000000000..f64dec476d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-329-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#second {line-height: 15px;}
+
+ div#third {line-height: 33px;}
+
+ img
+ {
+ vertical-align: top;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/black15x15.png" height="48" alt="Image download support must be enabled" /></div>
+
+ <div id="second"><img src="support/swatch-green.png" height="15" alt="Image download support must be enabled" /></div>
+
+ <div id="third"><img src="support/black15x15.png" height="33" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-329.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-329.xht
new file mode 100644
index 0000000000..438c0a0b32
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-329.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with inherit inheriting four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-329-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Ensure that inherit works when inheriting four values." />
+ <style type="text/css">
+ #wrapper
+ {
+ background: black url('support/green15x15.png') repeat-x 0.5in 0.5in;
+ }
+ #test
+ {
+ background: red;
+ background: inherit;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-330.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-330.xht
new file mode 100644
index 0000000000..0e4f321634
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-330.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background with inherit inheriting five values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Ensure that inherit works when inheriting five values." />
+ <style type="text/css">
+ #wrapper
+ {
+ background: black url('support/green15x15.png') repeat-x 0.5in 0.5in scroll;
+ height: 1in;
+ overflow: scroll;
+ }
+ #test
+ {
+ background: red;
+ background: inherit;
+ height: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page even when scrolling the box below.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-001.xht
new file mode 100644
index 0000000000..d0a1f05cc9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-001.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: CSS Backgrounds: Alpha transparent background</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/001.html" type="text/html"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <style type="text/css">
+ html { background: white url(support/background-alpha-test.png); color: black; }
+ p { background: white; color: black; padding: 0.25em; border: thin solid black; display: inline; line-height: 2; }
+ </style>
+ </head>
+ <body>
+ <p>This document has a white background overlayed with an image with a multi-bit alpha channel.</p>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-002.xht
new file mode 100644
index 0000000000..f9f0d436db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-002.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: CSS Backgrounds: Overlapped alpha transparent backgrounds</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/002.html" type="text/html"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/002.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <style type="text/css">
+ html { background: white url(support/background-alpha-test.png); color: black; }
+ p { background: white; color: black; padding: 0.25em; border: thin solid black; display: inline; line-height: 2; }
+ div { position: fixed; height: 60%; top: 20%; left: 20%; width: 60%; background: url(support/background-alpha-test.png) center center; border: solid thick black; }
+ </style>
+ </head>
+ <body>
+ <p>This document has a white background overlayed with an image with a multi-bit alpha channel. In the middle of the page is a box with height 60% with the same background, centered.</p>
+ <div>
+
+</div></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-003.xht
new file mode 100644
index 0000000000..a016db3129
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-003.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: CSS Backgrounds: Overlapped alpha transparent backgrounds</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/003.html" type="text/html"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/003.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <style type="text/css">
+ html { background: white url(support/background-alpha-test.png); color: black; }
+ p { background: white; color: black; padding: 0.25em; border: thin solid black; display: inline; line-height: 2; }
+ div { height: 512px; width: 512px; margin: 5em auto; background: url(support/background-alpha-test.png); border: solid thick black; }
+ </style>
+ </head>
+ <body>
+ <p>This document has a white background overlayed with an image with a multi-bit alpha channel. In the middle of the page is a square div with a height the size of two tiles, with the same background.</p>
+ <div>
+
+</div></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-004.xht
new file mode 100644
index 0000000000..19c81de915
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-004.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: CSS Backgrounds: Overlapped alpha transparent backgrounds</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/004.html" type="text/html"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/004.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <style type="text/css">
+ html { background: white url(support/background-alpha-test.png) fixed; color: black; }
+ p { background: white; color: black; padding: 0.25em; border: thin solid black; display: inline; line-height: 2; }
+ div { height: 512px; width: 512px; margin: 5em auto 100em; background: url(support/background-alpha-test.png); border: solid thick black; }
+ </style>
+ </head>
+ <body>
+ <p>This document has a white background overlayed with a fixed-positioned image with a multi-bit alpha channel. In the middle of the page is a square div with a height the size of two tiles, with the same background, but scrolling.</p>
+ <div>
+
+</div></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-005.xht
new file mode 100644
index 0000000000..5920220b96
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-005.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: CSS Backgrounds: Overlapped alpha transparent backgrounds</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/005.html" type="text/html"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/005.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <style type="text/css">
+ html { background: white url(support/background-alpha-test.png) fixed; color: black; }
+ p { background: white; color: black; padding: 0.25em; border: thin solid black; display: inline; line-height: 2; }
+ div { height: 512px; width: 512px; margin: 5em auto 100em; background: url(support/background-alpha-test.png) fixed; border: 1px dotted black; }
+ </style>
+ </head>
+ <body>
+ <p>This document has a white background overlayed with a fixed-positioned image with a multi-bit alpha channel. In the middle of the page is a square div with a height the size of two tiles, with the same background, also fixed. This should have the effect of darkening the transparent area with the colour splodges.</p>
+ <div>
+
+</div></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-README b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-README
new file mode 100644
index 0000000000..12e5ffeee8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-README
@@ -0,0 +1,3 @@
+These files are experimental exploration rather than well written QA
+tests. Please read the descriptions and specifications carefully to
+determine the expected behaviour.
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-animated-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-animated-001.xht
new file mode 100644
index 0000000000..c62edc2b72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-animated-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Animated Backgrounds</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/animated/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <meta name="flags" content="animated"/>
+ <style type="text/css">
+ div {
+ background: url(support/animated.gif);
+ width: 47px; height: 46px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>There should be an animated construction sign below.</p>
+ <div></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-001.xht
new file mode 100644
index 0000000000..ed82af40c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-001.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ background: black;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-002.xht
new file mode 100644
index 0000000000..9063315d78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-002.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ background: black;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-003.xht
new file mode 100644
index 0000000000..c2699b2a90
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-003.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ background: black;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-004.xht
new file mode 100644
index 0000000000..dc5b85d93e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-004.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ background: black;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-005.xht
new file mode 100644
index 0000000000..353507c98b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-005.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ background: black;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+
+ .col
+ {
+ display: table-column;
+ }
+
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test"><div class="col"></div><div class="col"></div></div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-006.xht
new file mode 100644
index 0000000000..4e2781627d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-006.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ background: black;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 2in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+
+ div.cell + div.cell {color: white;}
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test"></div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-007.xht
new file mode 100644
index 0000000000..83e04e5ac1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-007.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ background: black;
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-008.xht
new file mode 100644
index 0000000000..6b252a7028
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-008.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'inline'." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ display: inline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black stripe.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-009.xht
new file mode 100644
index 0000000000..1595bf5482
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-009.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ background: black;
+ display: block;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-010.xht
new file mode 100644
index 0000000000..f4642b56d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-010.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ display: list-item;
+ height: 1in;
+ margin-left: 2em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below and there is a marker bullet on the left-hand side of the box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-012.xht
new file mode 100644
index 0000000000..645a60451d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-012.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ span#inline-block
+ {
+ background: black;
+ display: inline-block;
+ width: 1in;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant">a</span>
+ <span class="block-descendant">b</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-013.xht
new file mode 100644
index 0000000000..e6163038ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-013.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ background: black;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-014.xht
new file mode 100644
index 0000000000..a586e5aee0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-014.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ background: black;
+ display: inline-table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-015.xht
new file mode 100644
index 0000000000..789cc9c258
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ background: black;
+ display: table-caption;
+ height: 1in;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-001.xht
new file mode 100644
index 0000000000..7ba4655e3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment set to scroll</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background-attachment set to scroll (with image set as well) causes the background image to scroll with the box." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background-image: url("support/cat.png");
+ background-attachment: scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if when the box below is scrolled, the cat images move.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-002.xht
new file mode 100644
index 0000000000..d1e6e06b2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-002.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment set to fixed</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background-attachment set to fixed, with image set as well, causes the background image not to move with the box when it is scrolled." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background-image: url("support/cat.png");
+ background-attachment: fixed;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if when the box below is scrolled, the cat images do not move.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-003.xht
new file mode 100644
index 0000000000..d1d4f75f21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-003.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment set to inherit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Background-attachment set to inherit will use its parents background-attachment assignment." />
+ <style type="text/css">
+ #div1
+ {
+ background-attachment: fixed;
+ height: 200px;
+ width: 200px;
+ overflow: scroll;
+ }
+ div div
+ {
+ background-image: url("support/cat.png");
+ background-attachment: inherit;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if when the box below is scrolled, the cat images do not move.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-004.xht
new file mode 100644
index 0000000000..d738fc8735
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-004.xht
@@ -0,0 +1,86 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Fixed Transparent Backgrounds</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bgafixed.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ * { background: transparent; }
+ body { background: transparent url(support/cat-128.png) no-repeat fixed center; }
+ .a { background: transparent url(support/cat-830.png) no-repeat fixed center; height: 100px; }
+ pre { font: 100 24px/2 Arial, sans-serif; letter-spacing: 1em; word-spacing: 1.2em; margin: 1em; }
+ </style>
+ </head>
+ <body>
+
+<pre>
+
+ As you
+
+ scroll
+
+ this
+ page
+
+down, you
+ should
+
+see the
+
+ mow mow
+
+get
+ bigger
+
+ in flashes.
+
+</pre>
+
+ <div class="a"></div>
+
+<pre>
+
+ The first
+
+ such flash
+
+appears
+ just
+above the second
+
+ sentence.
+
+</pre>
+
+ <div class="a"></div>
+
+<pre>
+
+ In fact, there is
+
+ a
+
+ flash
+between each
+
+ sentence.
+
+</pre>
+
+ <div class="a"></div>
+
+<pre>
+
+ The flashes are
+
+ div elements
+ with
+fixed backgrounds.
+
+</pre>
+
+</body>
+</html>
+
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-005.xht
new file mode 100644
index 0000000000..49ce186cf6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-005.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Scrolling Backgrounds</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/block/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
+ <meta name="flags" content="image interact scroll"/>
+ <style type="text/css">
+ div {
+ background: red -5px -5px url(support/bordered-rectangle.png) scroll;
+ border: 10px dotted silver;
+ overflow: auto; height: 90px; width: 190px;
+ white-space: pre; font-size: 16px;
+ }
+ ul { color: navy; }
+ </style>
+ </head>
+ <body>
+
+ <ul>
+ <li>There should be a gray dotted box below.</li>
+ <li>There should be a teal border underneath the dotted box.</li>
+ <li>The box should be painted aqua inside the border.</li>
+ <li>There should be no red.</li>
+ <li>As you scroll the element through the numbers, the aqua, teal, and gray colors should not change position.</li>
+ </ul>
+
+ <div> 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+ 10
+ 11
+ 12
+ 13
+ 14
+ 15
+ 16
+ 17
+ 18
+ 19
+ 20 </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-006.xht
new file mode 100644
index 0000000000..97acd9dd4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-006.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Scrolling Backgrounds</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/block/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
+ <meta name="flags" content="image interact scroll"/>
+ <style type="text/css">
+ .inner {
+ background: transparent -15px -15px url(support/swatch-teal.png) repeat-x scroll;
+ border: 10px dotted silver;
+ overflow: auto; height: 80px; width: 180px;
+ white-space: pre; font-size: 16px;
+ margin: -10px;
+ }
+ .outer {
+ border: 10px solid teal;
+ border-top-color: red;
+ background: aqua;
+ width: 180px;
+ }
+ ul { color: navy; }
+ </style>
+ </head>
+ <body>
+
+ <ul>
+ <li>There should be a gray dotted box below.</li>
+ <li>There should be a teal border underneath the dotted box.</li>
+ <li>The box should be painted aqua inside the border.</li>
+ <li>There should be no red.</li>
+ <li>As you scroll the element through the numbers, the aqua, teal, and gray colors should not change position.</li>
+ </ul>
+
+ <div class="outer">
+ <div class="inner"> 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+ 10
+ 11
+ 12
+ 13
+ 14
+ 15
+ 16
+ 17
+ 18
+ 19
+ 20 </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-007.xht
new file mode 100644
index 0000000000..94a0dff0fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-007.xht
@@ -0,0 +1,79 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Scrolling Backgrounds in Scrolling Backgrounds</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/block/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
+ <meta name="flags" content="image interact scroll"/>
+ <style type="text/css">
+ .outer {
+ background: red url(support/bordered-rectangle.png) -5px -5px scroll;
+ border: 10px dotted;
+ overflow: auto; height: 190px; width: 390px;
+ white-space: pre; font-size: 16px;
+ text-align: center;
+ }
+ .inner {
+ background: orange url(support/cat.png) scroll no-repeat;
+ border: 10px dotted yellow; margin: 0 auto;
+ overflow: auto; height: 99px; width: 98px;
+ color: orange;
+ }
+ ul { color: navy; }
+ </style>
+ </head>
+ <body>
+
+ <ul>
+ <li>You should see teal underneath the dotted black border below.</li>
+ <li>There should be exactly four aqua rectangles visible inside the dotted border at all times.</li>
+ <li>As you scroll the element below the teal and aqua should not move.</li>
+ <li>However, as you scroll the aqua-and-teal element, a cat surrounded by an orange border with yellow dots should come into view, with its own associated nested scrolling mechanism.</li>
+ <li>As you scroll the aqua-and-teal element, the cat should move up and down with its border.</li>
+ <li>As you scroll the numbers inside the orange border, the cat should not move.</li>
+ </ul>
+
+ <div class="outer"> 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+ <div class="inner"> 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+ 10
+ 11
+ 12
+ 13
+ 14
+ 15
+ 16
+ 17
+ 18
+ 19
+ 20</div>
+ 10
+ 11
+ 12
+ 13
+ 14
+ 15
+ 16
+ 17
+ 18
+ 19
+ 20</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-008.xht
new file mode 100644
index 0000000000..d7e8940e2c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-008.xht
@@ -0,0 +1,88 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Scrolling Backgrounds in Scrolling Backgrounds</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/block/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
+ <meta name="flags" content="image interact scroll"/>
+ <style type="text/css">
+ .outer {
+ background: url(support/bordered-rectangle.png) -5px center scroll repeat-x;
+ border: 10px dotted;
+ overflow: auto; height: 190px; width: 390px;
+ white-space: pre; font-size: 16px;
+ text-align: center;
+ margin: -10px;
+ }
+ .inner {
+ background: url(support/cat.png) scroll center no-repeat;
+ border: 10px dotted orange; margin: 0 auto;
+ overflow: auto; height: 99px; width: 80%;
+ color: orange;
+ }
+ .backdrop {
+ border: teal solid 10px;
+ background: yellow;
+ width: 390px;
+ }
+ ul { color: navy; }
+ </style>
+ </head>
+ <body>
+
+ <ul>
+ <li>You should see teal underneath the dotted black border below.</li>
+ <li>There should be exactly two teal-bordered aqua rectangles visible inside the dotted border at all times, with yellow stripes above and below.</li>
+ <li>As you scroll the element below the teal, aqua, and yellow regions should not move.</li>
+ <li>However, as you scroll the aqua-and-teal element, a cat surrounded by an orange dotted border should come into view, with its own associated nested scrolling mechanism.</li>
+ <li>As you scroll the aqua-and-teal element, the cat should move up and down with its border.</li>
+ <li>As you scroll the numbers inside the orange border, the cat should not move.</li>
+ <li>The aqua rectangles should be visible inside the dotted orange border.</li>
+ </ul>
+
+ <div class="backdrop">
+ <div class="outer"> 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+ <div class="inner"> 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+ 10
+ 11
+ 12
+ 13
+ 14
+ 15
+ 16
+ 17
+ 18
+ 19
+ 20</div>
+ 10
+ 11
+ 12
+ 13
+ 14
+ 15
+ 16
+ 17
+ 18
+ 19
+ 20</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-009-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-009-ref.xht
new file mode 100644
index 0000000000..9666054fde
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-009-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img { margin-left: 1em; width: 4em; height: 4em; }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a lime square below and no red.</p>
+
+ <div><img src="support/swatch-lime.png" alt="FAIL"/></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-009.xht
new file mode 100644
index 0000000000..349f3a6327
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-009.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Background Positioning Test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/block/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
+ <link rel="match" href="background-attachment-009-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ div {
+ background: url(support/swatch-red.png)
+ 1em repeat-y;
+ }
+ img { display: block; margin: 0 0 0 1em; width: 4em; height: 4em; }
+ ]]></style>
+ </head>
+ <body>
+ <p>There should be a lime square below and no red.</p>
+ <div><img src="support/swatch-lime.png"
+ alt="FAIL"/></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-010.xht
new file mode 100644
index 0000000000..f554b4a594
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-010.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment set to fixed in paged media</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties"/>
+ <meta name="flags" content="image paged" />
+ <meta name="assert" content="Fixed backgrounds position with respect to their page box. All pages will have the background visible."/>
+ <style type="text/css">
+ body
+ {
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ background-image: url("support/blue96x96.png");
+ background-position: 0 2in;
+ height: 20in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Switch to paged media view and enable printing background images.</p>
+ <p>Test passes if there are multiple pages and there is a blue box on all pages.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-001-ref.xht
new file mode 100644
index 0000000000..123bb98f93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-001-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {font: 1em/1.25 serif;}
+
+ div
+ {
+ background-color: orange;
+ height: 192px;
+ width: 96px;
+ }
+
+ img
+ {
+ vertical-align: top;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short blue stripe<br />
+ above a tall orange rectangle.</p>
+
+ <div><img src="support/swatch-blue.png" height="24" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-001.xht
new file mode 100644
index 0000000000..cbe06bc0ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-001.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-attachment-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ p {font: 1em/1.25 serif;}
+
+ #test
+ {
+ background-color: orange;
+ background-image: url('support/blue96x96.png');
+ background-attachment: fixed;
+ background-repeat: repeat-x;
+ display: table-row-group;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 2in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue stripe<br />
+ above a tall orange rectangle.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-002.xht
new file mode 100644
index 0000000000..e3a9b4f62a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-002.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-attachment-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ p {font: 1em/1.25 serif;}
+
+ #test
+ {
+ background-color: orange;
+ background-image: url('support/blue96x96.png');
+ background-attachment: fixed;
+ background-repeat: repeat-x;
+ display: table-header-group;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 2in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue stripe<br />
+ above a tall orange rectangle.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-003.xht
new file mode 100644
index 0000000000..3eacec4d14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-003.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-attachment-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ p {font: 1em/1.25 serif;}
+
+ #test
+ {
+ background-color: orange;
+ background-image: url('support/blue96x96.png');
+ background-attachment: fixed;
+ background-repeat: repeat-x;
+ display: table-footer-group;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 2in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue stripe<br />
+ above a tall orange rectangle.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-004.xht
new file mode 100644
index 0000000000..fd2930c703
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-004.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-attachment-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ p {font: 1em/1.25 serif;}
+
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ background-color: orange;
+ background-image: url('support/blue96x96.png');
+ background-attachment: fixed;
+ background-repeat: repeat-x;
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 2in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue stripe<br />
+ above a tall orange rectangle.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-005.xht
new file mode 100644
index 0000000000..e9f01a192b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-005.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-attachment-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ p {font: 1em/1.25 serif;}
+
+ #test
+ {
+ background-color: orange;
+ background-image: url('support/blue96x96.png');
+ background-attachment: fixed;
+ background-repeat: repeat-x;
+ display: table-column-group;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 2in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue stripe<br />
+ above a tall orange rectangle.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-006.xht
new file mode 100644
index 0000000000..41d3bd5093
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-006.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-attachment-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ p {font: 1em/1.25 serif;}
+
+ #test
+ {
+ background-color: orange;
+ background-image: url('support/blue96x96.png');
+ background-attachment: fixed;
+ background-repeat: repeat-x;
+ display: table-column;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 2in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue stripe<br />
+ above a tall orange rectangle.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-007.xht
new file mode 100644
index 0000000000..404e4cb555
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-007.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-attachment-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ p {font: 1em/1.25 serif;}
+
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background-color: orange;
+ background-image: url('support/blue96x96.png');
+ background-attachment: fixed;
+ background-repeat: repeat-x;
+ display: table-cell;
+ height: 2in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue stripe<br />
+ above a tall orange rectangle.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-008.xht
new file mode 100644
index 0000000000..bcbc9d98a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-008.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'inline'." />
+ <style type="text/css">
+ div
+ {
+ background-color: orange;
+ background-image: url('support/blue96x96.png');
+ background-attachment: fixed;
+ background-repeat: repeat-x;
+ display: inline;
+ font: 2in/1 serif;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue rectangle above a taller orange rectangle.</p>
+ <div>&nbsp;&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-009.xht
new file mode 100644
index 0000000000..bca1f64bc3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-009.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-attachment-applies-to-001-ref.xht" />
+
+ <meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-15" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ p {font: 1em/1.25 serif;}
+
+ span
+ {
+ background-color: orange;
+ background-image: url('support/blue96x96.png');
+ background-attachment: fixed;
+ background-repeat: repeat-x;
+ display: block;
+ height: 2in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue stripe<br />
+ above a tall orange rectangle.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-010.xht
new file mode 100644
index 0000000000..fe95ac815b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-010.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ background-color: orange;
+ background-image: url('support/blue96x96.png');
+ background-attachment: fixed;
+ background-repeat: repeat-x;
+ display: list-item;
+ height: 2in;
+ margin-left: 2em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue stripe above a tall orange rectangle and there is a marker bullet on the left-hand side of the boxes.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-012.xht
new file mode 100644
index 0000000000..fcfb8c65af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-012.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-attachment-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ p {font: 1em/1.25 serif;}
+
+ div
+ {
+ background-color: orange;
+ background-image: url('support/blue96x96.png');
+ background-attachment: fixed;
+ background-repeat: repeat-x;
+ display: inline-block;
+ height: 2in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue stripe<br />
+ above a tall orange rectangle.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-013.xht
new file mode 100644
index 0000000000..84f5e13774
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-013.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-attachment-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ p {font: 1em/1.25 serif;}
+
+ #table
+ {
+ background-color: orange;
+ background-image: url('support/blue96x96.png');
+ background-attachment: fixed;
+ background-repeat: repeat-x;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 2in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue stripe<br />
+ above a tall orange rectangle.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-014.xht
new file mode 100644
index 0000000000..99e7706e31
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-014.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-attachment-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ p {font: 1em/1.25 serif;}
+
+ #table
+ {
+ background-color: orange;
+ background-image: url('support/blue96x96.png');
+ background-attachment: fixed;
+ background-repeat: repeat-x;
+ display: inline-table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 2in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue stripe<br />
+ above a tall orange rectangle.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-015.xht
new file mode 100644
index 0000000000..f23325e0a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-015.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-attachment applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-attachment-applies-to-001-ref.xht" />
+
+ <meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-15" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ p {font: 1em/1.25 serif;}
+
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ background-color: orange;
+ background-image: url('support/blue96x96.png');
+ background-attachment: fixed;
+ background-repeat: repeat-x;
+ display: table-caption;
+ height: 2in;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue stripe<br />
+ above a tall orange rectangle.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-204-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-204-ref.xht
new file mode 100644
index 0000000000..8397c7b80f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-204-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ html { color: black; height: 100%; }
+ html, body { margin: 0; border: 0; padding: 0; }
+ p { margin: 0; padding: 2em; }
+ img { position: absolute; bottom: 0; right: 0; }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a single fuchsia diamond at the bottom right of the viewport. <img src="support/diamond.png" alt="Image download support must be enabled" /></p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-204.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-204.xht
new file mode 100644
index 0000000000..7af7737e3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-204.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background Position: bottom right and the viewport</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-2.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-bg-pos-204-ref.xht" />
+<style type="text/css"><![CDATA[
+ html { background: bottom right url(support/diamond.png) scroll white no-repeat; color: black; height: 100%; }
+ html, body { margin: 0; border: 0; padding: 0; }
+ p { margin: 0; padding: 2em; }
+]]></style>
+
+</head>
+<body>
+<p>There should be a single fuchsia diamond at the bottom right of the viewport.</p></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-205.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-205.xht
new file mode 100644
index 0000000000..e618059278
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-205.xht
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background Position: bottom right and the scrolling viewport</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-3.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <meta content="image scroll" name="flags" />
+<style type="text/css">
+ html { background: bottom right url(support/swatch-orange.png) scroll white no-repeat; color: black; }
+ html, body { margin: 0; border: 0; padding: 0; }
+ p { margin-top: 0; margin-bottom: 2em; }
+ .inner { line-height: 3em; letter-spacing: 3em; color: silver; white-space: normal; margin: -5em; }
+ .platform { background: yellow; height: 3em; margin-right: 5em; }
+ .inner { background: bottom right url(support/swatch-blue.png) no-repeat; }
+</style>
+
+</head>
+<body>
+<p>Scroll to the bottom right of the page, where there should be
+a single blue square tucked precisely into the corner. There must
+also be a single orange square sitting on top of the large yellow box,
+aligned exactly at its rightmost edge.</p>
+
+<div class="inner">this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text<div class="platform"></div><p></p>
+</div></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-206.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-206.xht
new file mode 100644
index 0000000000..c142ea4448
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-206.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background Position: bottom right and the viewport (fixed)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-4.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-bg-pos-204-ref.xht" />
+ <meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-15" />
+
+<style type="text/css"><![CDATA[
+ html { background: bottom right url(support/diamond.png) fixed white no-repeat; color: black; }
+ html, body { margin: 0; border: 0; padding: 0; }
+ p { margin: 2em; }
+]]></style>
+
+</head>
+<body>
+<p>There should be a single fuchsia diamond at the bottom right of the viewport.</p></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-207.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-207.xht
new file mode 100644
index 0000000000..c78b3e8119
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-207.xht
@@ -0,0 +1,106 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background Position: bottom right and the scrolling viewport (fixed)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-5.html" type="text/html"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-5-bigger.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <meta name="flags" content="interact"/>
+<style type="text/css">
+ html { background: bottom right url(support/square-purple.png) fixed white no-repeat; color: black; }
+ html, body { margin: 0; border: 0; padding: 0; }
+ p { margin-bottom: 2em; }
+ pre { line-height: 3em; letter-spacing: 3em; color: silver; white-space: normal; margin: -5em; }
+</style>
+
+</head>
+<body>
+<p>There should be a single purple square at the bottom right of the
+viewport. The square should always be completely visible, regardless
+of where you scroll the viewport. It should not be covered by the
+scrollbars, if any.</p>
+
+<pre>this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text this is filler text this is filler text this is filler text this
+is filler text this is filler text this is filler text this is filler
+text<p></p>
+</pre></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-208-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-208-ref.xht
new file mode 100644
index 0000000000..d1b34714ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-208-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 0;}
+
+ p
+ {
+ margin: 0;
+ padding: 2em 0 0 0;
+ position: relative;
+ }
+
+ img
+ {
+ bottom: 0;
+ position: absolute;
+ right: 0;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p><img src="support/diamond.png" alt="Image download support must be enabled" />There should be a single fuchsia diamond at the right of the viewport at the end of this line. </p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-208.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-208.xht
new file mode 100644
index 0000000000..7a4c02ce79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-208.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background Position: bottom right and the viewport</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-6.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-bg-pos-208-ref.xht" />
+
+<style type="text/css"><![CDATA[
+ html { background: bottom right url(support/diamond.png) scroll white no-repeat; color: black; }
+ html, body { margin: 0; border: 0; padding: 0; }
+ p { margin: 2em 0 0 0; }
+]]></style>
+
+</head>
+
+<body>
+<p>There should be a single fuchsia diamond at the right of the viewport at the end of this line.</p></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-body-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-body-001-ref.xht
new file mode 100644
index 0000000000..15890b0f5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-body-001-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ html
+ {
+ background-color: green;
+ height: 100%;
+ }
+
+ body {margin: 0px;}
+
+ p
+ {
+ color: white;
+ margin: 0px;
+ padding: 30px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the background of this entire page is green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-body-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-body-001.xht
new file mode 100644
index 0000000000..a2abfff803
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-body-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background on body element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
+ <link rel="match" href="background-body-001-ref.xht" />
+
+ <meta name="assert" content="Background of the body covers the entire canvas. Adding margin to body element to ensure that canvas background is green, and not just the root since in other cases, margin is not colored. This only applies if HTML element has nothing set for background." />
+ <style type="text/css">
+ body
+ {
+ background: green;
+ color: white;
+ margin: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the background of this entire page is green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-body-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-body-002.xht
new file mode 100644
index 0000000000..e2757ae333
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-body-002.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background on body element - background-position</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background of the body has the initial background-position of 0,0 and not the canvas. This only applies if HTML element has nothing set for background." />
+ <style type="text/css">
+ html
+ {
+ background: url("support/green_box.png") repeat-x;
+ margin: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if this text is within the green box.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-body-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-body-003.xht
new file mode 100644
index 0000000000..1d9f2ed128
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-body-003.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background position propagation from body element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-position of the body does not propagate the position to the canvas. This only applies if HTML element has nothing set for background." />
+ <style type="text/css">
+ body
+ {
+ background: url("support/green_box.png") 1in 1in;
+ margin: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the background of this entire page is green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-001-ref.xht
new file mode 100644
index 0000000000..95d6ab883e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-001-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+
+ <div><img src="support/swatch-green.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-001.xht
new file mode 100644
index 0000000000..bd952404d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-001.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 5 digits which is invalid</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Background-color set to #00000 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #wrapper
+ {
+ background-color: green;
+ }
+ #test
+ {
+ background-color: #00000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-002-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-002-ref.xht
new file mode 100644
index 0000000000..b469a4cb8d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-002-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-002.xht
new file mode 100644
index 0000000000..f9e7e77eac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-002.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with the minimum value, #000000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #000000." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #000000;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-003-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-003-ref.xht
new file mode 100644
index 0000000000..ecc99ecb07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-003-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/010101_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/010101_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-003.xht
new file mode 100644
index 0000000000..d804cddc69
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-003.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with the minimum plus one value, #010101</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-003-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #010101." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #010101;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#010101 color swatch" src="support/010101_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-004-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-004-ref.xht
new file mode 100644
index 0000000000..f0ae15aefb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-004-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/999_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/999_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-004.xht
new file mode 100644
index 0000000000..f08f1a48df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-004.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with a nominal value #999999</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #999999." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #999999;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#999 color swatch" src="support/999_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-005-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-005-ref.xht
new file mode 100644
index 0000000000..388bd8ab70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-005-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {background-color: black;}
+
+ p {color: white;}
+
+ div {margin-top: 10px;}
+
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fefefe_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fefefe_color.png" />
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-005.xht
new file mode 100644
index 0000000000..616339f3f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-005.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with the maximum minus one value of #fefefe</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-005-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #fefefe." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #fefefe;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#fefefe color swatch" src="support/fefefe_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-006-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-006-ref.xht
new file mode 100644
index 0000000000..5041fb87d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-006-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {background-color: black;}
+
+ p {color: white;}
+
+ div {margin-top: 10px;}
+
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fff_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fff_color.png" />
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-006.xht
new file mode 100644
index 0000000000..137c5917e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-006.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with the maximum value of #ffffff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-006-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #ffffff." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #ffffff;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#fff color swatch" src="support/fff_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-007.xht
new file mode 100644
index 0000000000..9b0b3e776f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-007.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with the maximum plus one value of #1000000 which is invalid</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Background-color set to #1000000 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #wrapper
+ {
+ background-color: green;
+ }
+ #test
+ {
+ background-color: #1000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-008.xht
new file mode 100644
index 0000000000..ca10f24176
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-008.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with the maximum plus one value of #fgfgfg which is invalid</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Background-color set to #fgfgfg falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #wrapper
+ {
+ background-color: green;
+ }
+ #test
+ {
+ background-color: #fgfgfg;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-009-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-009-ref.xht
new file mode 100644
index 0000000000..e818c26885
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-009-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/010000_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/010000_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-009.xht
new file mode 100644
index 0000000000..3e61aa61ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-009.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with a red set to minimum plus one value, #010000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-009-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #010000." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #010000;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#010000 color swatch" src="support/010000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-010-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-010-ref.xht
new file mode 100644
index 0000000000..8dbab72574
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-010-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/900_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/900_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-010.xht
new file mode 100644
index 0000000000..3939ed5260
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-010.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with a red set to a nominal value, #990000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-010-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #990000." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #990000;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#900 color swatch" src="support/900_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-011-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-011-ref.xht
new file mode 100644
index 0000000000..9f4b87fd5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-011-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fe0000_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fe0000_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-011.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-011.xht
new file mode 100644
index 0000000000..a936230834
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-011.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with a red set to maximum minus one value, #fe0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-011-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #fe0000." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #fe0000;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#fe0000 color swatch" src="support/fe0000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-012-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-012-ref.xht
new file mode 100644
index 0000000000..59025f39b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-012-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/f00_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/f00_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-012.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-012.xht
new file mode 100644
index 0000000000..22979cf43f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-012.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with a red set to the maximum value, #ff0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-012-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #ff0000." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #ff0000;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#f00 color swatch" src="support/f00_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-013-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-013-ref.xht
new file mode 100644
index 0000000000..62226dacb9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-013-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {width: 100%;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide filled green rectangle.</p>
+
+ <div><img src="support/swatch-green.png" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-013.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-013.xht
new file mode 100644
index 0000000000..454cf14c34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-013.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with a red set to the maximum plus one value of #fg0000 which is invalid</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-013-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Background-color set to #fg0000 is invalid and falls back to the initial value." />
+ <style type="text/css">
+ #test
+ {
+ height: 100px;
+ }
+ #wrapper
+ {
+ background-color: green;
+ }
+ #test
+ {
+ background-color: #fg0000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide filled green rectangle.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-014-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-014-ref.xht
new file mode 100644
index 0000000000..cdfa33419c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-014-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000100_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000100_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-014.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-014.xht
new file mode 100644
index 0000000000..8fb0710bae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-014.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with a green set to minimum plus one value, #000100</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-014-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #000100." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #000100;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000100_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-015-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-015-ref.xht
new file mode 100644
index 0000000000..150cb97303
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-015-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/090_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/090_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-015.xht
new file mode 100644
index 0000000000..db83e5bccf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-015.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with a green set to a nominal value, #009900</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-015-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #009900." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #009900;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#090 color swatch" src="support/090_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-016-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-016-ref.xht
new file mode 100644
index 0000000000..60460bd998
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-016-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00fe00_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00fe00_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-016.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-016.xht
new file mode 100644
index 0000000000..362219e26d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-016.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with a green set to maximum minus one value, #00fe00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-016-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #00fe00." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #00fe00;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#00fe00 color swatch" src="support/00fe00_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-017-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-017-ref.xht
new file mode 100644
index 0000000000..3c84188199
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-017-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0f0_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0f0_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-017.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-017.xht
new file mode 100644
index 0000000000..ea1bace5ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-017.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with a green set to the maximum value, #00ff00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-017-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #00ff00." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #00ff00;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#0f0 color swatch" src="support/0f0_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-018.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-018.xht
new file mode 100644
index 0000000000..150ed16267
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-018.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with a green set to the maximum plus one value of #00fg00 is invalid</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-013-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Background-color set to #00fg00 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ }
+ #wrapper
+ {
+ background-color: green;
+ }
+ #test
+ {
+ background-color: #00fg00;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide filled green rectangle.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-019-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-019-ref.xht
new file mode 100644
index 0000000000..79ac025807
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-019-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000001_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000001_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-019.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-019.xht
new file mode 100644
index 0000000000..5a9863aafa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-019.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with a blue set to minimum plus one value, #000001</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-019-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #000001." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #000001;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000001 color swatch" src="support/000001_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-020-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-020-ref.xht
new file mode 100644
index 0000000000..290b880fe8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-020-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/009_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/009_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-020.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-020.xht
new file mode 100644
index 0000000000..863be8b6ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-020.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with a blue set to a nominal value, #000099</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-020-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #000099." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #000099;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#009 color swatch" src="support/009_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-021-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-021-ref.xht
new file mode 100644
index 0000000000..2c7402ed17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-021-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0000fe_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0000fe_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-021.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-021.xht
new file mode 100644
index 0000000000..0a7d39c4a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-021.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with a blue set to maximum minus one value, #0000fe</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-021-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #0000fe." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #0000fe;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#0000fe color swatch" src="support/0000fe_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-022-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-022-ref.xht
new file mode 100644
index 0000000000..307427e5b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-022-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00f_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00f_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-022.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-022.xht
new file mode 100644
index 0000000000..3fb3f8a297
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-022.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with a blue set to the maximum value, #0000ff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-022-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #0000ff." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #0000ff;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#00f color swatch" src="support/00f_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-023.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-023.xht
new file mode 100644
index 0000000000..703421aa51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-023.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 6 digits with a blue set to the maximum plus one value of #0000fg is invalid</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-013-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Background-color set to #0000fg falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ }
+ #wrapper
+ {
+ background-color: green;
+ }
+ #test
+ {
+ background-color: #0000fg;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide filled green rectangle.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-024.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-024.xht
new file mode 100644
index 0000000000..8bac3c5147
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-024.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 2 digits which is invalid</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Background-color set to #00 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #wrapper
+ {
+ background-color: green;
+ }
+ #test
+ {
+ background-color: #00;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-025-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-025-ref.xht
new file mode 100644
index 0000000000..b469a4cb8d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-025-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-025.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-025.xht
new file mode 100644
index 0000000000..8a4cb82271
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-025.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with the minimum possible value #000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-025-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to #000 causes the background of the box to be black." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #000;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-026-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-026-ref.xht
new file mode 100644
index 0000000000..0b2d2856df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-026-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/111_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/111_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-026.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-026.xht
new file mode 100644
index 0000000000..7d4ea13bcd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-026.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with the minimum plus one value, #111</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-026-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #111." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #111;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#111 color swatch" src="support/111_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-027-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-027-ref.xht
new file mode 100644
index 0000000000..f0ae15aefb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-027-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/999_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/999_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-027.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-027.xht
new file mode 100644
index 0000000000..3aa1c98302
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-027.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with a nominal value #999</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-027-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #999." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #999;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#999 color swatch" src="support/999_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-028-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-028-ref.xht
new file mode 100644
index 0000000000..59a7fa02b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-028-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/eee_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/eee_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-028.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-028.xht
new file mode 100644
index 0000000000..1601d98e40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-028.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with the maximum minus one value of #eee</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-028-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #eee." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #eee;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#eee color swatch" src="support/eee_color.png" />
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-029-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-029-ref.xht
new file mode 100644
index 0000000000..5041fb87d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-029-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {background-color: black;}
+
+ p {color: white;}
+
+ div {margin-top: 10px;}
+
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fff_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fff_color.png" />
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-029.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-029.xht
new file mode 100644
index 0000000000..122fa11fcc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-029.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with the maximum value of #fff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-029-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #fff." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #fff;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#fff color swatch" src="support/fff_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-030.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-030.xht
new file mode 100644
index 0000000000..050ad81401
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-030.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with the maximum plus one value of #1000 which is invalid</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Background-color set to #1000 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #wrapper
+ {
+ background-color: green;
+ }
+ #test
+ {
+ background-color: #1000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-031.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-031.xht
new file mode 100644
index 0000000000..2f70a07272
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-031.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with the maximum plus one value of #ggg which is invalid</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Background-color set to #ggg falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #wrapper
+ {
+ background-color: green;
+ }
+ #test
+ {
+ background-color: #ggg;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-032-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-032-ref.xht
new file mode 100644
index 0000000000..366b222e9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-032-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/100_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/100_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-032.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-032.xht
new file mode 100644
index 0000000000..5743e2b8e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-032.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with a red set to minimum plus one value, #100</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-032-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #100." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #100;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#100 color swatch" src="support/100_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-033-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-033-ref.xht
new file mode 100644
index 0000000000..8dbab72574
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-033-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/900_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/900_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-033.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-033.xht
new file mode 100644
index 0000000000..e6a12193d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-033.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with a red set to a nominal value, #900</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-033-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #900." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #900;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#900 color swatch" src="support/900_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-034-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-034-ref.xht
new file mode 100644
index 0000000000..9f135dc745
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-034-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/e00_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/e00_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-034.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-034.xht
new file mode 100644
index 0000000000..278fcfce84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-034.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with a red set to maximum minus one value, #e00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-034-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #e00." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #e00;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#e00 color swatch" src="support/e00_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-035-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-035-ref.xht
new file mode 100644
index 0000000000..59025f39b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-035-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/f00_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/f00_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-035.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-035.xht
new file mode 100644
index 0000000000..0c8afb3de1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-035.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with a red set to the maximum value, #f00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-035-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #f00." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #f00;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#f00 color swatch" src="support/f00_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-036.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-036.xht
new file mode 100644
index 0000000000..f9cf11a73b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-036.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with a red set to the maximum plus one value of #g00 is invalid</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-013-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Background-color set to #g00 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ }
+ #wrapper
+ {
+ background-color: green;
+ }
+ #test
+ {
+ background-color: #g00;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide filled green rectangle.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-037-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-037-ref.xht
new file mode 100644
index 0000000000..75cf4a2f34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-037-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/010_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/010_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-037.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-037.xht
new file mode 100644
index 0000000000..32daca17b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-037.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with a green set to minimum plus one value, #010</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-037-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to #010." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #010;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#010 color swatch" src="support/010_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-038-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-038-ref.xht
new file mode 100644
index 0000000000..150cb97303
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-038-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/090_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/090_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-038.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-038.xht
new file mode 100644
index 0000000000..76d4c9cb1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-038.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with a green set to a nominal value, #090</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-038-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to #090." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #090;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#090 color swatch" src="support/090_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-039-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-039-ref.xht
new file mode 100644
index 0000000000..6d08ab5895
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-039-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0e0_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0e0_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-039.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-039.xht
new file mode 100644
index 0000000000..944c66c622
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-039.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with a green set to maximum minus one value, #0e0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-039-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to #0e0." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #0e0;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#0e0 color swatch" src="support/0e0_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-040-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-040-ref.xht
new file mode 100644
index 0000000000..3c84188199
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-040-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0f0_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0f0_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-040.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-040.xht
new file mode 100644
index 0000000000..998e8a8902
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-040.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with a green set to the maximum value, #0f0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-040-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to #0f0." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #0f0;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#0f0 color swatch" src="support/0f0_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-041-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-041-ref.xht
new file mode 100644
index 0000000000..389ae583ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-041-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {width: 100%;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide filled orange rectangle.</p>
+
+ <div><img src="support/swatch-orange.png" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-041.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-041.xht
new file mode 100644
index 0000000000..0ce51cca13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-041.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with a green set to the maximum plus one value, #0g0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-041-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Background-color set to #0g0 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ }
+ #wrapper
+ {
+ background-color: orange;
+ }
+ #test
+ {
+ background-color: #0g0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide filled orange rectangle.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-042-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-042-ref.xht
new file mode 100644
index 0000000000..916cd6647c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-042-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/001_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/001_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-042.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-042.xht
new file mode 100644
index 0000000000..e8b3157665
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-042.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with a blue set to minimum plus one value, #001</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-042-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #001." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #001;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#001 color swatch" src="support/001_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-043-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-043-ref.xht
new file mode 100644
index 0000000000..290b880fe8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-043-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/009_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/009_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-043.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-043.xht
new file mode 100644
index 0000000000..cbc4b0033a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-043.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with a blue set to a nominal value, #009</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-043-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #009." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #009;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#009 color swatch" src="support/009_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-044-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-044-ref.xht
new file mode 100644
index 0000000000..1435c39446
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-044-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00e_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00e_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-044.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-044.xht
new file mode 100644
index 0000000000..a115c6d86d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-044.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with a blue set to maximum minus one value, #00e</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-044-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #00e." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #00e;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#00e color swatch" src="support/00e_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-045-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-045-ref.xht
new file mode 100644
index 0000000000..307427e5b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-045-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00f_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00f_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-045.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-045.xht
new file mode 100644
index 0000000000..4b98028bba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-045.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with a blue set to the maximum value, #00f</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-045-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to #00f." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: #00f;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#00f color swatch" src="support/00f_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-046.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-046.xht
new file mode 100644
index 0000000000..c32901c8cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-046.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to hex with 3 digits with a blue set to the maximum plus one value of #00g is invalid</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Background-color set to #00g falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #wrapper
+ {
+ background-color: green;
+ }
+ #test
+ {
+ background-color: #00g;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-047.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-047.xht
new file mode 100644
index 0000000000..d02be6a049
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-047.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with the minimum minus one value, rgb(-1%, -1%, -1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Background-color set to rgb(-1%, -1%, -1%) truncates to a valid value." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(-1%, -1%, -1%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-048.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-048.xht
new file mode 100644
index 0000000000..8b2b528230
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-048.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with the minimum value, rgb(0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0%, 0%, 0%)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049-020202-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049-020202-ref.xht
new file mode 100644
index 0000000000..4b37e52103
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049-020202-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ div
+ {
+ margin-top: 10px;
+ }
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/020202_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/020202_color.png" />
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049-030303-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049-030303-ref.xht
new file mode 100644
index 0000000000..f5381c0c0d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049-030303-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ div
+ {
+ margin-top: 10px;
+ }
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/030303_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/030303_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049.xht
new file mode 100644
index 0000000000..df0b832c22
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with the minimum plus one value, rgb(1%, 1%, 1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <!-- This test has 2 reference files to match rounding fractional color values up or down -->
+ <link rel="match" href="background-color-049-020202-ref.xht" />
+ <link rel="match" href="background-color-049-030303-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Background-color is set to rgb(1%, 1%, 1%)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ #test
+ {
+ background-color: rgb(1%, 1%, 1%);
+ height: 100px;
+ width: 100px;
+ }
+ #reference
+ {
+ color: rgb(1%, 1%, 1%);
+ font: 100px/1 Ahem;
+ margin-top: 10px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">X</div>
+ </body>
+</html>
+
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-050.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-050.xht
new file mode 100644
index 0000000000..b202b35f80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-050.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with the minimum value and minus sign, rgb(-0%, -0%, -0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(-0%, -0%, -0%)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(-0%, -0%, -0%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-051.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-051.xht
new file mode 100644
index 0000000000..558ec9acc9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-051.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with the minimum value and plus sign, rgb(+0%, +0%, +0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(+0%, +0%, +0%)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(+0%, +0%, +0%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-052-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-052-ref.xht
new file mode 100644
index 0000000000..1e98cfe008
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-052-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/666666_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/666666_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-052.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-052.xht
new file mode 100644
index 0000000000..f8bc813559
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-052.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with a nominal value, rgb(40%, 40%, 40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-052-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Background-color is set to rgb(40%, 40%, 40%)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ #test
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(40%, 40%, 40%);
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ color: rgb(40%, 40%, 40%);
+ font: 100px/1 Ahem;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-053.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-053.xht
new file mode 100644
index 0000000000..1ea427b28c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-053.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with a nominal value and a plus sign, rgb(+40%, +40%, +40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="ahem" />
+ <link rel="match" href="background-color-052-ref.xht" />
+ <meta name="assert" content="Background-color is set to rgb(+40%, +40%, +40%)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ #test
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(+40%, +40%, +40%);
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ color: rgb(+40%, +40%, +40%);
+ font: 100px/1 Ahem;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054-fcfcfc-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054-fcfcfc-ref.xht
new file mode 100644
index 0000000000..6023756648
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054-fcfcfc-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ div
+ {
+ margin-top: 10px;
+ }
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fcfcfc_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fcfcfc_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054-fdfdfd-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054-fdfdfd-ref.xht
new file mode 100644
index 0000000000..58104c73c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054-fdfdfd-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ div
+ {
+ margin-top: 10px;
+ }
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fdfdfd_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fdfdfd_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054.xht
new file mode 100644
index 0000000000..27b1ea4d07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with a maximum minus one value, rgb(99%, 99%, 99%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <!-- This test has 2 reference files to match rounding fractional color values up or down -->
+ <link rel="match" href="background-color-054-fcfcfc-ref.xht" />
+ <link rel="match" href="background-color-054-fdfdfd-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Background-color is set to rgb(99%, 99%, 99%)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #test
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(99%, 99%, 99%);
+ }
+ #reference
+ {
+ color: rgb(99%, 99%, 99%);
+ font: 100px/1 Ahem;
+ margin-top: 10px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-055.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-055.xht
new file mode 100644
index 0000000000..d8a148340f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-055.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with a maximum value, rgb(100%, 100%, 100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-006-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(100%, 100%, 100%)." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(100%, 100%, 100%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#fff color swatch" src="support/fff_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-056.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-056.xht
new file mode 100644
index 0000000000..21eccce3d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-056.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with plus sign on each maximum value, rgb(+100%, +100%, +100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-006-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(+100%, +100%, +100%)." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(+100%, +100%, +100%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#fff color swatch" src="support/fff_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-057.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-057.xht
new file mode 100644
index 0000000000..5645c50bf5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-057.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with a maximum plus one value, rgb(101%, 101%, 101%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-006-ref.xht" />
+
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Background-color set to rgb(101%, 101%, 101%) truncates to a valid value." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(101%, 101%, 101%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#fff color swatch" src="support/fff_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-058.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-058.xht
new file mode 100644
index 0000000000..020f3fd2d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-058.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with the minimum minus one value, rgb(-1, -1, -1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Background-color set to rgb(-1, -1, -1) truncates to a valid value." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(-1, -1, -1);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-059.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-059.xht
new file mode 100644
index 0000000000..d40c24df75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-059.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with the minimum value, rgb(0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0, 0, 0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, 0, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-060.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-060.xht
new file mode 100644
index 0000000000..99d8156ef3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-060.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with the minimum plus one value, rgb(1, 1, 1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-003-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(1, 1, 1)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(1, 1, 1);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#010101 color swatch" src="support/010101_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-061.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-061.xht
new file mode 100644
index 0000000000..b0a262ea5a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-061.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with the minimum value and minus sign, rgb(-0, -0, -0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(-0, -0, -0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(-0, -0, -0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-062.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-062.xht
new file mode 100644
index 0000000000..17e0cfe633
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-062.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with the minimum value and plus sign, rgb(+0, +0, +0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(+0, +0, +0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(+0, +0, +0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-063-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-063-ref.xht
new file mode 100644
index 0000000000..43cbdd9099
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-063-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/808080_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/808080_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-063.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-063.xht
new file mode 100644
index 0000000000..ac2a142808
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-063.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with a nominal value, rgb(128, 128, 128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-063-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(128, 128, 128)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(128, 128, 128);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#808080 color swatch" src="support/808080_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-064.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-064.xht
new file mode 100644
index 0000000000..e5bff1b70d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-064.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with a nominal value and a plus sign, rgb(+128, +128, +128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-063-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(+128, +128, +128)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(+128, +128, +128);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#808080 color swatch" src="support/808080_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-065.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-065.xht
new file mode 100644
index 0000000000..12118419b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-065.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with a maximum minus one value, rgb(254, 254, 254)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-005-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(254, 254, 254)." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(254, 254, 254);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#fefefe color swatch" src="support/fefefe_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-066.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-066.xht
new file mode 100644
index 0000000000..a35205fb83
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-066.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with a maximum value, rgb(255, 255, 255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-006-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(255, 255, 255)." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(255, 255, 255);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#fff color swatch" src="support/fff_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-067.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-067.xht
new file mode 100644
index 0000000000..4f3f9cbc23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-067.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with a maximum value and a plus sign, rgb(+255, +255, +255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-006-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(+255, +255, +255)." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(+255, +255, +255);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#fff color swatch" src="support/fff_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-068.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-068.xht
new file mode 100644
index 0000000000..4408739508
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-068.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with a maximum plus one value, rgb(256, 256, 256)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-006-ref.xht" />
+
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Background-color set to rgb(256, 256, 256) truncates to a valid value." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(256, 256, 256);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#fff color swatch" src="support/fff_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-069.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-069.xht
new file mode 100644
index 0000000000..d8c1a5991c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-069.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with red set to the minimum minus one value, rgb(-1%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Background-color set to rgb(-1%, 0%, 0%) truncates to a valid value." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(-1%, 0%, 0%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070-020000-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070-020000-ref.xht
new file mode 100644
index 0000000000..b60b3c17e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070-020000-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ div
+ {
+ margin-top: 10px;
+ }
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/020000_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/020000_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070-030000-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070-030000-ref.xht
new file mode 100644
index 0000000000..97ab0b2a04
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070-030000-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ div
+ {
+ margin-top: 10px;
+ }
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/030000_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/030000_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070.xht
new file mode 100644
index 0000000000..5982e24d4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with red set to the minimum plus one value, rgb(1%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <!-- This test has 2 reference files to match rounding fractional color values up or down -->
+ <link rel="match" href="background-color-070-020000-ref.xht" />
+ <link rel="match" href="background-color-070-030000-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Background-color is set to rgb(1%, 0%, 0%)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ #test
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(1%, 0%, 0%);
+ }
+ #reference
+ {
+ color: rgb(1%, 0%, 0%);
+ font: 100px/1 Ahem;
+ margin-top: 10px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-071.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-071.xht
new file mode 100644
index 0000000000..2b04f969d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-071.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with red set to the minimum value and minus sign, rgb(-0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(-0%, 0%, 0%)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(-0%, 0%, 0%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-072.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-072.xht
new file mode 100644
index 0000000000..b8d5642519
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-072.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with red set to the minimum value and plus sign, rgb(+0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(+0%, 0%, 0%)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(+0%, 0%, 0%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-073-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-073-ref.xht
new file mode 100644
index 0000000000..3c4b5c2af0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-073-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/660000_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/660000_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-073.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-073.xht
new file mode 100644
index 0000000000..3ccae5540b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-073.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with red set to a nominal value, rgb(40%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="ahem" />
+ <link rel="match" href="background-color-073-ref.xht" />
+ <meta name="assert" content="Background-color is set to rgb(40%, 0%, 0%)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ #test
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(40%, 0%, 0%);
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ color: rgb(40%, 0%, 0%);
+ font: 100px/1 Ahem;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-074.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-074.xht
new file mode 100644
index 0000000000..c37912b9dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-074.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with red set to a nominal value with a plus sign, rgb(+40%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="ahem" />
+ <link rel="match" href="background-color-073-ref.xht" />
+ <meta name="assert" content="Background-color is set to rgb(+40%, 0%, 0%)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ #test
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(+40%, 0%, 0%);
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ color: rgb(+40%, 0%, 0%);
+ font: 100px/1 Ahem;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075-fc0000-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075-fc0000-ref.xht
new file mode 100644
index 0000000000..7cfa6f5b93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075-fc0000-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ div
+ {
+ margin-top: 10px;
+ }
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fc0000_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fc0000_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075-fd0000-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075-fd0000-ref.xht
new file mode 100644
index 0000000000..77c1d9a5ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075-fd0000-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ div
+ {
+ margin-top: 10px;
+ }
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fd0000_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fd0000_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075.xht
new file mode 100644
index 0000000000..0a1bc875f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with red set to a maximum minus one value, rgb(99%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <!-- This test has 2 reference files to match rounding fractional color values up or down -->
+ <link rel="match" href="background-color-075-fc0000-ref.xht" />
+ <link rel="match" href="background-color-075-fd0000-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Background-color is set to rgb(99%, 0%, 0%)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ #test
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(99%, 0%, 0%);
+ }
+ #reference
+ {
+ color: rgb(99%, 0%, 0%);
+ font: 100px/1 Ahem;
+ margin-top: 10px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-076.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-076.xht
new file mode 100644
index 0000000000..0dc3c451b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-076.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with red set to a maximum value, rgb(100%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-012-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(100%, 0%, 0%)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(100%, 0%, 0%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#f00 color swatch" src="support/f00_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-077.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-077.xht
new file mode 100644
index 0000000000..f5a8449a58
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-077.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with red set to a maximum value with a plus sign, rgb(+100%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-012-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(+100%, 0%, 0%)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(+100%, 0%, 0%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#f00 color swatch" src="support/f00_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-078.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-078.xht
new file mode 100644
index 0000000000..4fd825bd75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-078.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with red set to a maximum plus one value, rgb(101%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-012-ref.xht" />
+
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Background-color is set to rgb(101%, 0%, 0%)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(101%, 0%, 0%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#f00 color swatch" src="support/f00_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-079.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-079.xht
new file mode 100644
index 0000000000..62a6ad79b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-079.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with red set to the minimum minus one value, rgb(-1, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Background-color set to rgb(-1, 0, 0) truncates to a valid value." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(-1, 0, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-080.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-080.xht
new file mode 100644
index 0000000000..e0a77a7e64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-080.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with red set to the minimum plus one value, rgb(1, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-009-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(1, 0, 0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(1, 0, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#010000 color swatch" src="support/010000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-081.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-081.xht
new file mode 100644
index 0000000000..a558636a55
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-081.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with red set to the minimum value with a minus sign, rgb(-0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(-0, 0, 0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(-0, 0, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-082.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-082.xht
new file mode 100644
index 0000000000..65dccc485f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-082.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with red set to the minimum value with a plus sign, rgb(+0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(+0, 0, 0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(+0, 0, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-083-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-083-ref.xht
new file mode 100644
index 0000000000..05116ff480
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-083-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/800000_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/800000_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-083.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-083.xht
new file mode 100644
index 0000000000..46a0a56508
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-083.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with red set to a nominal value, rgb(128, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-083-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(128, 0, 0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(128, 0, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#800000 color swatch" src="support/800000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-084.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-084.xht
new file mode 100644
index 0000000000..a25685035c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-084.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with red set to a nominal value with a plus sign, rgb(+128, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-083-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(+128, 0, 0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(+128, 0, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#800000 color swatch" src="support/800000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-085.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-085.xht
new file mode 100644
index 0000000000..e20926d643
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-085.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with red set to a maximum minus one value, rgb(254, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-011-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(254, 0, 0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(254, 0, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#fe0000 color swatch" src="support/fe0000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-086.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-086.xht
new file mode 100644
index 0000000000..95ed289032
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-086.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with red set to a maximum value, rgb(255, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-012-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(255, 0, 0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(255, 0, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#f00 color swatch" src="support/f00_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-087.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-087.xht
new file mode 100644
index 0000000000..3b73262061
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-087.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with red set to a maximum value with a plus sign, rgb(+255, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-012-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(+255, 0, 0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(+255, 0, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#f00 color swatch" src="support/f00_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-088.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-088.xht
new file mode 100644
index 0000000000..7a4cadfa70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-088.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with red set to a maximum plus one value, rgb(256, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-012-ref.xht" />
+
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Background-color set to rgb(256, 0, 0) truncates to a valid value." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(256, 0, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#f00 color swatch" src="support/f00_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-089.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-089.xht
new file mode 100644
index 0000000000..d21b7fe0c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-089.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with green set to the minimum minus one value, rgb(0%, -1%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Background-color set to rgb(0%, -1%, 0%) truncates to a valid value." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0%, -1%, 0%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090-000200-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090-000200-ref.xht
new file mode 100644
index 0000000000..1e43bfad1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090-000200-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ div
+ {
+ margin-top: 10px;
+ }
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000200_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000200_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090-000300-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090-000300-ref.xht
new file mode 100644
index 0000000000..6a072d9954
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090-000300-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ div
+ {
+ margin-top: 10px;
+ }
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000300_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000300_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090.xht
new file mode 100644
index 0000000000..59f63dde33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with green set to the minimum plus one value, rgb(0%, 1%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <!-- This test has 2 reference files to match rounding fractional color values up or down -->
+ <link rel="match" href="background-color-090-000200-ref.xht" />
+ <link rel="match" href="background-color-090-000300-ref.xht" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0%, 1%, 0%)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ #test
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 1%, 0%);
+ }
+ #reference
+ {
+ color: rgb(0%, 1%, 0%);
+ font: 100px/1 Ahem;
+ margin-top: 10px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-091.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-091.xht
new file mode 100644
index 0000000000..2d6ce46188
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-091.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with green set to the minimum value and minus sign, rgb(0%, -0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0%, -0%, 0%)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0%, -0%, 0%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-092.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-092.xht
new file mode 100644
index 0000000000..5c9a4e08a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-092.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with green set to the minimum value and plus sign, rgb(0%, +0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0%, +0%, 0%)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0%, +0%, 0%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-093-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-093-ref.xht
new file mode 100644
index 0000000000..280c4e5405
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-093-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
+ <meta name="flags" content="image"/>
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/006600_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/006600_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-093.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-093.xht
new file mode 100644
index 0000000000..dae3822cae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-093.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with green set to a nominal value, rgb(0%, 40%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="ahem" />
+ <link rel="match" href="background-color-093-ref.xht" />
+ <meta name="assert" content="Background-color is set to rgb(0%, 40%, 0%)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ #test
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 40%, 0%);
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ color: rgb(0%, 40%, 0%);
+ font: 100px/1 Ahem;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-094.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-094.xht
new file mode 100644
index 0000000000..a5b31906b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-094.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with green set to a nominal value with a plus sign, rgb(0%, +40%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="ahem" />
+ <link rel="match" href="background-color-093-ref.xht" />
+ <meta name="assert" content="Background-color is set to rgb(0%, +40%, 0%)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ #test
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, +40%, 0%);
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ color: rgb(0%, +40%, 0%);
+ font: 100px/1 Ahem;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095-00fc00-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095-00fc00-ref.xht
new file mode 100644
index 0000000000..d1d9355d9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095-00fc00-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ div
+ {
+ margin-top: 10px;
+ }
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00fc00_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00fc00_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095-00fd00-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095-00fd00-ref.xht
new file mode 100644
index 0000000000..e5dec694c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095-00fd00-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ div
+ {
+ margin-top: 10px;
+ }
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00fd00_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00fd00_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095.xht
new file mode 100644
index 0000000000..ad19592bb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with green set to a maximum minus one value, rgb(0%, 99%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <!-- This test has 2 reference files to match rounding fractional color values up or down -->
+ <link rel="match" href="background-color-095-00fc00-ref.xht" />
+ <link rel="match" href="background-color-095-00fd00-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Background-color is set to rgb(0%, 99%, 0%)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ #test
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 99%, 0%);
+ }
+ #reference
+ {
+ color: rgb(0%, 99%, 0%);
+ font: 100px/1 Ahem;
+ margin-top: 10px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-096.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-096.xht
new file mode 100644
index 0000000000..baa9de190c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-096.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with green set to a maximum value, rgb(0%, 100%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-017-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0%, 100%, 0%)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0%, 100%, 0%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#0f0 color swatch" src="support/0f0_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-097.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-097.xht
new file mode 100644
index 0000000000..37d949ac4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-097.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with green set to a maximum value with a plus sign, rgb(0%, +100%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-017-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0%, +100%, 0%)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0%, +100%, 0%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#0f0 color swatch" src="support/0f0_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-098.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-098.xht
new file mode 100644
index 0000000000..7a258faa4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-098.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with green set to a maximum plus one value, rgb(0%, 101%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-017-ref.xht" />
+
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Background-color set to rgb(0%, 101%, 0%) truncates to a valid value." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0%, 101%, 0%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#0f0 color swatch" src="support/0f0_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-099.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-099.xht
new file mode 100644
index 0000000000..c13af740a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-099.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with green set to the minimum minus one value, rgb(0, -1, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Background-color set to rgb(-1, 0, 0) truncates to a valid value." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, -1, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-100.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-100.xht
new file mode 100644
index 0000000000..86544845c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-100.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with green set to the minimum plus one value, rgb(0, 1, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-014-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to rgb(0, 1, 0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, 1, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000100_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-101.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-101.xht
new file mode 100644
index 0000000000..7bb78cedf5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-101.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with green set to the minimum value with a minus sign, rgb(0, -0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0, -0, 0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, -0, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-102.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-102.xht
new file mode 100644
index 0000000000..3ae143328d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-102.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with green set to the minimum value with a plus sign, rgb(0, +0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0, +0, 0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, +0, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-103-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-103-ref.xht
new file mode 100644
index 0000000000..934fcd6da6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-103-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/008000_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/008000_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-103.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-103.xht
new file mode 100644
index 0000000000..93306085ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-103.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with green set to a nominal value, rgb(0, 128, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-103-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0, 128, 0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, 128, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#008000 color swatch" src="support/008000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-104.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-104.xht
new file mode 100644
index 0000000000..049f2bbf08
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-104.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with green set to a nominal value with a plus sign, rgb(0, +128, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-103-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0, +128, 0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, +128, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#008000 color swatch" src="support/008000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-105.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-105.xht
new file mode 100644
index 0000000000..f6847924d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-105.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with green set to a maximum minus one value, rgb(0, 254, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-016-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0, 254, 0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, 254, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#00fe00 color swatch" src="support/00fe00_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-106.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-106.xht
new file mode 100644
index 0000000000..9bcabb32d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-106.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with green set to a maximum value, rgb(0, 255, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-017-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0, 255, 0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, 255, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#0f0 color swatch" src="support/0f0_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-107.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-107.xht
new file mode 100644
index 0000000000..b690bfd486
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-107.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with green set to a maximum value with a plus sign, rgb(0, +255, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-017-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0, +255, 0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, +255, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#0f0 color swatch" src="support/0f0_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-108.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-108.xht
new file mode 100644
index 0000000000..14f2e5664e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-108.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with green set to a maximum plus one value, rgb(0, 256 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-017-ref.xht" />
+
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Background-color set to rgb(0, 256, 0) properly truncates to a valid value." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, 256, 0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#0f0 color swatch" src="support/0f0_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-109.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-109.xht
new file mode 100644
index 0000000000..224c8285f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-109.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with blue set to the minimum minus one value, rgb(0%, 0%, -1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Background-color set to rgb(0%, 0%, -1%) truncates to a valid value." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0%, 0%, -1%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110-000002-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110-000002-ref.xht
new file mode 100644
index 0000000000..ce7525c80b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110-000002-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ div
+ {
+ margin-top: 10px;
+ }
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000002_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000002_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110-000003-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110-000003-ref.xht
new file mode 100644
index 0000000000..b6e2f8a8c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110-000003-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ div
+ {
+ margin-top: 10px;
+ }
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000003_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000003_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110.xht
new file mode 100644
index 0000000000..1c298ccc97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with blue set to the minimum plus one value, rgb(0%, 0%, 1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <!-- This test has 2 reference files to match rounding fractional color values up or down -->
+ <link rel="match" href="background-color-110-000002-ref.xht" />
+ <link rel="match" href="background-color-110-000003-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Background-color is set to rgb(0%, 0%, 1%)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ #test
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 0%, 1%);
+ }
+ #reference
+ {
+ color: rgb(0%, 0%, 1%);
+ font: 100px/1 Ahem;
+ margin-top: 10px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-111.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-111.xht
new file mode 100644
index 0000000000..b1c1d4a347
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-111.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with blue set to the minimum value and minus sign, rgb(0%, 0%, -0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0%, 0%, -0%)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0%, 0%, -0%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-112.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-112.xht
new file mode 100644
index 0000000000..094c0dbcac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-112.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with blue set to the minimum value and plus sign, rgb(0%, 0%, +0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0%, 0%, +0%)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0%, 0%, +0%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-113-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-113-ref.xht
new file mode 100644
index 0000000000..120857be31
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-113-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000066_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000066_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-113.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-113.xht
new file mode 100644
index 0000000000..b8245d5476
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-113.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with blue set to a nominal value, rgb(0%, 0%, 40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="ahem" />
+ <link rel="match" href="background-color-113-ref.xht" />
+ <meta name="assert" content="Background-color is set to rgb(0%, 0%, 40%)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ #test
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 0%, 40%);
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ color: rgb(0%, 0%, 40%);
+ font: 100px/1 Ahem;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-114.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-114.xht
new file mode 100644
index 0000000000..cd27c6e521
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-114.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with blue set to a nominal value with a plus sign, rgb(0%, 0%, +40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="ahem" />
+ <link rel="match" href="background-color-113-ref.xht" />
+ <meta name="assert" content="Background-color is set to rgb(0%, 0%, +40%)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ #test
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 0%, +40%);
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ color: rgb(0%, 0%, +40%);
+ font: 100px/1 Ahem;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115-0000fc-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115-0000fc-ref.xht
new file mode 100644
index 0000000000..55590fcccb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115-0000fc-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ div
+ {
+ margin-top: 10px;
+ }
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0000fc_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0000fc_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115-0000fd-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115-0000fd-ref.xht
new file mode 100644
index 0000000000..83a5e96e60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115-0000fd-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css"><![CDATA[
+ div
+ {
+ margin-top: 10px;
+ }
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0000fd_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0000fd_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115.xht
new file mode 100644
index 0000000000..25903e56b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with blue set to a maximum minus one value, rgb(0%, 0%, 99%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <!-- This test has 2 reference files to match rounding fractional color values up or down -->
+ <link rel="match" href="background-color-115-0000fc-ref.xht" />
+ <link rel="match" href="background-color-115-0000fd-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Background-color is set to rgb(0%, 0%, 99%)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ #test
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 0%, 99%);
+ }
+ #reference
+ {
+ color: rgb(0%, 0%, 99%);
+ font: 100px/1 Ahem;
+ margin-top: 10px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-116.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-116.xht
new file mode 100644
index 0000000000..db6901457f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-116.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with blue set to a maximum value, rgb(0%, 0%, 100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-022-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0%, 0%, 100%)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0%, 0%, 100%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#00f color swatch" src="support/00f_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-117.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-117.xht
new file mode 100644
index 0000000000..75b7f5b93a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-117.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with blue set to a maximum value with a plus sign, rgb(0%, 0%, +100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-022-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0%, 0%, +100%)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0%, 0%, +100%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#00f color swatch" src="support/00f_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-118.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-118.xht
new file mode 100644
index 0000000000..f97e581e7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-118.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using percentages with blue set to a maximum plus one value, rgb(0%, 0%, 101%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-022-ref.xht" />
+
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Background-color set to rgb(0%, 0%, 101%) truncates to a valid value." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0%, 0%, 101%);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#00f color swatch" src="support/00f_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-119.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-119.xht
new file mode 100644
index 0000000000..f70540f3b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-119.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with blue set to the minimum minus one value, rgb(0, 0, -1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Background-color set to rgb(0, 0, -1) truncates to a valid value." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, 0, -1);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-120.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-120.xht
new file mode 100644
index 0000000000..f220efe571
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-120.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with blue set to the minimum plus one value, rgb(0, 0, 1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-019-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0, 0, 1)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, 0, 1);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000001 color swatch" src="support/000001_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-121.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-121.xht
new file mode 100644
index 0000000000..0ef996e767
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-121.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with blue set to the minimum value with a minus sign, rgb(0, 0, -0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0, 0, -0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, 0, -0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-122.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-122.xht
new file mode 100644
index 0000000000..a244421750
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-122.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with blue set to the minimum value with a plus sign, rgb(0, 0, +0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0, 0, +0)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, 0, +0);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-123-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-123-ref.xht
new file mode 100644
index 0000000000..68617d2c43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-123-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000080_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000080_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-123.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-123.xht
new file mode 100644
index 0000000000..c8a7dd9ccf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-123.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with blue set to a nominal value, rgb(0, 0, 128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-123-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0, 0, 128)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, 0, 128);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000080 color swatch" src="support/000080_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-124.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-124.xht
new file mode 100644
index 0000000000..896f2eb2e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-124.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with blue set to a nominal value with a plus sign, rgb(0, 0, +128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-123-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0, 0, +128)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, 0, +128);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000080 color swatch" src="support/000080_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-125.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-125.xht
new file mode 100644
index 0000000000..8630cfee44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-125.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with blue set to a maximum minus one value, rgb(0, 0, 254)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-021-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0, 0, 254)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, 0, 254);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#0000fe color swatch" src="support/0000fe_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-126.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-126.xht
new file mode 100644
index 0000000000..4a86576053
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-126.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with blue set to a maximum value, rgb(0, 0, 255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-022-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0, 0, 255)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, 0, 255);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#00f color swatch" src="support/00f_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-127.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-127.xht
new file mode 100644
index 0000000000..98bc089214
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-127.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with blue set to a maximum value with a plus sign, rgb(0, 0, +255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-022-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color is set to rgb(0, 0, +255)." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, 0, +255);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#00f color swatch" src="support/00f_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-128.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-128.xht
new file mode 100644
index 0000000000..b673363127
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-128.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to rgb() using integers with blue set to a maximum plus one value, rgb(0, 0, 256)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-022-ref.xht" />
+
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Background-color set to rgb(0, 0, 256) properly truncates to a valid value." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: rgb(0, 0, 256);
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#00f color swatch" src="support/00f_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-129-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-129-ref.xht
new file mode 100644
index 0000000000..bf2a612ed0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-129-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/aqua_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/aqua_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-129.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-129.xht
new file mode 100644
index 0000000000..a1d79af99a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-129.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to aqua</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-129-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to aqua causes the background-color of the box to be aqua." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: aqua;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="aqua color swatch" src="support/aqua_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-130.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-130.xht
new file mode 100644
index 0000000000..7373a3f8fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-130.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to black</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to black causes the background-color of the box to be black." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: black;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000 color swatch" src="support/000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-131.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-131.xht
new file mode 100644
index 0000000000..942862b0e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-131.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to blue</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-022-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to blue causes the background-color of the box to be blue." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: blue;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#00f color swatch" src="support/00f_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-132-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-132-ref.xht
new file mode 100644
index 0000000000..9d6a313268
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-132-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fuchsia_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fuchsia_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-132.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-132.xht
new file mode 100644
index 0000000000..898cc691af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-132.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to fuchsia</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-132-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to fuchsia causes the background-color of the box to be fuchsia." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: fuchsia;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="fuchsia color swatch" src="support/fuchsia_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-133.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-133.xht
new file mode 100644
index 0000000000..06552a649c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-133.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to gray</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-063-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to gray causes the background-color of the box to be gray." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: gray;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#808080 color swatch" src="support/808080_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-134.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-134.xht
new file mode 100644
index 0000000000..08511a73bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-134.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to green</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-103-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to green causes the background of the box to be green." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: green;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#008000 color swatch" src="support/008000_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-135-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-135-ref.xht
new file mode 100644
index 0000000000..aa547b0a54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-135-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/swatch-lime.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/swatch-lime.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-135.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-135.xht
new file mode 100644
index 0000000000..64a92f9003
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-135.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to lime</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-135-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to lime causes the background-color of the box to be lime." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: lime;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="lime color swatch" src="support/swatch-lime.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-136-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-136-ref.xht
new file mode 100644
index 0000000000..c3382a769a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-136-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/maroon_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/maroon_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-136.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-136.xht
new file mode 100644
index 0000000000..a9aed04919
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-136.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to maroon</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-136-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to maroon causes the background-color of the box to be maroon." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: maroon;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="maroon color swatch" src="support/maroon_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-137.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-137.xht
new file mode 100644
index 0000000000..a965f8cbd2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-137.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to navy</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-123-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to navy causes the background-color of the box to be navy." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: navy;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#000080 color swatch" src="support/000080_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-138-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-138-ref.xht
new file mode 100644
index 0000000000..832375425c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-138-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/olive_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/olive_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-138.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-138.xht
new file mode 100644
index 0000000000..e438b2eea3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-138.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to olive</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-138-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to olive causes the background-color of the box to be olive." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: olive;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="olive color swatch" src="support/olive_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-139-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-139-ref.xht
new file mode 100644
index 0000000000..587737848b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-139-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/orange15x15.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/orange15x15.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-139.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-139.xht
new file mode 100644
index 0000000000..28f21aeb18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-139.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to orange</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-139-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to orange causes the background-color of the box to be orange." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: orange;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div>
+ <img alt="orange color swatch" src="support/orange15x15.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-140-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-140-ref.xht
new file mode 100644
index 0000000000..056f8e4dcf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-140-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/purple_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/purple_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-140.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-140.xht
new file mode 100644
index 0000000000..40dd350214
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-140.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to purple</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-140-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to purple causes the background-color of the box to be purple." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: purple;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="purple color swatch" src="support/purple_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-141.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-141.xht
new file mode 100644
index 0000000000..b393f22b43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-141.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to red</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-012-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to red causes the background-color of the box to be red." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: red;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#f00 color swatch" src="support/f00_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-142-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-142-ref.xht
new file mode 100644
index 0000000000..3f7ffb2f2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-142-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/silver_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/silver_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-142.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-142.xht
new file mode 100644
index 0000000000..db2aaa4630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-142.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to silver</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-142-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to silver causes the background-color of the box to be silver." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: silver;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="silver color swatch" src="support/silver_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-143-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-143-ref.xht
new file mode 100644
index 0000000000..70c54ff1a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-143-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/teal_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/teal_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-143.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-143.xht
new file mode 100644
index 0000000000..b0c0e2e1bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-143.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to teal</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-143-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to teal causes the background-color of the box to be teal." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: teal;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="teal color swatch" src="support/teal_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-144.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-144.xht
new file mode 100644
index 0000000000..f1668fd6d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-144.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to white</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-006-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to white causes the background-color of the box to be white." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: white;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="#fff color swatch" src="support/fff_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-145-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-145-ref.xht
new file mode 100644
index 0000000000..1d05b5f071
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-145-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/yellow_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/yellow_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-145.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-145.xht
new file mode 100644
index 0000000000..3afa2192b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-145.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to yellow</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-145-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-color set to yellow causes the background-color of the box to be yellow." />
+ <style type="text/css">
+ img, #test
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ background-color: yellow;
+ margin-bottom: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test"></div>
+ <div id="reference">
+ <img alt="yellow color swatch" src="support/yellow_color.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-174.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-174.xht
new file mode 100644
index 0000000000..35aa83c6cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-174.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to transparent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-001-ref.xht" />
+
+ <meta name="assert" content="Background-color is set to transparent." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #wrapper
+ {
+ background-color: green;
+ }
+ #test
+ {
+ background-color: transparent;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-175-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-175-ref.xht
new file mode 100644
index 0000000000..3b320296ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-175-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid 10px;
+ width: 100px;
+ }
+
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the hollow black square is filled completely by a green background.</p>
+
+ <div><img alt="Image download support must be enabled" src="support/1x1-green.png" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-175.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-175.xht
new file mode 100644
index 0000000000..624c15dbcb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-175.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color set to inherit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-175-ref.xht" />
+
+ <meta name="assert" content="Background-color set to inherit causes the background-color of the box to be the background-color designated on the parent element." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #wrapper
+ {
+ background-color: green;
+ }
+ #test
+ {
+ border: 10px solid;
+ background-color: red;
+ background-color: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the hollow black square is filled completely by a green background.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-001.xht
new file mode 100644
index 0000000000..b0df009aa2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-001.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ background-color: black;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-002.xht
new file mode 100644
index 0000000000..81c41ff1a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-002.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ background-color: black;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-003.xht
new file mode 100644
index 0000000000..798420197b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-003.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ background-color: black;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-004.xht
new file mode 100644
index 0000000000..5d8626c70f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-004.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ background-color: black;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-005.xht
new file mode 100644
index 0000000000..0b695d10b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-005.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ background-color: black;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+
+ .col
+ {
+ display: table-column;
+ }
+
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test"><div class="col"></div><div class="col"></div></div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-006.xht
new file mode 100644
index 0000000000..6a0d8a1f3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-006.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ background-color: black;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 2in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+
+ div.cell + div.cell {color: white;}
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test"></div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-007.xht
new file mode 100644
index 0000000000..2b9b0dcc53
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-007.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ background-color: black;
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-008.xht
new file mode 100644
index 0000000000..13fda972e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-008.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'inline'." />
+ <style type="text/css">
+ div
+ {
+ background-color: black;
+ display: inline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is black.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-009.xht
new file mode 100644
index 0000000000..9bfedd19b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-009.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ background-color: black;
+ display: block;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-010.xht
new file mode 100644
index 0000000000..aabfe22b35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-010.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ background-color: black;
+ display: list-item;
+ height: 1in;
+ margin-left: 2em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-012.xht
new file mode 100644
index 0000000000..195c323dce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-012.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ span#inline-block
+ {
+ background-color: black;
+ display: inline-block;
+ width: 1in;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant">a</span>
+ <span class="block-descendant">b</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-013.xht
new file mode 100644
index 0000000000..3a029102fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-013.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ background-color: black;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-014.xht
new file mode 100644
index 0000000000..16a726df28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-014.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ background-color: black;
+ display: inline-table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-015.xht
new file mode 100644
index 0000000000..0bccf47906
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-color applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ background-color: black;
+ display: table-caption;
+ height: 1in;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-001.xht
new file mode 100644
index 0000000000..14cbbb6922
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background over content</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="assert" content="Background covers the content of the box." />
+ <style type="text/css">
+ div
+ {
+ background: orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is orange.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-002.xht
new file mode 100644
index 0000000000..5380636a1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background over padding</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="assert" content="Background covers the padding of the box." />
+ <style type="text/css">
+ div
+ {
+ background: orange;
+ border: solid black;
+ padding: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is orange with a black border.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-003.xht
new file mode 100644
index 0000000000..dfb8c8efdb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background over border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="assert" content="Background covers the border of the box." />
+ <style type="text/css">
+ div
+ {
+ background: orange;
+ border: dotted black;
+ margin: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the background of the "Filler Text" and the space between the dots in the border are orange.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-004.xht
new file mode 100644
index 0000000000..53ba9ea37a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-004.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background over margin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="assert" content="Background does not color the margin." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ }
+ div div
+ {
+ background: orange;
+ margin: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an orange bar within a white area within a wide hollow black rectangle.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-html-body-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-html-body-001.xht
new file mode 100644
index 0000000000..807c0de0cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-html-body-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background on html and body element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="assert" content="Background of the html element is the canvas's background even if body background is set." />
+ <style type="text/css">
+ html
+ {
+ background: green;
+ }
+ body
+ {
+ background: blue;
+ color: white;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the background of the entire page is green and there is a blue bar.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-iframes-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-iframes-001.xht
new file mode 100644
index 0000000000..37e1df8971
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-iframes-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Transparent IFrames</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/iframes/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
+ <meta name="assert" content="An IFRAME's canvas is transparent."/>
+ <style type="text/css">
+ * { background: transparent; margin: 0; padding: 0; }
+ body { padding: 1em; }
+ p { margin: 1em; color: green; }
+ iframe { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; }
+ </style>
+ </head>
+ <body>
+ <p>PASS</p>
+ <iframe src="support/background-iframes-001.html"><p>XXXX FAIL</p></iframe>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-001.xht
new file mode 100644
index 0000000000..f196d0b81f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-001.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-image set to 'none' does not set an image as the background." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/red_box.png");
+ }
+ #test
+ {
+ background-image: none;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="test"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-002.xht
new file mode 100644
index 0000000000..285d7efcc3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-002.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image set using the url() function</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-color-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-image set to uri causes the image to be rendered as the background of the box." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/green_box.png");
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a <strong>filled green square</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-003.xht
new file mode 100644
index 0000000000..5054d5390b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-003.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-image set to 'inherit' causes the container to use the background image of its parent." />
+ <style type="text/css">
+ #div1
+ {
+ background-image: url("support/green_box.png");
+ height: 0;
+ width: 0;
+ }
+ #test
+ {
+ background-color: red;
+ background-image: inherit;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-005.xht
new file mode 100644
index 0000000000..6f93a8bafd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-005.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Parsing 'background-image'</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/core-syntax/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
+
+ <meta name="flags" content="invalid"/>
+ <style type="text/css"><![CDATA[
+ body { color: green; }
+ p { background-image: url(support/swatch-red.png) repeat; }
+ ]]></style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-001.xht
new file mode 100644
index 0000000000..0f4d19d85d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-001.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ background-image: url('support/black15x15.png');
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-002.xht
new file mode 100644
index 0000000000..0b807c69cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-002.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ background-image: url('support/black15x15.png');
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-003.xht
new file mode 100644
index 0000000000..a821270854
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-003.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ background-image: url('support/black15x15.png');
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-004.xht
new file mode 100644
index 0000000000..442d35eac1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-004.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ background-image: url('support/black15x15.png');
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-005.xht
new file mode 100644
index 0000000000..62957f3c39
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-005.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ background-image: url('support/black15x15.png');
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+
+ .col
+ {
+ display: table-column;
+ }
+
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test"><div class="col"></div><div class="col"></div></div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-006.xht
new file mode 100644
index 0000000000..276e7eb5a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-006.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ background-image: url('support/black15x15.png');
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 2in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+
+ div.cell + div.cell {color: white;}
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test"></div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-007.xht
new file mode 100644
index 0000000000..fae0656932
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-007.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ background-image: url('support/black15x15.png');
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-008.xht
new file mode 100644
index 0000000000..725f72599f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'inline'." />
+ <style type="text/css">
+ div
+ {
+ background-image: url('support/black15x15.png');
+ display: inline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short black stripe.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-009.xht
new file mode 100644
index 0000000000..f981964b33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-009.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ background-image: url('support/black15x15.png');
+ display: block;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-010.xht
new file mode 100644
index 0000000000..6d0785d2f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ background-image: url('support/black15x15.png');
+ display: list-item;
+ height: 1in;
+ margin-left: 2em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-012.xht
new file mode 100644
index 0000000000..2b0e922e17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-012.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ span#inline-block
+ {
+ background-image: url('support/black15x15.png');
+ display: inline-block;
+ width: 1in;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant">a</span>
+ <span class="block-descendant">b</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-013.xht
new file mode 100644
index 0000000000..96e5d058c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-013.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ background-image: url('support/black15x15.png');
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-014.xht
new file mode 100644
index 0000000000..b18f72b87d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-014.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ background-image: url('support/black15x15.png');
+ display: inline-table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-015.xht
new file mode 100644
index 0000000000..d2829c2c55
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-015.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ background-image: url('support/black15x15.png');
+ display: table-caption;
+ height: 1in;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-001.xht
new file mode 100644
index 0000000000..11ce8fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image tiling over content</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-image tiling covers the content of the box." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/blue15x15.png");
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue bar.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-002-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-002-ref.xht
new file mode 100644
index 0000000000..ee3203b113
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-002-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 260px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a big hollow black rectangle filled with a blue background.</p>
+
+ <div><img src="support/blue15x15.png" width="100%" height="100%" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-002.xht
new file mode 100644
index 0000000000..1182a7466b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-002.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image tiling over padding</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-image-cover-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-image tiling covers the padding of the box." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/blue15x15.png");
+ border: solid black;
+ height: 200px;
+ padding: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a big hollow black rectangle filled with a blue background.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-003.xht
new file mode 100644
index 0000000000..b7e31c5305
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image tiling over border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-image tiling covers the border of the box." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/orange15x15.png");
+ border: 10px dotted black;
+ margin: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the background of the "Filler Text" is orange, everything within the black border as well as the spaces between the dots of the border.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-004-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-004-ref.xht
new file mode 100644
index 0000000000..35dbc37abb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-004-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 200px;
+ margin: 30px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the big hollow black rectange is completely filled with a blue background. There is no blue outside the black border.</p>
+
+ <div><img src="support/blue15x15.png" width="100%" height="100%" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-004.xht
new file mode 100644
index 0000000000..88ca03960d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-004.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image tiling over margin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-image-cover-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-image tiling does not color the margin." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/blue15x15.png");
+ border: solid black;
+ height: 200px;
+ margin: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the big hollow black rectange is completely filled with a blue background. There is no blue outside the black border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-attachment-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-attachment-001-ref.xht
new file mode 100644
index 0000000000..e93c831aeb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-attachment-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 216px;
+ margin: 30px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the big hollow black rectangle is completely filled with a blue background. There is no blue outside the black border.</p>
+
+ <div><img src="support/blue15x15.png" width="100%" height="100%" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-attachment-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-attachment-001.xht
new file mode 100644
index 0000000000..6c1370c1ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-attachment-001.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-image tiling over margin with fixed background-attachment</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-image-cover-attachment-001-ref.xht" />
+
+ <meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-15" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-image tiling does not color the margin regardless of background-attachment." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/blue15x15.png");
+ background-attachment: fixed;
+ border: solid black;
+ height: 216px;
+ margin: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the big hollow black rectangle is completely filled with a blue background. There is no blue outside the black border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-transparency-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-transparency-001.xht
new file mode 100644
index 0000000000..b3c4661e3b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-transparency-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Transparent background-image with background-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-image set to a transparent image causes the 'background-color' to shine through." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/transparent_green.png");
+ background-color: #008000;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-001.xht
new file mode 100644
index 0000000000..7d185f4a58
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-001.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background Intrinsic Sizes: No intrinsic size</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/>
+ <link rel="match" href="background-intrinsic-ref.xht"/>
+ <meta name="flags" content="svg" />
+ <meta name="assert" content="A background image with no intrinsic size covers
+ the entire padding box." />
+ <style type="text/css">
+ /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */
+ div {
+ position: relative;
+ }
+ .cover, .limit {
+ width: 120px;
+ height: 120px;
+ margin: 0.5em;
+ background: green; /* Used to match reference; remove for debugging. */
+ }
+ .control {
+ position: absolute;
+ top: 10px; bottom: 10px;
+ left: 10px; right: 30px;
+ }
+ .cover .control {
+ background: red;
+ }
+ .limit .control {
+ background: green;
+ }
+ .test {
+ /* 80x100 bgpos area */
+ height: 80px;
+ width: 60px;
+ padding: 10px;
+ /* 100 x 120 bgpaint area */
+ border: 10px solid transparent;
+ }
+
+ /* Test */
+ .cover .test {
+ background: no-repeat url(support/green-intrinsic-none.svg);
+ }
+ .limit .test {
+ background: no-repeat url(support/red-intrinsic-none.svg);
+ }
+ </style>
+ </head>
+ <body>
+ <p>There must be two green boxes below and no red.</p>
+
+ <div class="cover">
+ <div class="control"></div>
+ <div class="test"></div>
+ </div>
+
+ <div class="limit">
+ <div class="test"></div>
+ <div class="control"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-002.xht
new file mode 100644
index 0000000000..dfc8436e3b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-002.xht
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background Intrinsic Sizes: Intrinsic Width</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/>
+ <link rel="match" href="background-intrinsic-ref.xht"/>
+ <meta name="flags" content="svg" />
+ <meta name="assert" content="A background image with only an intrinsic width
+ covers its intrinsic width and the height of the padding box." />
+ <style type="text/css">
+ /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */
+ div {
+ position: relative;
+ }
+ .cover, .limit {
+ width: 120px;
+ height: 120px;
+ margin: 0.5em;
+ background: green; /* Used to match reference; remove for debugging. */
+ }
+ .control {
+ position: absolute;
+ top: 10px; bottom: 10px;
+ left: 10px; right: 30px;
+ }
+ .cover .control {
+ background: red;
+ }
+ .limit .control {
+ background: green;
+ }
+ .test {
+ /* 80x100 bgpos area */
+ height: 80px;
+ width: 60px;
+ padding: 10px;
+ border: 10px solid transparent;
+ }
+
+ /* Test */
+ .cover .test {
+ background: no-repeat url(support/green-intrinsic-width.svg);
+ }
+ .limit .test {
+ background: no-repeat url(support/red-intrinsic-width.svg);
+ }
+ .control {
+ width: 60px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>There must be two green boxes below and no red.</p>
+
+ <div class="cover">
+ <div class="control"></div>
+ <div class="test"></div>
+ </div>
+
+ <div class="limit">
+ <div class="test"></div>
+ <div class="control"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-003.xht
new file mode 100644
index 0000000000..9084bbb3fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-003.xht
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background Intrinsic Sizes: Intrinsic Height</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/>
+ <link rel="match" href="background-intrinsic-ref.xht"/>
+ <meta name="flags" content="svg" />
+ <meta name="assert" content="A background image with only an intrinsic height
+ covers its intrinsic height and the width of the padding box." />
+ <style type="text/css">
+ /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */
+ div {
+ position: relative;
+ }
+ .cover, .limit {
+ width: 120px;
+ height: 120px;
+ margin: 0.5em;
+ background: green; /* Used to match reference; remove for debugging. */
+ }
+ .control {
+ position: absolute;
+ top: 10px; bottom: 10px;
+ left: 10px; right: 30px;
+ }
+ .cover .control {
+ background: red;
+ }
+ .limit .control {
+ background: green;
+ }
+ .test {
+ /* 80x100 bgpos area */
+ height: 80px;
+ width: 60px;
+ padding: 10px;
+ border: 10px solid transparent;
+ }
+
+ /* Test */
+ .cover .test {
+ background: no-repeat url(support/green-intrinsic-height.svg);
+ }
+ .limit .test {
+ background: no-repeat url(support/red-intrinsic-height.svg);
+ }
+ .control {
+ height: 60px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>There must be two green boxes below and no red.</p>
+
+ <div class="cover">
+ <div class="control"></div>
+ <div class="test"></div>
+ </div>
+
+ <div class="limit">
+ <div class="test"></div>
+ <div class="control"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-004.xht
new file mode 100644
index 0000000000..75f550c63c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-004.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background Intrinsic Sizes: Intrinsic Ratio (Match Heights)</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/>
+ <link rel="match" href="background-intrinsic-ref.xht"/>
+ <meta name="flags" content="may svg" />
+ <meta name="assert" content="A background image with only an intrinsic ratio
+ covers largest rectangle at that ratio that exceeds neither the height nor
+ width of the background positioning area." />
+ <style type="text/css">
+ /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */
+ div {
+ position: relative;
+ }
+ .cover, .limit {
+ width: 120px;
+ height: 120px;
+ margin: 0.5em;
+ background: green; /* Used to match reference; remove for debugging. */
+ }
+ .control {
+ position: absolute;
+ top: 10px; bottom: 10px;
+ left: 10px; right: 30px;
+ }
+ .cover .control {
+ background: red;
+ }
+ .limit .control {
+ background: green;
+ }
+ .test {
+ /* 80x100 bgpos area */
+ height: 80px;
+ width: 60px;
+ padding: 10px;
+ border: 10px solid transparent;
+ }
+
+ /* Test */
+ .cover .test {
+ background: no-repeat url(support/green-intrinsic-ratio-portrait.svg);
+ }
+ .limit .test {
+ background: no-repeat url(support/red-intrinsic-ratio-portrait.svg);
+ }
+ .cover .control {
+ width: 66px;
+ }
+ .limit .control {
+ width: 67px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>There must be two green boxes below and no red.</p>
+
+ <div class="cover">
+ <div class="control"></div>
+ <div class="test"></div>
+ </div>
+
+ <div class="limit">
+ <div class="test"></div>
+ <div class="control"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-005.xht
new file mode 100644
index 0000000000..d9b67d8995
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-005.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background Intrinsic Sizes: Intrinsic Ratio (Match Widths)</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/>
+ <link rel="match" href="background-intrinsic-ref.xht"/>
+ <meta name="flags" content="may svg" />
+ <meta name="assert" content="A background image with only an intrinsic ratio
+ covers largest rectangle at that ratio that exceeds neither the height nor
+ width of the background positioning area." />
+ <style type="text/css">
+ /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */
+ div {
+ position: relative;
+ }
+ .cover, .limit {
+ width: 120px;
+ height: 120px;
+ margin: 0.5em;
+ background: green; /* Used to match reference; remove for debugging. */
+ }
+ .control {
+ position: absolute;
+ top: 10px; bottom: 10px;
+ left: 10px; right: 30px;
+ }
+ .cover .control {
+ background: red;
+ }
+ .limit .control {
+ background: green;
+ }
+ .test {
+ /* 80x100 bgpos area */
+ height: 80px;
+ width: 60px;
+ padding: 10px;
+ border: 10px solid transparent;
+ }
+
+ /* Test */
+ .cover .test {
+ background: no-repeat url(support/green-intrinsic-ratio-landscape.svg);
+ }
+ .limit .test {
+ background: no-repeat url(support/red-intrinsic-ratio-landscape.svg);
+ }
+ .cover .control {
+ height: 53px;
+ }
+ .limit .control {
+ height: 54px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>There must be two green boxes below and no red.</p>
+
+ <div class="cover">
+ <div class="control"></div>
+ <div class="test"></div>
+ </div>
+
+ <div class="limit">
+ <div class="test"></div>
+ <div class="control"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-006.xht
new file mode 100644
index 0000000000..2bd15f8713
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-006.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background Intrinsic Sizes: Intrinsic Percentage Width and Height</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/>
+ <link rel="match" href="background-intrinsic-ref.xht"/>
+ <meta name="flags" content="svg" />
+ <meta name="assert" content="A background image with only an intrinsic ratio
+ covers largest rectangle at that ratio that exceeds neither the height nor
+ width of the background positioning area." />
+ <style type="text/css">
+ /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */
+ div {
+ position: relative;
+ }
+ .cover, .limit {
+ width: 120px;
+ height: 120px;
+ margin: 0.5em;
+ background: green; /* Used to match reference; remove for debugging. */
+ }
+ .control {
+ position: absolute;
+ top: 10px; bottom: 10px;
+ left: 10px; right: 30px;
+ }
+ .cover .control {
+ background: red;
+ }
+ .limit .control {
+ background: green;
+ }
+ .test {
+ /* 80x100 bgpos area */
+ height: 80px;
+ width: 60px;
+ padding: 10px;
+ border: 10px solid transparent;
+ }
+
+ /* Test */
+ .cover .test {
+ background: no-repeat url(support/green-intrinsic-width-pc-height-pc.svg);
+ }
+ .limit .test {
+ background: no-repeat url(support/red-intrinsic-width-pc-height-pc.svg);
+ }
+ .control {
+ width: 32px;
+ height: 60px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>There must be two green boxes below and no red.</p>
+
+ <div class="cover">
+ <div class="control"></div>
+ <div class="test"></div>
+ </div>
+
+ <div class="limit">
+ <div class="test"></div>
+ <div class="control"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-007.xht
new file mode 100644
index 0000000000..1fcf1d91be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-007.xht
@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background Intrinsic Sizes: Intrinsic Width and Ratio</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/>
+ <link rel="match" href="background-intrinsic-ref.xht"/>
+ <meta name="flags" content="svg" />
+ <meta name="assert" content="A missing background image height is calculated
+ from the width and the ratio." />
+ <style type="text/css">
+ /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */
+ div {
+ position: relative;
+ }
+ .cover, .limit {
+ width: 120px;
+ height: 120px;
+ margin: 0.5em;
+ background: green; /* Used to match reference; remove for debugging. */
+ }
+ .control {
+ position: absolute;
+ top: 10px; bottom: 10px;
+ left: 10px; right: 30px;
+ }
+ .cover .control {
+ background: red;
+ }
+ .limit .control {
+ background: green;
+ }
+ .test {
+ /* 80x100 bgpos area */
+ height: 80px;
+ width: 60px;
+ padding: 10px;
+ border: 10px solid transparent;
+ }
+
+ /* Test */
+ .cover .test {
+ background: no-repeat url(support/green-intrinsic-width-ratio.svg);
+ }
+ .limit .test {
+ background: no-repeat url(support/red-intrinsic-width-ratio.svg);
+ }
+ .control {
+ width: 40px;
+ height: 60px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>There must be two green boxes below and no red.</p>
+
+ <div class="cover">
+ <div class="control"></div>
+ <div class="test"></div>
+ </div>
+
+ <div class="limit">
+ <div class="test"></div>
+ <div class="control"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-008.xht
new file mode 100644
index 0000000000..b85da4b9a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-008.xht
@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background Intrinsic Sizes: Intrinsic Height and Ratio</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/>
+ <link rel="match" href="background-intrinsic-ref.xht"/>
+ <meta name="flags" content="svg" />
+ <meta name="assert" content="A missing background image width is calculated
+ from the height and the ratio." />
+ <style type="text/css">
+ /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */
+ div {
+ position: relative;
+ }
+ .cover, .limit {
+ width: 120px;
+ height: 120px;
+ margin: 0.5em;
+ background: green; /* Used to match reference; remove for debugging. */
+ }
+ .control {
+ position: absolute;
+ top: 10px; bottom: 10px;
+ left: 10px; right: 30px;
+ }
+ .cover .control {
+ background: red;
+ }
+ .limit .control {
+ background: green;
+ }
+ .test {
+ /* 80x100 bgpos area */
+ height: 80px;
+ width: 60px;
+ padding: 10px;
+ border: 10px solid transparent;
+ }
+
+ /* Test */
+ .cover .test {
+ background: no-repeat url(support/green-intrinsic-height-ratio.svg);
+ }
+ .limit .test {
+ background: no-repeat url(support/red-intrinsic-height-ratio.svg);
+ }
+ .control {
+ width: 40px;
+ height: 60px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>There must be two green boxes below and no red.</p>
+
+ <div class="cover">
+ <div class="control"></div>
+ <div class="test"></div>
+ </div>
+
+ <div class="limit">
+ <div class="test"></div>
+ <div class="control"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-009.xht
new file mode 100644
index 0000000000..6427466c28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-009.xht
@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background Intrinsic Sizes: Intrinsic Width and Height (Vector)</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/>
+ <link rel="match" href="background-intrinsic-ref.xht"/>
+ <meta name="flags" content="svg" />
+ <meta name="assert" content="A background with an intrinsic width and height
+ is drawn at that size." />
+ <style type="text/css">
+ /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */
+ div {
+ position: relative;
+ }
+ .cover, .limit {
+ width: 120px;
+ height: 120px;
+ margin: 0.5em;
+ background: green; /* Used to match reference; remove for debugging. */
+ }
+ .control {
+ position: absolute;
+ top: 10px; bottom: 10px;
+ left: 10px; right: 30px;
+ }
+ .cover .control {
+ background: red;
+ }
+ .limit .control {
+ background: green;
+ }
+ .test {
+ /* 80x100 bgpos area */
+ height: 80px;
+ width: 60px;
+ padding: 10px;
+ border: 10px solid transparent;
+ }
+
+ /* Test */
+ .cover .test {
+ background: no-repeat url(support/green-intrinsic-width-height.svg);
+ }
+ .limit .test {
+ background: no-repeat url(support/red-intrinsic-width-height.svg);
+ }
+ .control {
+ width: 40px;
+ height: 60px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>There must be two green boxes below and no red.</p>
+
+ <div class="cover">
+ <div class="control"></div>
+ <div class="test"></div>
+ </div>
+
+ <div class="limit">
+ <div class="test"></div>
+ <div class="control"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-010.xht
new file mode 100644
index 0000000000..abdcc520b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-010.xht
@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background Intrinsic Sizes: Intrinsic Width and Height (Raster)</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/>
+ <link rel="match" href="background-intrinsic-ref.xht"/>
+ <meta name="flags" content="svg" />
+ <meta name="assert" content="A background with an intrinsic width and height
+ is drawn at that size." />
+ <style type="text/css">
+ /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */
+ div {
+ position: relative;
+ }
+ .cover, .limit {
+ width: 120px;
+ height: 120px;
+ margin: 0.5em;
+ background: green; /* Used to match reference; remove for debugging. */
+ }
+ .control {
+ position: absolute;
+ top: 10px; bottom: 10px;
+ left: 10px; right: 10px;
+ }
+ .cover .control {
+ background: red;
+ }
+ .limit .control {
+ background: green;
+ }
+ .test {
+ /* 80x100 bgpos area */
+ height: 80px;
+ width: 60px;
+ padding: 10px;
+ border: 10px solid transparent;
+ }
+
+ /* Test */
+ .cover .test {
+ background: no-repeat url(support/green-portrait.png);
+ }
+ .limit .test {
+ background: no-repeat url(support/red-portrait.png);
+ }
+ .control {
+ width: 40px;
+ height: 60px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>There must be two green boxes below and no red.</p>
+
+ <div class="cover">
+ <div class="control"></div>
+ <div class="test"></div>
+ </div>
+
+ <div class="limit">
+ <div class="test"></div>
+ <div class="control"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-ref.xht
new file mode 100644
index 0000000000..5efb66f202
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test Reference</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <meta name="flags" content="svg" />
+ <style type="text/css">
+ /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */
+ div {
+ position: relative;
+ width: 120px;
+ height: 120px;
+ margin: 0.5em;
+ background: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>There must be two green boxes below and no red.</p>
+
+ <div class="cover">
+ </div>
+
+ <div class="limit">
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-001-ref.xht
new file mode 100644
index 0000000000..f829527611
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-001-ref.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ font: 40px/1 serif;
+ margin: 1px 0px 8px 75px;
+ }
+
+ p#expected-results {font-family: serif;}
+
+ img
+ {
+ left: 0px;
+ position: absolute;
+ top: 1px;
+ }
+
+ div
+ {
+ border-top: lime solid 1px;
+ left: 0px;
+ position: absolute;
+ top: 200px;
+ width: 100%;
+ z-index: -1;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p id="expected-results">A thin green horizontal line should appear at exactly 200px<img src="support/ruler-v-100px-200px-300px.png" width="55" height="350" alt="Image download support must be enabled" /></p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-001.xht
new file mode 100644
index 0000000000..062c64346e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-001.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: background-position - ex unit</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop" />
+ <link rel="match" href="background-position-001-ref.xht" />
+
+ <meta content="ahem image" name="flags" />
+ <meta content="ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ html {font: 20px/1 Ahem;}
+
+ body
+ {
+ background: url("support/1x1-lime.png") repeat-x 0 6.25ex;
+ font-size: 2.5ex;
+ margin: 1px 0px 8px 75px;
+ }
+
+ p#expected-results {font-family: serif;}
+
+ img
+ {
+ left: 0px;
+ position: absolute;
+ top: 1px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p id="expected-results">A thin green horizontal line should appear at exactly 200px<img src="support/ruler-v-100px-200px-300px.png" width="55" height="350" alt="Image download support must be enabled" /></p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-002-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-002-ref.xht
new file mode 100644
index 0000000000..e4be6af486
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-002-ref.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ font: 40px/1 serif;
+ margin: 80px 0px 8px 8px;
+ }
+
+ p#expected-results {font-family: serif;}
+
+ img
+ {
+ left: 0px;
+ position: absolute;
+ top: 42px;
+ }
+
+ div
+ {
+ border-left: lime solid 1px;
+ height: 100%;
+ left: 400px;
+ position: absolute;
+ top: 0px;
+ z-index: -1;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p id="expected-results">A thin green vertical line should appear at exactly 400px<img src="support/ruler-h-200px-400px.png" width="700" height="18" alt="Image download support must be enabled" /></p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-002.xht
new file mode 100644
index 0000000000..338c6bc142
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-002.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: background-position - ex unit</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop" />
+ <link rel="match" href="background-position-002-ref.xht" />
+
+ <meta content="ahem image" name="flags" />
+ <meta content="ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ html {font: 20px/1 Ahem;}
+
+ body
+ {
+ background: url("support/1x1-lime.png") repeat-y 12.5ex 0;
+ font-size: 2.5ex;
+ margin: 80px 0px 8px 8px;
+ }
+
+ p#expected-results {font-family: serif;}
+
+ img
+ {
+ left: 0px;
+ position: absolute;
+ top: 42px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p id="expected-results">A thin green vertical line should appear at exactly 400px<img src="support/ruler-h-200px-400px.png" width="700" height="18" alt="Image download support must be enabled" /></p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-004-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-004-ref.xht
new file mode 100644
index 0000000000..c221b4028c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-004-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {padding-top: 96px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-004.xht
new file mode 100644
index 0000000000..68359b3c4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-004.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: -0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-005.xht
new file mode 100644
index 0000000000..db152d66e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-005.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using pixels with a zero value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-006.xht
new file mode 100644
index 0000000000..6665222654
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-006.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using pixels with a zero value with a plus sign, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in pixels with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: +0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-007-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-007-ref.xht
new file mode 100644
index 0000000000..4b5bb7bd02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-007-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ padding-left: 96px;
+ position: relative;
+ top: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-007.xht
new file mode 100644
index 0000000000..676462c27e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-007.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-007-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-center.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-008.xht
new file mode 100644
index 0000000000..f8b1603b0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-008.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using pixels with a nominal value and a plus sign, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-007-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in pixels with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-center.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: +96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-016.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-016.xht
new file mode 100644
index 0000000000..104a18bcfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-016.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: -0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-017.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-017.xht
new file mode 100644
index 0000000000..5959dfe30a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-017.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using points with a zero value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-018.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-018.xht
new file mode 100644
index 0000000000..9bffffa764
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-018.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using points with a zero value with a plus sign, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in points with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: +0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-019.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-019.xht
new file mode 100644
index 0000000000..ccb99bce14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-019.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in points." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/black20x20.png");
+ background-position: 72pt;
+ background-repeat: no-repeat;
+ border: orange solid 3px;
+ height: 96px;
+ width: 116px; /* 96px plus 20px */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-020.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-020.xht
new file mode 100644
index 0000000000..c52629b3f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-020.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using points with a nominal value and a plus sign, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in points with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/black20x20.png");
+ background-position: +72pt;
+ background-repeat: no-repeat;
+ border: orange solid 3px;
+ height: 96px;
+ width: 116px; /* 96px plus 20px */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-028.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-028.xht
new file mode 100644
index 0000000000..e7fcab1ef5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-028.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: -0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-029.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-029.xht
new file mode 100644
index 0000000000..c6ae0e68f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-029.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using picas with a zero value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-030.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-030.xht
new file mode 100644
index 0000000000..ac290ccef1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-030.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using picas with a zero value with a plus sign, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in picas with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: +0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-031.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-031.xht
new file mode 100644
index 0000000000..f0c7cf1c5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-031.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/black20x20.png");
+ background-position: 6pc;
+ background-repeat: no-repeat;
+ border: orange solid 3px;
+ height: 96px;
+ width: 116px; /* 96px plus 20px */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-032.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-032.xht
new file mode 100644
index 0000000000..51b61261f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-032.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using picas with a nominal value and a plus sign, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in picas with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/black20x20.png");
+ background-position: +6pc;
+ background-repeat: no-repeat;
+ border: orange solid 3px;
+ height: 96px;
+ width: 116px; /* 96px plus 20px */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-040.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-040.xht
new file mode 100644
index 0000000000..598b9d5054
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-040.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: -0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-041.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-041.xht
new file mode 100644
index 0000000000..48c99ba57c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-041.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using centimeters with a zero value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-042.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-042.xht
new file mode 100644
index 0000000000..d29889d665
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-042.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using centimeters with a zero value with a plus sign, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in centimeters with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: +0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-043.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-043.xht
new file mode 100644
index 0000000000..f49d24bab5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-043.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/black20x20.png");
+ background-position: 2.54cm;
+ background-repeat: no-repeat;
+ border: orange solid 3px;
+ height: 96px;
+ width: 116px; /* 96px plus 20px */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-044.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-044.xht
new file mode 100644
index 0000000000..bfca508cd1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-044.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using centimeters with a nominal value and a plus sign, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in centimeters with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/black20x20.png");
+ background-position: +2.54cm;
+ background-repeat: no-repeat;
+ border: orange solid 3px;
+ height: 96px;
+ width: 116px; /* 96px plus 20px */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-052.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-052.xht
new file mode 100644
index 0000000000..0d46d6c74e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-052.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: -0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-053.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-053.xht
new file mode 100644
index 0000000000..a583edaff4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-053.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using millimeters with a zero value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-054.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-054.xht
new file mode 100644
index 0000000000..26c06ee872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-054.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using millimeters with a zero value with a plus sign, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in millimeters with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: +0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-055.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-055.xht
new file mode 100644
index 0000000000..503540478e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-055.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/black20x20.png");
+ background-position: 25.4mm;
+ background-repeat: no-repeat;
+ border: orange solid 3px;
+ height: 96px;
+ width: 116px; /* 96px plus 20px */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-056.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-056.xht
new file mode 100644
index 0000000000..36e9fb2fca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-056.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using millimeters with a nominal value and a plus sign, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in millimeters with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/black20x20.png");
+ background-position: +25.4mm;
+ background-repeat: no-repeat;
+ border: orange solid 3px;
+ height: 96px;
+ width: 116px; /* 96px plus 20px */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-064.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-064.xht
new file mode 100644
index 0000000000..a6de12374b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-064.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: -0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-065.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-065.xht
new file mode 100644
index 0000000000..6de480bd50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-065.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using inches with a zero value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-066.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-066.xht
new file mode 100644
index 0000000000..5c3c65c7b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-066.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using inches with a zero value with a plus sign, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in inches with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: +0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-067.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-067.xht
new file mode 100644
index 0000000000..da6e1f2b9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-067.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using inches with a nominal value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/black20x20.png");
+ background-position: 1in;
+ background-repeat: no-repeat;
+ border: orange solid 3px;
+ height: 96px;
+ width: 116px; /* 96px plus 20px */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-068.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-068.xht
new file mode 100644
index 0000000000..5785f2cc74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-068.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using inches with a nominal value and a plus sign, +1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in inches with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/black20x20.png");
+ background-position: +1in;
+ background-repeat: no-repeat;
+ border: orange solid 3px;
+ height: 96px;
+ width: 116px; /* 96px plus 20px */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-076.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-076.xht
new file mode 100644
index 0000000000..36e6d0d53c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-076.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in 'em' units." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: -0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-077.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-077.xht
new file mode 100644
index 0000000000..57d750f182
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-077.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using 'em' units with a zero value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in 'em' units." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-078.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-078.xht
new file mode 100644
index 0000000000..1da0101e48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-078.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using 'em' units with a zero value with a plus sign, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in 'em' units with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: +0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-079.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-079.xht
new file mode 100644
index 0000000000..c6c14d8551
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-079.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border: 3px solid orange;
+ width: 135px;
+ }
+ div div
+ {
+ background-image: url("support/black15x15.png");
+ background-position: 6em;
+ background-repeat: no-repeat;
+ width: 140px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-080.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-080.xht
new file mode 100644
index 0000000000..5b2bba92d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-080.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using 'em' units with a nominal value and a plus sign, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in 'em' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border: 3px solid orange;
+ width: 135px;
+ }
+ div div
+ {
+ background-image: url("support/black15x15.png");
+ background-position: +6em;
+ background-repeat: no-repeat;
+ width: 140px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-088.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-088.xht
new file mode 100644
index 0000000000..e11c5eb985
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-088.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in 'ex' units." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: -0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-089.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-089.xht
new file mode 100644
index 0000000000..03439e76d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-089.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using 'ex' units with a zero value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in 'ex' units." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-090.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-090.xht
new file mode 100644
index 0000000000..9bf8d08c1b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-090.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using 'ex' units with a zero value with a plus sign, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in 'ex' units with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: +0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-091.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-091.xht
new file mode 100644
index 0000000000..2750dceed9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-091.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using 'ex' units with a nominal value, 7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border: 3px solid orange;
+ width: 135px;
+ }
+ div div
+ {
+ background-image: url("support/black15x15.png");
+ background-position: 7.5ex;
+ background-repeat: no-repeat;
+ width: 140px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-092.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-092.xht
new file mode 100644
index 0000000000..df25d78521
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-092.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using 'ex' units with a nominal value and a plus sign, +7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in 'ex' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border: 3px solid orange;
+ width: 135px;
+ }
+ div div
+ {
+ background-image: url("support/black15x15.png");
+ background-position: +7.5ex;
+ background-repeat: no-repeat;
+ width: 140px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-100.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-100.xht
new file mode 100644
index 0000000000..f1cdf4b4f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-100.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using percentages with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: -0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-101.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-101.xht
new file mode 100644
index 0000000000..921301c736
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-101.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using percentages with a zero value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-102.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-102.xht
new file mode 100644
index 0000000000..a3662349f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-102.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using percentages with a zero value with a plus sign, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value in percentages with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: +0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-103.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-103.xht
new file mode 100644
index 0000000000..8ebbb139eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-103.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using percentages with a nominal value, 50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ height: 96px;
+ }
+ #div1
+ {
+ border: 3px solid orange;
+ width: 116px;
+ }
+ div div
+ {
+ background-image: url("support/black20x20.png");
+ background-position: 50%;
+ background-repeat: no-repeat;
+ width: 212px; /* 96px * 2 minus 20px */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-104.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-104.xht
new file mode 100644
index 0000000000..b481fd0e4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-104.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using percentages with a nominal value and a plus sign, +50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in percentages with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 96px;
+ }
+ #div1
+ {
+ border: 3px solid orange;
+ width: 116px;
+ }
+ div div
+ {
+ background-image: url("support/black20x20.png");
+ background-position: +50%;
+ background-repeat: no-repeat;
+ width: 212px; /* 96px * 2 minus 20px */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-109.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-109.xht
new file mode 100644
index 0000000000..97bb328280
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-109.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position with a negative zero value, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: -0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-110.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-110.xht
new file mode 100644
index 0000000000..6328283ffb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-110.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position with a zero value, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-111.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-111.xht
new file mode 100644
index 0000000000..3fc24d8987
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-111.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position with a zero value and plus sign, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a zero length value with no units with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: +0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-112.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-112.xht
new file mode 100644
index 0000000000..69dbbaace5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-112.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using keyword values, left</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies the keyword value, left." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-113-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-113-ref.xht
new file mode 100644
index 0000000000..123925e72f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-113-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ padding-left: 96px;
+ padding-top: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-113.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-113.xht
new file mode 100644
index 0000000000..f0e8660197
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-113.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using keyword values, center</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-113-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies the keyword value, center." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-center.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: center;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-114-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-114-ref.xht
new file mode 100644
index 0000000000..837bc62960
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-114-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ padding-left: 192px;
+ padding-top: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-114.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-114.xht
new file mode 100644
index 0000000000..eb1896f19e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-114.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using keyword values, right</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-114-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies the keyword value, right." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-right.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-115-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-115-ref.xht
new file mode 100644
index 0000000000..1f6c5e2a71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-115-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {padding-left: 96px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-115.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-115.xht
new file mode 100644
index 0000000000..7a2d6ca37a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-115.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using keyword values, top</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-115-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies the keyword value, top." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-top-center.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-116-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-116-ref.xht
new file mode 100644
index 0000000000..e98166d027
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-116-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ padding-left: 96px;
+ padding-top: 192px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-116.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-116.xht
new file mode 100644
index 0000000000..c0ab01a323
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-116.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using keyword values, bottom</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-116-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies the keyword value, bottom." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-bottom-center.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: bottom;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-117-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-117-ref.xht
new file mode 100644
index 0000000000..943ab3fad1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-117-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ padding-left: 192px;
+ padding-top: 192px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-117.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-117.xht
new file mode 100644
index 0000000000..084f360dae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-117.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two percentage values, 100% 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-117-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two percentage values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-bottom-right.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 100% 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-118.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-118.xht
new file mode 100644
index 0000000000..e93d82796c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-118.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using a percentage and length value, 100% 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-114-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a percentage and length value." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-right.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 100% 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-119-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-119-ref.xht
new file mode 100644
index 0000000000..02d6113413
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-119-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {padding-left: 192px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-119.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-119.xht
new file mode 100644
index 0000000000..d0500756d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-119.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using a percentage and keyword value, 100% top</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-119-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a percentage and keyword value." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-top-right.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 100% top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-120.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-120.xht
new file mode 100644
index 0000000000..f27811f945
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-120.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using a percentage and keyword value, 100% center</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-114-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a percentage and keyword value." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-right.png");
+ }
+ #div2
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 100% center;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-121.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-121.xht
new file mode 100644
index 0000000000..a7f355ef30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-121.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using a percentage and keyword value, 100% bottom</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-117-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a percentage and keyword value." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-bottom-right.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 100% bottom;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-122.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-122.xht
new file mode 100644
index 0000000000..13247348c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-122.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using a length and percentage value, 96px 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-116-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a length and percentage value." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-bottom-center.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 96px 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-123.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-123.xht
new file mode 100644
index 0000000000..949c8a10e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-123.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two length values, 96px 192px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-116-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two length values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-bottom-center.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 96px 192px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-124.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-124.xht
new file mode 100644
index 0000000000..a5db2b4560
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-124.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using a length and a keyword value, 192px top</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-119-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a length and keyword value." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-top-right.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 192px top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-125.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-125.xht
new file mode 100644
index 0000000000..188af837a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-125.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using a length and a keyword value, 192px center</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-114-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a length and keyword value." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-right.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 192px center;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-126.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-126.xht
new file mode 100644
index 0000000000..f36606573e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-126.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using a length and a keyword value, 96px bottom</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-116-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a length and keyword value." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-bottom-center.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: 96px bottom;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-127-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-127-ref.xht
new file mode 100644
index 0000000000..76f71fa621
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-127-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {padding-top: 192px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-127.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-127.xht
new file mode 100644
index 0000000000..42bd7a1ea2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-127.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using a keyword and percentage value, left 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-127-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a keyword and percentage value." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-bottom-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: left 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-128.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-128.xht
new file mode 100644
index 0000000000..519defdcd1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-128.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using a keyword and length value, left 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a keyword and length value." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: left 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-129-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-129-ref.xht
new file mode 100644
index 0000000000..094241c84e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-129-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-129.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-129.xht
new file mode 100644
index 0000000000..d9843fbf80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-129.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two keyword values, left top</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-129-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two keyword values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-top-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: left top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-130.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-130.xht
new file mode 100644
index 0000000000..440e2263fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-130.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two keyword values, left center</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two keyword values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: left center;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-131.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-131.xht
new file mode 100644
index 0000000000..adb1540fad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-131.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two keyword values, left bottom</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-127-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two keyword values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-bottom-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: left bottom;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-132.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-132.xht
new file mode 100644
index 0000000000..a6108511b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-132.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using a keyword and percentage value, center 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-116-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a keyword and percentage value." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-bottom-center.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: center 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-133.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-133.xht
new file mode 100644
index 0000000000..2c15ee4548
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-133.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using a keyword and length value, center 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-113-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a keyword and length value." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-center.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: center 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-134.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-134.xht
new file mode 100644
index 0000000000..566f7c7d51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-134.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two keyword values, center top</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-115-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two keyword values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-top-center.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: center top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-135.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-135.xht
new file mode 100644
index 0000000000..fd0026c0da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-135.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two keyword values, center center</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-113-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two keyword values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-center.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: center center;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-136.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-136.xht
new file mode 100644
index 0000000000..2d11c8de50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-136.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two keyword values, center bottom</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-116-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two keyword values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-bottom-center.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: center bottom;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-137.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-137.xht
new file mode 100644
index 0000000000..ce0e7c0bfb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-137.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using a keyword and percentage value, right 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-117-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a keyword and percentage value." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-bottom-right.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: right 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-138.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-138.xht
new file mode 100644
index 0000000000..ea972748ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-138.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using a keyword and length value, right 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-114-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies a keyword and length value." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-right.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: right 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-139.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-139.xht
new file mode 100644
index 0000000000..d8ee4f7838
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-139.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two keyword values, right top</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-119-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two keyword values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-top-right.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: right top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-140.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-140.xht
new file mode 100644
index 0000000000..05353d3068
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-140.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two keyword values, right center</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-114-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two keyword values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-right.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: right center;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-141.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-141.xht
new file mode 100644
index 0000000000..fe5e8a247f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-141.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two keyword values, right bottom</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-117-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two keyword values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-bottom-right.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: right bottom;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-142.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-142.xht
new file mode 100644
index 0000000000..52ca20560c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-142.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two keyword values, top left</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-129-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two keyword values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-top-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: top left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-143.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-143.xht
new file mode 100644
index 0000000000..2f4d67f65d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-143.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two keyword values, top center</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-115-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two keyword values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-top-center.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: top center;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-144.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-144.xht
new file mode 100644
index 0000000000..df7c7dc995
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-144.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two keyword values, top right</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-119-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two keyword values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-top-right.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: top right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-145.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-145.xht
new file mode 100644
index 0000000000..37bb0fe3ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-145.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two keyword values, center left</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two keyword values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: center left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-146.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-146.xht
new file mode 100644
index 0000000000..354e863f6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-146.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two keyword values, center right</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-114-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two keyword values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-right.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: center right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-147.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-147.xht
new file mode 100644
index 0000000000..c1e8b901f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-147.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two keyword values, bottom left</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-127-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two keyword values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-bottom-left.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: bottom left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-148.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-148.xht
new file mode 100644
index 0000000000..2ee38ea457
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-148.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two keyword values, bottom center</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-116-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two keyword values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-bottom-center.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: bottom center;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-149.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-149.xht
new file mode 100644
index 0000000000..2d2808f90e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-149.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using two keyword values, bottom right</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-117-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies two keyword values." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-bottom-right.png");
+ }
+ div div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: bottom right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-150.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-150.xht
new file mode 100644
index 0000000000..0149314570
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-150.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using 'inherit', inheriting one value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-114-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies the one value that was inherited." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-center-right.png");
+ }
+ #div2
+ {
+ background-position: 192px;
+ }
+ #div2 div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <div></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-151.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-151.xht
new file mode 100644
index 0000000000..4b10a7bd10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-151.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position using 'inherit', inheriting two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-116-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property correctly applies the two values that were inherited." />
+ <style type="text/css">
+ div
+ {
+ background-repeat: no-repeat;
+ height: 3in;
+ width: 3in;
+ }
+ #div1
+ {
+ background-image: url("support/background-position-bottom-center.png");
+ }
+ #div2
+ {
+ background-position: 96px 192px;
+ }
+ #div2 div
+ {
+ background-image: url("support/blue96x96.png");
+ background-position: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <div></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-152-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-152-ref.xht
new file mode 100644
index 0000000000..c164df43de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-152-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 300px;
+ width: 400px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-152.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-152.xht
new file mode 100644
index 0000000000..a7661496ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-152.xht
@@ -0,0 +1,83 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: background-position - percentage values versus left offset and top offset percentages</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="background-position-152-ref.xht" />
+
+ <meta content="image" name="flags" />
+ <meta content="The 'background-position' property, when expressed in percentage values will position the inner point (relative to percentage values) of the background-image itself within the padding box of the element. On the other hand, the 'left' property and 'top' property, for absolute positioning, specifies the left offset and the top of the element applied to its left edge (and not its inner horizontal point) and to its top edge (and not its inner vertical point) within the padding box of its nearest positioned ancestor." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #nearest-positioned-ancestor
+ {
+ background-color: green; /* padding box will be green */
+ background-image: url("support/100x100-red.png");
+ background-position: 14% 84%;
+ background-attachment: scroll;
+ background-repeat: no-repeat;
+ height: 100px; /* therefore padding box is 300px tall */
+ padding: 100px;
+ position: relative;
+ width: 200px; /* therefore padding box is 400px wide */
+ }
+
+ /*
+
+ In this testcase, the point coordinates of the background-image
+ are (14px, 84px) and such inner point of the background-image will
+ be placed at the point 14% across and 84% down the padding box of
+ div#nearest-positioned-ancestor.
+
+ Calculations of 100x100-red position coordinates within #nearest-positioned-ancestor
+ ====================================================================================
+
+ along the horizontal axis
+ -------------------------
+
+ 56px (14% of #nearest-positioned-ancestor's padding box width)
+ - 14px (14% of 100x100-red's width)
+ ------------------
+ 42px (overlapping green box's left offset within #nearest-positioned-ancestor)
+
+ 42px represents exactly 10.5% of #nearest-positioned-ancestor's padding box
+ width (400px)
+
+ along the vertical axis
+ -----------------------
+
+ 252px (84% of #nearest-positioned-ancestor's padding box height)
+ - 84px (84% of 100x100-red's height)
+ ------------------
+ 168px (overlapping green box's top offset within #nearest-positioned-ancestor)
+
+ 168px represents exactly 56% of #nearest-positioned-ancestor's padding box
+ height (300px)
+ */
+
+ #overlapping-abs-pos-green-box
+ {
+ left: 10.5%; /* == 42px */
+ position: absolute;
+ top: 56%; /* == 168px */
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div id="nearest-positioned-ancestor">
+ <div id="overlapping-abs-pos-green-box"><img src="support/swatch-green.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-201.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-201.xht
new file mode 100644
index 0000000000..7d4f6b3a92
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-201.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: CSS background position: animated</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/position/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <meta content="dom animated" name="flags" />
+ <style type="text/css">
+ #test {
+ background: url(support/diamond.png) no-repeat;
+ background-position: 0% 100%;
+ position: relative;
+ height: 20em; width: 20em;
+ margin: 2em;
+ }
+ #ring {
+ position: absolute; left: 0; top: 20em;
+ margin: -20px 0 0 -20px;
+ }
+ #control {
+ border: blue solid;
+ width: 24em;
+ }
+ </style>
+ <script type="text/javascript">
+ var position = 0; /* 0 .. 2*PI */
+ function test() {
+ with (Math) {
+ position += PI / 1000;
+ if (position &gt;= 2 * PI) {
+ position = 0;
+ }
+ document.styleSheets[0].cssRules[0].style.backgroundPosition = (sin(position) + 1) * 50 + '% ' + (cos(position) + 1) * 50 + '%';
+ document.styleSheets[0].cssRules[1].style.left = (sin(position) + 1) * 10 + 'em';
+ document.styleSheets[0].cssRules[1].style.top = (cos(position) + 1) * 10 + 'em';
+ // document.getElementById('status').firstChild.data = document.styleSheets[0].cssRules[0].style.backgroundPosition;
+ }
+ }
+ </script>
+ </head>
+ <body onload="var query = location.search; if (query) { query = query.substring(1, query.length); } else { query = 10 } setInterval(test, query)">
+ <p>There should be a circle with a diamond inside the blue box below.
+ The diamond and the orange circle should appear to be moving in
+ a circle, around a common center point. The radius of motion of the
+ diamond should be slightly shorter than that of the orange circle
+ (measuring the radius to the center of each shape), so that the
+ diamond is always near the side of the circle closer to the center
+ of motion.</p>
+ <div id="control"><div id="test"><img src="support/ring.png" alt="O" id="ring" /></div></div>
+ <!-- <p>Position: <span id="status">0% 0%</span></p> -->
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-202.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-202.xht
new file mode 100644
index 0000000000..2d1402563e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-202.xht
@@ -0,0 +1,138 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: CSS background position: parsing</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/position/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+ .case { float: left; border: solid; margin: 0.2em; } /* 150 x 100 */
+ .test { background: #FFFFCC url(support/ring.png) no-repeat; padding: 16px; }
+ .control { width: 118px; height: 68px; background: url(support/diamond.png) no-repeat; }
+
+ .a .control, .b .control, .c .control, .d .control, .e .control, .f .control { background-position: 100% 100%; }
+ .case.a .test { background-position: right bottom; }
+ .case.b .test { background-position: bottom right; }
+ .case.c .test { background-position: 100% bottom; }
+ .case.d .test { background-position: right 100%; }
+ .case.e .test { background-position: 100% 58px; }
+ .case.f .test { background-position: 108px 100%; }
+
+ .g .control, .h .control, .i .control, .j .control, .k .control, .l .control, .m .control { background-position: 54px 28px; }
+ .case.g .test { background-position: center center; }
+ .case.h .test { background-position: 50% 50%; }
+ .case.i .test { background-position: center 50%; }
+ .case.j .test { background-position: 50% center; }
+ .case.k .test { background-position: 50%; }
+ .case.l .test { background-position: center; }
+ .case.m .test { background-position: 54px; }
+
+ .n .control, .o .control { background-position: 54px 56px; }
+ .case.n .test { background-position: bottom center; }
+ .case.o .test { background-position: center bottom; }
+
+ .p .control, .q .control { background-position: 108px 28px; }
+ .case.p .test { background-position: right center; }
+ .case.q .test { background-position: center right; }
+
+ .r .control { background-position: top right; }
+ .case.r0 .test { background-position: right top; }
+ .case.r1 .test { background-position: right 0; }
+ .case.r2 .test { background-position: right 0px; }
+ .case.r3 .test { background-position: right 0%; }
+ .case.r4 .test { background-position: 100% top; }
+ .case.r5 .test { background-position: 100% 0; }
+ .case.r6 .test { background-position: 100% 0px; }
+ .case.r7 .test { background-position: 100% 0%; }
+ .case.r8 .test { background-position: 108px top; }
+ .case.r9 .test { background-position: 108px 0; }
+ .case.r10 .test { background-position: 108px 0px; }
+ .case.r11 .test { background-position: 108px 0%; }
+
+ .negative .control { background-position: 0% 0%; }
+ .negative3 .control { background-position: 50%, 50%; } /* CSS3 background supports comma */
+ .case.t1 .test { background-position: right bottom bottom; }
+ .case.t2 .test { background-position: bottom right bottom; }
+ .case.t3 .test { background-position: bottom 100%; }
+ .case.t4 .test { background-position: 100% right; }
+ .case.t5 .test { background-position: bottom 8px; }
+ .case.t6 .test { background-position: 23px right; }
+ .case.t7 .test { background-position: center 50% center; }
+ .case.t8 .test { background-position: 50% 50% 50%; }
+ .case.t9 .test { background-position: center 50% 50%; }
+ .case.t10 .test { background-position: 50%, 100%; } /* CSS3 background supports comma */
+ /* This test makes sure the comma either is
+ a) invalid per CSS2.1
+ b) handled correctly per CSS3
+ and NOT parsed as a valid separator of x and y offsets. */
+ .case.t11 .test { background-position: bottom 54px; }
+ .case.t12 .test { background-position: 50 50%; }
+ .case.t13 .test { background-position: bottom 100; }
+ .case.t14 .test { background-position: rightbottom; }
+ .case.t15 .test { background-position: 0 right; }
+ .case.t16 .test { background-position: 0px right; }
+ .case.t17 .test { background-position: 0% right; }
+ .case.t18 .test { background-position: top 100%; }
+ .case.t19 .test { background-position: top 108px; }
+ .case.t20 .test { background-position: top top; }
+ .case.t21 .test { background-position: left right; }
+ .case.t22 .test { background-position: left left; }
+ </style>
+ </head>
+<body>
+ <p>In all the following boxes, the fuchsia diamond should be surrounded by a ring.</p>
+ <div class="case a"><div class="test"><div class="control"></div></div></div>
+ <div class="case b"><div class="test"><div class="control"></div></div></div>
+ <div class="case c"><div class="test"><div class="control"></div></div></div>
+ <div class="case d"><div class="test"><div class="control"></div></div></div>
+ <div class="case e"><div class="test"><div class="control"></div></div></div>
+ <div class="case f"><div class="test"><div class="control"></div></div></div>
+ <div class="case g"><div class="test"><div class="control"></div></div></div>
+ <div class="case h"><div class="test"><div class="control"></div></div></div>
+ <div class="case i"><div class="test"><div class="control"></div></div></div>
+ <div class="case j"><div class="test"><div class="control"></div></div></div>
+ <div class="case k"><div class="test"><div class="control"></div></div></div>
+ <div class="case l"><div class="test"><div class="control"></div></div></div>
+ <div class="case m"><div class="test"><div class="control"></div></div></div>
+ <div class="case n"><div class="test"><div class="control"></div></div></div>
+ <div class="case o"><div class="test"><div class="control"></div></div></div>
+ <div class="case p"><div class="test"><div class="control"></div></div></div>
+ <div class="case q"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r0"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r1"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r2"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r3"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r4"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r5"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r6"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r7"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r8"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r9"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r10"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t1"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t2"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t3"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t4"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t5"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t6"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t7"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t8"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t9"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative negative3 t10"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t11"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t12"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t13"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t14"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t15"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t16"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t17"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t18"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t19"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t20"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t21"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t22"><div class="test"><div class="control"></div></div></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-203.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-203.xht
new file mode 100644
index 0000000000..0074395ec4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-203.xht
@@ -0,0 +1,134 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: CSS background position: parsing</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/position/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+ .case { float: left; border: solid; margin: 0.2em; background: #FFFFCC; } /* 150 x 100 */
+ .test { padding: 16px; background: red; }
+ .negative .test { background: url(support/ring.png) no-repeat; }
+ .control { width: 118px; height: 68px; }
+
+ .a .control, .b .control, .c .control, .d .control, .e .control, .f .control { background: url(support/diamond.png) no-repeat 100% 100%; }
+ .case.a .test { background: url(support/ring.png) no-repeat right bottom; }
+ .case.b .test { background: url(support/ring.png) no-repeat bottom right; }
+ .case.c .test { background: url(support/ring.png) no-repeat 100% bottom; }
+ .case.d .test { background: url(support/ring.png) no-repeat right 100%; }
+ .case.e .test { background: url(support/ring.png) no-repeat 100% 58px; }
+ .case.f .test { background: url(support/ring.png) no-repeat 108px 100%; }
+
+ .g .control, .h .control, .i .control, .j .control, .k .control, .l .control, .m .control { background: url(support/diamond.png) no-repeat 54px 28px; }
+ .case.g .test { background: url(support/ring.png) no-repeat center center; }
+ .case.h .test { background: url(support/ring.png) no-repeat 50% 50%; }
+ .case.i .test { background: url(support/ring.png) no-repeat center 50%; }
+ .case.j .test { background: url(support/ring.png) no-repeat 50% center; }
+ .case.k .test { background: url(support/ring.png) no-repeat 50%; }
+ .case.l .test { background: url(support/ring.png) no-repeat center; }
+ .case.m .test { background: url(support/ring.png) no-repeat 54px; }
+
+ .n .control, .o .control { background: url(support/diamond.png) no-repeat 54px 56px; }
+ .case.n .test { background: url(support/ring.png) no-repeat bottom center; }
+ .case.o .test { background: url(support/ring.png) no-repeat center bottom; }
+
+ .p .control, .q .control { background: url(support/diamond.png) no-repeat 108px 28px; }
+ .case.p .test { background: url(support/ring.png) no-repeat right center; }
+ .case.q .test { background: url(support/ring.png) no-repeat center right; }
+
+ .r .control { background: url(support/diamond.png) no-repeat top right; }
+ .case.r0 .test { background: url(support/ring.png) no-repeat right top; }
+ .case.r1 .test { background: url(support/ring.png) no-repeat right 0; }
+ .case.r2 .test { background: url(support/ring.png) no-repeat right 0px; }
+ .case.r3 .test { background: url(support/ring.png) no-repeat right 0%; }
+ .case.r4 .test { background: url(support/ring.png) no-repeat 100% top; }
+ .case.r5 .test { background: url(support/ring.png) no-repeat 100% 0; }
+ .case.r6 .test { background: url(support/ring.png) no-repeat 100% 0px; }
+ .case.r7 .test { background: url(support/ring.png) no-repeat 100% 0%; }
+ .case.r8 .test { background: url(support/ring.png) no-repeat 108px top; }
+ .case.r9 .test { background: url(support/ring.png) no-repeat 108px 0; }
+ .case.r10 .test { background: url(support/ring.png) no-repeat 108px 0px; }
+ .case.r11 .test { background: url(support/ring.png) no-repeat 108px 0%; }
+
+ .negative .control { background: url(support/diamond.png) no-repeat 0% 0%; }
+ .case.t1 .test { background: red right bottom bottom; }
+ .case.t2 .test { background: red bottom right bottom; }
+ .case.t3 .test { background: red bottom 100%; }
+ .case.t4 .test { background: red 100% right; }
+ .case.t5 .test { background: red bottom 8px; }
+ .case.t6 .test { background: red 23px right; }
+ .case.t7 .test { background: red center 50% center; }
+ .case.t8 .test { background: red 50% 50% 50%; }
+ .case.t9 .test { background: red center 50% 50%; }
+ .case.t10 .test { background: red 50%, center; }
+ .case.t11 .test { background: red bottom 54px; }
+ .case.t12 .test { background: red 50 50%; }
+ .case.t13 .test { background: red bottom 100; }
+ .case.t14 .test { background: red rightbottom; }
+ .case.t15 .test { background: red 0 right; }
+ .case.t16 .test { background: red 0px right; }
+ .case.t17 .test { background: red 0% right; }
+ .case.t18 .test { background: red top 100%; }
+ .case.t19 .test { background: red top 108px; }
+ .case.t20 .test { background: red top top; }
+ .case.t21 .test { background: red left right; }
+ .case.t22 .test { background: red left left; }
+ </style>
+ </head>
+<body>
+ <p>In all the following boxes, the fuchsia diamond should be surrounded by a ring.</p>
+ <div class="case a"><div class="test"><div class="control"></div></div></div>
+ <div class="case b"><div class="test"><div class="control"></div></div></div>
+ <div class="case c"><div class="test"><div class="control"></div></div></div>
+ <div class="case d"><div class="test"><div class="control"></div></div></div>
+ <div class="case e"><div class="test"><div class="control"></div></div></div>
+ <div class="case f"><div class="test"><div class="control"></div></div></div>
+ <div class="case g"><div class="test"><div class="control"></div></div></div>
+ <div class="case h"><div class="test"><div class="control"></div></div></div>
+ <div class="case i"><div class="test"><div class="control"></div></div></div>
+ <div class="case j"><div class="test"><div class="control"></div></div></div>
+ <div class="case k"><div class="test"><div class="control"></div></div></div>
+ <div class="case l"><div class="test"><div class="control"></div></div></div>
+ <div class="case m"><div class="test"><div class="control"></div></div></div>
+ <div class="case n"><div class="test"><div class="control"></div></div></div>
+ <div class="case o"><div class="test"><div class="control"></div></div></div>
+ <div class="case p"><div class="test"><div class="control"></div></div></div>
+ <div class="case q"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r0"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r1"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r2"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r3"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r4"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r5"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r6"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r7"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r8"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r9"><div class="test"><div class="control"></div></div></div>
+ <div class="case r r10"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t1"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t2"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t3"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t4"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t5"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t6"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t7"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t8"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t9"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t10"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t11"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t12"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t13"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t14"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t15"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t16"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t17"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t18"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t19"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t20"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t21"><div class="test"><div class="control"></div></div></div>
+ <div class="case negative t22"><div class="test"><div class="control"></div></div></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001-ref.xht
new file mode 100644
index 0000000000..74aad23f86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ line-height: 96px;
+ width: 96px;
+ }
+
+ img
+ {
+ padding-left: 81px;
+ vertical-align: bottom;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001.xht
new file mode 100644
index 0000000000..d87978b180
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-image: url('support/blue15x15.png');
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ display: table-row-group;
+ }
+ #table
+ {
+ border: solid black;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001a-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001a-ref.xht
new file mode 100644
index 0000000000..33f645908f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001a-ref.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ div
+ {
+ background-color: blue;
+ height: 15px;
+ margin-left: 93px;
+
+ /*
+
+ From left to right:
+
+ 2px : left border-spacing
+ +
+ 25px : border-left of 1st cell
+ +
+ 1px : padding-left of 1st cell
+ +
+ 1px : padding-right of 1st cell
+ +
+ 25px : border-right of 1st cell
+ +
+ 2px : border-spacing between 1st and 2nd cell
+ +
+ 25px : border-left of 2nd cell
+ +
+ 1px : padding-left of 2nd cell
+ +
+ 1px : padding-right of 2nd cell
+ +
+ 25px : border-right of 2nd cell
+ -
+ 15px : width of blue square
+ ===============================
+ 93px
+
+ */
+
+ margin-top: 18px; /* margin-bottom of p + top border-spacing */
+ width: 15px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>one and only 1 small filled blue square</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001a.xht
new file mode 100644
index 0000000000..4cf8836b03
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001a.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-row-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001a-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-row-group'." />
+
+ <style type="text/css"><![CDATA[
+ tbody
+ {
+ background-image: url("support/swatch-blue.png");
+ background-position: top right;
+ background-repeat: no-repeat;
+ }
+
+ td {border: transparent solid 25px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>one and only 1 small filled blue square</strong>.</p>
+
+ <table>
+ <tbody>
+ <tr><td></td><td></td></tr>
+ <tr><td></td><td></td></tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001b-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001b-ref.xht
new file mode 100644
index 0000000000..cbb847882a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001b-ref.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ div
+ {
+ background-color: green;
+ height: 60px;
+ margin-left: 60px;
+ margin-top: 76px;
+ /*
+
+ 16px : p's margin-bottom
+ +
+ 60px : table's first row height
+ =======
+ 76px
+
+ */
+ width: 60px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001b.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001b.xht
new file mode 100644
index 0000000000..e7c0859ede
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001b.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-row-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001b-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-row-group'." />
+
+ <style type="text/css"><![CDATA[
+ table {border-spacing: 0px;}
+
+ tbody
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ }
+
+ td {padding: 0px;}
+
+ td#top-left {border-top: transparent solid 60px;}
+
+ td#top-right {border-right: transparent solid 60px;}
+
+ td#bottom-left
+ {
+ border-bottom: transparent solid 60px;
+ border-left: transparent solid 60px;
+ }
+
+ td#green-overlapping {border-bottom: green solid 60px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <tbody>
+ <tr><td id="top-left"></td><td id="top-right"></td></tr>
+ <tr><td id="bottom-left"></td><td id="green-overlapping"></td></tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001c.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001c.xht
new file mode 100644
index 0000000000..50e5cc9040
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001c.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-row-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001b-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-row-group'." />
+
+ <style type="text/css"><![CDATA[
+ table {border-spacing: 0px;}
+
+ tbody
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ }
+
+ td
+ {
+ padding: 0px;
+ width: 60px;
+ }
+
+ td#top-left {border-top: transparent solid 60px;}
+
+ td#green-overlapping {border-bottom: green solid 60px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <tbody>
+ <tr><td id="top-left"></td><td></td></tr>
+ <tr><td></td><td id="green-overlapping"></td></tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001d.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001d.xht
new file mode 100644
index 0000000000..46788a0726
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001d.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-row-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001b-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-row-group'." />
+
+ <style type="text/css"><![CDATA[
+ div#table {display: table;}
+
+ div#tbody
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ display: table-row-group;
+ }
+
+ div.tr {display: table-row;}
+
+ div.td
+ {
+ display: table-cell;
+ width: 60px;
+ }
+
+ div#top-left
+ {
+ border-top: transparent solid 60px;
+ display: table-cell;
+ }
+
+ div#green-overlapping
+ {
+ border-bottom: green solid 60px;
+ display: table-cell;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+ <div id="tbody">
+ <div class="tr"><div id="top-left"></div><div class="td"></div></div>
+ <div class="tr"><div class="td"></div><div id="green-overlapping"></div></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001e-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001e-ref.xht
new file mode 100644
index 0000000000..020250b44c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001e-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ div
+ {
+ background-color: green;
+ height: 60px;
+ margin-left: 60px;
+ margin-top: 136px;
+ /*
+
+ 16px : p's margin-bottom
+ +
+ 60px : table's first row height
+ +
+ 60px : top 60px of table's second row height
+ =======
+ 136px
+
+ */
+ width: 60px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001e.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001e.xht
new file mode 100644
index 0000000000..87c15b1408
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001e.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-row-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001e-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-row-group'." />
+
+ <style type="text/css"><![CDATA[
+ div#table {display: table;}
+
+ div#tbody
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ display: table-row-group;
+ }
+
+ div.tr {display: table-row;}
+
+ div.td
+ {
+ display: table-cell;
+ height: 60px;
+ width: 60px;
+ }
+
+ div#overlapping-green
+ {
+ border-bottom: green solid 60px;
+ display: table-cell;
+ height: 60px;
+ width: 60px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+ <div id="tbody">
+ <div class="tr">
+ <div class="td"></div><div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div><div id="overlapping-green"></div>
+ </div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002.xht
new file mode 100644
index 0000000000..18f4b475c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-image: url('support/blue15x15.png');
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ display: table-header-group;
+ }
+ #table
+ {
+ border: solid black;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002a.xht
new file mode 100644
index 0000000000..3d789305c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002a.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-header-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001a-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-header-group'." />
+
+ <style type="text/css"><![CDATA[
+ thead
+ {
+ background-image: url("support/swatch-blue.png");
+ background-position: top right;
+ background-repeat: no-repeat;
+ }
+
+ td {border: transparent solid 25px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>one and only 1 small filled blue square</strong>.</p>
+
+ <table>
+ <thead>
+ <tr><td></td><td></td></tr>
+ <tr><td></td><td></td></tr>
+ </thead>
+ <tbody>
+ <tr><td></td><td></td></tr>
+ <tr><td></td><td></td></tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002b.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002b.xht
new file mode 100644
index 0000000000..56b61df91f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002b.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-header-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001b-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-header-group'." />
+
+ <style type="text/css"><![CDATA[
+ table {border-spacing: 0px;}
+
+ thead
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ }
+
+ td {padding: 0px;}
+
+ td#top-left {border-top: transparent solid 60px;}
+
+ td#top-right {border-right: transparent solid 60px;}
+
+ td#bottom-left
+ {
+ border-bottom: transparent solid 60px;
+ border-left: transparent solid 60px;
+ }
+
+ td#green-overlapping {border-bottom: green solid 60px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <thead>
+ <tr><td id="top-left"></td><td id="top-right"></td></tr>
+ <tr><td id="bottom-left"></td><td id="green-overlapping"></td></tr>
+ </thead>
+ <tbody>
+ <tr><td></td><td></td></tr>
+ <tr><td></td><td></td></tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002c.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002c.xht
new file mode 100644
index 0000000000..9b16866f68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002c.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-header-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001b-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-header-group'." />
+
+ <style type="text/css"><![CDATA[
+ table {border-spacing: 0px;}
+
+ thead
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ }
+
+ td
+ {
+ padding: 0px;
+ width: 60px;
+ }
+
+ td#top-left {border-top: transparent solid 60px;}
+
+ td#green-overlapping {border-bottom: green solid 60px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <thead>
+ <tr><td id="top-left"></td><td></td></tr>
+ <tr><td></td><td id="green-overlapping"></td></tr>
+ </thead>
+ <tbody>
+ <tr><td></td><td></td></tr>
+ <tr><td></td><td></td></tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002d.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002d.xht
new file mode 100644
index 0000000000..e20d44894b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002d.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-header-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001b-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-header-group'." />
+
+ <style type="text/css"><![CDATA[
+ div#table {display: table;}
+
+ div#thead
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ display: table-header-group;
+ }
+
+ div.tr {display: table-row;}
+
+ div#top-left
+ {
+ border-top: transparent solid 60px;
+ display: table-cell;
+ }
+
+ div.td
+ {
+ display: table-cell;
+ width: 60px;
+ }
+
+ div#green-overlapping
+ {
+ border-bottom: green solid 60px;
+ display: table-cell;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+ <div id="thead">
+ <div class="tr"><div id="top-left"></div><div class="td"></div></div>
+ <div class="tr"><div class="td"></div><div id="green-overlapping"></div></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002e.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002e.xht
new file mode 100644
index 0000000000..1cc1609ec9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002e.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-header-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001e-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-header-group'." />
+
+ <style type="text/css"><![CDATA[
+ div#table {display: table;}
+
+ div#thead
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ display: table-header-group;
+ }
+
+ div.tr {display: table-row;}
+
+ div.td
+ {
+ display: table-cell;
+ height: 60px;
+ width: 60px;
+ }
+
+ div#overlapping-green
+ {
+ border-bottom: green solid 60px;
+ display: table-cell;
+ height: 60px;
+ width: 60px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+ <div id="thead">
+ <div class="tr">
+ <div class="td"></div><div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div><div id="overlapping-green"></div>
+ </div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003.xht
new file mode 100644
index 0000000000..a540f897ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-image: url('support/blue15x15.png');
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border: solid black;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003a.xht
new file mode 100644
index 0000000000..9fe81f7f41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003a.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-footer-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-footer-group'." />
+
+ <style type="text/css"><![CDATA[
+ tfoot
+ {
+ background-image: url("support/swatch-blue.png");
+ background-position: top right;
+ background-repeat: no-repeat;
+ }
+
+ td {border: transparent solid 25px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>one and only 1 small filled blue square</strong>.</p>
+
+ <table>
+ <tfoot>
+ <tr><td></td><td></td></tr>
+ <tr><td></td><td></td></tr>
+ </tfoot>
+ <tbody>
+ <tr><td></td><td></td></tr>
+ <tr><td></td><td></td></tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003b.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003b.xht
new file mode 100644
index 0000000000..0f12bae1b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003b.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-footer-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001b-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-footer-group'." />
+
+ <style type="text/css"><![CDATA[
+ table {border-spacing: 0px;}
+
+ tfoot
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ }
+
+ td {padding: 0px;}
+
+ td#top-left {border-top: transparent solid 60px;}
+
+ td#top-right {border-right: transparent solid 60px;}
+
+ td#bottom-left
+ {
+ border-bottom: transparent solid 60px;
+ border-left: transparent solid 60px;
+ }
+
+ td#green-overlapping {border-bottom: green solid 60px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <tfoot>
+ <tr><td id="top-left"></td><td id="top-right"></td></tr>
+ <tr><td id="bottom-left"></td><td id="green-overlapping"></td></tr>
+ </tfoot>
+ <tbody>
+ <tr><td></td><td></td></tr>
+ <tr><td></td><td></td></tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003c.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003c.xht
new file mode 100644
index 0000000000..7728652b5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003c.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-footer-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001b-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-footer-group'." />
+
+ <style type="text/css"><![CDATA[
+ table {border-spacing: 0px;}
+
+ tfoot
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ }
+
+ td
+ {
+ padding: 0px;
+ width: 60px;
+ }
+
+ td#top-left {border-top: transparent solid 60px;}
+
+ td#green-overlapping {border-bottom: green solid 60px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <tfoot>
+ <tr><td id="top-left"></td><td></td></tr>
+ <tr><td></td><td id="green-overlapping"></td></tr>
+ </tfoot>
+ <tbody>
+ <tr><td></td><td></td></tr>
+ <tr><td></td><td></td></tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003d.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003d.xht
new file mode 100644
index 0000000000..40ac5243f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003d.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-footer-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001b-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-footer-group'." />
+
+ <style type="text/css"><![CDATA[
+ div#table {display: table;}
+
+ div#tfoot
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ display: table-footer-group;
+ }
+
+ div.tr {display: table-row;}
+
+ div#top-left
+ {
+ border-top: transparent solid 60px;
+ display: table-cell;
+ }
+
+ div.td
+ {
+ display: table-cell;
+ width: 60px;
+ }
+
+ div#green-overlapping
+ {
+ border-bottom: green solid 60px;
+ display: table-cell;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+ <div id="tfoot">
+ <div class="tr"><div id="top-left"></div><div class="td"></div></div>
+ <div class="tr"><div class="td"></div><div id="green-overlapping"></div></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003e.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003e.xht
new file mode 100644
index 0000000000..896e887ee6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003e.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-footer-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001e-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-footer-group'." />
+
+ <style type="text/css"><![CDATA[
+ div#table {display: table;}
+
+ div#tfoot
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ display: table-footer-group;
+ }
+
+ div.tr {display: table-row;}
+
+ div.td
+ {
+ display: table-cell;
+ height: 60px;
+ width: 60px;
+ }
+
+ div#overlapping-green
+ {
+ border-bottom: green solid 60px;
+ display: table-cell;
+ height: 60px;
+ width: 60px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+ <div id="tfoot">
+ <div class="tr">
+ <div class="td"></div><div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div><div id="overlapping-green"></div>
+ </div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-004.xht
new file mode 100644
index 0000000000..177881d242
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-004.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ border: solid black;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ background-image: url('support/blue15x15.png');
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p>
+
+ <div id="table">
+
+ <div id="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005.xht
new file mode 100644
index 0000000000..fdb099756a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005.xht
@@ -0,0 +1,67 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-image: url('support/blue15x15.png');
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ display: table-column-group;
+ }
+ .column
+ {
+ display: table-column;
+ }
+
+ #table
+ {
+ border: solid black;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+ <div class="column"></div>
+ <div class="column"></div>
+ </div>
+
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005a.xht
new file mode 100644
index 0000000000..9a9e51dd37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005a.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-column-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001a-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column-group'." />
+
+ <style type="text/css"><![CDATA[
+ colgroup
+ {
+ background-image: url("support/swatch-blue.png");
+ background-position: top right;
+ background-repeat: no-repeat;
+ }
+
+ td {border: transparent solid 25px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>one and only 1 small filled blue square</strong>.</p>
+
+ <table>
+ <colgroup><col></col><col></col></colgroup>
+ <tbody>
+ <tr><td></td><td></td></tr>
+ <tr><td></td><td></td></tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005b.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005b.xht
new file mode 100644
index 0000000000..6ab399b755
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005b.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-column-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001b-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column-group'." />
+
+ <style type="text/css"><![CDATA[
+ table {border-spacing: 0px;}
+
+ colgroup
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ }
+
+ td {padding: 0px;}
+
+ td#top-left {border-top: transparent solid 60px;}
+
+ td#top-right {border-right: transparent solid 60px;}
+
+ td#bottom-left
+ {
+ border-bottom: transparent solid 60px;
+ border-left: transparent solid 60px;
+ }
+
+ td#green-overlapping {border-bottom: green solid 60px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <colgroup><col></col><col></col></colgroup>
+ <tbody>
+ <tr><td id="top-left"></td><td id="top-right"></td></tr>
+ <tr><td id="bottom-left"></td><td id="green-overlapping"></td></tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005c.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005c.xht
new file mode 100644
index 0000000000..913785bb19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005c.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-column-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001b-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column-group'." />
+
+ <style type="text/css"><![CDATA[
+ table {border-spacing: 0px;}
+
+ colgroup
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ }
+
+ td
+ {
+ padding: 0px;
+ width: 60px;
+ }
+
+ td#top-left {border-top: transparent solid 60px;}
+
+ td#green-overlapping {border-bottom: green solid 60px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <colgroup><col></col><col></col></colgroup>
+ <tbody>
+ <tr><td id="top-left"></td><td></td></tr>
+ <tr><td></td><td id="green-overlapping"></td></tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005d.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005d.xht
new file mode 100644
index 0000000000..e5bdd45807
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005d.xht
@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-column-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001b-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column-group'." />
+
+ <style type="text/css"><![CDATA[
+ div#table {display: table;}
+
+ div#colgroup
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ display: table-column-group;
+ }
+
+ div.col {display: table-column;}
+
+ div#tbody {display: table-row-group;}
+
+ div.tr {display: table-row;}
+
+ div#top-left
+ {
+ border-top: transparent solid 60px;
+ display: table-cell;
+ }
+
+ div.td
+ {
+ display: table-cell;
+ width: 60px;
+ }
+
+ div#green-overlapping
+ {
+ border-bottom: green solid 60px;
+ display: table-cell;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+ <div id="colgroup">
+ <div class="col"></div><div class="col"></div>
+ </div>
+ <div id="tbody">
+ <div class="tr"><div id="top-left"></div><div class="td"></div></div>
+ <div class="tr"><div class="td"></div><div id="green-overlapping"></div></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005e.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005e.xht
new file mode 100644
index 0000000000..792b77c7a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005e.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-column-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001e-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column-group'." />
+
+ <style type="text/css"><![CDATA[
+ div#table {display: table;}
+
+ div#colgroup
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ display: table-column-group;
+ }
+
+ div.col {display: table-column;}
+
+ div#tbody {display: table-row-group;}
+
+ div.tr {display: table-row;}
+
+ div.td
+ {
+ display: table-cell;
+ height: 60px;
+ width: 60px;
+ }
+
+ div#overlapping-green
+ {
+ border-bottom: green solid 60px;
+ display: table-cell;
+ height: 60px;
+ width: 60px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+ <div id="colgroup">
+ <div class="col"></div><div class="col"></div>
+ </div>
+ <div id="tbody">
+ <div class="tr">
+ <div class="td"></div><div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div><div id="overlapping-green"></div>
+ </div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006.xht
new file mode 100644
index 0000000000..b56c82fc1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ background-image: url('support/blue15x15.png');
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ }
+ .column
+ {
+ display: table-column;
+ }
+
+ #table
+ {
+ border: solid black;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p>
+
+ <div id="table">
+
+ <div class="column"></div>
+ <div id="test" class="column"></div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006a.xht
new file mode 100644
index 0000000000..a7ae62b2b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006a.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-column'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001a-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column'." />
+
+ <style type="text/css"><![CDATA[
+ col#tested-col
+ {
+ background-image: url("support/swatch-blue.png");
+ background-position: top right;
+ background-repeat: no-repeat;
+ }
+
+ td {border: transparent solid 25px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>one and only 1 small filled blue square</strong>.</p>
+
+ <table>
+ <col></col><col id="tested-col"></col>
+ <tbody>
+ <tr><td></td><td></td></tr>
+ <tr><td></td><td></td></tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006b.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006b.xht
new file mode 100644
index 0000000000..25b8e7a278
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006b.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-column'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001b-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column'." />
+
+ <style type="text/css"><![CDATA[
+ table {border-spacing: 0px;}
+
+ col#tested-col
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ }
+
+ td {padding: 0px;}
+
+ td#top-left {border-top: transparent solid 60px;}
+
+ td#top-right {border-right: transparent solid 60px;}
+
+ td#bottom-left
+ {
+ border-bottom: transparent solid 60px;
+ border-left: transparent solid 60px;
+ }
+
+ td#green-overlapping {border-bottom: green solid 60px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <col></col><col id="tested-col"></col>
+ <tbody>
+ <tr><td id="top-left"></td><td id="top-right"></td></tr>
+ <tr><td id="bottom-left"></td><td id="green-overlapping"></td></tr>
+ </tbody>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006c.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006c.xht
new file mode 100644
index 0000000000..ac6ff54a09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006c.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-column'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001b-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column'." />
+
+ <style type="text/css"><![CDATA[
+ table {border-spacing: 0px;}
+
+ col#tested-col
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ }
+
+ td#top-left {border-top: transparent solid 60px;}
+
+ td
+ {
+ padding: 0px;
+ width: 60px;
+ }
+
+ td#green-overlapping {border-bottom: green solid 60px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <col></col><col id="tested-col"></col>
+ <tbody>
+ <tr><td id="top-left"></td><td></td></tr>
+ <tr><td></td><td id="green-overlapping"></td></tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006d.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006d.xht
new file mode 100644
index 0000000000..293a596964
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006d.xht
@@ -0,0 +1,67 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-column'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001b-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column'." />
+
+ <style type="text/css"><![CDATA[
+ div#table {display: table;}
+
+ div.col {display: table-column;}
+
+ div#tested-col
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ display: table-column;
+ }
+
+ div#tbody {display: table-row-group;}
+
+ div.tr {display: table-row;}
+
+ div#top-left
+ {
+ border-top: transparent solid 60px;
+ display: table-cell;
+ }
+
+ div.td
+ {
+ display: table-cell;
+ width: 60px;
+ }
+
+ div#green-overlapping
+ {
+ border-bottom: green solid 60px;
+ display: table-cell;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+ <div class="col"></div><div id="tested-col"></div>
+ <div id="tbody">
+ <div class="tr"><div id="top-left"></div><div class="td"></div></div>
+ <div class="tr"><div class="td"></div><div id="green-overlapping"></div></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006e.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006e.xht
new file mode 100644
index 0000000000..328e43d3da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006e.xht
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-column'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001e-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column'." />
+
+ <style type="text/css"><![CDATA[
+ div#table {display: table;}
+
+ div.col {display: table-column;}
+
+ div#tested-col
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ display: table-column;
+ }
+
+ div#tbody {display: table-row-group;}
+
+ div.tr {display: table-row;}
+
+ div.td
+ {
+ display: table-cell;
+ height: 60px;
+ width: 60px;
+ }
+
+ div#overlapping-green
+ {
+ border-bottom: green solid 60px;
+ display: table-cell;
+ height: 60px;
+ width: 60px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+ <div class="col"></div><div id="tested-col"></div>
+ <div id="tbody">
+ <div class="tr">
+ <div class="td"></div><div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div><div id="overlapping-green"></div>
+ </div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-007.xht
new file mode 100644
index 0000000000..f9e77b315b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-007.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #test
+ {
+ background-image: url('support/blue15x15.png');
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ }
+
+ #table
+ {
+ border: solid black;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div id="test" class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-007a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-007a.xht
new file mode 100644
index 0000000000..bac3a0749a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-007a.xht
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-cell'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-cell'." />
+
+ <style type="text/css"><![CDATA[
+ div#table {display: table;}
+
+ div#tbody {display: table-row-group;}
+
+ div.tr {display: table-row;}
+
+ div.td
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+
+ div#tested-cell
+ {
+ background-image: url('support/blue96x96.png');
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ border-bottom: white solid 96px;
+ /*
+ The goal/challenge in this test is to verify
+ that such white border-bottom does not
+ cover the background-image.
+ The background-image should "start" being
+ painted at bottom right corner of
+ padding-box of element and not "start"
+ being painted at bottom right corner of
+ its border-box.
+ */
+ display: table-cell;
+ height: 2in;
+ width: 1in;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue square.</p>
+
+ <div id="table">
+ <div id="tbody">
+ <div class="tr">
+ <div class="td"></div><div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div><div id="tested-cell"></div>
+ </div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-008.xht
new file mode 100644
index 0000000000..a895f607bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-008.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'inline'." />
+ <style type="text/css">
+ div
+ {
+ background-image: url('support/blue15x15.png');
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ border: solid black;
+ display: inline;
+ font: 96px/1em serif;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is in the lower-right corner of the black box.</p>
+ <div>&nbsp;&nbsp;&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-009.xht
new file mode 100644
index 0000000000..05cf72850b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-009.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ background-image: url('support/blue15x15.png');
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ border: solid black;
+ display: block;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-010.xht
new file mode 100644
index 0000000000..2453384968
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-010.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ background-image: url('support/blue15x15.png');
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ border: solid black;
+ display: list-item;
+ height: 1in;
+ margin-left: 2em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is 1 and only 1 small filled blue square, if it is located in the lower-right corner of a hollow black square and if there is a marker bullet on the left-hand side of the black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-012.xht
new file mode 100644
index 0000000000..93d0659132
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-012.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ span#inline-block
+ {
+ background-image: url('support/blue15x15.png');
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ border: solid black;
+ display: inline-block;
+ width: 1in;
+ }
+
+ span.block-descendant
+ {
+ color: white;
+ display: block;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant">a</span>
+ <span class="block-descendant">b</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013.xht
new file mode 100644
index 0000000000..ae45d2398d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ background-image: url('support/blue15x15.png');
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ border: solid black;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013d.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013d.xht
new file mode 100644
index 0000000000..4fa7e0642a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013d.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001b-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table'." />
+
+ <style type="text/css"><![CDATA[
+ div#table
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ display: table;
+ }
+
+ div#tbody {display: table-row-group;}
+
+ div.tr {display: table-row;}
+
+ div#top-left
+ {
+ border-top: transparent solid 60px;
+ display: table-cell;
+ }
+
+ div.td
+ {
+ display: table-cell;
+ width: 60px;
+ }
+
+ div#green-overlapping
+ {
+ border-bottom: green solid 60px;
+ display: table-cell;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+ <div id="tbody">
+ <div class="tr"><div id="top-left"></div><div class="td"></div></div>
+ <div class="tr"><div class="td"></div><div id="green-overlapping"></div></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013e.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013e.xht
new file mode 100644
index 0000000000..fd1e6c4c49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013e.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" />
+ <link rel="match" href="background-position-applies-to-001e-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table'." />
+
+ <style type="text/css"><![CDATA[
+ div#table
+ {
+ background-image: url("/css/support/60x60-red.png");
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ display: table;
+ }
+
+ div#tbody {display: table-row-group;}
+
+ div.tr {display: table-row;}
+
+ div.td
+ {
+ display: table-cell;
+ height: 60px;
+ width: 60px;
+ }
+
+ div#overlapping-green
+ {
+ border-bottom: green solid 60px;
+ display: table-cell;
+ height: 60px;
+ width: 60px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+ <div id="tbody">
+ <div class="tr">
+ <div class="td"></div><div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div><div id="overlapping-green"></div>
+ </div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-014.xht
new file mode 100644
index 0000000000..a9e74db21b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-014.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ background-image: url('support/blue15x15.png');
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ border: solid black;
+ display: inline-table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-015.xht
new file mode 100644
index 0000000000..5952305bd9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-015.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-position applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-position-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ background-image: url('support/blue15x15.png');
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ border: solid black;
+ display: table-caption;
+ height: 1in;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-001-ref.xht
new file mode 100644
index 0000000000..0c9caf9470
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-001-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border: black solid 5px;}
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the area inside the black rectangle is blue.</p>
+
+ <div><img src="support/blue15x15.png" width="100%" height="200" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-001.xht
new file mode 100644
index 0000000000..1017637f05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat set to 'repeat'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="match" href="background-repeat-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-repeat set to 'repeat' causes the background image for the element to tile horizontally and vertically." />
+ <style type="text/css">
+ div
+ {
+ background-image: url("support/blue15x15.png");
+ background-repeat: repeat;
+ border: 5px solid black;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the area inside the black rectangle is blue.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-002-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-002-ref.xht
new file mode 100644
index 0000000000..08384dbe8c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-002-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 200px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is an horizontal blue stripe directly above a filled black rectangle.</p>
+
+ <div><img src="support/blue15x15.png" width="100%" height="15" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-002.xht
new file mode 100644
index 0000000000..d633d4a69c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-002.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat set to 'repeat-x'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="match" href="background-repeat-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-repeat set to 'repeat-x' repeats the image horizontally to fill the space." />
+ <style type="text/css">
+ div
+ {
+ background-color: black;
+ background-image: url("support/blue15x15.png");
+ background-repeat: repeat-x;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an horizontal blue stripe directly above a filled black rectangle.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-003-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-003-ref.xht
new file mode 100644
index 0000000000..0eb5ec18c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-003-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 200px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a vertical blue stripe to the left of a filled black rectangle. Also, the blue stripe and black rectangle have the same height.</p>
+
+ <div><img src="support/blue15x15.png" width="15" height="100%" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-003.xht
new file mode 100644
index 0000000000..79819fdc7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-003.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat set to 'repeat-y'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="match" href="background-repeat-003-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-repeat set to 'repeat-y' repeats the image vertically to fill the space." />
+ <style type="text/css">
+ div
+ {
+ background-color: black;
+ background-image: url("support/blue15x15.png");
+ background-repeat: repeat-y;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a vertical blue stripe to the left of a filled black rectangle. Also, the blue stripe and black rectangle have the same height.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-004-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-004-ref.xht
new file mode 100644
index 0000000000..72622ffd50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-004-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 200px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a small filled blue square in the upper-left corner of the filled black rectangle.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-004.xht
new file mode 100644
index 0000000000..7b61f1d770
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-004.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat set to 'no-repeat'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="match" href="background-repeat-004-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-repeat set to 'no-repeat' does not repeat the image." />
+ <style type="text/css">
+ div
+ {
+ background-color: black;
+ background-image: url("support/blue15x15.png");
+ background-repeat: no-repeat;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small filled blue square in the upper-left corner of the filled black rectangle.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-005.xht
new file mode 100644
index 0000000000..63b61c39f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-005.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="match" href="background-repeat-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background-repeat set to 'inherit' uses its parent's 'background-repeat' property value." />
+ <style type="text/css">
+ body
+ {
+ background-repeat: repeat-x;
+ }
+ div
+ {
+ background-color: black;
+ background-image: url("support/blue15x15.png");
+ background-repeat: inherit;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an horizontal blue stripe directly above a filled black rectangle.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-001.xht
new file mode 100644
index 0000000000..b147747632
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-001.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-color: red;
+ background-image: url('support/green15x15.png');
+ background-repeat: repeat;
+ display: table-row-group;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: green;
+ display: table-cell;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-002.xht
new file mode 100644
index 0000000000..5d16f826bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-002.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-color: red;
+ background-image: url('support/green15x15.png');
+ background-repeat: repeat;
+ display: table-header-group;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: green;
+ display: table-cell;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-003.xht
new file mode 100644
index 0000000000..ded37ad9a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-003.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-color: red;
+ background-image: url('support/green15x15.png');
+ background-repeat: repeat;
+ display: table-footer-group;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: green;
+ display: table-cell;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-004.xht
new file mode 100644
index 0000000000..6a852f6e7f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-004.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ #row
+ {
+ background-color: red;
+ background-image: url('support/green15x15.png');
+ background-repeat: repeat;
+ display: table-row;
+ }
+ .cell
+ {
+ color: green;
+ display: table-cell;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+
+ <div id="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-005.xht
new file mode 100644
index 0000000000..56cfd2453f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-005.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-color: red;
+ background-image: url('support/green15x15.png');
+ background-repeat: repeat;
+ display: table-column-group;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: green;
+ display: table-cell;
+ height: 50px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+
+ <div id="test">
+ <div class="column"></div>
+ <div class="column"></div>
+ </div>
+
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-006.xht
new file mode 100644
index 0000000000..f85b66a53a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-006.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ background-color: red;
+ background-image: url('support/green15x15.png');
+ background-repeat: repeat;
+ display: table-column;
+ width: 100px;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 200px;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: green;
+ display: table-cell;
+ height: 50px;
+ }
+
+ div.cell + div.cell {color: white;}
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+
+ <div id="test" class="column"></div>
+ <div class="column"></div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-007.xht
new file mode 100644
index 0000000000..7abe0407e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-007.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background-color: red;
+ background-image: url('support/green15x15.png');
+ background-repeat: repeat;
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-008.xht
new file mode 100644
index 0000000000..d4a5d14a72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'inline'." />
+ <style type="text/css">
+ div
+ {
+ background-color: red;
+ background-image: url('support/green15x15.png');
+ background-repeat: repeat;
+ display: inline;
+ font: 96px/1em serif;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below and no red visible on the page.</p>
+ <div>&nbsp;&nbsp;&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-009.xht
new file mode 100644
index 0000000000..924b23de8a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-009.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ background-color: red;
+ background-image: url('support/green15x15.png');
+ background-repeat: repeat;
+ display: block;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-010.xht
new file mode 100644
index 0000000000..224d37bef4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-010.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ background-color: red;
+ background-image: url('support/green15x15.png');
+ background-repeat: repeat;
+ display: list-item;
+ height: 1in;
+ margin-left: 2em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square, a marker bullet on its left-hand side and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-012.xht
new file mode 100644
index 0000000000..abf8650d2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-012.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ span#inline-block
+ {
+ background-color: red;
+ background-image: url('support/green15x15.png');
+ background-repeat: repeat;
+ display: inline-block;
+ width: 100px;
+ }
+
+ span.block-descendant
+ {
+ color: green;
+ display: block;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant">a</span>
+ <span class="block-descendant">b</span>
+ </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-013.xht
new file mode 100644
index 0000000000..73b71e6304
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-013.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ background-color: red;
+ background-image: url('support/green15x15.png');
+ background-repeat: repeat;
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: green;
+ display: table-cell;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-014.xht
new file mode 100644
index 0000000000..0175f9c9ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-014.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ background-color: red;
+ background-image: url('support/green15x15.png');
+ background-repeat: repeat;
+ display: inline-table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: green;
+ display: table-cell;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-015.xht
new file mode 100644
index 0000000000..385d2acbb2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-015.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background-repeat applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ background-color: red;
+ background-image: url('support/green15x15.png');
+ background-repeat: repeat;
+ display: table-caption;
+ height: 100px;
+ width: 100px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-reset-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-reset-001.xht
new file mode 100644
index 0000000000..4898d17e2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-reset-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background resets all background settings</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="Background sets all properties to initial and then applies specified ones." />
+ <style type="text/css">
+ div
+ {
+ background-color: red;
+ background: bottom fixed;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-001-ref.xht
new file mode 100644
index 0000000000..0103cb5289
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-001-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: green;
+ color: white;
+ height: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the background of this entire page is green.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-001.xht
new file mode 100644
index 0000000000..d7f5970245
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background on root element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-root-001-ref.xht" />
+
+ <meta name="assert" content="Background of the root covers the entire canvas." />
+ <style type="text/css">
+ html
+ {
+ background: green;
+ color: white;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the background of this entire page is green.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-002-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-002-ref.xht
new file mode 100644
index 0000000000..7fa352d23b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-002-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 1in 0 auto 0;}
+
+ p
+ {
+ background-color: green;
+ color: white;
+ height: 84px;
+ padding-top: 1em;
+ padding-left: 104px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if this text is within the green box.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-002.xht
new file mode 100644
index 0000000000..67a6ba0e2a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background on root element - background-position</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <link rel="match" href="background-root-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Background of the root has the initial background-position of 0, 0 and not the canvas." />
+ <style type="text/css">
+ html
+ {
+ background: url("support/green_box.png") repeat-x;
+ color: white;
+ margin: 1in;
+ }
+
+ body
+ {
+ margin: 8px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if this text is within the green box.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-003.xht
new file mode 100644
index 0000000000..e589c23bd2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-003.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Background - background on root propagates to canvas</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta content="Background set on root element should cover the canvas" name="assert" />
+
+ <style type="text/css"><![CDATA[
+ html
+ {
+ background-color: blue;
+ display: table;
+ width: 500px;
+ }
+
+ body
+ {
+ background-color: lime;
+ margin: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The whole area of this page should be blue and only this text should be in a bright green box.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-004-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-004-ref.xht
new file mode 100644
index 0000000000..3eb13bb42b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-004-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: navy;
+ border: blue solid;
+ color: white;
+ margin: 1em;
+ padding: 2em;
+ }
+
+ div
+ {
+ background-color: green;
+ border: lime solid;
+ padding: 3em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>This paragraph should be a box that is green with a green
+border, which should be in a navy box with a bright blue border.
+The rest of the page should also be navy.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-004.xht
new file mode 100644
index 0000000000..6e13036d4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-004.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Backgrounds on &lt;body&gt; and &lt;html&gt; - color vs color</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/01.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-004-ref.xht" />
+
+<style type="text/css"><![CDATA[
+ body { border: solid lime; background: green; color: white; }
+ html { border: solid blue; background: navy; color: yellow; }
+ :link, :visited { color: inherit; background: transparent; }
+ * { margin: 1em; padding: 1em; }
+]]></style>
+
+</head>
+<body>
+<p>This paragraph should be a box that is green with a green
+border, which should be in a navy box with a bright blue border.
+The rest of the page should also be navy. </p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-005-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-005-ref.xht
new file mode 100644
index 0000000000..4429e5974f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-005-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: green;
+ border: blue solid;
+ color: white;
+ margin: 1em;
+ padding: 2em;
+ }
+
+ div
+ {
+ border: lime solid;
+ padding: 3em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>This text should be inside a bright green rectangle, which itself
+should be enclosed in a bright blue rectangle. The background around,
+between, and inside these borders and under this text be green.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-005.xht
new file mode 100644
index 0000000000..bb76fb5a55
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-005.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Backgrounds on &lt;body&gt; and &lt;html&gt; - color vs. transparent</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/02.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-005-ref.xht" />
+
+<style type="text/css"><![CDATA[
+ body { border: solid lime; background: green; color: white; }
+ html { border: solid blue; background: transparent; color: yellow; }
+ :link, :visited { color: inherit; background: transparent; }
+ * { margin: 1em; padding: 1em; }
+]]></style>
+
+</head>
+<body>
+<p>This text should be inside a bright green rectangle, which itself
+should be enclosed in a bright blue rectangle. The background around,
+between, and inside these borders and under this text be green.</p>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-006-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-006-ref.xht
new file mode 100644
index 0000000000..1e40cec467
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-006-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background: navy;
+ border: blue solid;
+ margin: 1em;
+ padding: 2em;
+ }
+
+ div
+ {
+ background-image: url("support/square-white.png");
+ border: lime solid;
+ color: green;
+ font: 900 28px Verdana, sans-serif;
+ padding: 72px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>This box, which should have a bright green border, should have a
+white tile background. The box surrounding it should have a navy
+background. The rest of the page should also be navy.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-006.xht
new file mode 100644
index 0000000000..bc69542c27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-006.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Image backgrounds on &lt;body&gt; and &lt;html&gt; - image vs. color</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/03.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-006-ref.xht" />
+
+ <meta name="flags" content="image"/>
+
+<style type="text/css"><![CDATA[
+ body { border: solid lime; background: red url(support/square-white.png); color: green; }
+ p { font: 900 1.75em Verdana, sans-serif; }
+ html { border: solid blue; background: navy; color: yellow; }
+ :link, :visited { color: inherit; background: transparent; }
+ * { margin: 1em; padding: 1em; }
+]]></style>
+
+</head>
+<body>
+<p>This box, which should have a bright green border, should have a
+white tile background. The box surrounding it should have a navy
+background. The rest of the page should also be navy.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-007-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-007-ref.xht
new file mode 100644
index 0000000000..142066c7a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-007-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-image: url("support/square-white.png");
+ background-position: 2px 2px;
+ border: blue solid;
+ color: green;
+ margin: 1em;
+ }
+
+ div
+ {
+ font: 900 28px Verdana, sans-serif;
+ padding: 104px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>The entire page should be covered in a white tiled background
+uninterrupted by the blue rectangle painted over it.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-007.xht
new file mode 100644
index 0000000000..c539d3780d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-007.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Image backgrounds on &lt;body&gt; and &lt;html&gt; - image vs. transparent</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/04.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-007-ref.xht" />
+
+ <meta name="flags" content="image"/>
+
+<style type="text/css"><![CDATA[
+ body { background: red url(support/square-white.png); color: green; }
+ p { font: 900 1.75em Verdana, sans-serif; }
+ html { border: solid blue; background: transparent; color: yellow; }
+ :link, :visited { color: inherit; background: transparent; }
+ * { margin: 1em; padding: 1em; }
+]]></style>
+
+</head>
+<body>
+<p>The entire page should be covered in a white tiled background
+uninterrupted by the blue rectangle painted over it.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-008-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-008-ref.xht
new file mode 100644
index 0000000000..18922d0343
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-008-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background: green url("support/square-white.png") repeat-y 19px 2px;
+ border: blue solid 3px;
+ color: white;
+ margin: 1em;
+ padding: 2em;
+ }
+
+ div
+ {
+ border: solid lime;
+ padding: 3em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>There should be a blue rectangle enclosing the bright green rectangle
+enclosing this text. Just inside the left hand edge of the blue rectangle
+should be a line of white square tiles, which should continue up and down the entire
+height of the page. The rest of the page, around, between, and inside the
+boxes, should be green.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-008.xht
new file mode 100644
index 0000000000..540cd7d554
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-008.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background propagation on &lt;body&gt; and &lt;html&gt; - repeat-y</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/05.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-008-ref.xht" />
+
+ <meta name="flags" content="image"/>
+
+<style type="text/css"><![CDATA[
+ body { border: solid lime; background: green url(support/square-white.png) repeat-y top left; color: white; }
+ html { border: solid blue; background: transparent; color: yellow; }
+ * { margin: 1em; padding: 1em; }
+]]></style>
+
+</head>
+<body>
+<p>There should be a blue rectangle enclosing the bright green rectangle
+enclosing this text. Just inside the left hand edge of the blue rectangle
+should be a line of white square tiles, which should continue up and down the entire
+height of the page. The rest of the page, around, between, and inside the
+boxes, should be green.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-009.xht
new file mode 100644
index 0000000000..60b01e12ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-009.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Backgrounds on &lt;body&gt; and &lt;html&gt; - propagation vs. repeat</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/06.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-008-ref.xht" />
+
+ <meta name="flags" content="image"/>
+<style type="text/css"><![CDATA[
+ body { border: solid lime; background: green url(support/square-white.png) repeat-y top left; color: white; }
+ html { border: solid blue; background: transparent repeat-x; color: yellow; }
+ * { margin: 1em; padding: 1em; }
+]]></style>
+
+</head>
+<body>
+<p>There should be a blue rectangle enclosing the bright green rectangle
+enclosing this text. Just inside the left hand edge of the blue rectangle
+should be a line of white square tiles, which should continue up and down the entire
+height of the page. The rest of the page, around, between, and inside the
+boxes, should be green.</p>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-010-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-010-ref.xht
new file mode 100644
index 0000000000..c7d0d031ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-010-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background: url("support/square-white.png") 2px 2px;
+ border: blue solid;
+ color: white;
+ margin: 1em;
+ padding: 2em;
+ }
+
+ div
+ {
+ background: green url("support/square-purple.png") repeat-y top left;
+ border: lime solid;
+ padding: 3em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>This text should in a green box with a green border, on the inside
+left of which there should be a vertical line of purple tiles. The
+box should be surrounded by a blue rectangle drawn on a background of
+white tiles that covers the entire rest of the page.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-010.xht
new file mode 100644
index 0000000000..6253306f2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-010.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background propagation on &lt;body&gt; and &lt;html&gt; - propagation vs. image</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/07.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-010-ref.xht" />
+
+ <meta name="flags" content="image"/>
+<style type="text/css"><![CDATA[
+ body { border: solid lime; background: green url(support/square-purple.png) repeat-y top left; color: white; }
+ html { border: solid blue; background: transparent url(support/square-white.png); color: yellow; }
+ :link, :visited { color: inherit; background: transparent; }
+ * { margin: 1em; padding: 1em; }
+]]></style>
+
+</head>
+<body>
+<p>This text should in a green box with a green border, on the inside
+left of which there should be a vertical line of purple tiles. The
+box should be surrounded by a blue rectangle drawn on a background of
+white tiles that covers the entire rest of the page.
+</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-011-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-011-ref.xht
new file mode 100644
index 0000000000..ca01599043
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-011-ref.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ html {background-color: transparent;}
+
+ body
+ {
+ background-color: transparent;
+ border: blue solid;
+ margin: 1em;
+ padding: 2em;
+ }
+
+ div
+ {
+ border: lime solid;
+ padding: 2em;
+ }
+
+ div > div
+ {
+ background-color: white;
+ border: none;
+ padding: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>
+ <div>Enclosing this text should be a solid lime border around which
+there should be a solid blue one. The backgrounds are undefined.</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-011.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-011.xht
new file mode 100644
index 0000000000..6a611cb2be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-011.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background propagation on &lt;body&gt; and &lt;html&gt; - fully transparent</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/08.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-011-ref.xht" />
+
+<style type="text/css"><![CDATA[
+ body { border: solid lime; background: transparent; }
+ html { border: solid blue; background: transparent; }
+ p, :link, :visited { color: black; background: white; }
+ * { margin: 1em; padding: 1em; }
+]]></style>
+
+</head>
+<body>
+<p>Enclosing this text should be a solid lime border around which
+there should be a solid blue one. The backgrounds are undefined.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012a-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012a-ref.xht
new file mode 100644
index 0000000000..4bbc68b440
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012a-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: green;
+ border: blue solid;
+ color: white;
+ margin: 1em;
+ padding: 2em;
+ }
+
+ div
+ {
+ background: green url("support/square-purple.png") no-repeat center center;
+ border: lime solid;
+ padding: 3em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>In the middle of the bright blue rectangle, there should be a purple tile. Resizing the window should make its position relative to this outer box stay the same.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012a.xht
new file mode 100644
index 0000000000..a472cf4460
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012a.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background propagation on &lt;body&gt; and &lt;html&gt; - propagated position</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/09.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-012a-ref.xht" />
+
+ <meta name="flags" content="image interact"/>
+<style type="text/css"><![CDATA[
+ body { border: solid lime; background: green url(support/square-purple.png) no-repeat 50% 50%; color: white; }
+ html { border: solid blue; background: transparent; color: yellow; }
+ :link, :visited { color: inherit; background: transparent; }
+ * { margin: 1em; padding: 1em; }
+]]></style>
+
+</head>
+<body>
+<p> In the middle of the bright blue rectangle, there
+should be a purple tile. Resizing the window should make its
+position relative to this outer box stay the same.
+
+</p></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012b-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012b-ref.xht
new file mode 100644
index 0000000000..4669256f25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012b-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: green;
+ border: blue solid;
+ color: white;
+ margin: 1em;
+ padding: 2em;
+ }
+
+ div
+ {
+ background: green url("support/square-purple.png") no-repeat center center;
+ border: lime solid;
+ padding: 3em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>In the middle of the bright blue rectangle, there should be a purple tile.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012b.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012b.xht
new file mode 100644
index 0000000000..fddec0cfd0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012b.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background propagation on &lt;body&gt; and &lt;html&gt; - propagated position</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/09.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-012b-ref.xht" />
+
+ <meta name="flags" content="image"/>
+<style type="text/css"><![CDATA[
+ body { border: solid lime; background: green url(support/square-purple.png) no-repeat 50% 50%; color: white; }
+ html { border: solid blue; background: transparent; color: yellow; }
+ :link, :visited { color: inherit; background: transparent; }
+ * { margin: 1em; padding: 1em; }
+]]></style>
+
+</head>
+<body>
+<p> In the middle of the bright blue rectangle, there
+should be a purple tile.
+
+</p></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013a-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013a-ref.xht
new file mode 100644
index 0000000000..ec2c736f7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013a-ref.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: navy;
+ border: blue solid;
+ color: white;
+ margin: 1em 5%;
+ padding: 1em;
+ }
+
+ div
+ {
+ background: green url("support/square-purple.png") no-repeat center;
+ border: lime solid;
+ margin: 1em 30% 1em 5%;
+ padding: 1em;
+ }
+
+ div > div
+ {
+ border: none;
+ margin: 1em 5%;
+ padding: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>
+ <div>In the middle of this green box with the bright green border, there should be a purple tile. Resizing the window should make its position relative to this inner box stay the same.</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013a.xht
new file mode 100644
index 0000000000..0a01d1687a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013a.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background propagation on &lt;body&gt; and &lt;html&gt; - non-propagated position</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/10.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-013a-ref.xht" />
+ <meta name="flags" content="image interact"/>
+
+<style type="text/css"><![CDATA[
+ body { border: solid lime; background: green url(support/square-purple.png) no-repeat 50% 50%; color: white; }
+ html { border: solid blue; background: navy; color: yellow; }
+ :link, :visited { color: inherit; background: transparent; }
+ * { margin: 1em 5%; padding: 1em; }
+ body { margin-right: 30%; }
+]]></style>
+
+</head>
+<body>
+<p> In the middle of this green box with the bright green border, there
+should be a purple tile. Resizing the window should make its
+position relative to this inner box stay the same.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013b-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013b-ref.xht
new file mode 100644
index 0000000000..5c56502639
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013b-ref.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: navy;
+ border: blue solid;
+ color: white;
+ margin: 1em 5%;
+ padding: 1em;
+ }
+
+ div
+ {
+ background: green url("support/square-purple.png") no-repeat center;
+ border: lime solid;
+ margin: 1em 30% 1em 5%;
+ padding: 1em;
+ }
+
+ div > div
+ {
+ border: none;
+ margin: 1em 5%;
+ padding: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>
+ <div>In the middle of this green box with the bright green border, there should be a purple tile.</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013b.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013b.xht
new file mode 100644
index 0000000000..76268ed3db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013b.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background propagation on &lt;body&gt; and &lt;html&gt; - non-propagated position</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/10.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-013b-ref.xht" />
+ <meta name="flags" content="image"/>
+
+<style type="text/css"><![CDATA[
+ body { border: solid lime; background: green url(support/square-purple.png) no-repeat 50% 50%; color: white; }
+ html { border: solid blue; background: navy; color: yellow; }
+ :link, :visited { color: inherit; background: transparent; }
+ * { margin: 1em 5%; padding: 1em; }
+ body { margin-right: 30%; }
+]]></style>
+
+</head>
+<body>
+<p> In the middle of this green box with the bright green border, there
+should be a purple tile.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014a-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014a-ref.xht
new file mode 100644
index 0000000000..de9356113a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014a-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: navy;
+ border: blue solid;
+ color: white;
+ margin: 1em;
+ padding: 2em;
+ }
+
+ div
+ {
+ background: green url("support/square-purple.png") no-repeat fixed center;
+ border: lime solid;
+ padding: 3em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>In the exact middle of this page, there should be a purple tile. The tile must only be visible when the green box overlaps the tile; it must be hidden when overlapping the blue background. Resizing the window should keep the position of the purple tile in the center of the viewport, but the tile should still only be visible inside this dark green box.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014a.xht
new file mode 100644
index 0000000000..fd2364dbf1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014a.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background propagation on &lt;body&gt; and &lt;html&gt; - non-propagated attached position</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/11.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-014a-ref.xht" />
+ <meta name="flags" content="image interact"/>
+<style type="text/css"><![CDATA[
+ body { border: solid lime; background: green url(support/square-purple.png) fixed no-repeat 50% 50%; color: white; }
+ html { border: solid blue; background: navy; color: yellow; }
+ :link, :visited { color: inherit; background: transparent; }
+ * { margin: 1em; padding: 1em; }
+]]></style>
+
+</head>
+<body>
+<p>In the exact middle of this page, there should be a purple tile.
+The tile must only be visible when the green box overlaps the tile;
+it must be hidden when overlapping the blue background.
+
+Resizing the window should keep the position of the purple tile
+in the center of the viewport, but the tile should still only
+be visible inside this dark green box.</p>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014b-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014b-ref.xht
new file mode 100644
index 0000000000..0a25f8a608
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014b-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: navy;
+ border: blue solid;
+ color: white;
+ margin: 1em;
+ padding: 2em;
+ }
+
+ div
+ {
+ background: green url("support/square-purple.png") no-repeat fixed center;
+ border: lime solid;
+ padding: 3em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>In the exact middle of this page, there should be a purple tile. The tile must only be visible when the green box overlaps the tile; it must be hidden when overlapping the blue background.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014b.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014b.xht
new file mode 100644
index 0000000000..6866fb2c97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014b.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background propagation on &lt;body&gt; and &lt;html&gt; - non-propagated attached position</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/11.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-014b-ref.xht" />
+ <meta name="flags" content="image"/>
+<style type="text/css"><![CDATA[
+ body { border: solid lime; background: green url(support/square-purple.png) fixed no-repeat 50% 50%; color: white; }
+ html { border: solid blue; background: navy; color: yellow; }
+ :link, :visited { color: inherit; background: transparent; }
+ * { margin: 1em; padding: 1em; }
+]]></style>
+
+</head>
+<body>
+<p>In the exact middle of this page, there should be a purple tile.
+The tile must only be visible when the green box overlaps the tile;
+it must be hidden when overlapping the blue background.</p>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-015-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-015-ref.xht
new file mode 100644
index 0000000000..6851c15dee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-015-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background: white url("support/square-teal.png") no-repeat center 19px;
+ border: blue solid 3px;
+ margin: 1em;
+ padding: 70px 2em 2em 2em;
+ }
+
+ div
+ {
+ background: white url("support/square-purple.png") no-repeat 50% 0%;
+ border: lime solid 3px;
+ margin-top: 1em;
+ padding: 102px 3em 3em 3em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>Centered just inside the top of the green-bordered box there should be a
+ purple square, and centered just inside the top of the blue-bordered box
+ there should be a teal square.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-015.xht
new file mode 100644
index 0000000000..e31acc8404
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-015.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background propagation on &lt;body&gt; and &lt;html&gt; - double positioning</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/12.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-015-ref.xht" />
+ <meta name="flags" content="image"/>
+<style type="text/css"><![CDATA[
+ body { border: solid lime; background: white url(support/square-purple.png) no-repeat top center; color: black; }
+ html { border: solid blue; background: white url(support/square-teal.png) no-repeat top center; color: black; }
+ :link, :visited { color: inherit; background: transparent; }
+ * { margin: 1em; padding: 1em; }
+ html, body { padding-top: 70px; }
+]]></style>
+
+</head>
+<body>
+<p>Centered just inside the top of the green-bordered box there should be a
+ purple square, and centered just inside the top of the blue-bordered box
+ there should be a teal square.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-016-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-016-ref.xht
new file mode 100644
index 0000000000..3bcf9123b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-016-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background: white url(support/square-teal.png) repeat-x center 20px;
+ border: blue solid 3px;
+ color: white;
+ margin: 17px;
+ padding: 17px;
+ }
+
+ div
+ {
+ background: green url(support/square-purple.png) center top no-repeat;
+ border: lime solid;
+ padding: 2em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>There should be a horizontal line of teal tiles positioned between the top border of the blue box and the top border of the bright green box, and extending all the way past the sides of the blue box to the left and right edges of the page. One of those tiles must be centered horizontally within the page, so that it is exactly above the purple square that appears at the top of the inner green box.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-016.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-016.xht
new file mode 100644
index 0000000000..8d3e1e1f37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-016.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background propagation on &lt;body&gt; and &lt;html&gt; - canvas positioning</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/13.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-016-ref.xht" />
+
+<style type="text/css"><![CDATA[
+ body { border: solid lime; background: green url(support/square-purple.png) center top no-repeat; color: white; }
+ html { border: solid blue; background: white url(support/square-teal.png) repeat-x top center; color: black; }
+ :link, :visited { color: inherit; background: transparent; }
+ p { margin: 1em; padding: 1em; }
+ html, body { margin: 17px; }
+]]></style>
+
+</head>
+<body>
+<p>There should be a horizontal line of teal tiles positioned between
+the top border of the blue box and the top border of the bright green
+box, and extending all the way past the sides of the blue box to the
+left and right edges of the page.
+One of those tiles must be centered horizontally within the page, so
+that it is exactly above the purple square that appears at the top of
+the inner green box. </p>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-017-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-017-ref.xht
new file mode 100644
index 0000000000..7d3a3580ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-017-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: navy;
+ border: blue solid;
+ color: white;
+ margin: 1em;
+ padding: 2em;
+ }
+
+ div
+ {
+ background-color: green;
+ border: lime solid;
+ padding: 3em;
+ }
+
+ strong
+ {
+ margin: 0em 1em;
+ padding: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>This paragraph should be a box that is green with a green border, which should be in a navy box with a bright blue border. The rest of the page should also be navy. <strong>The outer sea of blue should extend to the edges of the viewport, but the boxes should just wrap around this text and not grow to match the viewport.</strong></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-017.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-017.xht
new file mode 100644
index 0000000000..6405ac1266
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-017.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Height of root element</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/14.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#Computing_heights_and_margins"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-017-ref.xht" />
+
+<style type="text/css"><![CDATA[
+ body { border: solid lime; background: green; color: white; }
+ html { border: solid blue; background: navy; color: yellow; }
+ :link, :visited { color: inherit; background: transparent; }
+ * { margin: 1em; padding: 1em; }
+]]></style>
+
+</head>
+<body>
+<p>This paragraph should be a box that is green with a green
+border, which should be in a navy box with a bright blue border.
+The rest of the page should also be navy. <strong>The outer sea
+of blue should extend to the edges of the viewport, but the
+boxes should just wrap around this text and not grow to match
+the viewport.</strong></p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-018-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-018-ref.xht
new file mode 100644
index 0000000000..47403561f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-018-ref.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css">
+ html, body {height: 100%;}
+
+ body
+ {
+ margin: 0px;
+ overflow: hidden;
+ }
+
+ div#grand-parent
+ {
+ background: url("support/cat.png") 21px 21px;
+ height: 100%;
+ padding: 1em;
+ }
+
+ div#parent
+ {
+ border: blue solid 5px;
+ padding: 2em;
+ }
+
+ div#child
+ {
+ border: gray solid medium;
+ padding: 3em;
+ }
+
+ span
+ {
+ background-color: yellow;
+ font-size: larger;
+ }
+ </style>
+
+ </head>
+
+ <body>
+
+ <div id="grand-parent">
+ <div id="parent">
+ <div id="child"><span>There should be lots of cats in the background, covering the entire page, excluding the yellow background of this text, but <em>including the area outside the blue box</em>. One of the cats should start exactly inside the top left corner of the blue box (the HTML box).</span></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-018.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-018.xht
new file mode 100644
index 0000000000..92dae30a96
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-018.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background propagation on &lt;body&gt; and &lt;html&gt; - Tiling and positioning</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/15.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-018-ref.xht" />
+
+ <meta name="flags" content="image"/>
+<style type="text/css"><![CDATA[
+ body { border: solid gray; background: red url(support/cat.png); color: black; }
+ html { border: solid 5px blue; background: transparent; color: black; }
+ span { background: yellow; font-size: larger; }
+ * { margin: 1em; padding: 1em; }
+ em, span { margin: 0; padding: 0; }
+]]></style>
+
+</head>
+<body>
+<p><span>There should be lots of cats in the background, covering the
+entire page, excluding the yellow background of this text, but
+<em>including the area outside the blue box</em>.
+One of the cats should start exactly inside the top left
+corner of the blue box (the HTML box).</span></p>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-019-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-019-ref.xht
new file mode 100644
index 0000000000..825f32636c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-019-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background: navy url("support/diamond.png") no-repeat;
+ border: blue solid 1em;
+ margin: 1em;
+ padding: 2em;
+ }
+
+ div
+ {
+ background-color: green;
+ border: solid lime;
+ color: white;
+ padding: 3em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>This time, there should be a single purple diamond at the upper left hand corner of the viewport. It should be bathed in blue. In this sea of blue there should be a bright thick blue border, containing more blue and a thin bright green border, which itself contains only green and this text.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-019.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-019.xht
new file mode 100644
index 0000000000..cd7d7e812f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-019.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Canvas background - position</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/16.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-019-ref.xht" />
+
+<style type="text/css"><![CDATA[
+ body { border: solid lime; background: green; color: white; }
+ html { border: 1em solid blue; background: navy url(support/diamond.png) -2em -2em no-repeat; color: yellow; }
+ :link, :visited { color: inherit; background: transparent; }
+ * { margin: 1em; padding: 1em; }
+]]></style>
+
+</head>
+<body>
+<p> This time, there should be a single purple diamond at the upper left
+hand corner of the viewport. It should be bathed in blue. In this sea
+of blue there should be a bright thick blue border, containing more
+blue and a thin bright green border, which itself contains only green
+and this text.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-020-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-020-ref.xht
new file mode 100644
index 0000000000..66ee7c18ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-020-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: green;
+ border: lime solid 1em;
+ color: yellow;
+ margin: 1em;
+ padding: 2em;
+ }
+
+ div
+ {
+ border: inherit;
+ padding: 3em;
+ text-align: justify;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>Test is passed if this paragraph has two thick bright green borders surrounding it and if the background of the whole page is green. The box formed by the outer bright green border should not become taller (or smaller) if the window height is increased or maximized (or decreased): its sides should be approximately equidistant from the edges of this text.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-020.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-020.xht
new file mode 100644
index 0000000000..6361f768bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-020.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Background: Test Seventeen</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/17.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#Computing_heights_and_margins"/>
+ <meta name="assert" content="Rules governing visual formating of block level non-replaced elements and calculations of height apply to the document root element just as to any other element. Document root element should not stretch vertically to fit the viewport; document root element should only be as tall as required to enclose its content."/>
+ <link rel="match" href="background-root-020-ref.xht" />
+
+<style type="text/css"><![CDATA[
+ body, html { background: green; border: lime 1em solid; margin: 1em; padding: 1em; color: yellow; }
+ :link, :visited { color: inherit; background: transparent; }
+ * { margin: 1em; padding: 1em; text-align: justify; }
+]]></style>
+
+</head>
+<body>
+
+ <p>Test is passed if this paragraph has two thick bright green borders surrounding it
+ and if the background of the whole page is green. The box formed by the outer
+ bright green border should not become taller (or smaller) if the window height is
+ increased or maximized (or decreased): its sides should be approximately
+ equidistant from the edges of this text.</p>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-023-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-023-ref.xht
new file mode 100644
index 0000000000..52585163d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-023-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 3em 0em 0.5em 0em;}
+
+ div
+ {
+ background-color: green;
+ border-left: orange solid 1em;
+ height: 60px;
+ }
+
+ p {margin: 0em 1em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div></div>
+
+ <p>There should be a horizontal green bar crossing the page above this sentence, exactly the height of the vertical orange bar at its left end:</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-023.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-023.xht
new file mode 100644
index 0000000000..e61788617c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-023.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Opera Tests: Background: Test Twenty Three</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <meta content="The BODY and HTML backgrounds are drawn independently when each is specified, even if their specified values are the same." name="assert" /> <!-- I am not sure what the original intention of the test was, but it was wrong, so this is my attempt to fix it. -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/23.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <link rel="match" href="background-root-023-ref.xht" />
+
+<style type="text/css"><![CDATA[
+ html { background: url(support/60x60-gg-rr.png) 0 3em repeat-x; margin: 0; border: 0; padding: 0; }
+ body { background: url(support/60x60-gg-rr.png) 0 3em repeat-x; margin: 0; border: 0; padding: 0; }
+ p { margin-top: 30px; border-top: 30px solid transparent; height: 0; padding: 3em 1em 0; font-size: 1em; }
+ div { position: fixed; top: 3em; height: 60px; background: orange; left: 0; width: 1em; }
+]]></style>
+
+</head>
+<body>
+<p>There should be a horizontal green bar crossing the page above this sentence, exactly the height of the vertical orange bar at its left end:</p>
+
+<div></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-024-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-024-ref.xht
new file mode 100644
index 0000000000..384bdcfe1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-024-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css">
+ html, body
+ {
+ height: 100%;
+ margin: 0px;
+ }
+
+ div#parent
+ {
+ background: url("support/cat.png") repeat-y 1em 1em;
+ height: 100%;
+ }
+
+ div#child
+ {
+ color: navy;
+ font: bold 2em sans-serif;
+ margin-left: 100px;
+ padding: 4em 3em;
+ }
+ </style>
+
+ </head>
+
+ <body>
+
+ <div id="parent">
+ <div id="child">There should be a column of cats to the left of this page.</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-024.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-024.xht
new file mode 100644
index 0000000000..5a8ed3210a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-024.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Repeating Backgrounds: Y</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/repeat/001.html" type="text/html"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/repeat/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
+ <link rel="match" href="background-root-024-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ body { background: url(support/cat.png) repeat-y; color: navy; font: bold 2em sans-serif; }
+ p { margin-left: 100px; }
+ html, body { margin: 1em; padding: 1em; }
+ ]]></style>
+ </head>
+ <body>
+ <p>There should be a column of cats to the left of this page.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-101-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-101-ref.xht
new file mode 100644
index 0000000000..1db8fae10b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-101-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: green;
+ color: white;
+ }
+
+ p {font-weight: bold;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This page should be green (and this text should be bold -- if it isn't bold, something went wrong with the script part of the test).</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-101.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-101.xht
new file mode 100644
index 0000000000..49ef3738e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-101.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+ <head class="before">
+ <title>CSS Test: CSS: Changing the background of the BODY element by changing a sibling's class</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/dynamic/001.html" type="text/html"/>
+ <meta name="flags" content="dom"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
+ <link rel="match" href="background-root-101-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ head.before + body { background: red; color: yellow; }
+ head.after + body { background: green; color: white; }
+ p.after { font-weight: bold; }
+ ]]></style>
+ <script type="text/javascript">
+ function test() {
+ document.getElementsByTagName('head')[0].className = 'after';
+ document.getElementsByTagName('p')[0].className = 'after';
+ document.documentElement.className = "";
+ }
+ </script>
+ </head>
+ <body onload="setTimeout(test, 5)">
+ <p class="before">This page should be green (and this text should be bold -- if it isn't bold, something went wrong with the script part of the test).</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-102.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-102.xht
new file mode 100644
index 0000000000..f680ca46c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-102.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" class="reftest-wait">
+ <head>
+ <title>CSS Test: CSS: Changing the background of the BODY element by changing its class</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/dynamic/002.html" type="text/html"/>
+ <meta name="flags" content="dom"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
+ <link rel="match" href="background-root-101-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ body.before { background: red; color: yellow; }
+ body.after { background: green; color: white; }
+ p.after { font-weight: bold; }
+ ]]></style>
+ <script type="text/javascript">
+ function test() {
+ document.getElementsByTagName('body')[0].className = 'after';
+ document.getElementsByTagName('p')[0].className = 'after';
+ document.documentElement.className = "";
+ }
+ </script>
+ </head>
+ <body class="before" onload="setTimeout(test, 5)">
+ <p class="before">This page should be green (and this text should be bold -- if it isn't bold, something went wrong with the script part of the test).</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-103.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-103.xht
new file mode 100644
index 0000000000..f82f452707
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-103.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en-before" class="reftest-wait">
+ <head>
+ <title>CSS Test: CSS: Changing the background of the BODY element by changing a parent's attribute</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/dynamic/003.html" type="text/html"/>
+ <meta name="flags" content="dom"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
+ <link rel="match" href="background-root-101-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ html[lang="en-before"] > body { background: red; color: yellow; }
+ html[lang="en-after"] > body { background: green; color: white; }
+ p[lang="en-after"] { font-weight: bold; }
+ ]]></style>
+ <script type="text/javascript">
+ function test() {
+ document.getElementsByTagName('html')[0].lang = 'en-after';
+ document.getElementsByTagName('p')[0].lang = 'en-after';
+ document.documentElement.className = "";
+ }
+ </script>
+ </head>
+ <body onload="setTimeout(test, 5)">
+ <p lang="en-before">This page should be green (and this text should be bold -- if it isn't bold, something went wrong with the script part of the test).</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-transparency-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-transparency-001.xht
new file mode 100644
index 0000000000..eeec1719d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-transparency-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background initial transparency</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
+ <meta name="assert" content="Background of the parent shines through the child if nothing is over it." />
+ <style type="text/css">
+ #div1
+ {
+ background: orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the background of the "Filler Text" below is orange.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000001_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000001_color.png
new file mode 100644
index 0000000000..44e8f5fc3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000001_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000002_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000002_color.png
new file mode 100644
index 0000000000..6825fc50d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000002_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000003_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000003_color.png
new file mode 100644
index 0000000000..e537ccb321
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000003_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000066_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000066_color.png
new file mode 100644
index 0000000000..fd5146f51e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000066_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/00007f_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/00007f_color.png
new file mode 100644
index 0000000000..e650990901
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/00007f_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000080_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000080_color.png
new file mode 100644
index 0000000000..a45e346be3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000080_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fc_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fc_color.png
new file mode 100644
index 0000000000..91d607c63f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fc_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fd_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fd_color.png
new file mode 100644
index 0000000000..f994178a4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fd_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fe_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fe_color.png
new file mode 100644
index 0000000000..85b46c91f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fe_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000100_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000100_color.png
new file mode 100644
index 0000000000..f588ea6a54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000100_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000200_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000200_color.png
new file mode 100644
index 0000000000..96780cea16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000200_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000300_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000300_color.png
new file mode 100644
index 0000000000..98ad6a9d2a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000300_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000_color.png
new file mode 100644
index 0000000000..77ff0976b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/001_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/001_color.png
new file mode 100644
index 0000000000..07142d0174
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/001_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/006600_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/006600_color.png
new file mode 100644
index 0000000000..b1176065c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/006600_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/007f00_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/007f00_color.png
new file mode 100644
index 0000000000..795241a77b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/007f00_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/008000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/008000_color.png
new file mode 100644
index 0000000000..7d36483c20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/008000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/009_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/009_color.png
new file mode 100644
index 0000000000..59c8c225b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/009_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/00e_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/00e_color.png
new file mode 100644
index 0000000000..890627ef9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/00e_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/00f_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/00f_color.png
new file mode 100644
index 0000000000..d86f444a9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/00f_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/00fc00_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/00fc00_color.png
new file mode 100644
index 0000000000..45b2d4e491
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/00fc00_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/00fd00_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/00fd00_color.png
new file mode 100644
index 0000000000..048cf6d8bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/00fd00_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/00fe00_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/00fe00_color.png
new file mode 100644
index 0000000000..d87dfad1a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/00fe00_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/010000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/010000_color.png
new file mode 100644
index 0000000000..4fb66c452b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/010000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/010101_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/010101_color.png
new file mode 100644
index 0000000000..3d12cdf283
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/010101_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/010_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/010_color.png
new file mode 100644
index 0000000000..aa02c2fc07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/010_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/020000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/020000_color.png
new file mode 100644
index 0000000000..b9081b2c52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/020000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/020202_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/020202_color.png
new file mode 100644
index 0000000000..4609f7e32b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/020202_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/030000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/030000_color.png
new file mode 100644
index 0000000000..394a849398
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/030000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/030303_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/030303_color.png
new file mode 100644
index 0000000000..1bc412918d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/030303_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/090_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/090_color.png
new file mode 100644
index 0000000000..08486ddd2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/090_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/0e0_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/0e0_color.png
new file mode 100644
index 0000000000..9b3da18419
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/0e0_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/0f0_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/0f0_color.png
new file mode 100644
index 0000000000..b79feb73e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/0f0_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/100_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/100_color.png
new file mode 100644
index 0000000000..3252b1203a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/100_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/100x100-lime.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/100x100-lime.png
new file mode 100644
index 0000000000..1b94770080
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/100x100-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/100x100-red.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/100x100-red.png
new file mode 100644
index 0000000000..57bf3ddc52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/100x100-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/111_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/111_color.png
new file mode 100644
index 0000000000..3f87769d3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/111_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/660000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/660000_color.png
new file mode 100644
index 0000000000..a53c4d814d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/660000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/666666_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/666666_color.png
new file mode 100644
index 0000000000..0c257ddaba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/666666_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/7f0000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/7f0000_color.png
new file mode 100644
index 0000000000..73c14d8efc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/7f0000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/7f7f7f_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/7f7f7f_color.png
new file mode 100644
index 0000000000..96b704d3bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/7f7f7f_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/800000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/800000_color.png
new file mode 100644
index 0000000000..5e366ce05a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/800000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/808080_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/808080_color.png
new file mode 100644
index 0000000000..86da9d7b5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/808080_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/900_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/900_color.png
new file mode 100644
index 0000000000..7ebcd4d596
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/900_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/999_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/999_color.png
new file mode 100644
index 0000000000..a6732b17c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/999_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/README b/testing/web-platform/tests/css/CSS2/backgrounds/support/README
new file mode 100644
index 0000000000..2e5f2ad073
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/README
@@ -0,0 +1,28 @@
+CSS Global Support Directory
+============================
+
+This directory contains common support files (such as images and external
+style sheets). These are sync'ed into the support directories of all our
+test suites. If you have test-suite-specific support files, please add
+them to the appropriate test-suite-specific support/ directory.
+
+If you add to a support/ directory, please run the tools/supportprop.py
+script from the top of the repository to cascade support files into the
+lower-level support directories.
+
+Description of the Common Support File Collection
+-------------------------------------------------
+
+The 1x1-* images are all exactly one pixel.
+
+The swatch-* images all use 15x15 cells.
+
+The square-* images all use 15x15 cells with one pixel borders.
+
+The pattern-* images use cells of various sizes:
+
+ pattern-grg-rgr-grg.png 20x20
+ pattern-rgr-grg-rgr.png 20x20
+ pattern-tr.png 15x15
+ pattern-grg-rrg-rgg.png 15x15
+
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/animated.gif b/testing/web-platform/tests/css/CSS2/backgrounds/support/animated.gif
new file mode 100644
index 0000000000..23b7d209e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/animated.gif
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/aqua_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/aqua_color.png
new file mode 100644
index 0000000000..0a26c7d00d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/aqua_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-alpha-test.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-alpha-test.png
new file mode 100644
index 0000000000..2eb7a7977c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-alpha-test.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-iframes-001.html b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-iframes-001.html
new file mode 100644
index 0000000000..f2d18df6ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-iframes-001.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <title>Inner Frame</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-04-21 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/iframes/001a.html" type="text/html">
+ <style type="text/css">
+ * { background: transparent; margin: 0; padding: 0; }
+ p { margin: 4em 1em; color: blue; }
+ </style>
+ </head>
+ <body>
+ <!-- Transparent -->
+ <p>You should see the word "PASS" above.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-center.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-center.png
new file mode 100644
index 0000000000..69a77a1c02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-center.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-left.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-left.png
new file mode 100644
index 0000000000..06fd4259e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-left.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-right.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-right.png
new file mode 100644
index 0000000000..21b51f8434
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-right.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-center.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-center.png
new file mode 100644
index 0000000000..5f35ec47c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-center.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-left.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-left.png
new file mode 100644
index 0000000000..565363770e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-left.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-right.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-right.png
new file mode 100644
index 0000000000..c61e813f6a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-right.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-center.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-center.png
new file mode 100644
index 0000000000..dc1f0be8a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-center.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-left.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-left.png
new file mode 100644
index 0000000000..e9999e3448
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-left.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-right.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-right.png
new file mode 100644
index 0000000000..153faa0e3d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-right.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/bar_with_corner_dot.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/bar_with_corner_dot.png
new file mode 100644
index 0000000000..fbbc56de16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/bar_with_corner_dot.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/black15x15.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/black15x15.png
new file mode 100644
index 0000000000..b1bbef2cd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/black15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/black20x20.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/black20x20.png
new file mode 100644
index 0000000000..ebf7027ee7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/black20x20.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/blue-orange-rectangle.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/blue-orange-rectangle.png
new file mode 100644
index 0000000000..f43f193291
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/blue-orange-rectangle.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/blue96x96.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/blue96x96.png
new file mode 100644
index 0000000000..820f8cace2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/blue96x96.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/bordered-rectangle.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/bordered-rectangle.png
new file mode 100644
index 0000000000..1da0ce2ec3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/bordered-rectangle.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/cat-128.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/cat-128.png
new file mode 100644
index 0000000000..a7b61bced8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/cat-128.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/cat-830.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/cat-830.png
new file mode 100644
index 0000000000..34c4f5b2a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/cat-830.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/cat.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/diamond.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/e00_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/e00_color.png
new file mode 100644
index 0000000000..099ac40636
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/e00_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/eee_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/eee_color.png
new file mode 100644
index 0000000000..0fee0d2701
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/eee_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/f00_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/f00_color.png
new file mode 100644
index 0000000000..e04c3e1b79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/f00_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/fc0000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/fc0000_color.png
new file mode 100644
index 0000000000..08db9a3d40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/fc0000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/fcfcfc_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/fcfcfc_color.png
new file mode 100644
index 0000000000..1f60f7f655
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/fcfcfc_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/fd0000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/fd0000_color.png
new file mode 100644
index 0000000000..0c5d949812
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/fd0000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/fdfdfd_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/fdfdfd_color.png
new file mode 100644
index 0000000000..1c6ee9445f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/fdfdfd_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/fe0000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/fe0000_color.png
new file mode 100644
index 0000000000..a37fde2585
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/fe0000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/fefefe_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/fefefe_color.png
new file mode 100644
index 0000000000..aaf3e29683
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/fefefe_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/fff_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/fff_color.png
new file mode 100644
index 0000000000..dae1772055
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/fff_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/fuchsia_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/fuchsia_color.png
new file mode 100644
index 0000000000..65e6878bb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/fuchsia_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-height-ratio.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-height-ratio.svg
new file mode 100644
index 0000000000..6a0495bd49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-height-ratio.svg
@@ -0,0 +1,5 @@
+<!-- only intrinsic ratio and height -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ height="60" viewBox="0 0 4 6">
+ <rect width="100%" height="100%" fill="green"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-height.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-height.svg
new file mode 100644
index 0000000000..04f77878bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-height.svg
@@ -0,0 +1,5 @@
+<!-- only intrinsic height -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ height="60">
+ <rect width="100%" height="100%" fill="green"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-none.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-none.svg
new file mode 100644
index 0000000000..8f1cf0adda
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-none.svg
@@ -0,0 +1,4 @@
+<!-- no intrinsic size -->
+<svg xmlns="http://www.w3.org/2000/svg">
+ <rect width="100%" height="100%" fill="green"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-ratio-landscape.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-ratio-landscape.svg
new file mode 100644
index 0000000000..4c2e75ba0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-ratio-landscape.svg
@@ -0,0 +1,5 @@
+<!-- only intrinsic ratio (landscape) -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 6 4">
+ <rect width="100%" height="100%" fill="green"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-ratio-portrait.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-ratio-portrait.svg
new file mode 100644
index 0000000000..0ec89f82c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-ratio-portrait.svg
@@ -0,0 +1,5 @@
+<!-- only intrinsic ratio (portrait) -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 4 6">
+ <rect width="100%" height="100%" fill="green"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-height.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-height.svg
new file mode 100644
index 0000000000..2c5d164298
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-height.svg
@@ -0,0 +1,5 @@
+<!-- only intrinsic height -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="40" height="60">
+ <rect width="100%" height="100%" fill="green"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-pc-height-pc.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-pc-height-pc.svg
new file mode 100644
index 0000000000..6fc18f30af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-pc-height-pc.svg
@@ -0,0 +1,5 @@
+<!-- only intrinsic height -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="40%" height="60%">
+ <rect width="100%" height="100%" fill="green"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-ratio.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-ratio.svg
new file mode 100644
index 0000000000..9e44203ee2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-ratio.svg
@@ -0,0 +1,5 @@
+<!-- only intrinsic ratio and height -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="40" viewBox="0 0 4 6">
+ <rect width="100%" height="100%" fill="green"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width.svg
new file mode 100644
index 0000000000..dd7295244d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width.svg
@@ -0,0 +1,5 @@
+<!-- only intrinsic width -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="60">
+ <rect width="100%" height="100%" fill="green"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-landscape.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-landscape.png
new file mode 100644
index 0000000000..a5ca1cd6b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-landscape.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-portrait.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-portrait.png
new file mode 100644
index 0000000000..f263a0dcb5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-portrait.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green15x15.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green_box.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/green_box.png
new file mode 100644
index 0000000000..6ed4aa506e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green_box.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/margin-collapse-2em-space.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/margin-collapse-2em-space.png
new file mode 100644
index 0000000000..2c381ef4dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/margin-collapse-2em-space.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/margin-collapse-4em-space.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/margin-collapse-4em-space.png
new file mode 100644
index 0000000000..dc338c0bfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/margin-collapse-4em-space.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/maroon_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/maroon_color.png
new file mode 100644
index 0000000000..a85b5ae150
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/maroon_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/olive_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/olive_color.png
new file mode 100644
index 0000000000..ba0173f374
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/olive_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/orange-PASS-300x150.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/orange-PASS-300x150.png
new file mode 100644
index 0000000000..8cddb128b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/orange-PASS-300x150.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/orange15x15.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/orange15x15.png
new file mode 100644
index 0000000000..f0c26367a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/orange15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/orange_box.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/orange_box.png
new file mode 100644
index 0000000000..793e6c9094
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/orange_box.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/purple_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/purple_color.png
new file mode 100644
index 0000000000..cc5bf7e45a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/purple_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-height-ratio.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-height-ratio.svg
new file mode 100644
index 0000000000..55063b97ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-height-ratio.svg
@@ -0,0 +1,5 @@
+<!-- only intrinsic ratio and height -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ height="60" viewBox="0 0 4 6">
+ <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-height.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-height.svg
new file mode 100644
index 0000000000..9e446e0bec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-height.svg
@@ -0,0 +1,5 @@
+<!-- only intrinsic height -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ height="60">
+ <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-none.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-none.svg
new file mode 100644
index 0000000000..078e34a18e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-none.svg
@@ -0,0 +1,4 @@
+<!-- no intrinsic size -->
+<svg xmlns="http://www.w3.org/2000/svg">
+ <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-ratio-landscape.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-ratio-landscape.svg
new file mode 100644
index 0000000000..8fafa8ca96
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-ratio-landscape.svg
@@ -0,0 +1,5 @@
+<!-- only intrinsic ratio (landscape) -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 6 4">
+ <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-ratio-portrait.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-ratio-portrait.svg
new file mode 100644
index 0000000000..962bc5d1ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-ratio-portrait.svg
@@ -0,0 +1,5 @@
+<!-- only intrinsic ratio (portrait) -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 4 6">
+ <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-height.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-height.svg
new file mode 100644
index 0000000000..b3c8e47d44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-height.svg
@@ -0,0 +1,5 @@
+<!-- only intrinsic height -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="40" height="60">
+ <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-pc-height-pc.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-pc-height-pc.svg
new file mode 100644
index 0000000000..361a8af4a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-pc-height-pc.svg
@@ -0,0 +1,5 @@
+<!-- only intrinsic height -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="40%" height="60%">
+ <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-ratio.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-ratio.svg
new file mode 100644
index 0000000000..2d0e67e7e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-ratio.svg
@@ -0,0 +1,5 @@
+<!-- only intrinsic ratio and width -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="40" viewBox="0 0 4 6">
+ <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width.svg
new file mode 100644
index 0000000000..fd49e23a10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width.svg
@@ -0,0 +1,5 @@
+<!-- only intrinsic width -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="60">
+ <rect width="100%" height="100%" fill="red"/>
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-landscape.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-landscape.png
new file mode 100644
index 0000000000..4c0369bed7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-landscape.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-portrait.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-portrait.png
new file mode 100644
index 0000000000..6dd0e3b3c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-portrait.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red15x15.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/red15x15.png
new file mode 100644
index 0000000000..39005d7e6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red_box.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/red_box.png
new file mode 100644
index 0000000000..57bf3ddc52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red_box.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/ring.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/ruler-h-200px-400px.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/ruler-h-200px-400px.png
new file mode 100644
index 0000000000..a6461c3d3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/ruler-h-200px-400px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/ruler-v-100px-200px-300px.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/ruler-v-100px-200px-300px.png
new file mode 100644
index 0000000000..d61da4da26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/ruler-v-100px-200px-300px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/silver_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/silver_color.png
new file mode 100644
index 0000000000..ceb4e510f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/silver_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/square-purple.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/square-teal.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/square-white.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-teal.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-teal.png
new file mode 100644
index 0000000000..0293ce89de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/teal_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/teal_color.png
new file mode 100644
index 0000000000..2fde04855d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/teal_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/test-bl.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/test-br.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/test-outer.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/test-tl.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/test-tr.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/transparent_green.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/transparent_green.png
new file mode 100644
index 0000000000..d5f50d3256
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/transparent_green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/yellow_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/yellow_color.png
new file mode 100644
index 0000000000..d0d02000d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/yellow_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-005.xht b/testing/web-platform/tests/css/CSS2/bidi-005.xht
new file mode 100644
index 0000000000..732e825040
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-005.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and white-space: pre; </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="reference/bidi-005-ref.xht" />
+ <style type="text/css">
+ div p { white-space: pre; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; }
+ .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; }
+ .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; }
+ .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-006.xht b/testing/web-platform/tests/css/CSS2/bidi-006.xht
new file mode 100644
index 0000000000..945a8065c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-006.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and white-space: nowrap; </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="reference/bidi-005-ref.xht" />
+ <style type="text/css">
+ div p { white-space: nowrap; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; }
+ .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; }
+ .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; }
+ .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-007.xht b/testing/web-platform/tests/css/CSS2/bidi-007.xht
new file mode 100644
index 0000000000..e7141383b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-007.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and float: left; </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="reference/bidi-007-ref.xht" />
+ <style type="text/css">
+ div p { float: left; clear: left; margin: 0.5em 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; }
+ .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; }
+ .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; }
+ .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-008.xht b/testing/web-platform/tests/css/CSS2/bidi-008.xht
new file mode 100644
index 0000000000..619dd7c451
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-008.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and display: table; </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="reference/bidi-007-ref.xht" />
+ <style type="text/css">
+ div p { display: table; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; }
+ .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; }
+ .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; }
+ .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-009.xht b/testing/web-platform/tests/css/CSS2/bidi-009.xht
new file mode 100644
index 0000000000..b30d594804
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-009.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and display: table-row; </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/009.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="reference/bidi-005-ref.xht" />
+ <style type="text/css">
+ div { margin: 1em; padding: 0.75em; background: black; color: yellow;
+ letter-spacing: 1em; font: 2em/1 serif; }
+ div p { display: table-row; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; }
+ .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; }
+ .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; }
+ .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ </div>
+ <div>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-010.xht b/testing/web-platform/tests/css/CSS2/bidi-010.xht
new file mode 100644
index 0000000000..144934a3c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-010.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and position: absolute </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/010.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="reference/bidi-007-ref.xht" />
+ <style type="text/css">
+ div { position: relative; }
+ .reference { top: -.5em; }
+ .test { top: 3em; }
+ div p { position: absolute; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; }
+ .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; }
+ .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; }
+ .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-overflow-scroll-001.xht b/testing/web-platform/tests/css/CSS2/bidi-overflow-scroll-001.xht
new file mode 100644
index 0000000000..797a00e2fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-overflow-scroll-001.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: overflow:scroll in rtl context</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow"/>
+ <meta name="flags" content=""/>
+ <meta name="assert" content="Scrolling UI created by overflow should be positioned on the left in rtl context"/>
+ <style type="text/css"><![CDATA[
+ div {
+ border: 1px solid;
+ direction:rtl;
+ overflow:auto;
+ width: 10em;
+ height:2em;
+ }
+ div.scroll {
+ margin-top: 1em;
+ overflow:scroll;
+ }
+ ]]></style>
+ </head>
+ <body>
+
+ <p>In both boxes below, the vertical scrollbar should be on the LEFT (&#x2190;) side of the box.</p>
+
+ <div>
+ filler<br/>
+ filler<br/>
+ filler<br/>
+ filler<br/>
+ </div>
+
+ <div class="scroll">
+ filler<br/>
+ filler<br/>
+ filler<br/>
+ filler<br/>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-001-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-001-ref.xht
new file mode 100644
index 0000000000..099ceedeef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-001-ref.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ span
+ {
+ color: blue;
+ line-height: 3em;
+ }
+
+ span.top-left-bottom
+ {
+ border-style: solid none solid solid;
+ padding: 0.4em 0 0.4em 1em;
+ }
+
+ span.top-right-bottom
+ {
+ border-style: solid solid solid none;
+ padding: 0.4em 1em 0.4em 0;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The following two lines should be identical. (Force bidi: &#x05D0;)</p>
+
+ <p><span class="top-left-bottom">AAABBBCCC</span>DDDEEEFFF<span class="top-right-bottom">GGGHHHIII</span>JJJKKKLLL</p>
+
+ <p><span class="top-left-bottom">AAABBBCCC</span>DDDEEEFFF<span class="top-right-bottom">GGGHHHIII</span>JJJKKKLLL</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-001.xht
new file mode 100644
index 0000000000..57d630ea78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-001.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: RLO/PDF bidi reordering across closing inline element boundary</title>
+ <meta name="assert"
+ content="Tests that RLO + closing inline element boundary + PDF
+ reorders text, splitting inline and rendering borders and padding appropriately."/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/001.html" type="text/html"/>
+
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+
+ <link rel="match" href="bidi-001-ref.xht" />
+
+ <style type="text/css">
+ .test { border: solid; padding: 0.4em 1em; line-height: 3em; color: blue; }
+ .control { line-height: 3em; color: blue; }
+ .control.a { border-style: solid none solid solid; padding: 0.4em 0 0.4em 1em; }
+ .control.b { border-style: solid solid solid none; padding: 0.4em 1em 0.4em 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two lines should be identical. (Force bidi: &#x05D0;) </p>
+ <p> <span class="control a">AAABBBCCC</span>DDDEEEFFF<span class="control b">GGGHHHIII</span>JJJKKKLLL </p>
+ <p> <span class="test"> AAABBBCCC&#x202E;IIIHHHGGG</span>FFFEEEDDD&#x202C;JJJKKKLLL </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-002-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-002-ref.xht
new file mode 100644
index 0000000000..831cdee909
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-002-ref.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div > p
+ {
+ background-color: #FFC;
+ border: solid;
+ color: black;
+ margin: 1em;
+ padding: 0.5em;
+ width: 17em;
+ }
+
+ span
+ {
+ color: navy;
+ line-height: 3em;
+ }
+
+ span.top-left-bottom
+ {
+ border-style: solid none solid solid;
+ padding: 0.4em 0 0.4em 1em;
+ }
+
+ span.top-right-bottom
+ {
+ border-style: solid solid solid none;
+ padding: 0.4em 1em 0.4em 0;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;)</p>
+
+ <div>
+ <p><span class="top-left-bottom">AAABBBCCC</span>DDDEEEFFF<span class="top-right-bottom">GGGHHHIII</span> JJJKKKLLLMMMNNNOOO</p>
+
+ <p><span class="top-left-bottom">AAABBBCCC</span>DDDEEEFFF<span class="top-right-bottom">GGGHHHIII</span> JJJKKKLLLMMMNNNOOO</p>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-002.xht
new file mode 100644
index 0000000000..518a55958e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-002.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: RLO/PDF bidi reordering across closing inline element boundary + soft line break</title>
+ <meta name="assert"
+ content="Tests that RLO + closing inline element boundary + soft line break + PDF
+ reorders text, placing text correctly on each line
+ while also splitting inline and rendering borders and padding appropriately."/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/002.html" type="text/html"/>
+
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-processing"/>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+
+ <link rel="match" href="bidi-002-ref.xht" />
+
+ <style type="text/css">
+ div p { width: 17em; border: solid; margin: 1em; padding: 0.5em; background: #FFFFCC; color: black; }
+ .test { border: solid; padding: 0.4em 1em; line-height: 3em; color: navy; }
+ .control { line-height: 3em; color: navy; }
+ .control.a { border-style: solid none solid solid; padding: 0.4em 0 0.4em 1em; }
+ .control.b { border-style: solid solid solid none; padding: 0.4em 1em 0.4em 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p>
+ <span class="control a">AAABBBCCC</span>DDDEEEFFF<span class="control b">GGGHHHIII</span>
+ JJJKKKLLLMMMNNNOOO
+ </p>
+ <p>
+ <span class="test">AAABBBCCC&#x202E;IIIHHHGGG</span>FFFEEEDDD
+ LLLKKKJJJ&#x202C;MMMNNNOOO
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-003-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-003-ref.xht
new file mode 100644
index 0000000000..6e4d51a4fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-003-ref.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div > p
+ {
+ background-color: #FFC;
+ border: solid;
+ margin: 1em;
+ padding: 0.5em;
+ white-space: nowrap;
+ }
+
+ span {line-height: 3em;}
+
+ span.top-left-bottom
+ {
+ border-style: solid none solid solid;
+ padding: 0.4em 0 0.4em 1em;
+ }
+
+ .navy {color: navy;}
+
+ .orange {color: orange;}
+
+ span.top-right-bottom
+ {
+ border-style: solid solid solid none;
+ padding: 0.4em 1em 0.4em 0;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;)</p>
+
+ <div>
+ <p>
+ <span class="top-left-bottom navy"> aaa bbb ccc </span>
+ <span class="top-left-bottom orange"> ddd eee fff </span>
+ ggg hhh iii
+ <span class="top-right-bottom navy"> jjj kkk lll </span>
+ <span class="top-right-bottom orange"> mmm nnn ooo </span>
+ </p>
+
+ <p>
+ <span class="top-left-bottom navy"> aaa bbb ccc </span>
+ <span class="top-left-bottom orange"> ddd eee fff </span>
+ ggg hhh iii
+ <span class="top-right-bottom navy"> jjj kkk lll </span>
+ <span class="top-right-bottom orange"> mmm nnn ooo </span>
+ </p>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-003.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-003.xht
new file mode 100644
index 0000000000..22b3207014
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-003.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: RLO/PDF bidi reordering across closing inline element boundary + opening inline boundary</title>
+ <meta name="assert"
+ content="Tests that RLO + closing inline element boundary + opening inline element boundary + PDF
+ reorders text, splitting inlines and rendering their borders and padding appropriately."/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/003.html" type="text/html"/>
+
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+
+ <link rel="match" href="bidi-003-ref.xht" />
+
+ <style type="text/css">
+ div p { white-space: nowrap; border: solid; margin: 1em; padding: 0.5em; background: #FFFFCC; color: black; }
+ .test { border: solid; padding: 0.4em 1em; line-height: 3em; }
+ .control { line-height: 3em; }
+ .control.start { border-style: solid none solid solid; padding: 0.4em 0 0.4em 1em; }
+ .control.end { border-style: solid solid solid none; padding: 0.4em 1em 0.4em 0; }
+ .a { color: navy; }
+ .b { color: orange; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p>
+ <span class="control a start"> aaa bbb ccc </span>
+ <span class="control b start"> ddd eee fff </span>
+ ggg hhh iii
+ <span class="control a end"> jjj kkk lll </span>
+ <span class="control b end"> mmm nnn ooo </span>
+ </p>
+ <p>
+ <span class="test a"> aaa bbb ccc &#x202E; lll kkk jjj </span> iii hhh ggg <span class="test b"> fff eee ddd &#x202C; mmm nnn ooo </span>
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-004-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-004-ref.xht
new file mode 100644
index 0000000000..b8bb0563b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-004-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <meta name="flags" content="ahem"/>
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div p { width: 28em; border: solid; margin: 1em; padding: 0.5em; background: #FFFFCC; color: black; font: 1em/1 Ahem; }
+ .control { line-height: 3em; }
+ .control.start { border-style: solid none solid solid; padding: 0.4em 0 0.4em 1em; }
+ .control.middle { border-style: solid none solid none; padding: 0.4em 0 0.4em 0; }
+ .control.end { border-style: solid solid solid none; padding: 0.4em 1em 0.4em 0; }
+ .a { color: navy; }
+ .b { color: orange; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p>
+ <span class="control a start">pppp&nbsp;pppX&nbsp;ppXp&nbsp;ppXX&nbsp;pXpp</span><br
+ /><span class="control b start">pXpX</span>&nbsp;pXXp&nbsp;pXXX&nbsp;Xppp<span class="control a end">&nbsp;XppX</span><br
+ /><span class="control b end">XpXp&nbsp;XpXX&nbsp;XXpp&nbsp;XXpX&nbsp;XXXp</span>
+ </p>
+ <p>
+ <span class="control a start">pppp&nbsp;pppX&nbsp;ppXp&nbsp;ppXX&nbsp;pXpp</span><br
+ /><span class="control b start">pXpX</span>&nbsp;pXXp&nbsp;pXXX&nbsp;Xppp<span class="control a end">&nbsp;XppX</span><br
+ /><span class="control b end">XpXp&nbsp;XpXX&nbsp;XXpp&nbsp;XXpX&nbsp;XXXp</span>
+ </p>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-004.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-004.xht
new file mode 100644
index 0000000000..3ebd0eb146
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-004.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: The bidi algorithm and inlines in CSS</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-text-3/#white-space-rules"/>
+ <!-- Spaces are collapsed, then reordered, then trimmed. -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="help" href="http://www.w3.org/TR/html5/rendering.html#phrasing-content-0"/> <!-- <br> is a bidi paragraph separator -->
+ <link rel="match" href="bidi-004-ref.xht" />
+
+ <meta name="flags" content="may21 ahem"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div p { width: 28em; border: solid; margin: 1em; padding: 0.5em; background: #FFFFCC; color: black; font: 1em/1 Ahem; }
+ .test { border: solid; padding: 0.4em 1em; line-height: 3em; }
+ .control { line-height: 3em; }
+ .control.start { border-style: solid none solid solid; padding: 0.4em 0 0.4em 1em; }
+ .control.middle { border-style: solid none solid none; padding: 0.4em 0 0.4em 0; }
+ .control.end { border-style: solid solid solid none; padding: 0.4em 1em 0.4em 0; }
+ .a { color: navy; }
+ .b { color: orange; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p>
+ <span class="control a start">pppp&nbsp;pppX&nbsp;ppXp&nbsp;ppXX&nbsp;pXpp</span><br
+ /><span class="control b start">pXpX</span>&nbsp;pXXp&nbsp;pXXX&nbsp;Xppp<span class="control a end">&nbsp;XppX</span><br
+ /><span class="control b end">XpXp&nbsp;XpXX&nbsp;XXpp&nbsp;XXpX&nbsp;XXXp</span>
+ </p>
+ <p>
+ <!-- (note that everything between the RLO to the PDF is backwards) -->
+ <!-- line 1...................--> <!-- line 2........................................--> <!-- line 3...................-->
+ <span class="test a"> pppp pppX ppXp &#x202E; ppXp XXpp XppX </span> pppX XXXp pXXp <span class="test b"> XpXp ppXX XXpX pXpX &#x202C; XXpX XXXp </span>
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005a-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005a-ref.xht
new file mode 100644
index 0000000000..a094282ac1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005a-ref.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div > p
+ {
+ background-color: black;
+ color: yellow;
+ font: 2em/1 serif;
+ margin: 1em;
+ padding: 0.75em;
+ white-space: pre;
+ }
+
+ .c, .j, .e {color: aqua;}
+
+ .b, .d, .i, .k {color: fuchsia;}
+
+ .b, .c
+ {
+ border-style: solid none solid solid;
+ padding: 0.1em 0 0.1em 0;
+ margin-left: 0.5em;
+ }
+
+ .j, .k
+ {
+ border-style: solid solid solid none;
+ padding: 0.1em 0 0.1em 0;
+ margin-right: 0.5em;
+ }
+
+ .d, .e, .i
+ {
+ border-style: solid none solid none;
+ padding: 0.1em 0 0.1em 0;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;)</p>
+
+ <div>
+ <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p>
+
+ <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005a.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005a.xht
new file mode 100644
index 0000000000..c6bf5d2558
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005a.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and white-space: pre; </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="bidi-005a-ref.xht" />
+
+ <style type="text/css">
+ div p { white-space: pre; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; }
+ .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; }
+ .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; }
+ .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005b-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005b-ref.xht
new file mode 100644
index 0000000000..19338a981f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005b-ref.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div > p
+ {
+ background-color: black;
+ color: yellow;
+ font: 2em/1 serif;
+ letter-spacing: 1em;
+ margin: 1em;
+ padding: 0.75em;
+ white-space: pre;
+ }
+
+ .c, .j, .e {color: aqua;}
+
+ .i, .d, .k, .b {color: fuchsia;}
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;)</p>
+
+ <div>
+ <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p>
+
+ <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005b.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005b.xht
new file mode 100644
index 0000000000..39cdab5ee2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005b.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and white-space: pre; </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="match" href="bidi-005b-ref.xht" />
+
+ <style type="text/css">
+ div p { white-space: pre; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-006a.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-006a.xht
new file mode 100644
index 0000000000..a12eb99d9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-006a.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and white-space: nowrap; </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="bidi-005a-ref.xht" />
+
+ <style type="text/css">
+ div p { white-space: nowrap; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; }
+ .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; }
+ .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; }
+ .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-006b.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-006b.xht
new file mode 100644
index 0000000000..7645ff0f0d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-006b.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and white-space: nowrap; </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="bidi-005b-ref.xht" />
+
+ <style type="text/css">
+ div p { white-space: nowrap; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007a-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007a-ref.xht
new file mode 100644
index 0000000000..5c5e167da3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007a-ref.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div > p
+ {
+ background-color: black;
+ clear: left;
+ color: yellow;
+ float: left;
+ font: 2em/1 serif;
+ margin: 0.5em 1em;
+ padding: 0.75em;
+ white-space: pre;
+ }
+
+ .c, .j, .e {color: aqua;}
+
+ .b, .d, .i, .k {color: fuchsia;}
+
+ .b, .c
+ {
+ border-style: solid none solid solid;
+ padding: 0.1em 0 0.1em 0;
+ margin-left: 0.5em;
+ }
+
+ .j, .k
+ {
+ border-style: solid solid solid none;
+ padding: 0.1em 0 0.1em 0;
+ margin-right: 0.5em;
+ }
+
+ .d, .e, .i
+ {
+ border-style: solid none solid none;
+ padding: 0.1em 0 0.1em 0;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;)</p>
+
+ <div>
+ <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p>
+
+ <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007a.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007a.xht
new file mode 100644
index 0000000000..f09e90ba28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007a.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and float: left; </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="bidi-007a-ref.xht" />
+
+ <style type="text/css">
+ div p { float: left; clear: left; margin: 0.5em 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; }
+ .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; }
+ .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; }
+ .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007b-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007b-ref.xht
new file mode 100644
index 0000000000..c588b08af9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007b-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div > p
+ {
+ background-color: black;
+ clear: left;
+ color: yellow;
+ float: left;
+ font: 2em/1 serif;
+ letter-spacing: 1em;
+ margin: 0.5em 1em;
+ padding: 0.75em;
+ }
+
+ .c, .j, .e {color: aqua;}
+
+ .i, .d, .k, .b {color: fuchsia;}
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;)</p>
+
+ <div>
+ <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p>
+
+ <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007b.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007b.xht
new file mode 100644
index 0000000000..17de94046f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007b.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and float: left; </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="bidi-007b-ref.xht" />
+
+ <style type="text/css">
+ div p { float: left; clear: left; margin: 0.5em 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008a-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008a-ref.xht
new file mode 100644
index 0000000000..7feeed9443
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008a-ref.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div > p
+ {
+ background-color: black;
+ color: yellow;
+ display: table;
+ font: 2em/1 serif;
+ margin: 1em;
+ padding: 0.75em;
+ }
+
+ .c, .j, .e {color: aqua;}
+
+ .b, .d, .i, .k {color: fuchsia;}
+
+ .b, .c
+ {
+ border-style: solid none solid solid;
+ padding: 0.1em 0 0.1em 0;
+ margin-left: 0.5em;
+ }
+
+ .j, .k
+ {
+ border-style: solid solid solid none;
+ padding: 0.1em 0 0.1em 0;
+ margin-right: 0.5em;
+ }
+
+ .d, .e, .i
+ {
+ border-style: solid none solid none;
+ padding: 0.1em 0 0.1em 0;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;)</p>
+
+ <div>
+ <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p>
+
+ <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008a.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008a.xht
new file mode 100644
index 0000000000..b433001352
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008a.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and display: table; </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="bidi-008a-ref.xht" />
+
+ <style type="text/css">
+ div p { display: table; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; }
+ .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; }
+ .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; }
+ .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008b-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008b-ref.xht
new file mode 100644
index 0000000000..4995432864
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008b-ref.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div > p
+ {
+ background-color: black;
+ color: yellow;
+ display: table;
+ font: 2em/1 serif;
+ letter-spacing: 1em;
+ margin: 1em;
+ padding: 0.75em;
+ }
+
+ .c, .j, .e {color: aqua;}
+
+ .i, .d, .k, .b {color: fuchsia;}
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;)</p>
+
+ <div>
+ <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p>
+
+ <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008b.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008b.xht
new file mode 100644
index 0000000000..aad9aabcd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008b.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and display: table; </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="bidi-008b-ref.xht" />
+
+ <style type="text/css">
+ div p { display: table; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-009a.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-009a.xht
new file mode 100644
index 0000000000..9a6f629486
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-009a.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and display: table-row; </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/009.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="bidi-005a-ref.xht" />
+
+ <style type="text/css">
+ div { margin: 1em; padding: 0.75em; background: black; color: yellow;
+ font: 2em/1 serif; }
+ div p { display: table-row; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; }
+ .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; }
+ .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; }
+ .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ </div>
+ <div>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-009b.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-009b.xht
new file mode 100644
index 0000000000..8de198c602
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-009b.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and display: table-row; </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/009.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="bidi-005b-ref.xht" />
+
+ <style type="text/css">
+ div { margin: 1em; padding: 0.75em; background: black; color: yellow;
+ letter-spacing: 1em; font: 2em/1 serif; }
+ div p { display: table-row; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ </div>
+ <div>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-010a.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-010a.xht
new file mode 100644
index 0000000000..4b59622d03
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-010a.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and position: absolute </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/010.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="bidi-007a-ref.xht" />
+
+ <style type="text/css">
+ div { position: relative; }
+ .reference { top: -.5em; }
+ .test { top: 3em; }
+ div p { position: absolute; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; }
+ .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; }
+ .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; }
+ .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-010b.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-010b.xht
new file mode 100644
index 0000000000..eb10d8cb7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-010b.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and position: absolute </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/010.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="bidi-007b-ref.xht" />
+
+ <style type="text/css">
+ div { position: relative; }
+ .reference { top: -.5em; }
+ .test { top: 3em; }
+ div p { position: absolute; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="test">a&#x202E;l&#x202D;<span class="one">c&#x202E;j&#x202D;e&#x202E;</span>h&#x202D;g&#x202C;f<span class="two">&#x202C;i&#x202C;d&#x202C;k&#x202C;b</span>&#x202C;m</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-011-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-011-ref.xht
new file mode 100644
index 0000000000..25821d4235
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-011-ref.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid;
+ color: navy;
+ font: 2em monospace;
+ margin: 1em;
+ padding: 1em;
+ }
+
+ span
+ {
+ background-color: yellow;
+ border: orange solid;
+ margin: 0.1em 1em;
+ padding: 0.1em 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>The following two lines should be identical. (Force bidi: &#x05D0;)</p>
+
+ <div>TEST<span>TEST</span></div>
+
+ <div>TEST<span>TEST</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-011.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-011.xht
new file mode 100644
index 0000000000..6370e11483
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-011.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: The bidi algorithm and inlines in CSS wrapping bidi formatting characters</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/011.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/"/>
+ <link rel="match" href="bidi-011-ref.xht" />
+
+ <style type="text/css">
+ div div { border: solid black; color: navy; margin: 1em; padding: 1em; font: 2em monospace; }
+ span { border: solid orange; padding: 0.1em 1em; margin: 0.1em 1em; background: yellow; }
+ </style>
+ </head>
+ <body>
+ <p> The following two lines should be identical. (Force bidi: &#x05D0;) </p>
+ <div>
+ <div class="test">TE<span>&#x202E;TSET</span>&#x202D;ST </div>
+ <div class="reference">TEST<span>TEST</span></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-alt-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-alt-001.xht
new file mode 100644
index 0000000000..0872f42f37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-alt-001.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: unicode-bidi: bidi-override in alt text</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <meta name="assert" content="If alt text is not treated as replaced content, then unicode-bidi applies to image alt text."/>
+ <style type="text/css"><![CDATA[
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+ img {
+ color:blue;
+ width: 0; /* If alt text is treated as replaced content, then this makes it invisible. */
+ /* (The rendering of replaced content is out-of-scope for CSS.) */
+ display: inline;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>The three lines below should be <strong>identical</strong>.</p>
+
+ <p>Three lines of <img src="" alt="readable" width="0"/> text</p>
+ <p>Three lines of <span class="rtol"><img src="" alt="elbadaer" width="0"/></span> text</p>
+ <p>Three lines of <img src="" alt="elbadaer" class="rtol" width="0"/> text</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-001-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-001-ref.xht
new file mode 100644
index 0000000000..33a6d048a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-001-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ span
+ {
+ border-color: orange purple teal yellow;
+ border-style: solid;
+ border-width: 5px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+
+ <p>First <span>Second</span></p>
+
+ <p>First <span>Second</span></p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-001.xht
new file mode 100644
index 0000000000..e489e63240
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-001.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - borders on inline in normal block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="bidi-box-model-001-ref.xht" />
+
+ <meta name="assert" content="Border sides should be unaffected by directionality"/>
+ <style type="text/css"><![CDATA[
+ span {
+ border: 5px solid gray;
+ border-color: orange purple teal yellow;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: normal;
+ }
+
+ p {text-align: left;}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+ <p>
+ First <span>Second</span>
+ </p>
+ <p class="rtol">
+ First <span>Second</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-002.xht
new file mode 100644
index 0000000000..4bb1a15e59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-002.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - borders on inline in embed block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="bidi-box-model-001-ref.xht" />
+
+ <meta name="assert" content="Border sides should be unaffected by directionality"/>
+ <style type="text/css"><![CDATA[
+ span {
+ border: 5px solid gray;
+ border-color: orange purple teal yellow;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: embed;
+ }
+
+ p {text-align: left;}
+ ]]></style>
+</head>
+
+<body>
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+ <p>
+ First <span>Second</span>
+ </p>
+ <p class="rtol">
+ First <span>Second</span>
+ </p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-003.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-003.xht
new file mode 100644
index 0000000000..e62a34778f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-003.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - borders on inline in bidi-override block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="bidi-box-model-001-ref.xht" />
+
+ <meta name="assert" content="Border sides should be unaffected by directionality"/>
+ <style type="text/css"><![CDATA[
+ span {
+ border: 5px solid gray;
+ border-color: orange purple teal yellow;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+
+ p {text-align: left;}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+ <p>
+ First <span>Second</span>
+ </p>
+ <p class="rtol">
+ <span>dnoceS</span> tsriF
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-004.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-004.xht
new file mode 100644
index 0000000000..4e4f8204ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-004.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - borders on normal inline</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="bidi-box-model-001-ref.xht" />
+
+ <meta name="assert" content="Border sides should be unaffected by directionality"/>
+ <style type="text/css"><![CDATA[
+ span {
+ border: 5px solid gray;
+ border-color: orange purple teal yellow;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: normal;
+ }
+
+ p {text-align: left;}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+ <p>
+ First <span>Second</span>
+ </p>
+ <p>
+ First <span class="rtol">Second</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-005.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-005.xht
new file mode 100644
index 0000000000..c04dc983c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-005.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - borders on embed inline</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="bidi-box-model-001-ref.xht" />
+
+ <meta name="assert" content="Border sides should be unaffected by directionality"/>
+ <style type="text/css"><![CDATA[
+ span {
+ border: 5px solid gray;
+ border-color: orange purple teal yellow;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: embed;
+ }
+
+ p {text-align: left;}
+ ]]></style>
+</head>
+
+<body>
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+ <p>
+ First <span>Second</span>
+ </p>
+ <p>
+ First <span class="rtol">Second</span>
+ </p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-006.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-006.xht
new file mode 100644
index 0000000000..b78acf3647
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-006.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - borders on bidi-override inline</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="bidi-box-model-001-ref.xht" />
+
+ <meta name="assert" content="Border sides should be unaffected by directionality"/>
+ <style type="text/css"><![CDATA[
+ span {
+ border: 5px solid gray;
+ border-color: orange purple teal yellow;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+
+ p {text-align: left;}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+ <p>
+ First <span>Second</span>
+ </p>
+ <p>
+ First <span class="rtol">dnoceS</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-007-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-007-ref.xht
new file mode 100644
index 0000000000..d330cbc23a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-007-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-color: orange purple teal yellow;
+ border-style: solid;
+ border-width: 5px;
+ margin-bottom: 1em;
+ width: 10em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+
+ <div>Text</div>
+
+ <div>Text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-007.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-007.xht
new file mode 100644
index 0000000000..1c49616bc0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-007.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - borders on normal block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="bidi-box-model-007-ref.xht" />
+
+ <meta name="assert" content="Border sides should be unaffected by directionality"/>
+ <style type="text/css"><![CDATA[
+ div {
+ border: 5px solid gray;
+ border-color: orange purple teal yellow;
+ text-align: left;
+ width: 10em;
+ margin-bottom: 1em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: normal;
+ }
+
+ p {text-align: left;}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+ <div>
+ Text
+ </div>
+ <div class="rtol">
+ Text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-008.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-008.xht
new file mode 100644
index 0000000000..ea17c6b5af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-008.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - borders on embed block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="bidi-box-model-007-ref.xht" />
+
+ <meta name="assert" content="Border sides should be unaffected by directionality"/>
+ <style type="text/css"><![CDATA[
+ div {
+ border: 5px solid gray;
+ border-color: orange purple teal yellow;
+ text-align: left;
+ width: 10em;
+ margin-bottom: 1em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: embed;
+ }
+
+ p {text-align: left;}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+ <div>
+ Text
+ </div>
+ <div class="rtol">
+ Text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-009.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-009.xht
new file mode 100644
index 0000000000..fc2a6f8307
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-009.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - borders on bidi-override block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="bidi-box-model-007-ref.xht" />
+
+ <meta name="assert" content="Border sides should be unaffected by directionality"/>
+ <style type="text/css"><![CDATA[
+ div {
+ border: 5px solid gray;
+ border-color: orange purple teal yellow;
+ text-align: left;
+ width: 10em;
+ margin-bottom: 1em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+
+ p {text-align: left;}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+ <div>
+ Text
+ </div>
+ <div class="rtol">
+ txeT
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-010-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-010-ref.xht
new file mode 100644
index 0000000000..41703fbbf0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-010-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ line-height: 1.25em;
+ margin-bottom: 1.25em;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+
+ <div><img src="support/swatch-teal.png" width="100" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="60" height="20" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="120" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="120" height="20" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-teal.png" width="100" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="60" height="20" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="120" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="120" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-010.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-010.xht
new file mode 100644
index 0000000000..cb2d8900c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-010.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-left on bidi-override inline</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-010-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ margin-left: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+
+ div {
+ text-align: left;
+ font: 1.25em/1 Ahem;
+ width: 20em;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div>
+ First <span class="rtol">dnoceS</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-011.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-011.xht
new file mode 100644
index 0000000000..870ff0b284
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-011.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-left on normal inline</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-010-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ margin-left: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: normal;
+ }
+
+ div {
+ text-align: left;
+ width: 20em;
+ font: 1.25em/1 Ahem;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div>
+ First <span class="rtol">Second</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-012.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-012.xht
new file mode 100644
index 0000000000..38de262547
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-012.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-left on embed inline</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-010-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ margin-left: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: embed;
+ }
+
+ div {
+ text-align: left;
+ width: 20em;
+ font: 1.25em/1 Ahem;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+</head>
+
+<body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div>
+ First <span class="rtol">Second</span>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-013.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-013.xht
new file mode 100644
index 0000000000..3facbbc284
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-013.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-left on inline in bidi-override block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-010-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ margin-left: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+
+ div {
+ text-align: left;
+ width: 20em;
+ font: 1.25em/1 Ahem;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div class="rtol">
+ <span>dnoceS</span> tsriF
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-014.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-014.xht
new file mode 100644
index 0000000000..fbe1ca1bd8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-014.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-left on inline in normal block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-010-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ margin-left: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: normal;
+ }
+
+ div {
+ font: 1.25em/1 Ahem;
+ text-align: left;
+ width: 20em;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div class="rtol">
+ First <span>Second</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-015.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-015.xht
new file mode 100644
index 0000000000..fa76c17dfc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-015.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-left on inline in embed block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-010-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ margin-left: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: embed;
+ }
+
+ div {
+ text-align: left;
+ width: 20em;
+ font: 1.25em/1 Ahem;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+</head>
+
+<body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div class="rtol">
+ First <span>Second</span>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-016-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-016-ref.xht
new file mode 100644
index 0000000000..abd4d41b12
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-016-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ line-height: 1.25em;
+ margin-bottom: 1.25em;
+ margin-left: 2.5em;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 bicolored stripes are <strong>identical</strong> with identical left margin.</p>
+
+ <div><img src="support/swatch-orange.png" width="80" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="120" height="20" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" width="80" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="120" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-016.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-016.xht
new file mode 100644
index 0000000000..3f177630a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-016.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-left on bidi-override block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-016-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {
+ text-align: left;
+ width: 10em;
+ margin-left: 2em;
+ margin-bottom: 1em;
+ background: navy;
+ font: 1.25em/1 Ahem;
+ color: orange;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 bicolored stripes are <strong>identical</strong> with identical left margin.</p>
+ <div>
+ Text
+ </div>
+ <div class="rtol">
+ txeT
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-017.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-017.xht
new file mode 100644
index 0000000000..108574185a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-017.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-left on normal block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-016-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {
+ background: navy;
+ color: orange;
+ font: 1.25em/1 Ahem;
+ text-align: left;
+ width: 10em;
+ margin-bottom: 1em;
+ margin-left: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: normal;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 bicolored stripes are <strong>identical</strong> with identical left margin.</p>
+ <div>
+ Text
+ </div>
+ <div class="rtol">
+ Text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-018.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-018.xht
new file mode 100644
index 0000000000..369e7f68cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-018.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-left on embed block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-016-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {
+ background: navy;
+ color: orange;
+ font: 1.25em/1 Ahem;
+ text-align: left;
+ width: 10em;
+ margin-bottom: 1em;
+ margin-left: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: embed;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 bicolored stripes are <strong>identical</strong> with identical left margin.</p>
+ <div>
+ Text
+ </div>
+ <div class="rtol">
+ Text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-019-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-019-ref.xht
new file mode 100644
index 0000000000..d42ce6105e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-019-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ line-height: 1.25em;
+ margin-bottom: 1.25em;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+
+ <div><img src="support/1x1-navy.png" width="120" height="20" alt="Image download support must be enabled" /><img src="support/swatch-teal.png" width="100" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="120" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="40" height="20" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/1x1-navy.png" width="120" height="20" alt="Image download support must be enabled" /><img src="support/swatch-teal.png" width="100" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="120" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="40" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-019.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-019.xht
new file mode 100644
index 0000000000..3ea26af3ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-019.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-right on bidi-override inline</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ margin-right: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+
+ div {
+ font: 1.25em/1 Ahem;
+ text-align: right;
+ width: 20em;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div>
+ First <span class="rtol">dnoceS</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-020.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-020.xht
new file mode 100644
index 0000000000..932e16613f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-020.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-right on normal inline</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ margin-right: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: normal;
+ }
+
+ div {
+ font: 1.25em/1 Ahem;
+ text-align: right;
+ width: 20em;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div>
+ First <span class="rtol">Second</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-021.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-021.xht
new file mode 100644
index 0000000000..848cfd6d96
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-021.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-right on embed inline</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ margin-right: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: embed;
+ }
+
+ div {
+ font: 1.25em/1 Ahem;
+ text-align: right;
+ width: 20em;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+</head>
+
+<body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div>
+ First <span class="rtol">Second</span>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-022.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-022.xht
new file mode 100644
index 0000000000..564a271101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-022.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-right on inline in bidi-override block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ margin-right: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+
+ div {
+ font: 1.25em/1 Ahem;
+ text-align: right;
+ width: 20em;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div class="rtol">
+ <span>dnoceS</span> tsriF
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-023.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-023.xht
new file mode 100644
index 0000000000..27c9deb88e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-023.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-right on inline in normal block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ margin-right: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: normal;
+ }
+
+ div {
+ text-align: right;
+ width: 20em;
+ font: 1.25em/1 Ahem;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div class="rtol">
+ First <span>Second</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-024.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-024.xht
new file mode 100644
index 0000000000..81d3cb695f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-024.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-right on inline in embed block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ margin-right: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: embed;
+ }
+
+ div {
+ text-align: right;
+ width: 20em;
+ font: 1.25em/1 Ahem;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+</head>
+
+<body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div class="rtol">
+ First <span>Second</span>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-025-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-025-ref.xht
new file mode 100644
index 0000000000..e5f95b193a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-025-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: navy;
+ line-height: 1.25em;
+ margin-bottom: 1.25em;
+ margin-right: 6.25em;
+ text-align: right;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 wide bicolored stripes are <strong>identical</strong> with identical right margin.</p>
+
+ <div><img src="support/swatch-orange.png" width="80" height="20" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" width="80" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-025.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-025.xht
new file mode 100644
index 0000000000..a312a161c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-025.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-right on bidi-override block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-025-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {
+ text-align: right;
+ margin-right: 5em;
+ margin-bottom: 1em;
+ background: navy;
+ font: 1.25em/1 Ahem;
+ color: orange;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 wide bicolored stripes are <strong>identical</strong> with identical right margin.</p>
+ <div>
+ Text
+ </div>
+ <div class="rtol">
+ txeT
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-026.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-026.xht
new file mode 100644
index 0000000000..16482ac89c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-026.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-right on normal block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-025-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {
+ background: navy;
+ color: orange;
+ font: 1.25em/1 Ahem;
+ text-align: right;
+ margin-bottom: 1em;
+ margin-right: 5em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: normal;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 wide bicolored stripes are <strong>identical</strong> with identical right margin.</p>
+ <div>
+ Text
+ </div>
+ <div class="rtol">
+ Text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-027.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-027.xht
new file mode 100644
index 0000000000..74acda04c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-027.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - margin-right on embed block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-025-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side margins should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {
+ background: navy;
+ color: orange;
+ font: 1.25em/1 Ahem;
+ text-align: right;
+ margin-bottom: 1em;
+ margin-right: 5em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: embed;
+ }
+
+ p {text-align: left;}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 wide bicolored stripes are <strong>identical</strong> with identical right margin.</p>
+ <div>
+ Text
+ </div>
+ <div class="rtol">
+ Text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-028.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-028.xht
new file mode 100644
index 0000000000..a4cc157ced
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-028.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-left on bidi-override inline</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-010-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ padding-left: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+
+ div {
+ text-align: left;
+ font: 1.25em/1 Ahem;
+ width: 20em;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div>
+ First <span class="rtol">dnoceS</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-029.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-029.xht
new file mode 100644
index 0000000000..e1fcc74e75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-029.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-left on inline in normal block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-010-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ padding-left: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: normal;
+ }
+
+ div {
+ text-align: left;
+ width: 20em;
+ font: 1.25em/1 Ahem;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div class="rtol">
+ First <span>Second</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-030.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-030.xht
new file mode 100644
index 0000000000..53846c900f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-030.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-left on inline in embed block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-010-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ padding-left: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: embed;
+ }
+
+ div {
+ text-align: left;
+ width: 20em;
+ font: 1.25em/1 Ahem;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+</head>
+
+<body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div class="rtol">
+ First <span>Second</span>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-031.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-031.xht
new file mode 100644
index 0000000000..d9c7bb6dad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-031.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-left on inline in bidi-override block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-010-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ padding-left: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+
+ div {
+ text-align: left;
+ width: 20em;
+ font: 1.25em/1 Ahem;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div class="rtol">
+ <span>dnoceS</span> tsriF
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-032.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-032.xht
new file mode 100644
index 0000000000..f6ecf77ccf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-032.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-left on normal inline</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-010-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ padding-left: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: normal;
+ }
+
+ div {
+ font: 1.25em/1 Ahem;
+ text-align: left;
+ width: 20em;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div>
+ First <span class="rtol">Second</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-033.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-033.xht
new file mode 100644
index 0000000000..f35dc1ab9a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-033.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-left on embed inline</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-010-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ padding-left: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: embed;
+ }
+
+ div {
+ text-align: left;
+ width: 20em;
+ font: 1.25em/1 Ahem;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+</head>
+
+<body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div>
+ First <span class="rtol">Second</span>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-034-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-034-ref.xht
new file mode 100644
index 0000000000..96b7530437
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-034-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ line-height: 1.25em;
+ margin-bottom: 1.25em;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 bicolored stripes are <strong>identical</strong>.</p>
+
+ <div><img src="support/1x1-navy.png" width="40" height="20" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="80" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="120" height="20" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/1x1-navy.png" width="40" height="20" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="80" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="120" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-034.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-034.xht
new file mode 100644
index 0000000000..9b4eb05eaf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-034.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-left on bidi-override block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="bidi-box-model-034-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {
+ text-align: left;
+ width: 10em;
+ padding-left: 2em;
+ margin-bottom: 1em;
+ background: navy;
+ font: 1.25em/1 Ahem;
+ color: orange;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 bicolored stripes are <strong>identical</strong>.</p>
+ <div>
+ Text
+ </div>
+ <div class="rtol">
+ txeT
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-035.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-035.xht
new file mode 100644
index 0000000000..99ba45be03
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-035.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-left on normal block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="bidi-box-model-034-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {
+ background: navy;
+ color: orange;
+ font: 1.25em/1 Ahem;
+ text-align: left;
+ width: 10em;
+ margin-bottom: 1em;
+ padding-left: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: normal;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 bicolored stripes are <strong>identical</strong>.</p>
+ <div>
+ Text
+ </div>
+ <div class="rtol">
+ Text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-036.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-036.xht
new file mode 100644
index 0000000000..fce96d2757
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-036.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-left on embed block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="bidi-box-model-034-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {
+ background: navy;
+ color: orange;
+ font: 1.25em/1 Ahem;
+ text-align: left;
+ width: 10em;
+ margin-bottom: 1em;
+ padding-left: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: embed;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 bicolored stripes are <strong>identical</strong>.</p>
+ <div>
+ Text
+ </div>
+ <div class="rtol">
+ Text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-037.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-037.xht
new file mode 100644
index 0000000000..8b2007757c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-037.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-right on bidi-override inline</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ padding-right: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+
+ div {
+ font: 1.25em/1 Ahem;
+ text-align: right;
+ width: 20em;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div>
+ First <span class="rtol">dnoceS</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-038.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-038.xht
new file mode 100644
index 0000000000..a820aabe05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-038.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-right on inline in normal block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ padding-right: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: normal;
+ }
+
+ div {
+ font: 1.25em/1 Ahem;
+ text-align: right;
+ width: 20em;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div class="rtol">
+ First <span>Second</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-039.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-039.xht
new file mode 100644
index 0000000000..9f32397752
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-039.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-right on inline in embed block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ padding-right: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: embed;
+ }
+
+ div {
+ font: 1.25em/1 Ahem;
+ text-align: right;
+ width: 20em;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+</head>
+
+<body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div class="rtol">
+ First <span>Second</span>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-040.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-040.xht
new file mode 100644
index 0000000000..54be629e33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-040.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-right on inline in bidi-override block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ padding-right: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+
+ div {
+ font: 1.25em/1 Ahem;
+ text-align: right;
+ width: 20em;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div class="rtol">
+ <span>dnoceS</span> tsriF
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-041.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-041.xht
new file mode 100644
index 0000000000..fb2e92b92b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-041.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-right on normal inline</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ padding-right: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: normal;
+ }
+
+ div {
+ text-align: right;
+ width: 20em;
+ font: 1.25em/1 Ahem;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div>
+ First <span class="rtol">Second</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-042.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-042.xht
new file mode 100644
index 0000000000..9b12479b7b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-042.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-right on embed inline</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <link rel="match" href="bidi-box-model-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {
+ color: orange;
+ padding-right: 2em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: embed;
+ }
+
+ div {
+ text-align: right;
+ width: 20em;
+ font: 1.25em/1 Ahem;
+ background: navy;
+ color: teal;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+</head>
+
+<body>
+ <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p>
+ <div>
+ First <span>Second</span>
+ </div>
+ <div>
+ First <span class="rtol">Second</span>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-043-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-043-ref.xht
new file mode 100644
index 0000000000..ff5cc84d75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-043-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: navy;
+ line-height: 1.25em;
+ margin-bottom: 1.25em;
+ padding-right: 6.25em;
+ text-align: right;
+ width: 25em;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 bicolored stripes are <strong>identical</strong>.</p>
+
+ <div><img src="support/swatch-orange.png" width="80" height="20" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" width="80" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-043.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-043.xht
new file mode 100644
index 0000000000..0c71b3829a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-043.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-right on bidi-override block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="bidi-box-model-043-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {
+ width: 20em;
+ text-align: right;
+ padding-right: 5em;
+ margin-bottom: 1em;
+ background: navy;
+ font: 1.25em/1 Ahem;
+ color: orange;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 bicolored stripes are <strong>identical</strong>.</p>
+ <div>
+ Text
+ </div>
+ <div class="rtol">
+ txeT
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-044.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-044.xht
new file mode 100644
index 0000000000..6a0ec6cc90
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-044.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-right on normal block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="bidi-box-model-043-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {
+ width: 20em;
+ background: navy;
+ color: orange;
+ font: 1.25em/1 Ahem;
+ text-align: right;
+ margin-bottom: 1em;
+ padding-right: 5em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: normal;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 bicolored stripes are <strong>identical</strong>.</p>
+ <div>
+ Text
+ </div>
+ <div class="rtol">
+ Text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-045.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-045.xht
new file mode 100644
index 0000000000..0e481a0619
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-045.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidirection box model - padding-right on embed block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="bidi-box-model-043-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Side padding should be unaffected by directionality"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {
+ width: 20em;
+ background: navy;
+ color: orange;
+ font: 1.25em/1 Ahem;
+ text-align: right;
+ margin-bottom: 1em;
+ padding-right: 5em;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: embed;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 bicolored stripes are <strong>identical</strong>.</p>
+ <div>
+ Text
+ </div>
+ <div class="rtol">
+ Text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-001-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-001-ref.xht
new file mode 100644
index 0000000000..c722fb5199
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-001-ref.xht
@@ -0,0 +1,103 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p + .set {border-top: solid orange;}
+
+ .set
+ {
+ border-bottom: solid orange;
+ clear: both;
+ float: left;
+ }
+
+ .control
+ {
+ border: silver solid;
+ color: blue;
+ float: left;
+ font: bold larger monospace;
+ margin: 1em;
+ padding: 0.25em;
+ }
+
+ /* ensure BDO processing */
+ bdo
+ {
+ direction: ltr;
+ unicode-bidi: bidi-override;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>In each pair of silver boxes below, the two patterns must be identical.</p>
+
+ <!--
+ &#x05D0; א is hebrew letter alef
+ &#x05EA; ת is hebrew letter tav
+ -->
+
+ <!-- control for bidi support -->
+ <div class="set">
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; &divide; &times; - + &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; &divide; &times; - + &#x05EA;</bdo></div>
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; &divide; &times; - + &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; &divide; &times; - + &#x05EA;</bdo></div>
+ </div>
+ </div>
+
+ <!-- sibling boxes -->
+ <div class="set">
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
+ </div>
+ </div>
+
+ <!-- anonymous boxes -->
+ <div class="set">
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
+ </div>
+ </div>
+
+ <!-- anonymous boxes -->
+ <div class="set">
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
+ </div>
+ </div>
+<!--
+PS &#x2029; Paragraph separator
+LS &#x2028; Line separator
+-->
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-001.xht
new file mode 100644
index 0000000000..85871418ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-001.xht
@@ -0,0 +1,100 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Bidi paragraph boundaries: Blocks</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-algo"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="match" href="bidi-breaking-001-ref.xht" />
+
+ <meta name="assert" content="Block boundaries break bidi paragraphs."/>
+ <style type="text/css"><![CDATA[
+ /* Make test easier to read */
+ .test, .control {
+ color: blue;
+ font: bold larger monospace;
+ margin: 1em;
+ padding: 0.25em;
+ border: solid silver;
+ float: left;
+ }
+ .set {
+ clear: both;
+ float: left;
+ border-bottom: solid orange;
+ }
+ p + .set {
+ border-top: solid orange;
+ }
+
+ /* ensure BDO processing */
+ bdo {
+ unicode-bidi: bidi-override;
+ direction: ltr;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>In each pair of silver boxes below, the two patterns must be identical.</p>
+
+ <!--
+ &#x05D0; א is hebrew letter alef
+ &#x05EA; ת is hebrew letter tav
+ -->
+
+ <!-- control for bidi support -->
+ <div class="set">
+ <div class="test">
+ <div>&rlm;&nbsp; + - &times; &divide; &#x05D0;</div>
+ <div>&#x05EA; + - &times; &divide; &nbsp;&rlm;</div>
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; &divide; &times; - + &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; &divide; &times; - + &#x05EA;</bdo></div>
+ </div>
+ </div>
+
+ <!-- sibling boxes -->
+ <div class="set">
+ <div class="test">
+ <div>&#x05D0; + - &times; &divide; &nbsp;</div>
+ <div>&nbsp; + - &times; &divide; &#x05EA;</div>
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
+ </div>
+ </div>
+
+ <!-- anonymous boxes -->
+ <div class="set">
+ <div class="test">
+ <div>&#x05D0; + - &times; &divide; &nbsp;</div>
+ &nbsp; + - &times; &divide; &#x05EA;
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
+ </div>
+ </div>
+
+ <!-- anonymous boxes -->
+ <div class="set">
+ <div class="test">
+ &#x05D0; + - &times; &divide; &nbsp;
+ <div></div>
+ &nbsp; + - &times; &divide; &#x05EA;
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
+ </div>
+ </div>
+<!--
+PS &#x2029; Paragraph separator
+LS &#x2028; Line separator
+-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-002-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-002-ref.xht
new file mode 100644
index 0000000000..354c16d374
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-002-ref.xht
@@ -0,0 +1,75 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p + .set {border-top: solid orange;}
+
+ .set
+ {
+ border-bottom: solid orange;
+ clear: both;
+ float: left;
+ }
+
+ .control
+ {
+ border: silver solid;
+ color: blue;
+ float: left;
+ font: bold larger monospace;
+ margin: 1em;
+ padding: 0.25em;
+ }
+
+ /* ensure BDO processing */
+ bdo
+ {
+ direction: ltr;
+ unicode-bidi: bidi-override;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>In each pair of silver boxes below, the two patterns must be identical.</p>
+
+ <!--
+ &#x05D0; א is hebrew letter alef
+ &#x05EA; ת is hebrew letter tav
+ -->
+
+ <!-- control for bidi support -->
+ <div class="set">
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; &divide; &times; - + &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; &divide; &times; - + &#x05EA;</bdo></div>
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; &divide; &times; - + &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; &divide; &times; - + &#x05EA;</bdo></div>
+ </div>
+ </div>
+
+ <!-- preserved source line break breaks bidi paragraph -->
+ <div class="set">
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-002.xht
new file mode 100644
index 0000000000..b95c668aac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-002.xht
@@ -0,0 +1,92 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Bidi paragraph boundaries: Forced Line Breaks</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-algo"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="match" href="bidi-breaking-002-ref.xht" />
+
+ <meta name="assert" content="Forced line breaks of class B (but not class WS)
+ break bidi paragraphs."/>
+ <style type="text/css"><![CDATA[
+ /* Make test easier to read */
+ .test, .control {
+ color: blue;
+ font: bold larger monospace;
+ margin: 1em;
+ padding: 0.25em;
+ border: solid silver;
+ float: left;
+ }
+ .set {
+ clear: both;
+ float: left;
+ border-bottom: solid orange;
+ }
+ p + .set {
+ border-top: solid orange;
+ }
+
+ /* ensure BDO processing */
+ bdo {
+ unicode-bidi: bidi-override;
+ direction: ltr;
+ }
+
+ /* Enable preservation of source line breaks
+ (and PS and LS for certain nonconformant ws-collapsing implementations) */
+ .pre {
+ white-space: pre; white-space: pre-lines;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>In each pair of silver boxes below, the two patterns must be identical.</p>
+
+ <!--
+ &#x05D0; א is hebrew letter alef
+ &#x05EA; ת is hebrew letter tav
+ -->
+
+ <!-- control for bidi support -->
+ <div class="set">
+ <div class="test">
+ <div>&rlm;&nbsp; + - &times; &divide; &#x05D0;</div>
+ <div>&#x05EA; + - &times; &divide; &nbsp;&rlm;</div>
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; &divide; &times; - + &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; &divide; &times; - + &#x05EA;</bdo></div>
+ </div>
+ </div>
+
+ <!-- preserved source line break breaks bidi paragraph -->
+ <div class="set">
+ <div class="test">
+ <div class="pre">&#x05D0; + - &times; &divide; &nbsp;
+&nbsp; + - &times; &divide; &#x05EA;</div>
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
+ </div>
+ </div>
+
+ <!-- <br> on shaky ground since HTML4 said it's an LS, but HTML5 will
+ likely side with PS due to better bidi safety; test below as PS for now;
+ move to a separate file when this is resolved in HTML5
+ <div class="set">
+ <div class="test">
+ &#x05D0; + - &times; &divide; &nbsp;<br/>
+ &nbsp; + - &times; &divide; &#x05EA;
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
+ </div>
+ </div>
+ -->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-003-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-003-ref.xht
new file mode 100644
index 0000000000..0ae7bbc284
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-003-ref.xht
@@ -0,0 +1,87 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p + .set {border-top: solid orange;}
+
+ .set
+ {
+ border-bottom: solid orange;
+ clear: both;
+ float: left;
+ }
+
+ .control
+ {
+ border: silver solid;
+ color: blue;
+ float: left;
+ font: bold larger monospace;
+ margin: 1em;
+ padding: 0.25em;
+ }
+
+ /* ensure BDO processing */
+ bdo
+ {
+ direction: ltr;
+ unicode-bidi: bidi-override;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>In each pair of silver boxes below, the two patterns must be identical.</p>
+
+ <!--
+ &#x05D0; א is hebrew letter alef
+ &#x05EA; ת is hebrew letter tav
+ -->
+
+ <!-- control for bidi support -->
+ <div class="set">
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; &divide; &times; - + &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; &divide; &times; - + &#x05EA;</bdo></div>
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; &divide; &times; - + &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; &divide; &times; - + &#x05EA;</bdo></div>
+ </div>
+ </div>
+
+ <!-- paragraph separator breaks bidi paragraph -->
+ <div class="set">
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
+ </div>
+ </div>
+
+ <!-- line separator does not break bidi paragraph -->
+ <div class="set">
+ <div class="control">
+ <div><bdo dir="ltr">&nbsp; &divide; &times; - + &#x05D0;</bdo></div>
+ <div><bdo dir="ltr">&#x05EA; &divide; &times; - + &nbsp;</bdo></div>
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&nbsp; &divide; &times; - + &#x05D0;</bdo></div>
+ <div><bdo dir="ltr">&#x05EA; &divide; &times; - + &nbsp;</bdo></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-003.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-003.xht
new file mode 100644
index 0000000000..ffc64873a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-003.xht
@@ -0,0 +1,94 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Bidi paragraph boundaries: Forced Line Breaks (Unicode)</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-algo"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="match" href="bidi-breaking-003-ref.xht" />
+
+ <meta name="flags" content="may"/>
+ <meta name="assert" content="Forced line breaks of class B (but not class WS)
+ break bidi paragraphs."/>
+ <style type="text/css"><![CDATA[
+ /* Make test easier to read */
+ .test, .control {
+ color: blue;
+ font: bold larger monospace;
+ margin: 1em;
+ padding: 0.25em;
+ border: solid silver;
+ float: left;
+ }
+ .set {
+ clear: both;
+ float: left;
+ border-bottom: solid orange;
+ }
+ p + .set {
+ border-top: solid orange;
+ }
+
+ /* ensure BDO processing */
+ bdo {
+ unicode-bidi: bidi-override;
+ direction: ltr;
+ }
+
+ /* Enable preservation of source line breaks
+ (and PS and LS for certain nonconformant ws-collapsing implementations) */
+ .pre {
+ white-space: pre; white-space: pre-lines;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>In each pair of silver boxes below, the two patterns must be identical.</p>
+
+ <!--
+ &#x05D0; א is hebrew letter alef
+ &#x05EA; ת is hebrew letter tav
+ -->
+
+ <!-- control for bidi support -->
+ <div class="set">
+ <div class="test">
+ <div>&rlm;&nbsp; + - &times; &divide; &#x05D0;</div>
+ <div>&#x05EA; + - &times; &divide; &nbsp;&rlm;</div>
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; &divide; &times; - + &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; &divide; &times; - + &#x05EA;</bdo></div>
+ </div>
+ </div>
+
+ <!-- paragraph separator breaks bidi paragraph -->
+ <div class="set">
+ <div class="test">
+ <div class="pre">&#x05D0; + - &times; &divide; &nbsp;&#x2029;&nbsp; + - &times; &divide; &#x05EA;</div>
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
+ <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
+ </div>
+ </div>
+
+ <!-- line separator does not break bidi paragraph -->
+ <div class="set">
+ <div class="test">
+ <div class="pre">&#x05D0; + - &times; &divide; &nbsp;&#x2028;&nbsp; + - &times; &divide; &#x05EA;</div>
+ </div>
+ <div class="control">
+ <div><bdo dir="ltr">&nbsp; &divide; &times; - + &#x05D0;</bdo></div>
+ <div><bdo dir="ltr">&#x05EA; &divide; &times; - + &nbsp;</bdo></div>
+ </div>
+ </div>
+
+<!--
+PS &#x2029; Paragraph separator
+LS &#x2028; Line separator
+-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-001-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-001-ref.xht
new file mode 100644
index 0000000000..e54fd147f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-001-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p.control {text-align: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+
+ <p class="control">a b (c d).</p>
+
+ <p class="control">a b (c d).</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-001.xht
new file mode 100644
index 0000000000..6e92d90a86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-001.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: unicode-bidi: bidi-override - glyph mirroring</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-algo"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/#Mirroring"/>
+ <link rel="match" href="bidi-glyph-mirroring-001-ref.xht" />
+
+ <meta name="assert" content="Glyph mirroring of characters with unicode Bidi_Mirrored property should be performed when unicode-bidi: bidi-override is applied"/>
+ <style type="text/css"><![CDATA[
+ .control {
+ text-align: right;
+ }
+ div {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+ ]]></style>
+ </head>
+ <body>
+
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+ <p class="control">a b (c d).</p>
+
+ <div>
+ .(d c) b a
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-002-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-002-ref.xht
new file mode 100644
index 0000000000..7b9bceea11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-002-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+
+ <p>(a b &#x05D0;) c d</p>
+
+ <p>(a b &#x05D0;) c d</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-002.xht
new file mode 100644
index 0000000000..1290273e09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: unicode-bidi: bidi-override - glyph mirroring</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-algo"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://unicode.org/reports/tr9/#Mirroring"/>
+ <link rel="match" href="bidi-glyph-mirroring-002-ref.xht" />
+
+ <meta name="assert" content="Glyph mirroring of characters with unicode Bidi_Mirrored property should be performed direction:rtl is applied"/>
+ <style type="text/css"><![CDATA[
+ div {
+ direction:rtl;
+ text-align: left;
+ }
+ ]]></style>
+ </head>
+ <body>
+
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+ <p>(a b &#x05D0;) c d</p>
+
+ <div>
+ c d (&#x05D0; a b)
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-001-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-001-ref.xht
new file mode 100644
index 0000000000..05d5676a98
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-001-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+
+ <p>Readable</p>
+
+ <p>Readable</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-001.xht
new file mode 100644
index 0000000000..8a735f4913
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: unicode-bidi: bidi-override on inline - rtl</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-algo"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="match" href="bidi-inline-001-ref.xht" />
+
+ <meta name="assert" content="bidi-override should be applied to inlines with no interruptions to surrounding text"/>
+ <style type="text/css"><![CDATA[
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+ <p>Readable</p>
+ <p>Re<span class="rtol">bada</span>le</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-002.xht
new file mode 100644
index 0000000000..860eb6e555
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: unicode-bidi: bidi-override on inline - nested</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-algo"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="match" href="bidi-inline-001-ref.xht" />
+
+ <meta name="assert" content="Nested bidi-override should be applied to inlines with no interruptions to surrounding text"/>
+ <style type="text/css"><![CDATA[
+ .rtol {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+ .ltor {
+ direction: ltr;
+ unicode-bidi: bidi-override;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the 2 lines are <strong>identical</strong>.</p>
+ <p>Readable</p>
+ <p><span class="rtol">ba<span class="ltor">ad</span>eR</span>le</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-001-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-001-ref.xht
new file mode 100644
index 0000000000..22ed58fd15
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-001-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border: blue solid 2px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if "Filler Text" is inside and aligned to the <strong>left side</strong> of hollow blue rectangle.</p>
+
+ <div>Filler Text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-001.xht
new file mode 100644
index 0000000000..36a2ec8138
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-001.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Direction set to 'ltr'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-001-ref.xht" />
+
+ <meta name="assert" content="The 'direction' property set to 'ltr' sets the direction of an element to left-to-right." />
+ <style type="text/css">
+ #wrapper
+ {
+ direction: rtl;
+ }
+ div div
+ {
+ direction: ltr;
+ border: 2px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if "Filler Text" is inside and aligned to the <strong>left side</strong> of hollow blue rectangle.</p>
+ <div id="wrapper">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-002-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-002-ref.xht
new file mode 100644
index 0000000000..f531244fcf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-002-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: blue solid 2px;
+ text-align: right;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if "Filler Text" is inside and aligned to the <strong>right side</strong> of hollow blue rectangle.</p>
+
+ <div>Filler Text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-002.xht
new file mode 100644
index 0000000000..bddc48b7d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Direction set to 'rtl'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-002-ref.xht" />
+
+ <meta name="assert" content="The 'direction' property set to 'rtl' sets the direction of an element to right-to-left." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ border: 2px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if "Filler Text" is inside and aligned to the <strong>right side</strong> of hollow blue rectangle.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-003.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-003.xht
new file mode 100644
index 0000000000..10c87ed07f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-003.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Direction set to 'inherit' sets a value that is inherited from parent element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-002-ref.xht" />
+
+ <meta name="assert" content="The 'direction' property set to 'inherit' sets a direction value to the same as the parent element." />
+ <style type="text/css">
+ div
+ {
+ direction: ltr;
+ }
+ div div
+ {
+ direction: inherit;
+ border: 2px solid blue;
+ }
+ #wrapper
+ {
+ direction: rtl;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if "Filler Text" is inside and aligned to the <strong>right side</strong> of hollow blue rectangle.</p>
+ <div id="wrapper">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-001-ref.xht
new file mode 100644
index 0000000000..ec6168b598
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-001-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: orange;
+ height: 100px;
+ width: 100px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a black square in the <strong>upper-left corner</strong> of the orange square.</p>
+
+ <div><img src="support/black15x15.png" width="50" height="50" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-001.xht
new file mode 100644
index 0000000000..c6ece60ae7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-001.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Direction applied to element with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'direction' property does not apply to elements with a display of 'table-row-group'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ background: orange;
+ direction: rtl;
+ display: table-row-group;
+ font: 50px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 50px;
+ vertical-align: top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black square in the <strong>upper-left corner</strong> of the orange square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-002.xht
new file mode 100644
index 0000000000..5b5e9abe80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-002.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Direction applied to element with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'direction' property does not apply to elements with a display of 'table-header-group'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ background: orange;
+ direction: rtl;
+ display: table-header-group;
+ font: 50px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 50px;
+ vertical-align: top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black square in the <strong>upper-left corner</strong> of the orange square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-003.xht
new file mode 100644
index 0000000000..0e6fe5a34c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-003.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Direction applied to element with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'direction' property does not apply to elements with a display of 'table-footer-group'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ background: orange;
+ direction: rtl;
+ display: table-footer-group;
+ font: 50px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 50px;
+ vertical-align: top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black square in the <strong>upper-left corner</strong> of the orange square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-004.xht
new file mode 100644
index 0000000000..7592e170e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-004.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Direction applied to element with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'direction' property does not apply to elements with a display of 'table-row'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test
+ {
+ background: orange;
+ direction: rtl;
+ display: table-row;
+ font: 50px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+
+ .cell
+ {
+ display: table-cell;
+ height: 50px;
+ vertical-align: top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black square in the <strong>upper-left corner</strong> of the orange square.</p>
+
+ <div id="table">
+
+ <div class="test">
+ <div class="cell">a</div><div class="cell"></div>
+ </div>
+
+ <div class="test">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-005.xht
new file mode 100644
index 0000000000..bed1cbe714
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-005.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Direction applied to element with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'direction' property does not apply to elements with a display of 'table-column-group'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ background: orange;
+ direction: rtl;
+ display: table-column-group;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ font: 50px/1em Ahem;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black square in the <strong>upper-left corner</strong> of the orange square.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-006.xht
new file mode 100644
index 0000000000..217d6f15de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-006.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Direction applied to element with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'direction' property does not apply to elements with a display of 'table-column'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ background: orange;
+ direction: rtl;
+ display: table-column;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ font: 50px/1em Ahem;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black square in the <strong>upper-left corner</strong> of the orange square.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-007-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-007-ref.xht
new file mode 100644
index 0000000000..c738501173
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-007-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: orange;
+ height: 100px;
+ text-align: right;
+ width: 100px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a black square in the <strong>upper-right corner</strong> of the orange square.</p>
+
+ <div><img src="support/black15x15.png" width="50" height="50" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-007.xht
new file mode 100644
index 0000000000..cc0ca43ee3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-007.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Direction applied to element with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'direction' property applies to elements with a display of 'table-cell'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: orange;
+ direction: rtl;
+ display: table-cell;
+ font: 50px/1em Ahem;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black square in the <strong>upper-right corner</strong> of the orange square.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-008-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-008-ref.xht
new file mode 100644
index 0000000000..9e6844ba73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-008-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are the words "PASS PASS".</p>
+
+ <div>PASS PASS</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-008.xht
new file mode 100644
index 0000000000..0f0f6f5a52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-008.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Direction applied to element with 'display' set to inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-008-ref.xht" />
+
+ <meta name="assert" content="The 'direction' property applies to elements with a display of inline as it can set the direction of embeddings and overrides." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ display: inline;
+ unicode-bidi: bidi-override;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "PASS PASS".</p>
+ <div>SSAP SSAP</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-009.xht
new file mode 100644
index 0000000000..ea4f001f19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-009.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Direction applied to element with 'display' set to block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-01 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'direction' property applies to elements with a display of block." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ background: orange;
+ direction: rtl;
+ display: block;
+ font: 50px/1em Ahem;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black square in the <strong>upper-right corner</strong> of the orange square.</p>
+ <div>
+ <span>X</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-010.xht
new file mode 100644
index 0000000000..2b43ed1bbf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-010.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Direction applied to element with 'display' set to list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'direction' property applies to elements with a display of list-item." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ margin-left: 1em;
+ }
+ div
+ {
+ background: orange;
+ direction: rtl;
+ display: list-item;
+ font: 50px/1em Ahem;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black square in the upper-right corner of an orange square and a marker bullet on the right-hand side of both squares.</p>
+ <div>X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-012.xht
new file mode 100644
index 0000000000..95a0947bb6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-012.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Direction applied to element with 'display' set to inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'direction' property applies to elements with a display of inline-block." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: orange;
+ direction: rtl;
+ display: inline-block;
+ font: 50px/1em Ahem;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black square in the <strong>upper-right corner</strong> of the orange square.</p>
+
+ <div>X</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-013.xht
new file mode 100644
index 0000000000..4f8879bf54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-013.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Direction applied to element with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'direction' property can apply to elements with a display of 'table' as it specifies the direction of table column layout." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ background: orange;
+ direction: rtl;
+ display: table;
+ table-layout: fixed;
+ font: 50px/1em Ahem;
+ width: 100px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 50px;
+ vertical-align: top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black square in the <strong>upper-right corner</strong> of the orange square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell">X</div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-014.xht
new file mode 100644
index 0000000000..a74c343853
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-014.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Direction applied to element with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'direction' property can apply to elements with a display of 'inline-table' as it specifies the direction of table column layout." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ background: orange;
+ direction: rtl;
+ display: inline-table;
+ table-layout: fixed;
+ font: 50px/1em Ahem;
+ width: 100px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 50px;
+ vertical-align: top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black square in the <strong>upper-right corner</strong> of the orange square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell">X</div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-015.xht
new file mode 100644
index 0000000000..053ee7855e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-015.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Direction applied to element with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'direction' property applies to elements with a display of 'table-caption'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #caption
+ {
+ background: orange;
+ direction: rtl;
+ display: table-caption;
+ font: 50px/1em Ahem;
+ height: 100px;
+ width: 100px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black square in the <strong>upper-right corner</strong> of the orange square.</p>
+ <div id="table">
+ <div id="caption">X</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-001-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-001-ref.xht
new file mode 100644
index 0000000000..ced37606f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-001-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: green;
+ font: 1.25em/1 Ahem;
+ margin: 1em 0;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are only 4 very long green bars and <strong>no red</strong>.</p>
+
+<div>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div>
+
+<div>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div>
+
+<div>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div>
+
+<div>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-001.xht
new file mode 100644
index 0000000000..f02f5423a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: Line breaking and the bidi algorithm</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/line-breaking/bidi/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-processing" />
+ <link rel="match" href="line-breaking-bidi-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { color: green; background: red; font: 1.25em/1 Ahem; white-space: normal; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there are only 4 very long green bars and <strong>no red</strong>.</p>
+ <p class="test"> xxxxxxxxxxxxxxxxxxxx&#x202A;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202A;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202A;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202A;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx </p>
+ <p class="test"> xxxxxxxxxxxxxxxxxxxx&#x202B;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202B;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202B;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202B;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx </p>
+ <p class="test"> xxxxxxxxxxxxxxxxxxxx&#x202D;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202D;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202D;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202D;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx </p>
+ <p class="test"> xxxxxxxxxxxxxxxxxxxx&#x202E;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202E;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202E;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202E;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx </p>
+
+ <!--
+Char
+name Unicode Function Equivalent Markup
+LRE U+202A Left-to-Right Embedding DIR attribute e.g. DIR="LTR"
+RLE U+202B Right-to-Left Embedding DIR attribute e.g. DIR="RTL"
+PDF U+202C Pop Directional Format No Equivalent </BDO> ends override
+LRO U+202D Left-to-Right Override BDO Element e.g. <BDO dir="LTR">
+RLO U+202E Right-to-Left Override BDO Element e.g. <BDO dir="RTL">
+ -->
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-002-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-002-ref.xht
new file mode 100644
index 0000000000..3b09c41bf6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-002-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: green;
+ font: 1.25em/1 Ahem;
+ margin: 1em 0;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are only 4 very long green bars and <strong>no red</strong>. (Force bidi: &#x05D0;)</p>
+
+<div>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div>
+
+<div>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div>
+
+<div>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div>
+
+<div>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-002.xht
new file mode 100644
index 0000000000..29662558a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-002.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: Line breaking and the bidi algorithm (with hebrew character)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/line-breaking/bidi/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-processing" />
+ <link rel="match" href="line-breaking-bidi-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { color: green; background: red; font: 1.25em/1 Ahem; white-space: normal; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there are only 4 very long green bars and <strong>no red</strong>. (Force bidi: &#x05D0;)</p>
+ <p class="test"> xxxxxxxxxxxxxxxxxxxx&#x202A;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202A;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202A;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202A;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx </p>
+ <p class="test"> xxxxxxxxxxxxxxxxxxxx&#x202B;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202B;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202B;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202B;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx </p>
+ <p class="test"> xxxxxxxxxxxxxxxxxxxx&#x202D;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202D;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202D;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202D;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx </p>
+ <p class="test"> xxxxxxxxxxxxxxxxxxxx&#x202E;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202E;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202E;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx&#x202E;xxxxxxxxxxxxxxxxxxxx&#x202C;xxxxxxxxxxxxxxxxxxxx </p>
+
+ <!--
+Char
+name Unicode Function Equivalent Markup
+LRE U+202A Left-to-Right Embedding DIR attribute e.g. DIR="LTR"
+RLE U+202B Right-to-Left Embedding DIR attribute e.g. DIR="RTL"
+PDF U+202C Pop Directional Format No Equivalent </BDO> ends override
+LRO U+202D Left-to-Right Override BDO Element e.g. <BDO dir="LTR">
+RLO U+202E Right-to-Left Override BDO Element e.g. <BDO dir="RTL">
+ -->
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-003-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-003-ref.xht
new file mode 100644
index 0000000000..ec8545c5b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-003-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: lime;
+ border: solid;
+ font-size: 2.5em;
+ height: 1em;
+ width: 17em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be no red below, just one unbroken bar of green. (Force bidi: &#x05D0;)</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-003.xht b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-003.xht
new file mode 100644
index 0000000000..9726f32636
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-003.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+
+ <title>CSS Test: Line breaking and the bidi algorithm (no breaks)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/line-breaking/bidi/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-processing" />
+ <link rel="match" href="line-breaking-bidi-003-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { font: 40px/1 Ahem; border: solid; width: 17em; background: red; }
+ .test > span { background: lime; }
+ </style>
+ </head>
+ <body>
+
+ <p> There should be no red below, just one unbroken bar of green. (Force bidi: &#x05D0;) </p>
+ <div class="test"><span>&nbsp;&nbsp;&#x202E;&nbsp;&#x202D;&nbsp;&#x202E;&nbsp;&#x202D;&nbsp;&#x202E;&nbsp;&nbsp;&#x202D;&nbsp;&#x202C;&nbsp;<span>&nbsp;</span>&#x202C;&nbsp;&#x202C;&nbsp;&#x202C;&nbsp;&#x202C;&nbsp;&nbsp;&#x202C;&nbsp;</span></div>
+
+ <!--
+Char
+name Unicode Function Equivalent Markup
+LRE U+202A Left-to-Right Embedding DIR attribute e.g. DIR="LTR"
+RLE U+202B Right-to-Left Embedding DIR attribute e.g. DIR="RTL"
+PDF U+202C Pop Directional Format No Equivalent </BDO> ends override
+LRO U+202D Left-to-Right Override BDO Element e.g. <BDO dir="LTR">
+RLO U+202E Right-to-Left Override BDO Element e.g. <BDO dir="RTL">
+ -->
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/a-green.css b/testing/web-platform/tests/css/CSS2/bidi-text/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/b-green.css b/testing/web-platform/tests/css/CSS2/bidi-text/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/black15x15.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/black15x15.png
new file mode 100644
index 0000000000..b1bbef2cd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/black15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/c-red.css b/testing/web-platform/tests/css/CSS2/bidi-text/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/cat.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/diamond.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/green15x15.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/ring.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/square-purple.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/square-teal.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/square-white.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-teal.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-teal.png
new file mode 100644
index 0000000000..0293ce89de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/test-bl.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/test-br.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/test-outer.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/test-tl.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/test-tr.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-001.xht
new file mode 100644
index 0000000000..ab1a497a6a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi set to 'normal'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-002-ref.xht" />
+
+ <meta name="assert" content="The property 'unicode-bidi' set to 'normal' doesn't modify the directionality of text." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ unicode-bidi: normal;
+ border: 2px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if "Filler Text" is inside and aligned to the <strong>right side</strong> of hollow blue rectangle.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-002-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-002-ref.xht
new file mode 100644
index 0000000000..012c1ebaae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-002-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: blue solid 2px;
+ text-align: right;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the letters below are in alphabetic order.</p>
+
+ <div>AB C DEF GH IJ K</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-002.xht
new file mode 100644
index 0000000000..f3eb0d09fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi set to 'embed'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="unicode-bidi-002-ref.xht" />
+
+ <meta name="assert" content="The property 'unicode-bidi' set to 'embed' opens a new level of embedding in the Unicode bi-directional algorithm." />
+ <style type="text/css">
+ span
+ {
+ unicode-bidi: embed;
+ }
+ div
+ {
+ border: 2px solid blue;
+ direction: rtl;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters below are in alphabetic order.</p>
+ <div>IJ K <span>DEF GH</span> AB C</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-003.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-003.xht
new file mode 100644
index 0000000000..0f2395ce9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-003.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi set to 'bidi-override'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-002-ref.xht" />
+
+ <meta name="assert" content="The property 'unicode-bidi' set to 'bidi-override' overrides the directionality of text." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ border: 2px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if "Filler Text" is inside and aligned to the <strong>right side</strong> of hollow blue rectangle.</p>
+ <div>txeT relliF</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-004.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-004.xht
new file mode 100644
index 0000000000..a01c1618fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-004.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-002-ref.xht" />
+
+ <meta name="assert" content="The property 'unicode-bidi' set to 'inherit' sets a value the same as parent element's value." />
+ <style type="text/css">
+ #div1
+ {
+ unicode-bidi: bidi-override;
+ }
+ div div
+ {
+ direction: rtl;
+ unicode-bidi: inherit;
+ border: 2px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if "Filler Text" is inside and aligned to the <strong>right side</strong> of hollow blue rectangle.</p>
+ <div id="div1">
+ <div>txeT relliF</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-001.xht
new file mode 100644
index 0000000000..882cbd5442
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-001.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi applied to element with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-008-ref.xht" />
+
+ <meta name="assert" content="The 'unicode-bidi' property does not apply to elements with a display of 'table-row-group'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants." />
+ <style type="text/css">
+ #test
+ {
+ direction: rtl;
+ display: table-row-group;
+ unicode-bidi: bidi-override;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "PASS PASS".</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">PASS PASS</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-002.xht
new file mode 100644
index 0000000000..3abdbcb434
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-002.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi applied to element with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-008-ref.xht" />
+
+ <meta name="assert" content="The 'unicode-bidi' property does not apply to elements with a display of 'table-header-group'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants." />
+ <style type="text/css">
+ #test
+ {
+ direction: rtl;
+ display: table-header-group;
+ unicode-bidi: bidi-override;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "PASS PASS".</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">PASS PASS</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-003.xht
new file mode 100644
index 0000000000..afc468ecb7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-003.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi applied to element with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-008-ref.xht" />
+
+ <meta name="assert" content="The 'unicode-bidi' property does not apply to elements with a display of 'table-footer-group'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants." />
+ <style type="text/css">
+ #test
+ {
+ direction: rtl;
+ display: table-footer-group;
+ unicode-bidi: bidi-override;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "PASS PASS".</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">PASS PASS</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-004.xht
new file mode 100644
index 0000000000..df78d22a8f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-004.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi applied to element with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-008-ref.xht" />
+
+ <meta name="assert" content="The 'unicode-bidi' property does not apply to elements with a display of 'table-row'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants." />
+ <style type="text/css">
+ #test
+ {
+ direction: rtl;
+ display: table-row;
+ unicode-bidi: bidi-override;
+ }
+ #table
+ {
+ display: table;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "PASS PASS".</p>
+ <div id="table">
+ <div id="test">
+ <div id="cell">PASS PASS</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-005.xht
new file mode 100644
index 0000000000..2d6eb77370
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-005.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi applied to element with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-008-ref.xht" />
+
+ <meta name="assert" content="The 'unicode-bidi' property does not apply to elements with a display of 'table-column-group'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants." />
+ <style type="text/css">
+ #test
+ {
+ direction: rtl;
+ display: table-column-group;
+ unicode-bidi: bidi-override;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "PASS PASS".</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">PASS PASS</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-006.xht
new file mode 100644
index 0000000000..12cb2a9124
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-006.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi applied to element with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-008-ref.xht" />
+
+ <meta name="assert" content="The 'unicode-bidi' property does not apply to elements with a display of 'table-column'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants." />
+ <style type="text/css">
+ #test
+ {
+ direction: rtl;
+ display: table-column;
+ unicode-bidi: bidi-override;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "PASS PASS".</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">PASS PASS</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-007.xht
new file mode 100644
index 0000000000..46dd1dad09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi applied to element with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-008-ref.xht" />
+
+ <meta name="assert" content="The 'unicode-bidi' property applies to elements with a display of 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #test
+ {
+ direction: rtl;
+ display: table-cell;
+ unicode-bidi: bidi-override;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "PASS PASS".</p>
+ <div id="table">
+ <div id="row">
+ <div id="test">SSAP SSAP</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-008.xht
new file mode 100644
index 0000000000..07b669445c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-008.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi applied to element with 'display' set to inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-008-ref.xht" />
+
+ <meta name="assert" content="The 'unicode-bidi' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ display: inline;
+ unicode-bidi: bidi-override;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "PASS PASS".</p>
+ <div>SSAP SSAP</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-009-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-009-ref.xht
new file mode 100644
index 0000000000..c1f0dc6b78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-009-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {text-align: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are the words "PASS PASS" on the right-hand side of the page.</p>
+
+ <div>PASS PASS</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-009.xht
new file mode 100644
index 0000000000..d9d72de67b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-009.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi applied to element with 'display' set to block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="unicode-bidi-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'unicode-bidi' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ direction: rtl;
+ display: block;
+ unicode-bidi: bidi-override;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "PASS PASS" on the right-hand side of the page.</p>
+ <div>
+ <span>SSAP SSAP</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-010.xht
new file mode 100644
index 0000000000..9cd7b9be09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-010.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi applied to element with 'display' set to list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <meta name="assert" content="The 'unicode-bidi' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ body
+ {
+ margin-right: 50px;
+ }
+ div
+ {
+ direction: rtl;
+ display: list-item;
+ unicode-bidi: bidi-override;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "PASS PASS" with a marker bullet on its right-hand side.</p>
+ <div>SSAP SSAP</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-012.xht
new file mode 100644
index 0000000000..95745c1e30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-012.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi applied to element with 'display' set to inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-008-ref.xht" />
+
+ <meta name="assert" content="The 'unicode-bidi' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ display: inline-block;
+ unicode-bidi: bidi-override;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "PASS PASS".</p>
+ <div>SSAP SSAP</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-013.xht
new file mode 100644
index 0000000000..c463057125
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-013.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi applied to element with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-008-ref.xht" />
+
+ <meta name="assert" content="The 'unicode-bidi' property does not apply to elements with a display of 'table'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants." />
+ <style type="text/css">
+ #test
+ {
+ direction: rtl;
+ display: table;
+ unicode-bidi: bidi-override;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "PASS PASS".</p>
+ <div id="test">
+ <div id="row">
+ <div id="cell">PASS PASS</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-014.xht
new file mode 100644
index 0000000000..c120375ccd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-014.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi applied to element with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-008-ref.xht" />
+
+ <meta name="assert" content="The 'unicode-bidi' property does not apply to elements with a display of 'inline-table'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants." />
+ <style type="text/css">
+ #test
+ {
+ direction: rtl;
+ display: inline-table;
+ unicode-bidi: bidi-override;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "PASS PASS".</p>
+ <div id="test">
+ <div id="row">
+ <div id="cell">PASS PASS</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-015.xht
new file mode 100644
index 0000000000..62ce16feb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-bidi applied to element with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
+ <link rel="match" href="direction-applies-to-008-ref.xht" />
+
+ <meta name="assert" content="The 'unicode-bidi' property applies to elements with a display of 'table-caption'." />
+ <style type="text/css">
+ #test
+ {
+ direction: rtl;
+ display: table-caption;
+ unicode-bidi: bidi-override;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "PASS PASS".</p>
+ <div id="table">
+ <div id="test">SSAP&nbsp;SSAP</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/border-seams-001.xht b/testing/web-platform/tests/css/CSS2/border-seams-001.xht
new file mode 100644
index 0000000000..ca1b9247b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/border-seams-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color Leaks Between Seams</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties"/>
+ <link rel="match" href="reference/border-seams-001.xht"/>
+ <meta name="assert" content="Test checks that graphical seams don't leak underlying colors"/>
+ <style type="text/css"><![CDATA[
+ #outer { width: 250px;
+ border: 50px solid;
+ border-color: #FEFEFE #FDFDFD #FEFEFE #FEFEFE;
+ background: red;
+ }
+ #inner { background: white;
+ border: 20px solid;
+ border-color: #FCFCFC; #FCFCFC; #FDFDFD #FCFCFC;
+ }
+ ]]></style>
+ </head>
+ <body>
+
+<div id="outer">
+<div id="inner">
+ There must be no red, not even when printing.
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-001-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-001-ref.xht
new file mode 100644
index 0000000000..2fe99002ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-001-ref.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ font: 25px/1 Ahem;
+ width: 6em;
+ word-spacing: 3em;
+ }
+
+ div.top-and-bottom-stripes
+ {
+ background-color: black;
+ height: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a hollow black square.</p>
+
+ <div class="top-and-bottom-stripes"></div>
+
+ <div>1 2 3 4 5 6 7 8</div>
+
+ <div class="top-and-bottom-stripes"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-001.xht
new file mode 100644
index 0000000000..f672d88a0d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set using border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/> <!-- 2012-05-16 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#borders"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-shorthands"/>
+ <link rel="match" href="border-001-ref.xht"/>
+ <meta name="assert" content="The 'border' shorthand property properly accepts and sets border-width."/>
+ <style type="text/css">
+ div
+ {
+ border: 25px;
+ border-style: solid;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-002.xht
new file mode 100644
index 0000000000..27478a7499
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set using border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border' shorthand property properly accepts and sets border-style." />
+ <style type="text/css">
+ div
+ {
+ border: dashed;
+ border-width: 5px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box with a dashed border below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-003-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-003-ref.xht
new file mode 100644
index 0000000000..80211db90c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-003-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: blue;
+ font: 5px/1 Ahem;
+ width: 22em;
+ word-spacing: 19em;
+ }
+
+ div.top-and-bottom-stripes
+ {
+ background-color: blue;
+ height: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a hollow blue square.</p>
+
+ <div class="top-and-bottom-stripes"></div>
+
+ <div>1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0</div>
+
+ <div class="top-and-bottom-stripes"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-003.xht
new file mode 100644
index 0000000000..29555e127f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-003.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set using border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#borders"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-shorthands"/>
+ <link rel="match" href="border-003-ref.xht"/>
+ <meta name="assert" content="The 'border' shorthand property properly accepts and sets border-color."/>
+ <style type="text/css">
+ div
+ {
+ border: blue;
+ border-style: solid;
+ border-width: 5px;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow blue square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-004.xht
new file mode 100644
index 0000000000..90c0536c8d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set using border-width border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border' shorthand property properly accepts and sets border-width and border-style." />
+ <style type="text/css">
+ div
+ {
+ border: 5px dashed;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box with a dashed border below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-005-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-005-ref.xht
new file mode 100644
index 0000000000..b937bc78d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-005-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 192px;
+ width: 192px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled blue square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-005.xht
new file mode 100644
index 0000000000..4086774df7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-005.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set using border-width border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#borders"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-shorthands"/>
+ <link rel="match" href="border-005-ref.xht"/>
+ <meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-width' and 'border-color'."/>
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #test
+ {
+ border: 1in blue;
+ border-style: solid;
+ height: 0;
+ width: 0;
+ }
+ #reference
+ {
+ background: red;
+ height: 2in;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-006-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-006-ref.xht
new file mode 100644
index 0000000000..1868b42fdb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-006-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 192px;
+ width: 192px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled black square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-006.xht
new file mode 100644
index 0000000000..baab910905
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-006.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set using border-style border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/> <!-- 2012-05-16 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#borders"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-shorthands"/>
+ <link rel="match" href="border-006-ref.xht"/>
+ <meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-style' and 'border-width'."/>
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #test
+ {
+ border: solid 1in;
+ height: 0;
+ width: 0;
+ }
+ #reference
+ {
+ background: red;
+ height: 2in;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-007.xht
new file mode 100644
index 0000000000..73bff491f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-007.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set using border-style border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-style' and 'border-color'." />
+ <style type="text/css">
+ div
+ {
+ border: dashed blue;
+ border-width: 5px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with a dashed blue border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-008.xht
new file mode 100644
index 0000000000..d12d998b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-008.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set using border-color border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/> <!-- 2012-05-16 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#borders"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-shorthands"/>
+ <link rel="match" href="border-005-ref.xht"/>
+ <meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-color' and 'border-width'."/>
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #test
+ {
+ border: blue 1in;
+ border-style: solid;
+ height: 0;
+ width: 0;
+ }
+ #reference
+ {
+ background: red;
+ height: 2in;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-009.xht
new file mode 100644
index 0000000000..a2105111db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-009.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set using border-color border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-color' and 'border-style'." />
+ <style type="text/css">
+ div
+ {
+ border: blue dashed;
+ border-width: 5px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with a dashed blue border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-010.xht
new file mode 100644
index 0000000000..99e498a8bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-010.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set using border-width border-style border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-width', 'border-style' and 'border-color'." />
+ <style type="text/css">
+ div
+ {
+ border: 5px dashed blue;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with a dashed blue border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-011.xht b/testing/web-platform/tests/css/CSS2/borders/border-011.xht
new file mode 100644
index 0000000000..207033db5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-011.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set using border-width border-color border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-width', 'border-color' and 'border-style'." />
+ <style type="text/css">
+ div
+ {
+ border: 5px blue dashed;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with a dashed blue border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-012.xht
new file mode 100644
index 0000000000..09eff32aa5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-012.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set using border-style border-width border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-style', 'border-width' and 'border-color'." />
+ <style type="text/css">
+ div
+ {
+ border: dashed 5px blue;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with a dashed blue border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-013.xht
new file mode 100644
index 0000000000..4d1191c3bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-013.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set using border-style border-color border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-style', 'border-color' and 'border-width'." />
+ <style type="text/css">
+ div
+ {
+ border: dashed blue 5px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with a dashed blue border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-014.xht
new file mode 100644
index 0000000000..7e8890d44a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-014.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set using border-color border-width border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-color', 'border-width' and 'border-style'." />
+ <style type="text/css">
+ div
+ {
+ border: blue 5px dashed;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with a dashed blue border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-015.xht
new file mode 100644
index 0000000000..d061ad3210
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-015.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set using border-color border-style border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-color', 'border-style' and 'border-width'." />
+ <style type="text/css">
+ div
+ {
+ border: blue 5px dashed;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with a dashed blue border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-016.xht b/testing/web-platform/tests/css/CSS2/borders/border-016.xht
new file mode 100644
index 0000000000..8b26b49a60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-016.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set to 'inherit', inheriting one value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
+ <style type="text/css">
+ #div1
+ {
+ border: dashed;
+ }
+ div div
+ {
+ border: inherit;
+ height: 1in;
+ margin: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two boxes with dashed borders below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-017.xht b/testing/web-platform/tests/css/CSS2/borders/border-017.xht
new file mode 100644
index 0000000000..ec0d270f11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-017.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set to 'inherit', inheriting two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
+ <style type="text/css">
+ #div1
+ {
+ border: dashed blue;
+ }
+ div div
+ {
+ border: inherit;
+ height: 1in;
+ margin: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two boxes with dashed blue borders below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-018.xht b/testing/web-platform/tests/css/CSS2/borders/border-018.xht
new file mode 100644
index 0000000000..ccca62fb3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-018.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border set to 'inherit', inheriting three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
+ <style type="text/css">
+ #div1
+ {
+ border: 10px dashed blue;
+ }
+ div div
+ {
+ border: inherit;
+ height: 1in;
+ margin: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two boxes with dashed blue borders below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-001-ref.xht
new file mode 100644
index 0000000000..3b90043555
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-001-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div.horizontal-edges
+ {
+ background-color: green;
+ height: 4px;
+ width: 104px;
+ }
+
+ div#vertical-edges
+ {
+ background-color: white;
+ width: 104px;
+ }
+
+ img {vertical-align: bottom;}
+
+ img + img {padding-left: 96px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div class="horizontal-edges"></div>
+
+ <div id="vertical-edges"><img src="support/1x1-green.png" width="4" height="96" alt="Image download support must be enabled" /><img src="support/1x1-green.png" width="4" height="96" alt="Image download support must be enabled" /></div>
+
+ <div class="horizontal-edges"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-001.xht
new file mode 100644
index 0000000000..15448b937b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-001.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border applied to element with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border' property applies to elements with a display of 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ border: green solid 4px;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-002.xht
new file mode 100644
index 0000000000..1bfb5d4fa0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-002.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border applied to element with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border' property applies to elements with a display of 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ border: green solid 4px;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-003.xht
new file mode 100644
index 0000000000..be0ad3f4f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-003.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border applied to element with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border' property applies to elements with a display of 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ border: green solid 4px;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-004.xht
new file mode 100644
index 0000000000..1133ef5f90
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-004.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border applied to element with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border' property applies to elements with a display of 'table-row'." />
+ <style type="text/css">
+ #test
+ {
+ border: green solid 4px;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div id="table">
+
+ <div id="test">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-005.xht
new file mode 100644
index 0000000000..978cc243ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-005.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border applied to element with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border' property applies to elements with a display of 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ border: green solid 4px;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+
+ .col
+ {
+ display: table-column;
+ }
+
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div id="table">
+
+ <div id="test"><div class="col"></div><div class="col"></div></div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-006.xht
new file mode 100644
index 0000000000..dc6cb28404
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-006.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border applied to element with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border' property applies to elements with a display of 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ border: green solid 4px;
+ display: table-column;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 200px;
+ }
+
+ .column
+ {
+ display: table-column;
+ }
+
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div id="table">
+
+ <div id="test"></div><div class="column"></div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-007.xht
new file mode 100644
index 0000000000..9f7d038764
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-007.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border applied to element with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border' property applies to elements with a display of 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border: green solid 4px;
+ display: table-cell;
+ height: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-008.xht
new file mode 100644
index 0000000000..0b8b788db6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border applied to element with 'display' set to inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border: 10px solid green;
+ display: inline;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green rectangle.</p>
+ <div>&nbsp;&nbsp;&nbsp;&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-009.xht
new file mode 100644
index 0000000000..8770f7ef96
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-009.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border applied to element with 'display' set to block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border: green solid 4px;
+ display: block;
+ height: 96px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-010.xht
new file mode 100644
index 0000000000..2287926ccc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-010.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border applied to element with 'display' set to list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border: green solid 4px;
+ display: list-item;
+ height: 1in;
+ margin-left: 50px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-012.xht
new file mode 100644
index 0000000000..14ecf6a372
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-012.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border applied to element with 'display' set to inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ border: green solid 4px;
+ display: inline-block;
+ width: 96px;
+ }
+
+ span.block-descendant
+ {
+ color: white;
+ display: block;
+ height: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant">a</span>
+ <span class="block-descendant">b</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-013.xht
new file mode 100644
index 0000000000..ede909d8f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-013.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border applied to element with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border' property applies to elements with a display of 'table'." />
+ <style type="text/css">
+ #table
+ {
+ border: green solid 4px;
+ display: table;
+ table-layout: fixed;
+ width: 96px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-014.xht
new file mode 100644
index 0000000000..8de602e45b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-014.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border applied to element with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border' property applies to elements with a display of 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ border: green solid 4px;
+ display: inline-table;
+ table-layout: fixed;
+ width: 96px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-015.xht
new file mode 100644
index 0000000000..4d6f650b79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-applies-to-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border applied to element with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border' property applies to elements with a display of 'table-caption'." />
+ <style type="text/css">
+ #caption
+ {
+ border: green solid 4px;
+ display: table-caption;
+ height: 96px;
+ width: 96px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-001-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-001-ref.xht
new file mode 100644
index 0000000000..bab394736d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-001-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 1in;
+ position: relative;
+ top: 1in;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled black square.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-001.xht
new file mode 100644
index 0000000000..bcae02c444
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom' shorthand property sets 'border-width' for the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: 1in;
+ border-bottom-style: solid;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-002.xht
new file mode 100644
index 0000000000..23cf7a6be6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-style' for the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: dashed;
+ border-bottom-width: 5px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-003.xht
new file mode 100644
index 0000000000..ab0136338f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-color' for the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: blue;
+ border-bottom-style: solid;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-004.xht
new file mode 100644
index 0000000000..9ddb7b33ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-004.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to border-width border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-width' and 'border-style' for the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: 5px dashed;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-005-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-005-ref.xht
new file mode 100644
index 0000000000..e8d83bf3e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-005-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 1in;
+ position: relative;
+ top: 1in;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled blue square.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-005.xht
new file mode 100644
index 0000000000..99429f75b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to border-width border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-width' and 'border-color' for the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: 1in blue;
+ border-bottom-style: solid;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-006.xht
new file mode 100644
index 0000000000..be21a6091f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-006.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to border-style border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-style' and 'border-width' for the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: solid 1in;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-007.xht
new file mode 100644
index 0000000000..b5cf78ca72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-007.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to border-style border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-style' and 'border-color' for the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: dashed blue;
+ border-width: 5px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-008.xht
new file mode 100644
index 0000000000..e636f401b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-008.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to border-color border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-color' and 'border-width' for the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: blue 1in;
+ border-bottom-style: solid;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-009.xht
new file mode 100644
index 0000000000..a07a22eb1b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-009.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to border-color border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-color' and 'border-style' for the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: blue dashed;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-010.xht
new file mode 100644
index 0000000000..fbf1737bc3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-010.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to border-width border-style border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-width', 'border-style' and 'border-color' for the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: 5px dashed blue;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-011.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-011.xht
new file mode 100644
index 0000000000..89aea66d65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-011.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to border-width border-color border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-width', 'border-color' and 'border-style' for the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: 5px blue dashed;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-012.xht
new file mode 100644
index 0000000000..177d92ee23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-012.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to border-style border-width border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-style', 'border-width' and 'border-color' for the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: dashed 5px blue;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-013.xht
new file mode 100644
index 0000000000..af902d5224
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-013.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to border-style border-color border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-style', 'border-color' and 'border-width' for the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: dashed blue 5px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-014.xht
new file mode 100644
index 0000000000..d543aabe62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-014.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to border-color border-width border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-color', 'border-width' and 'border-style' for the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: blue 5px dashed;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-015.xht
new file mode 100644
index 0000000000..77cec891b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-015.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to border-color border-style border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-color', 'border-style' and 'border-width' for the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: blue 5px dashed;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-016-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-016-ref.xht
new file mode 100644
index 0000000000..c092b38d90
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-016-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 3px;
+ margin-top: 112px;
+ }
+
+ div + div {margin-top: 10px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 black lines.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-016.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-016.xht
new file mode 100644
index 0000000000..0c81d10b7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-016.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to inherit, inheriting a single value for a shorthand property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-016-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: solid;
+ padding-bottom: 10px;
+ }
+ div div
+ {
+ border-bottom: inherit;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 black lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-017.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-017.xht
new file mode 100644
index 0000000000..09ac61e3c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-017.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to inherit, inheriting two values for a shorthand property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-bottom' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: dashed blue;
+ padding-bottom: 10px;
+ }
+ div div
+ {
+ border-bottom: inherit;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two dashed blue lines below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-018-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-018-ref.xht
new file mode 100644
index 0000000000..2df81b0e7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-018-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 96px;
+ margin-top: 112px;
+ }
+
+ div + div {margin-top: 10px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 large blue rectangles.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-018.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-018.xht
new file mode 100644
index 0000000000..484a8605e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-018.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom set to inherit, inheriting three values for a shorthand property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-018-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 1in solid blue;
+ padding-bottom: 10px;
+ }
+ div div
+ {
+ border-bottom: inherit;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 large blue rectangles.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-001-ref.xht
new file mode 100644
index 0000000000..ff381421b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 3px;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-001.xht
new file mode 100644
index 0000000000..7216d02a48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-001.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom: solid green 3px;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-002.xht
new file mode 100644
index 0000000000..7ac0839ca8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-002.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom: solid green 3px;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-003.xht
new file mode 100644
index 0000000000..5422a13fef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-003.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom: solid green 3px;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-004.xht
new file mode 100644
index 0000000000..2f8c2f231d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-004.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom applied to element with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom' property applies to elements with a 'display' of 'table-row'." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom: solid green 3px;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="test">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-005.xht
new file mode 100644
index 0000000000..efc82e629b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-005.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom' property applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom: solid green 3px;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="test"><div class="column"></div><div class="column"></div></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-006.xht
new file mode 100644
index 0000000000..ca3814f0be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-006.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom' property applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom: solid green 3px;
+ display: table-column;
+ width: 1in;
+ }
+
+ .column
+ {
+ display: table-column;
+ }
+
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 2in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="test"></div><div class="column"></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-007.xht
new file mode 100644
index 0000000000..c71f3fd71f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="Border-bottom applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-bottom: solid green 3px;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-008.xht
new file mode 100644
index 0000000000..9e70f5228d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-bottom' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: solid green;
+ display: inline;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div>&nbsp;&nbsp;&nbsp;&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-009.xht
new file mode 100644
index 0000000000..ea0d264d5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-009.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-bottom: solid green 3px;
+ display: block;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-010.xht
new file mode 100644
index 0000000000..e761cfe7ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-010.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-bottom' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: solid green;
+ display: list-item;
+ margin-left: 50px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line and a marker bullet on its left-hand side. (Note the marker bullet does not need to be aligned vertically to any specific position.)</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-012.xht
new file mode 100644
index 0000000000..02e959a2b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-012.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ border-bottom: solid green 3px;
+ display: inline-block;
+ vertical-align: top;
+ width: 1in;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-013.xht
new file mode 100644
index 0000000000..b2c46d8c48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-013.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom applied to element with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom' property applies to elements with a 'display' of 'table'." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom: solid green 3px;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="test">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-014.xht
new file mode 100644
index 0000000000..950e53994a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-014.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom applied to element with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom' property applies to elements with a 'display' of 'inline-table'." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom: solid green 3px;
+ display: inline-table;
+ table-layout: fixed;
+ vertical-align: top;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="test">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-015.xht
new file mode 100644
index 0000000000..88acea99da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-applies-to-015.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom applied to element with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom' property applies to elements with a 'display' of 'table-caption'." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom: solid green 3px;
+ display: table-caption;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-001-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-001-ref.xht
new file mode 100644
index 0000000000..7c5bdccdce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-001-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/000_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-001.xht
new file mode 100644
index 0000000000..5214c335c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with five digits which is invalid and is equivalent to minimum minus one value for six digit hex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to #00000 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #00000;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #000000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-002.xht
new file mode 100644
index 0000000000..c52d2aebae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-002.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with the minimum value, #000000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #000000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #000000;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #000000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-003-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-003-ref.xht
new file mode 100644
index 0000000000..b2b5131875
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-003-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/010101_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-003.xht
new file mode 100644
index 0000000000..48b032439c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-003.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with the minimum plus one value, #010101</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-003-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #010101 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #010101;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #010101;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-004-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-004-ref.xht
new file mode 100644
index 0000000000..aa7950069d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-004-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/999_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-004.xht
new file mode 100644
index 0000000000..60d1e4cbf7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-004.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with a nominal value #999999</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-004-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #999999 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #999999;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #999999;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-005-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-005-ref.xht
new file mode 100644
index 0000000000..eb79eb193d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-005-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {background-color: black;}
+
+ p {color: white;}
+
+ div
+ {
+ background: url("support/fefefe_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-005.xht
new file mode 100644
index 0000000000..c7310c0623
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-005.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with the maximum minus one value of #fefefe</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #fefefe renders the correct color for the border." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #fefefe;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #fefefe;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-006-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-006-ref.xht
new file mode 100644
index 0000000000..9ef802086a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-006-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {background-color: black;}
+
+ p {color: white;}
+
+ div
+ {
+ background: url("support/fff_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-006.xht
new file mode 100644
index 0000000000..fbd7527b5c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-006.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with the maximum value of #ffffff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #ffffff renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #ffffff;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #ffffff;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-007.xht
new file mode 100644
index 0000000000..d9ae994c82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-007.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with the maximum plus one value of #1000000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to #1000000 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #1000000;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-008.xht
new file mode 100644
index 0000000000..0f5105d209
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-008.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with the maximum plus one value of #fgfgfg</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to #fgfgfg falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #fgfgfg;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-009-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-009-ref.xht
new file mode 100644
index 0000000000..e5076a43ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-009-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/010000_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-009.xht
new file mode 100644
index 0000000000..461e6e273a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-009.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with a red set to minimum plus one value, #010000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-009-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #010000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #010000;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #010000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-010-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-010-ref.xht
new file mode 100644
index 0000000000..92ea2c169f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-010-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: #990000;
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-010.xht
new file mode 100644
index 0000000000..990f57bc74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-010.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with a red set to a nominal value, #990000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-010-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #990000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #990000;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #990000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-011-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-011-ref.xht
new file mode 100644
index 0000000000..1c97de1ffc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-011-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/fe0000_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-011.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-011.xht
new file mode 100644
index 0000000000..94ee90e473
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-011.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with a red set to maximum minus one value, #fe0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-011-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #fe0000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #fe0000;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #fe0000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-012-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-012-ref.xht
new file mode 100644
index 0000000000..ea9e7c3bcd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-012-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/f00_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-012.xht
new file mode 100644
index 0000000000..fddac3965f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-012.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with a red set to the maximum value, #ff0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #ff0000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #ff0000;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #ff0000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-013.xht
new file mode 100644
index 0000000000..455b89d596
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-013.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with a red set to the maximum plus one value, #fg0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to #fg0000 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #fg0000;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-014-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-014-ref.xht
new file mode 100644
index 0000000000..d3082895e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-014-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/000100_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-014.xht
new file mode 100644
index 0000000000..fc00268dab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-014.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with a green set to minimum plus one value, #000100</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-014-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #000100 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #000100;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #000100;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-015-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-015-ref.xht
new file mode 100644
index 0000000000..b04da23788
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-015-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/090_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-015.xht
new file mode 100644
index 0000000000..8bc3c80da5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-015.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with a green set to a nominal value, #009900</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-015-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #009900 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #009900;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #009900;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-016-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-016-ref.xht
new file mode 100644
index 0000000000..538f9051c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-016-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/00fe00_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-016.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-016.xht
new file mode 100644
index 0000000000..40d3b77435
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-016.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with a green set to maximum minus one value, #00fe00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-016-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #00fe00 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #00fe00;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #00fe00;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-017-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-017-ref.xht
new file mode 100644
index 0000000000..cf6912694c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-017-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/0f0_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-017.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-017.xht
new file mode 100644
index 0000000000..cbfaee79a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-017.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with a green set to the maximum value, #00ff00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #00ff00 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #00ff00;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #00ff00;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-018.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-018.xht
new file mode 100644
index 0000000000..ecaea1c746
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-018.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with a green set to the maximum plus one value, #00fg00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to #00fg00 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #00fg00;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-019-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-019-ref.xht
new file mode 100644
index 0000000000..322c6fc059
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-019-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/000001_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-019.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-019.xht
new file mode 100644
index 0000000000..267ed5396d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-019.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with a blue set to minimum plus one value, #000001</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-019-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #000001 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #000001;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #000001;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-020-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-020-ref.xht
new file mode 100644
index 0000000000..833ec72aa3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-020-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/009_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-020.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-020.xht
new file mode 100644
index 0000000000..fb8cfb20aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-020.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with a blue set to a nominal value, #000099</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-020-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #000099 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #000099;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #000099;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-021-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-021-ref.xht
new file mode 100644
index 0000000000..4ea14313ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-021-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/0000fe_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-021.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-021.xht
new file mode 100644
index 0000000000..c84d76f872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-021.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with a blue set to maximum minus one value, #0000fe</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-021-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #0000fe renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #0000fe;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #0000fe;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-022-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-022-ref.xht
new file mode 100644
index 0000000000..d99e3eaf48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-022-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/00f_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-022.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-022.xht
new file mode 100644
index 0000000000..0090ddeac1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-022.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with a blue set to the maximum value, #0000ff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #0000ff renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #0000ff;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #0000ff;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-023.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-023.xht
new file mode 100644
index 0000000000..d10a277573
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-023.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with six digits with a blue set to the maximum plus one value, #0000fg</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to #0000fg falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #0000fg;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-024.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-024.xht
new file mode 100644
index 0000000000..6cd95188f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-024.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with 2 digits which is invalid and is equivalent to minimum minus one value for 3 digit hex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to #00 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #00;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-025.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-025.xht
new file mode 100644
index 0000000000..4c5b3d1ce0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-025.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with the minimum possible value #000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #000;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-026-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-026-ref.xht
new file mode 100644
index 0000000000..79cf8fd3c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-026-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/111_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-026.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-026.xht
new file mode 100644
index 0000000000..0e539bb602
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-026.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with the minimum plus one value, #111</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-026-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #111 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #111;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #111;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-027-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-027-ref.xht
new file mode 100644
index 0000000000..aa7950069d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-027-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/999_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-027.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-027.xht
new file mode 100644
index 0000000000..f1a65812e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-027.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with a nominal value #999</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-027-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #999 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #999;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #999;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-028-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-028-ref.xht
new file mode 100644
index 0000000000..dad179e9ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-028-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/eee_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-028.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-028.xht
new file mode 100644
index 0000000000..c25c89a184
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-028.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with the maximum minus one value of #eee</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-028-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #eee renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #eee;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #eee;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-029.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-029.xht
new file mode 100644
index 0000000000..623072dcd9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-029.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with the maximum value of #fff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #fff renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #fff;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #fff;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-030.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-030.xht
new file mode 100644
index 0000000000..abf930e326
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-030.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with the maximum plus one value of #1000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-transparent-or-black-square-black.xht"/>
+ <link rel="match" href="../reference/ref-transparent-or-black-square-transparent.xht"/>
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to #1000 is a transparent dark red square." />
+ <style type="text/css">
+ div.test
+ {
+ border: 5px solid blue;
+ height: 1in;
+ width: 1in;
+ }
+ div.test div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #1000;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black or transparent square surrounded by a blue border.</p>
+ <div class="test"><div></div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-031.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-031.xht
new file mode 100644
index 0000000000..60f3123428
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-031.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with the maximum plus one value of #ggg</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to #ggg falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #ggg;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-032-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-032-ref.xht
new file mode 100644
index 0000000000..d5f9edb9e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-032-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/100_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-032.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-032.xht
new file mode 100644
index 0000000000..a14a91b225
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-032.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with a red set to minimum plus one value, #100</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-032-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #100 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #100;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #100;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-033.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-033.xht
new file mode 100644
index 0000000000..0eeaae8387
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-033.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with a red set to a nominal value, #900</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-010-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #900 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #900;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #900;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-034-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-034-ref.xht
new file mode 100644
index 0000000000..2993969578
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-034-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/e00_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-034.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-034.xht
new file mode 100644
index 0000000000..41ed5b423b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-034.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with a red set to maximum minus one value, #e00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-034-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #e00 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #e00;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #e00;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-035.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-035.xht
new file mode 100644
index 0000000000..43c7d2f030
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-035.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with a red set to the maximum value, #f00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #f00 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #f00;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #f00;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-036.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-036.xht
new file mode 100644
index 0000000000..5bb1979c26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-036.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with a red set to the maximum plus one value, #g00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to #g00 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #g00;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-037-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-037-ref.xht
new file mode 100644
index 0000000000..f89e162bd8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-037-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/010_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-037.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-037.xht
new file mode 100644
index 0000000000..aaa0547d71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-037.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with a green set to minimum plus one value, #010</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-037-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #010 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #010;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #010;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-038-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-038-ref.xht
new file mode 100644
index 0000000000..b04da23788
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-038-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/090_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-038.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-038.xht
new file mode 100644
index 0000000000..df795d75ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-038.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with a green set to a nominal value, #090</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-038-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #090 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #090;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #090;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-039-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-039-ref.xht
new file mode 100644
index 0000000000..192db0e6f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-039-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/0e0_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-039.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-039.xht
new file mode 100644
index 0000000000..e454a366ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-039.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with a green set to maximum minus one value, #0e0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-039-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #0e0 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #0e0;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #0e0;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-040.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-040.xht
new file mode 100644
index 0000000000..9343aaabfd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-040.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with a green set to the maximum value, #0f0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #0f0 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #0f0;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #0f0;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-041.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-041.xht
new file mode 100644
index 0000000000..2c0b7daa5c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-041.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with a green set to the maximum plus one value, #0g0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to #0g0 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #0g0;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-042-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-042-ref.xht
new file mode 100644
index 0000000000..11bffd78f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-042-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/001_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-042.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-042.xht
new file mode 100644
index 0000000000..0ac99a15b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-042.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with a blue set to minimum plus one value, #001</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-042-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #001 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #001;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #001;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-043.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-043.xht
new file mode 100644
index 0000000000..09205f4373
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-043.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with a blue set to a nominal value, #009</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-020-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #009 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #009;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #009;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-044-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-044-ref.xht
new file mode 100644
index 0000000000..3d27161bc4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-044-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/00e_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-044.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-044.xht
new file mode 100644
index 0000000000..4e847ed453
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-044.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with a blue set to maximum minus one value, #00e</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-044-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #00e renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #00e;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #00e;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-045.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-045.xht
new file mode 100644
index 0000000000..b6f39cc51e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-045.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with a blue set to the maximum value, #00f</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to #00f renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #00f;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #00f;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-046.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-046.xht
new file mode 100644
index 0000000000..81ff35d9de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-046.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to hex with three digits with a blue set to the maximum plus one value, #00g</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to #00g falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: #00g;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-047.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-047.xht
new file mode 100644
index 0000000000..080709fc25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-047.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with the minimum minus one value, rgb(-1%, -1%, -1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(-1%, -1%, -1%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(-1%, -1%, -1%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-048.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-048.xht
new file mode 100644
index 0000000000..800d3761af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-048.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with the minimum value, rgb(0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-049-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-049-ref.xht
new file mode 100644
index 0000000000..344ce16730
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-049-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(1%, 1%, 1%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-049.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-049.xht
new file mode 100644
index 0000000000..0b2e262b7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-049.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with the minimum plus one value, rgb(1%, 1%, 1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-049-ref.xht"/>
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(1%, 1%, 1%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(1%, 1%, 1%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(1%, 1%, 1%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-050.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-050.xht
new file mode 100644
index 0000000000..d70f8b5f29
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-050.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with the minimum value and minus sign, rgb(-0%, -0%, -0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(-0%, -0%, -0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(-0%, -0%, -0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-051.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-051.xht
new file mode 100644
index 0000000000..70a6c63782
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-051.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with the minimum value and plus sign, rgb(+0%, +0%, +0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(+0%, +0%, +0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(+0%, +0%, +0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-052-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-052-ref.xht
new file mode 100644
index 0000000000..8096f85a34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-052-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(40%, 40%, 40%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-052.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-052.xht
new file mode 100644
index 0000000000..a90c57a47d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-052.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with a nominal value, rgb(40%, 40%, 40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-052-ref.xht"/>
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(40%, 40%, 40%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(40%, 40%, 40%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(40%, 40%, 40%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-053.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-053.xht
new file mode 100644
index 0000000000..cfc23e2c1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-053.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with a nominal value and a plus sign, rgb(+40%, +40%, +40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-052-ref.xht"/>
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(+40%, +40%, +40%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(+40%, +40%, +40%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(40%, 40%, 40%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-054-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-054-ref.xht
new file mode 100644
index 0000000000..9d1c01f601
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-054-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(99%, 99%, 99%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-054.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-054.xht
new file mode 100644
index 0000000000..7366be47d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-054.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with a maximum minus one value, rgb(99%, 99%, 99%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-054-ref.xht"/>
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(99%, 99%, 99%) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(99%, 99%, 99%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(99%, 99%, 99%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-055.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-055.xht
new file mode 100644
index 0000000000..8be065dfd7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-055.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with a maximum value, rgb(100%, 100%, 100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(100%, 100%, 100%) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(100%, 100%, 100%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(100%, 100%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-056.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-056.xht
new file mode 100644
index 0000000000..df3d7b47ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-056.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with plus sign on each maximum value, rgb(+100%, +100%, +100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(+100%, +100%, +100%) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(+100%, +100%, +100%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(100%, 100%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-057.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-057.xht
new file mode 100644
index 0000000000..5e362672fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-057.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with a maximum plus one value, rgb(101%, 101%, 101%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(101%, 101%, 101%) truncates to a valid value." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(101%, 101%, 101%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(100%, 100%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-058.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-058.xht
new file mode 100644
index 0000000000..79ee656137
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-058.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with the minimum minus one value, rgb(-1, -1, -1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(-1, -1, -1) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(-1, -1, -1);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-059.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-059.xht
new file mode 100644
index 0000000000..d860b0bd26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-059.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with the minimum value, rgb(0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-060.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-060.xht
new file mode 100644
index 0000000000..2a7f41483e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-060.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with the minimum plus one value, rgb(1, 1, 1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-003-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(1, 1, 1) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(1, 1, 1);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(1, 1, 1);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-061.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-061.xht
new file mode 100644
index 0000000000..97a0001a8b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-061.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with the minimum value and minus sign, rgb(-0, -0, -0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(-0, -0, -0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(-0, -0, -0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-062.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-062.xht
new file mode 100644
index 0000000000..9b9eca3d2c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-062.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with the minimum value and plus sign, rgb(+0, +0, +0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(+0, +0, +0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(+0, +0, +0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-063-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-063-ref.xht
new file mode 100644
index 0000000000..3afc17f0ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-063-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/808080_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-063.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-063.xht
new file mode 100644
index 0000000000..a6295e1ad2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-063.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with a nominal value, rgb(128, 128, 128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-063-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(128, 128, 128) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(128, 128, 128);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(128, 128, 128);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-064.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-064.xht
new file mode 100644
index 0000000000..89148be4ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-064.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with a nominal value and a plus sign, rgb(+128, +128, +128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-063-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(+128, +128, +128) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(+128, +128, +128);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(128, 128, 128);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-065.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-065.xht
new file mode 100644
index 0000000000..d11d1ba641
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-065.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with a maximum minus one value, rgb(254, 254, 254)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(254, 254, 254) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(254, 254, 254);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(254, 254, 254);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-066.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-066.xht
new file mode 100644
index 0000000000..7bad2cf389
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-066.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with a maximum value, rgb(255, 255, 255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(255, 255, 255) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(255, 255, 255);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(255, 255, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-067.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-067.xht
new file mode 100644
index 0000000000..f53683a2be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-067.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with a maximum value and a plus sign, rgb(+255, +255, +255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(+255, +255, +255) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(+255, +255, +255);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(255, 255, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-068.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-068.xht
new file mode 100644
index 0000000000..491d57534e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-068.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with a maximum plus one value, rgb(256, 256, 256)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(256, 256, 256) truncates to a valid value." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(256, 256, 256);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(255, 255, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-069.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-069.xht
new file mode 100644
index 0000000000..3717d36ea8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-069.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with red set to the minimum minus one value, rgb(-1%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(-1%, 0%, 0%) falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(-1%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-070-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-070-ref.xht
new file mode 100644
index 0000000000..8e185252fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-070-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(1%, 0%, 0%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-070.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-070.xht
new file mode 100644
index 0000000000..bdedc86190
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-070.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with red set to the minimum plus one value, rgb(1%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-070-ref.xht"/>
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(1%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(1%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(1%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-071.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-071.xht
new file mode 100644
index 0000000000..e17c1dff33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-071.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with red set to the minimum value and minus sign, rgb(-0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(-0%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(-0%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-072.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-072.xht
new file mode 100644
index 0000000000..b6113b805f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-072.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with red set to the minimum value and plus sign, rgb(+0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(+0%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(+0%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-073-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-073-ref.xht
new file mode 100644
index 0000000000..9c8b4d8c64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-073-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(40%, 0%, 0%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-073.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-073.xht
new file mode 100644
index 0000000000..b60a4d8470
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-073.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with red set to a nominal value, rgb(40%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-073-ref.xht"/>
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(40%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(40%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(40%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-074.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-074.xht
new file mode 100644
index 0000000000..851efab048
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-074.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with red set to a nominal value with a plus sign, rgb(+40%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-073-ref.xht"/>
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(+40%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(+40%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(40%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-075-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-075-ref.xht
new file mode 100644
index 0000000000..813946da33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-075-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(99%, 0%, 0%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-075.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-075.xht
new file mode 100644
index 0000000000..c8b5873b21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-075.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with red set to a maximum minus one value, rgb(99%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-075-ref.xht"/>
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(99%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(99%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(99%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-076.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-076.xht
new file mode 100644
index 0000000000..766e371b1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-076.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with red set to a maximum value, rgb(100%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(100%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(100%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(100%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-077.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-077.xht
new file mode 100644
index 0000000000..4ce0ec8ee7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-077.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with red set to a maximum value with a plus sign, rgb(+100%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(+100%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(+100%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(100%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-078.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-078.xht
new file mode 100644
index 0000000000..7435831018
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-078.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with red set to a maximum plus one value, rgb(101%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(101%, 0%, 0%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(101%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(100%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-079.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-079.xht
new file mode 100644
index 0000000000..7256c711d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-079.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with red set to the minimum minus one value, rgb(-1, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(-1, 0, 0) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(-1, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-080.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-080.xht
new file mode 100644
index 0000000000..46c60e78be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-080.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with red set to the minimum plus one value, rgb(1, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-009-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(1, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(1, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(1, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-081.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-081.xht
new file mode 100644
index 0000000000..843848cb37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-081.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with red set to the minimum value with a minus sign, rgb(-0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(-0, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(-0, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-082.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-082.xht
new file mode 100644
index 0000000000..66e533b34b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-082.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with red set to the minimum value with a plus sign, rgb(+0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(+0, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(+0, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-083-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-083-ref.xht
new file mode 100644
index 0000000000..bf6367d4ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-083-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/800000_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-083.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-083.xht
new file mode 100644
index 0000000000..7b6241ac99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-083.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with red set to a nominal value, rgb(128, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-083-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(128, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(128, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(128, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-084.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-084.xht
new file mode 100644
index 0000000000..2ac69013ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-084.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with red set to a nominal value with a plus sign, rgb(+128, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-083-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(+128, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(+128, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(128, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-085.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-085.xht
new file mode 100644
index 0000000000..bf2b53bd71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-085.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with red set to a maximum minus one value, rgb(254, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-011-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(254, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(254, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(254, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-086.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-086.xht
new file mode 100644
index 0000000000..f052625a4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-086.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with red set to a maximum value, rgb(255, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(255, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(255, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(255, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-087.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-087.xht
new file mode 100644
index 0000000000..111155f706
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-087.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with red set to a maximum value with a plus sign, rgb(+255, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(+255, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(+255, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(255, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-088.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-088.xht
new file mode 100644
index 0000000000..ca55585278
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-088.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with red set to a maximum plus one value, rgb(256, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(256, 0, 0) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(256, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(255, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-089.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-089.xht
new file mode 100644
index 0000000000..0d715dda9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-089.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with green set to the minimum minus one value, rgb(0%, -1%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, -1%, 0%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, -1%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-090-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-090-ref.xht
new file mode 100644
index 0000000000..d18a102f4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-090-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(0%, 1%, 0%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-090.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-090.xht
new file mode 100644
index 0000000000..4cdd83f3bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-090.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with green set to the minimum plus one value, rgb(0%, 1%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-090-ref.xht"/>
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, 1%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, 1%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 1%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-091.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-091.xht
new file mode 100644
index 0000000000..60c8815119
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-091.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with green set to the minimum value and minus sign, rgb(0%, -0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, -0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, -0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-092.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-092.xht
new file mode 100644
index 0000000000..7027950d71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-092.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with green set to the minimum value and plus sign, rgb(0%, +0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, +0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, +0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-093-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-093-ref.xht
new file mode 100644
index 0000000000..e6d8290485
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-093-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(0%, 40%, 0%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-093.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-093.xht
new file mode 100644
index 0000000000..e4f629ea46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-093.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with green set to a nominal value, rgb(0%, 40%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-093-ref.xht"/>
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, 40%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, 40%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 40%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-094.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-094.xht
new file mode 100644
index 0000000000..e9d58db302
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-094.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with green set to a nominal value with a plus sign, rgb(0%, +40%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-093-ref.xht"/>
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, +40%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, +40%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 40%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-095-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-095-ref.xht
new file mode 100644
index 0000000000..938e110505
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-095-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(0%, 99%, 0%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-095.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-095.xht
new file mode 100644
index 0000000000..4ddfedfeec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-095.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with green set to a maximum minus one value, rgb(0%, 99%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-095-ref.xht"/>
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, 99%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, 99%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 99%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-096.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-096.xht
new file mode 100644
index 0000000000..245605da62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-096.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with green set to a maximum value, rgb(0%, 100%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, 100%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, 100%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 100%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-097.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-097.xht
new file mode 100644
index 0000000000..cd33161b37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-097.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with green set to a maximum value with a plus sign, rgb(0%, +100%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, +100%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, +100%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 100%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-098.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-098.xht
new file mode 100644
index 0000000000..6d039dd127
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-098.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with green set to a maximum plus one value, rgb(0%, 101%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, 101%, 0%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, 101%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 100%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-099.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-099.xht
new file mode 100644
index 0000000000..5f6ae6bc89
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-099.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with green set to the minimum minus one value, rgb(0, -1, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(-1, 0, 0) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, -1, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-100-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-100-ref.xht
new file mode 100644
index 0000000000..27a0264086
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-100-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: rgb(0, 1, 0);
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-100.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-100.xht
new file mode 100644
index 0000000000..44075c7547
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-100.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with green set to the minimum plus one value, rgb(0, 1, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-100-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, 1, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, 1, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 1, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-101.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-101.xht
new file mode 100644
index 0000000000..8947bc54de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-101.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with green set to the minimum value with a minus sign, rgb(0, -0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, -0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, -0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-102.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-102.xht
new file mode 100644
index 0000000000..3f4516e942
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-102.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with green set to the minimum value with a plus sign, rgb(0, +0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, +0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, +0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-103-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-103-ref.xht
new file mode 100644
index 0000000000..3f0eb480ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-103-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/008000_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-103.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-103.xht
new file mode 100644
index 0000000000..8127a908fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-103.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with green set to a nominal value, rgb(0, 128, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-103-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, 128, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, 128, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 128, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-104.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-104.xht
new file mode 100644
index 0000000000..0b4f3b105e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-104.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with green set to a nominal value with a plus sign, rgb(0, +128, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-103-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, +128, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, +128, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 128, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-105.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-105.xht
new file mode 100644
index 0000000000..8e0ec28589
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-105.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with green set to a maximum minus one value, rgb(0, 254, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-016-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, 254, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, 254, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 254, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-106.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-106.xht
new file mode 100644
index 0000000000..bd9fc7497f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-106.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with green set to a maximum value, rgb(0, 255, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, 255, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, 255, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 255, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-107.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-107.xht
new file mode 100644
index 0000000000..72a38a3682
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-107.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with green set to a maximum value with a plus sign, rgb(0, +255, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, +255, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, +255, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 255, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-108.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-108.xht
new file mode 100644
index 0000000000..d69d720085
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-108.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with green set to a maximum plus one value, rgb(0, 256 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, 256, 0) properly truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, 256, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 255, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-109.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-109.xht
new file mode 100644
index 0000000000..053febc6f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-109.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with blue set to the minimum minus one value, rgb(0%, 0%, -1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, 0%, -1%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, 0%, -1%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-110-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-110-ref.xht
new file mode 100644
index 0000000000..a9241f5351
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-110-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(0%, 0%, 1%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-110.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-110.xht
new file mode 100644
index 0000000000..736365f6d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-110.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with blue set to the minimum plus one value, rgb(0%, 0%, 1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-110-ref.xht"/>
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, 0%, 1%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, 0%, 1%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 1%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-111.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-111.xht
new file mode 100644
index 0000000000..7d8523838b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-111.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with blue set to the minimum value and minus sign, rgb(0%, 0%, -0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, 0%, -0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, 0%, -0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-112.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-112.xht
new file mode 100644
index 0000000000..5c70578bb2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-112.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with blue set to the minimum value and plus sign, rgb(0%, 0%, +0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, 0%, +0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, 0%, +0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-113-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-113-ref.xht
new file mode 100644
index 0000000000..030ee6ec00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-113-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(0%, 0%, 40%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-113.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-113.xht
new file mode 100644
index 0000000000..347344ebdc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-113.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with blue set to a nominal value, rgb(0%, 0%, 40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-113-ref.xht"/>
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, 0%, 40%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, 0%, 40%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 40%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-114.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-114.xht
new file mode 100644
index 0000000000..c28375c7de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-114.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with blue set to a nominal value with a plus sign, rgb(0%, 0%, +40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-113-ref.xht"/>
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, 0%, +40%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, 0%, +40%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 40%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-115-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-115-ref.xht
new file mode 100644
index 0000000000..4628877183
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-115-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(0%, 0%, 99%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-115.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-115.xht
new file mode 100644
index 0000000000..41f46477f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-115.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with blue set to a maximum minus one value, rgb(0%, 0%, 99%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-115-ref.xht"/>
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, 0%, 99%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, 0%, 99%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 99%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-116.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-116.xht
new file mode 100644
index 0000000000..b8f182522b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-116.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with blue set to a maximum value, rgb(0%, 0%, 100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, 0%, 100%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, 0%, 100%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-117.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-117.xht
new file mode 100644
index 0000000000..034f0f5b82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-117.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with blue set to a maximum value with a plus sign, rgb(0%, 0%, +100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, 0%, +100%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, 0%, +100%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-118.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-118.xht
new file mode 100644
index 0000000000..25990d11c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-118.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using percentages with blue set to a maximum plus one value, rgb(0%, 0%, 101%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0%, 0%, 101%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0%, 0%, 101%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-119.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-119.xht
new file mode 100644
index 0000000000..25ccc228bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-119.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with blue set to the minimum minus one value, rgb(0, 0, -1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, 0, -1) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, 0, -1);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-120.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-120.xht
new file mode 100644
index 0000000000..6cf2c68e43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-120.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with blue set to the minimum plus one value, rgb(0, 0, 1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-019-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, 0, 1) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, 0, 1);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 1);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-121.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-121.xht
new file mode 100644
index 0000000000..4f6ae4f5be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-121.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with blue set to the minimum value with a minus sign, rgb(0, 0, -0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, 0, -0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, 0, -0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-122.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-122.xht
new file mode 100644
index 0000000000..b742b0634c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-122.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with blue set to the minimum value with a plus sign, rgb(0, 0, +0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, 0, +0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, 0, +0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-123-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-123-ref.xht
new file mode 100644
index 0000000000..6e03bafdd7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-123-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/000080_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-123.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-123.xht
new file mode 100644
index 0000000000..a95ef02b51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-123.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with blue set to a nominal value, rgb(0, 0, 128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-123-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, 0, 128) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, 0, 128);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 128);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-124.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-124.xht
new file mode 100644
index 0000000000..957b9e7cd9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-124.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with blue set to a nominal value with a plus sign, rgb(0, 0, +128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-123-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, 0, +128) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, 0, +128);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 128);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-125.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-125.xht
new file mode 100644
index 0000000000..370eb8ac65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-125.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with blue set to a maximum minus one value, rgb(0, 0, 254)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-021-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, 0, 254) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, 0, 254);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 254);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-126.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-126.xht
new file mode 100644
index 0000000000..ab183be63b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-126.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with blue set to a maximum value, rgb(0, 0, 255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, 0, 255) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, 0, 255);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-127.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-127.xht
new file mode 100644
index 0000000000..b03e509920
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-127.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with blue set to a maximum value with a plus sign, rgb(0, 0, +255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, 0, +255) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, 0, +255);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-128.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-128.xht
new file mode 100644
index 0000000000..94462cacdd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-128.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to rgb() using integers with blue set to a maximum plus one value, rgb(0, 0, 256)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-color' set to rgb(0, 0, 256) properly truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: rgb(0, 0, 256);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-129-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-129-ref.xht
new file mode 100644
index 0000000000..290b83cf67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-129-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/aqua_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-129.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-129.xht
new file mode 100644
index 0000000000..f7c6f4e59d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-129.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to aqua</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-129-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to aqua causes the border-bottom-color of the box to be aqua." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: aqua;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: aqua;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-130.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-130.xht
new file mode 100644
index 0000000000..a8c1583484
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-130.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to black</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to black causes the border-bottom-color of the box to be black." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: black;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-131-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-131-ref.xht
new file mode 100644
index 0000000000..4e5d9de91e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-131-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/blue15x15.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-131.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-131.xht
new file mode 100644
index 0000000000..aa987cb49f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-131.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to blue</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-131-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to blue causes the border-bottom-color of the box to be blue." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: blue;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: blue;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-132-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-132-ref.xht
new file mode 100644
index 0000000000..713977b023
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-132-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/fuchsia_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-132.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-132.xht
new file mode 100644
index 0000000000..ac7a228d7b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-132.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to fuchsia</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-132-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to fuchsia causes the border-bottom-color of the box to be fuchsia." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: fuchsia;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: fuchsia;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-133-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-133-ref.xht
new file mode 100644
index 0000000000..5db22dc254
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-133-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/808080_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-133.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-133.xht
new file mode 100644
index 0000000000..06c1c9ebba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-133.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to gray</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-133-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to gray causes the border-bottom-color of the box to be gray." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: gray;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: gray;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-134-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-134-ref.xht
new file mode 100644
index 0000000000..beccb7d434
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-134-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/1x1-green.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-134.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-134.xht
new file mode 100644
index 0000000000..97d168bc59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-134.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to green</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-134-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to green causes the background of the box to be green." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: green;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: green;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-135-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-135-ref.xht
new file mode 100644
index 0000000000..7546efe622
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-135-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/1x1-lime.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-135.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-135.xht
new file mode 100644
index 0000000000..85ce19a0b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-135.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to lime</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-135-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to lime causes the border-bottom-color of the box to be lime." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: lime;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: lime;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-136-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-136-ref.xht
new file mode 100644
index 0000000000..a6b78590d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-136-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/maroon_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-136.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-136.xht
new file mode 100644
index 0000000000..3444b98516
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-136.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to maroon</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-136-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to maroon causes the border-bottom-color of the box to be maroon." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: maroon;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: maroon;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-137-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-137-ref.xht
new file mode 100644
index 0000000000..80bc045ae0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-137-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/1x1-navy.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-137.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-137.xht
new file mode 100644
index 0000000000..b3fd414209
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-137.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to navy</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-137-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to navy causes the border-bottom-color of the box to be navy." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: navy;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: navy;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-138-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-138-ref.xht
new file mode 100644
index 0000000000..23131e179c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-138-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/olive_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-138.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-138.xht
new file mode 100644
index 0000000000..6ffa065e69
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-138.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to olive</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-138-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to olive causes the border-bottom-color of the box to be olive." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: olive;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: olive;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-139-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-139-ref.xht
new file mode 100644
index 0000000000..3569017b36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-139-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/swatch-orange.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-139.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-139.xht
new file mode 100644
index 0000000000..1754a3349f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-139.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to orange</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-139-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to orange causes the border-bottom-color of the box to be orange." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: orange;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: orange;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-140-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-140-ref.xht
new file mode 100644
index 0000000000..f0efa88286
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-140-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/purple_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-140.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-140.xht
new file mode 100644
index 0000000000..baf0905400
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-140.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to purple</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-140-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to purple causes the border-bottom-color of the box to be purple." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: purple;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: purple;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-141-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-141-ref.xht
new file mode 100644
index 0000000000..b15072ea27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-141-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/swatch-red.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-141.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-141.xht
new file mode 100644
index 0000000000..c665523214
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-141.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to red</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-141-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to red causes the border-bottom-color of the box to be red." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: red;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: red;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-142-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-142-ref.xht
new file mode 100644
index 0000000000..814f26daa6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-142-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/silver_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-142.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-142.xht
new file mode 100644
index 0000000000..e53654dfc5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-142.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to silver</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-142-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to silver causes the border-bottom-color of the box to be silver." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: silver;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: silver;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-143-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-143-ref.xht
new file mode 100644
index 0000000000..2acd5974e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-143-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/teal_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-143.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-143.xht
new file mode 100644
index 0000000000..2a7188025c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-143.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to teal</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-143-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to teal causes the border-bottom-color of the box to be teal." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: teal;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: teal;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-144-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-144-ref.xht
new file mode 100644
index 0000000000..374461a4f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-144-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {background-color: black;}
+
+ p {color: white;}
+
+ div
+ {
+ background: url("support/swatch-white.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-144.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-144.xht
new file mode 100644
index 0000000000..d1061878de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-144.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to white</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-144-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to white causes the border-bottom-color of the box to be white." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: white;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: white;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-145-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-145-ref.xht
new file mode 100644
index 0000000000..a7e37e77a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-145-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/yellow_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-145.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-145.xht
new file mode 100644
index 0000000000..4ac7c5917c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-145.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to yellow</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-145-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to yellow causes the border-bottom-color of the box to be yellow." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ border-bottom-color: yellow;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: yellow;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-174.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-174.xht
new file mode 100644
index 0000000000..23d915c1f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-174.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to transparent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to transparent properly renders a border with no visible color." />
+ <style type="text/css">
+ #wrapper
+ {
+ background-color: green;
+ width: 100px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 100px;
+ border-bottom-color: red;
+ border-bottom-color: transparent;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-175.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-175.xht
new file mode 100644
index 0000000000..8fda23b653
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-175.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color set to inherit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' set to inherit causes the 'border-bottom-color' of the element to be the same as the 'border-bottom-color' designated on the parent element." />
+ <style type="text/css">
+ body
+ {
+ border-bottom-color: green;
+ }
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 100px;
+ border-bottom-color: red;
+ border-bottom-color: inherit;
+ height: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-001.xht
new file mode 100644
index 0000000000..7b0e9e3ed5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-001.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-width: 3px;
+ border-bottom-style: solid;
+ border-bottom-color: green;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-002.xht
new file mode 100644
index 0000000000..1a9d744073
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-002.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-width: 3px;
+ border-bottom-style: solid;
+ border-bottom-color: green;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-003.xht
new file mode 100644
index 0000000000..ba581ccbb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-003.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-width: 3px;
+ border-bottom-style: solid;
+ border-bottom-color: green;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-004.xht
new file mode 100644
index 0000000000..540f9a7eaa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-004.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-width: 3px;
+ border-bottom-style: solid;
+ border-bottom-color: green;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="test">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-005.xht
new file mode 100644
index 0000000000..8ac205e34e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-005.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' property applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-width: 3px;
+ border-bottom-style: solid;
+ border-bottom-color: green;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="test"><div class="column"></div><div class="column"></div></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-006.xht
new file mode 100644
index 0000000000..137fa46aa9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-006.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' property applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-width: 3px;
+ border-bottom-style: solid;
+ border-bottom-color: green;
+ display: table-column;
+ width: 1in;
+ }
+
+ .column
+ {
+ display: table-column;
+ }
+
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 2in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="test"></div><div class="column"></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-007.xht
new file mode 100644
index 0000000000..620696c0d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-007.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-bottom-width: 3px;
+ border-bottom-style: solid;
+ border-bottom-color: green;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-008.xht
new file mode 100644
index 0000000000..2d0d8ce9c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+
+ <meta name="assert" content="The 'border-bottom-color' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-color: green;
+ display: inline;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div>&nbsp;&nbsp;&nbsp;&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-009.xht
new file mode 100644
index 0000000000..3526d1692c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-009.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-bottom-width: 3px;
+ border-bottom-style: solid;
+ border-bottom-color: green;
+ display: block;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-010.xht
new file mode 100644
index 0000000000..28aeb7a75d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="The 'border-bottom-color' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-width: 3px;
+ border-bottom-style: solid;
+ border-bottom-color: green;
+ display: list-item;
+ margin-left: 50px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line and a marker bullet on its left-hand side. (Note the marker bullet does not need to be aligned vertically to any specific position.)</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-012.xht
new file mode 100644
index 0000000000..4af784e63f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-012.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ border-bottom-width: 3px;
+ border-bottom-style: solid;
+ border-bottom-color: green;
+ display: inline-block;
+ vertical-align: top;
+ width: 1in;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-013.xht
new file mode 100644
index 0000000000..cee658422f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-013.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' property applies to elements with a display of table." />
+ <style type="text/css">
+ #table
+ {
+ border-bottom-width: 3px;
+ border-bottom-style: solid;
+ border-bottom-color: green;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-014.xht
new file mode 100644
index 0000000000..f6d3dc6405
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-014.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #table
+ {
+ border-bottom-width: 3px;
+ border-bottom-style: solid;
+ border-bottom-color: green;
+ display: inline-table;
+ table-layout: fixed;
+ vertical-align: top;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-015.xht
new file mode 100644
index 0000000000..a1e275dd2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-color-applies-to-015.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-color applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-color' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-width: 3px;
+ border-bottom-style: solid;
+ border-bottom-color: green;
+ display: table-caption;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-001.xht
new file mode 100644
index 0000000000..886ea1129d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+
+ <meta name="assert" content="The 'border-bottom-style' property set to 'none' does not render any border for an element." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: none;
+ border-bottom-width: 3px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-002.xht
new file mode 100644
index 0000000000..0967874bf1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style set to 'hidden'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+
+ <meta name="assert" content="The 'border-bottom-style' property set to 'hidden' computes to 'none' and does not render any border for non-table elements. However, for tables elements borders can be rendered based on border resolution." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-style: hidden;
+ border-bottom-width: 3px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-003.xht
new file mode 100644
index 0000000000..180ace6468
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style set to 'dotted'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' set to 'dotted' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: dotted;
+ border-bottom-width: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-004.xht
new file mode 100644
index 0000000000..00c6501a73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style set to 'dashed'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' set to 'dashed' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: dashed;
+ border-bottom-width: 3px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-005-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-005-ref.xht
new file mode 100644
index 0000000000..be3e33274f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-005-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 3px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a solid black line.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-005.xht
new file mode 100644
index 0000000000..4246a79bee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-005.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style set to 'solid'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="border-bottom-style-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-style' set to 'solid' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 3px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a solid black line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-006.xht
new file mode 100644
index 0000000000..599c22d158
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-006.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style set to 'double'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' set to 'double' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: double;
+ border-bottom-width: 9px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a double line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-007.xht
new file mode 100644
index 0000000000..a64e2215d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-007.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style set to 'groove'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' set to 'groove' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: groove;
+ border-bottom-color: green;
+ border-bottom-width: 12px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is solid green or shades of green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-008.xht
new file mode 100644
index 0000000000..9a807be73c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style set to 'ridge'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' set to 'ridge' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: ridge;
+ border-bottom-color: green;
+ border-bottom-width: 12px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is solid green or shades of green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-009.xht
new file mode 100644
index 0000000000..bb70900bbe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-009.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style set to 'inset'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' set to 'inset' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: inset;
+ border-bottom-color: green;
+ border-bottom-width: 12px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is solid green or shades of green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-010.xht
new file mode 100644
index 0000000000..80ac39ed65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-010.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style set to 'outset'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' set to 'outset' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: outset;
+ border-bottom-color: green;
+ border-bottom-width: 12px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is solid green or shades of green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-011.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-011.xht
new file mode 100644
index 0000000000..7113c18cba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-011.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' property set to 'inherit' properly applies the value from the parent's 'border-bottom-style' property value." />
+ <style type="text/css">
+ body
+ {
+ border-bottom-style: dotted;
+ border-bottom-width: 0;
+ }
+ div
+ {
+ border-bottom-style: inherit;
+ border-bottom-color: green;
+ border-bottom-width: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-001.xht
new file mode 100644
index 0000000000..47dd67d46d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-001.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-style: dashed;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-002.xht
new file mode 100644
index 0000000000..b1e76d2b50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-002.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-style: dashed;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-003.xht
new file mode 100644
index 0000000000..108fc62c5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-003.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-style: dashed;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-004.xht
new file mode 100644
index 0000000000..90afba2a45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-004.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-style: dashed;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="test">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-005.xht
new file mode 100644
index 0000000000..93770670c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-005.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' property applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-style: dashed;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-006.xht
new file mode 100644
index 0000000000..7f3e7986e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-006.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' property applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-style: dashed;
+ display: table-column;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-007.xht
new file mode 100644
index 0000000000..c3ddf2cbe5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-007.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-bottom-style: dashed;
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-008.xht
new file mode 100644
index 0000000000..e982abd505
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: dashed;
+ display: inline;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div>&nbsp;&nbsp;&nbsp;&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-009.xht
new file mode 100644
index 0000000000..d0d90b5301
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-009.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-bottom-style: dashed;
+ display: block;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-010.xht
new file mode 100644
index 0000000000..bf622c6f55
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-010.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: dashed;
+ display: list-item;
+ margin-left: 50px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed and there is a marker bullet on the left-hand side of the line. (Note the marker bullet does not need to be aligned vertically to any specific position.)</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-012.xht
new file mode 100644
index 0000000000..c2e293de42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-012.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: dashed;
+ display: inline-block;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-013.xht
new file mode 100644
index 0000000000..5dc883ad2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-013.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' property applies to elements with a display of table." />
+ <style type="text/css">
+ #table
+ {
+ border-bottom-style: dashed;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-014.xht
new file mode 100644
index 0000000000..42070c7677
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-014.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #table
+ {
+ border-bottom-style: dashed;
+ display: inline-table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-015.xht
new file mode 100644
index 0000000000..e3f92262d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-style-applies-to-015.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-style applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-bottom-style' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #caption
+ {
+ border-bottom-style: dashed;
+ display: table-caption;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-001-ref.xht
new file mode 100644
index 0000000000..cbc9525c91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-001-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-bottom: black solid medium;
+ height: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide horizontal black line.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-001.xht
new file mode 100644
index 0000000000..d0b0ab4f09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using pixels with a minimum minus one (negative) value, -1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-width' property does not support a negative length value in pixels and resets to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: -1px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide horizontal black line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-002.xht
new file mode 100644
index 0000000000..d48732ebbb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using pixels with a minimum value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in pixels that sets the width of the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 0px;
+ border-bottom-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-003-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-003-ref.xht
new file mode 100644
index 0000000000..1290c438a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-003-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide and thin horizontal black line and <strong>no red</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="100%" height="1" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-003.xht
new file mode 100644
index 0000000000..b673b78bd4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-003.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using pixels with a minimum plus one value, 1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-003-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum plus one length value in pixels that sets the width of the bottom border." />
+ <style type="text/css">
+ #wrapper
+ {
+ background: red;
+ height: 1px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1px;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide and thin horizontal black line and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-004.xht
new file mode 100644
index 0000000000..448ea92c84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-004.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using pixels with a minimum value with a minus sign, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in pixels that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: -0px;
+ border-bottom-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-005.xht
new file mode 100644
index 0000000000..034b224c13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using pixels with a minimum value with a plus sign, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in pixels that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: +0px;
+ border-bottom-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-006-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-006-ref.xht
new file mode 100644
index 0000000000..2003135c7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-006-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {padding-right: 5px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="96" height="96" alt="Image download support must be enabled" /> <img src="support/black15x15.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-006.xht
new file mode 100644
index 0000000000..c92b582aff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-006.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="flags" content="96dpi" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a nominal length value in pixels that sets the width of the bottom border." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 96px;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-007.xht
new file mode 100644
index 0000000000..b0bdc3d3bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using pixels with a nominal value with a plus sign, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="flags" content="96dpi" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a nominal length value in pixels that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: +96px;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-012-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-012-ref.xht
new file mode 100644
index 0000000000..92f7798d7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-012-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ span {border-bottom: black solid medium;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if all the "Filler Text" are underlined with 2 black lines that have the <strong>same thickness</strong>.</p>
+
+ <div><span>Filler Text Filler Text Filler Text</span> <span>Filler Text Filler Text Filler Text</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-012.xht
new file mode 100644
index 0000000000..926295c4a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-012.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using points with a minimum minus one (negative) value, -1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-width' property does not support a negative length value in points and resets to the initial value." />
+ <style type="text/css">
+ span
+ {
+ border-bottom-style: solid;
+ }
+ #span1
+ {
+ border-bottom-width: -1pt;
+ }
+ #span2
+ {
+ border-bottom-width: medium;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the "Filler Text" are underlined with 2 black lines that have the <strong>same thickness</strong>.</p>
+ <div>
+ <span id="span1">Filler Text Filler Text Filler Text</span> <span id="span2">Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-013.xht
new file mode 100644
index 0000000000..396d7c78b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-013.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using points with a minimum value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in points that sets the width of the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 0pt;
+ border-bottom-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-014.xht
new file mode 100644
index 0000000000..9a28ce212f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-014.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using points with a minimum plus one value, 1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum plus one length value in points that sets the width of the bottom border." />
+ <style type="text/css">
+ #wrapper
+ {
+ background: red;
+ height: 1pt;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1pt;
+ height: 0;
+ }
+ p
+ {
+ height: 40px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide and thin black line and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-015.xht
new file mode 100644
index 0000000000..f0a12666ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-015.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using points with a minimum value with a minus sign, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in points that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: -0pt;
+ border-bottom-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-016.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-016.xht
new file mode 100644
index 0000000000..e8d27f0b3b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-016.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using points with a minimum value with a plus sign, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in points that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: +0pt;
+ border-bottom-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-017.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-017.xht
new file mode 100644
index 0000000000..a995e0cb57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-017.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a nominal length value in points that sets the width of the bottom border." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 72pt;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-018.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-018.xht
new file mode 100644
index 0000000000..526433a85c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-018.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using points with a nominal value with a plus sign, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a nominal length value in points that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: +72pt;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-023.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-023.xht
new file mode 100644
index 0000000000..382227d083
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-023.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using picas with a minimum minus one (negative) value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-width' property does not support a negative length value in picas and resets to the initial value." />
+ <style type="text/css">
+ span
+ {
+ border-bottom-style: solid;
+ }
+ #span1
+ {
+ border-bottom-width: -1pc;
+ }
+ #span2
+ {
+ border-bottom-width: medium;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the "Filler Text" are underlined with 2 black lines that have the <strong>same thickness</strong>.</p>
+ <div>
+ <span id="span1">Filler Text Filler Text Filler Text</span> <span id="span2">Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-024.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-024.xht
new file mode 100644
index 0000000000..8e5c3e7fc7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-024.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using picas with a minimum value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in picas that sets the width of the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 0pc;
+ border-bottom-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-025-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-025-ref.xht
new file mode 100644
index 0000000000..d4c1ad5ff9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-025-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide black stripe and <strong>no red</strong>.</p>
+
+ <div> <div><img src="support/black15x15.png" width="100%" height="16" alt="Image download support must be enabled" /></div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-025.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-025.xht
new file mode 100644
index 0000000000..6d254f58b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-025.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using picas with a minimum plus one value, 1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-025-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum plus one length value in picas that sets the width of the bottom border." />
+ <style type="text/css">
+ #div1
+ {
+ background: red;
+ height: 1pc;
+ }
+ div div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1pc;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black stripe and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-026.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-026.xht
new file mode 100644
index 0000000000..771ad25d25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-026.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using picas with a minimum value with a minus sign, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in picas that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: -0pc;
+ border-bottom-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-027.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-027.xht
new file mode 100644
index 0000000000..da4de777c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-027.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using picas with a minimum value with a plus sign, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in picas that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: +0pc;
+ border-bottom-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-028.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-028.xht
new file mode 100644
index 0000000000..a8d905af53
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-028.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a nominal length value in picas that sets the width of the bottom border." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 6pc;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-029.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-029.xht
new file mode 100644
index 0000000000..4df5edbc61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-029.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using picas with a nominal value with a plus sign, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a nominal length value in picas that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: +6pc;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-034.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-034.xht
new file mode 100644
index 0000000000..733fa9532f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-034.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using centimeters with a minimum minus one (negative) value, -1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-width' property does not support a negative length value in centimeters and resets to the initial value." />
+ <style type="text/css">
+ span
+ {
+ border-bottom-style: solid;
+ }
+ #span1
+ {
+ border-bottom-width: -1cm;
+ }
+ #span2
+ {
+ border-bottom-width: medium;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the "Filler Text" are underlined with 2 black lines that have the <strong>same thickness</strong>.</p>
+ <div>
+ <span id="span1">Filler Text Filler Text Filler Text</span> <span id="span2">Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-035.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-035.xht
new file mode 100644
index 0000000000..1ff4c76f81
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-035.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using centimeters with a minimum value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in centimeters that sets the width of the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 0cm;
+ border-bottom-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-036.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-036.xht
new file mode 100644
index 0000000000..d5d444b33a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-036.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using centimeters with a minimum plus one value, 1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum plus one length value in centimeters that sets the width of the bottom border." />
+ <style type="text/css">
+ div
+ {
+ width: 50px;
+ }
+ .ref1, .ref2
+ {
+ position: absolute;
+ }
+ .ref1
+ {
+ background: red;
+ height: 37px;
+ z-index: -1;
+ }
+ .ref2
+ {
+ background: green;
+ height: 38px;
+ }
+ .test1, .test2
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1cm;
+ height: 0;
+ }
+ .test1
+ {
+ border-bottom-color: green;
+ }
+ .test2
+ {
+ border-bottom-color: red;
+ }
+ #parent
+ {
+ background: red;
+ height: 75px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div id="parent">
+ <div class="ref1"></div>
+ <div class="test1"></div>
+ <div class="ref2"></div>
+ <div class="test2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-037.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-037.xht
new file mode 100644
index 0000000000..cabde04299
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-037.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using centimeters with a minimum value with a minus sign, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in centimeters that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: -0cm;
+ border-bottom-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-038.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-038.xht
new file mode 100644
index 0000000000..9a7b5296e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-038.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using centimeters with a minimum value with a plus sign, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in centimeters that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: +0cm;
+ border-bottom-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-039.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-039.xht
new file mode 100644
index 0000000000..c3f033df70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-039.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a nominal length value in centimeters that sets the width of the bottom border." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 2.54cm;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-040.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-040.xht
new file mode 100644
index 0000000000..7d8e29aec4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-040.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using centimeters with a nominal value with a plus sign, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a nominal length value in centimeters that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: +2.54cm;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-045.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-045.xht
new file mode 100644
index 0000000000..1539184717
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-045.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using millimeters with a minimum minus one (negative) value, -1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-width' property does not support a negative length value in millimeters and resets to the initial value." />
+ <style type="text/css">
+ span
+ {
+ border-bottom-style: solid;
+ }
+ #span1
+ {
+ border-bottom-width: -1mm;
+ }
+ #span2
+ {
+ border-bottom-width: medium;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the "Filler Text" are underlined with 2 black lines that have the <strong>same thickness</strong>.</p>
+ <div>
+ <span id="span1">Filler Text Filler Text Filler Text</span> <span id="span2">Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-046.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-046.xht
new file mode 100644
index 0000000000..da92381e7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-046.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using millimeters with a minimum value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in millimeters that sets the width of the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 0mm;
+ border-bottom-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-047.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-047.xht
new file mode 100644
index 0000000000..c8daa7d63f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-047.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using millimeters with a minimum plus one value, 1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum plus one length value in millimeters that sets the width of the bottom border." />
+ <style type="text/css">
+ div
+ {
+ width: 50px;
+ }
+ .ref1, .ref2
+ {
+ position: absolute;
+ }
+ .ref1
+ {
+ background: red;
+ height: 3px;
+ z-index: -1;
+ }
+ .ref2
+ {
+ background: green;
+ height: 4px;
+ }
+ .test1, .test2
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1mm;
+ height: 0;
+ }
+ .test1
+ {
+ border-bottom-color: green;
+ }
+ .test2
+ {
+ border-bottom-color: red;
+ }
+ #parent
+ {
+ background: red;
+ height: 7px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short green line and <strong>no red</strong>.</p>
+ <div id="parent">
+ <div class="ref1"></div>
+ <div class="test1"></div>
+ <div class="ref2"></div>
+ <div class="test2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-048.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-048.xht
new file mode 100644
index 0000000000..2b4fcee02f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-048.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using millimeters with a minimum value with a minus sign, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in millimeters that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: -0mm;
+ border-bottom-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-049.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-049.xht
new file mode 100644
index 0000000000..da83696602
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-049.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using millimeters with a minimum value with a plus sign, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in millimeters that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: +0mm;
+ border-bottom-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-050.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-050.xht
new file mode 100644
index 0000000000..b8890c03e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-050.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a nominal length value in millimeters that sets the width of the bottom border." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 25.4mm;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-051.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-051.xht
new file mode 100644
index 0000000000..cfc9222842
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-051.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using millimeters with a nominal value with a plus sign, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a nominal length value in millimeters that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: +25.4mm;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-056.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-056.xht
new file mode 100644
index 0000000000..3c9d40113e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-056.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using inches with a minimum minus one (negative) value, -1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-width' property does not support a negative length value in inches and resets to the initial value." />
+ <style type="text/css">
+ span
+ {
+ border-bottom-style: solid;
+ }
+ #span1
+ {
+ border-bottom-width: -1in;
+ }
+ #span2
+ {
+ border-bottom-width: medium;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the "Filler Text" are underlined with 2 black lines that have the <strong>same thickness</strong>.</p>
+ <div>
+ <span id="span1">Filler Text Filler Text Filler Text</span> <span id="span2">Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-057.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-057.xht
new file mode 100644
index 0000000000..4c9ad5e84b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-057.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using inches with a minimum value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in inches that sets the width of the bottom border." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 0in;
+ border-bottom-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-058-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-058-ref.xht
new file mode 100644
index 0000000000..fdd6b1e089
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-058-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide filled black rectangle and <strong>no red</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="100%" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-058.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-058.xht
new file mode 100644
index 0000000000..0162a03d90
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-058.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using inches with a minimum plus one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-058-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum plus one length value in inches that sets the width of the bottom border." />
+ <style type="text/css">
+ #wrapper
+ {
+ background: red;
+ height: 1in;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide filled black rectangle and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-059.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-059.xht
new file mode 100644
index 0000000000..977c22a758
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-059.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using inches with a minimum value with a minus sign, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in inches that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: -0in;
+ border-bottom-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-060.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-060.xht
new file mode 100644
index 0000000000..61b787b5e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-060.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using inches with a minimum value with a plus sign, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in inches that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: +0in;
+ border-bottom-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-061-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-061-ref.xht
new file mode 100644
index 0000000000..9b92809e25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-061-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {padding-right: 5px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 filled black rectangles have the <strong>same height</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="96" height="288" alt="Image download support must be enabled" /> <img src="support/black15x15.png" width="96" height="288" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-061.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-061.xht
new file mode 100644
index 0000000000..325432cab2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-061.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using inches with a nominal value, 3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-061-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a nominal length value in inches that sets the width of the bottom border." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 3in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black rectangles have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-062.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-062.xht
new file mode 100644
index 0000000000..3dbac6d502
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-062.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using inches with a nominal value with a plus sign, +3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-061-ref.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a nominal length value in inches that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 3in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: +3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black rectangles have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-067.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-067.xht
new file mode 100644
index 0000000000..2facd5f8ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-067.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using 'em' units with a minimum minus one (negative) value, -1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-width' property does not support a negative length value in 'em' units and resets to the initial value." />
+ <style type="text/css">
+ span
+ {
+ border-bottom-style: solid;
+ }
+ #span1
+ {
+ border-bottom-width: -1em;
+ }
+ #span2
+ {
+ border-bottom-width: medium;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the "Filler Text" are underlined with 2 black lines that have the <strong>same thickness</strong>.</p>
+ <div>
+ <span id="span1">Filler Text Filler Text Filler Text</span> <span id="span2">Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-068.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-068.xht
new file mode 100644
index 0000000000..45bb8d4257
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-068.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using 'em' units with a minimum value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in 'em' units that sets the width of the bottom border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 0em;
+ border-bottom-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-069-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-069-ref.xht
new file mode 100644
index 0000000000..4906e51056
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-069-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide black stripe and <strong>no red</strong>.</p>
+
+ <div> <div><img src="support/black15x15.png" width="100%" height="20" alt="Image download support must be enabled" /></div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-069.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-069.xht
new file mode 100644
index 0000000000..19ea226053
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-069.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using 'em' units with a minimum plus one value, 1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-069-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum plus one length value in 'em' units that sets the width of the bottom border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #wrapper
+ {
+ background: red;
+ height: 1em;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1em;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black stripe and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-070.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-070.xht
new file mode 100644
index 0000000000..957a0a53c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-070.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using 'em' units with a minimum value with a minus sign, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in 'em' units that that has a minus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: -0em;
+ border-bottom-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-071.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-071.xht
new file mode 100644
index 0000000000..a84f62a735
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-071.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using 'em' units with a minimum value with a plus sign, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in 'em' units that that has a plus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: +0em;
+ border-bottom-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-072-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-072-ref.xht
new file mode 100644
index 0000000000..9f903d39ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-072-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {padding-right: 5px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 filled black rectangles have the <strong>same height</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="96" height="120" alt="Image download support must be enabled" /> <img src="support/black15x15.png" width="96" height="120" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-072.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-072.xht
new file mode 100644
index 0000000000..26774903f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-072.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a nominal length value in 'em' units that sets the width of the bottom border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ font: 20px/1 Ahem;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 120px;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 6em;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black rectangles have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-073.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-073.xht
new file mode 100644
index 0000000000..ecd3f1ef36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-073.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using 'em' units with a nominal value with a plus sign, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a nominal length value in 'em' units that has a plus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ font: 20px/1 Ahem;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 120px;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: +6em;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black rectangles have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-078.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-078.xht
new file mode 100644
index 0000000000..5afcefa117
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-078.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using 'ex' units with a minimum minus one (negative) value, -1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-bottom-width' property does not support a negative length value in 'ex' units and resets to the initial value." />
+ <style type="text/css">
+ span
+ {
+ border-bottom-style: solid;
+ }
+ #span1
+ {
+ border-bottom-width: -1ex;
+ }
+ #span2
+ {
+ border-bottom-width: medium;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the "Filler Text" are underlined with 2 black lines that have the <strong>same thickness</strong>.</p>
+ <div>
+ <span id="span1">Filler Text Filler Text Filler Text</span> <span id="span2">Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-079.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-079.xht
new file mode 100644
index 0000000000..ecc54552ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-079.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using 'ex' units with a minimum value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in 'ex' units that sets the width of the bottom border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 0ex;
+ border-bottom-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-080.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-080.xht
new file mode 100644
index 0000000000..cc3a0b0bbe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-080.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using 'ex' units with a minimum plus one value, 1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-025-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum plus one length value in 'ex' units that sets the width of the bottom border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #wrapper
+ {
+ background: red;
+ height: 1ex;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1ex;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black stripe and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-081.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-081.xht
new file mode 100644
index 0000000000..d5d0b69095
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-081.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using 'ex' units with a minimum value with a minus sign, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in 'ex' units that that has a minus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: -0ex;
+ border-bottom-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-082.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-082.xht
new file mode 100644
index 0000000000..6aea0d104c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-082.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using 'ex' units with a minimum value with a plus sign, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value in 'ex' units that that has a plus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: +0ex;
+ border-bottom-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-083.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-083.xht
new file mode 100644
index 0000000000..0479153009
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-083.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using 'ex' units with a nominal value, 6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a nominal length value in 'ex' units that sets the width of the bottom border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ font: 20px/1 Ahem;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 6ex;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-084.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-084.xht
new file mode 100644
index 0000000000..f81d05ec20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-084.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width using 'ex' units with a nominal value with a plus sign, +6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a nominal length value in 'ex' units that has a plus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ font: 20px/1 Ahem;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: +6ex;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-089.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-089.xht
new file mode 100644
index 0000000000..384ada6379
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-089.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width set to negative zero with no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value with no units that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: -0;
+ border-bottom-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-090.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-090.xht
new file mode 100644
index 0000000000..e01e5f0972
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-090.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width set to zero with no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value with no units." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 0;
+ border-bottom-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-091.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-091.xht
new file mode 100644
index 0000000000..ec95aa6539
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-091.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width set to positive zero with no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a minimum length value with no units that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: +0;
+ border-bottom-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-092.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-092.xht
new file mode 100644
index 0000000000..fff5e0035f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-092.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width set to thin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a value of thin." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: thin;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-093.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-093.xht
new file mode 100644
index 0000000000..a254502ea3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-093.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width set to medium</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-bottom-width' property supports a value of medium." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: medium;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-094.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-094.xht
new file mode 100644
index 0000000000..6d84d67343
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-094.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width set to thick</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a value of thick." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: thick;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-095.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-095.xht
new file mode 100644
index 0000000000..30f46f0397
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-095.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width set to inherit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property supports a value of inherit and gets its computed value from its parent." />
+ <style type="text/css">
+ body
+ {
+ border-bottom-color: transparent;
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ padding-bottom: 20px;
+ }
+ div
+ {
+ border-bottom-color: black;
+ border-bottom-style: solid;
+ border-bottom-width: inherit;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-001.xht
new file mode 100644
index 0000000000..c7c51c26e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-001.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-002.xht
new file mode 100644
index 0000000000..40299286df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-002.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-003.xht
new file mode 100644
index 0000000000..af6f35bc0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-003.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-004.xht
new file mode 100644
index 0000000000..3a0844cd74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-004.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div id="test">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-005.xht
new file mode 100644
index 0000000000..ef0753559f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-005.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div id="test"><div class="column"></div><div class="column"></div></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-006.xht
new file mode 100644
index 0000000000..16590c8179
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-006.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ display: table-column;
+ width: 1in;
+ }
+
+ .column
+ {
+ display: table-column;
+ }
+
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 2in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div id="test"></div><div class="column"></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-007.xht
new file mode 100644
index 0000000000..dcfa201e65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-007.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-008.xht
new file mode 100644
index 0000000000..94b68d1f65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-008.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-bottom-width' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ display: inline;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black filled rectangle.</p>
+ <div>&nbsp;&nbsp;&nbsp;&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-009.xht
new file mode 100644
index 0000000000..6bc9c85eea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-009.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ display: block;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-010.xht
new file mode 100644
index 0000000000..3e6ec661f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-010.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-bottom-width' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ display: list-item;
+ margin-left: 2em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square and if there is a marker bullet on the left-hand side above the square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-012.xht
new file mode 100644
index 0000000000..b8a07d09e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-012.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ display: inline-block;
+ width: 1in;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-013.xht
new file mode 100644
index 0000000000..24649882a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-013.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property applies to elements with a display of table." />
+ <style type="text/css">
+ #table
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-014.xht
new file mode 100644
index 0000000000..802d8eb372
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-014.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #table
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ display: inline-table;
+ table-layout: fixed;
+ vertical-align: top;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-015.xht
new file mode 100644
index 0000000000..fb8e2a2c97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-bottom-width-applies-to-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-bottom-width applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-bottom-width' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom-style: solid;
+ border-bottom-width: 1in;
+ display: table-caption;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-001-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-001-ref.xht
new file mode 100644
index 0000000000..67710346d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-001-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div.top-and-bottom-stripes
+ {
+ background-color: blue;
+ height: 10px;
+ }
+
+ img {vertical-align: top;}
+
+ img + img {float: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide hollow blue rectangle.</p>
+
+ <div class="top-and-bottom-stripes"><img src="support/swatch-blue.png" width="100%" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-blue.png" width="10" height="96" alt="Image download support must be enabled" /> <img src="support/swatch-blue.png" width="10" height="96" alt="Image download support must be enabled" /></div>
+
+ <div class="top-and-bottom-stripes"><img src="support/swatch-blue.png" width="100%" height="10" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-001.xht
new file mode 100644
index 0000000000..3f850b5f72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color with one color value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-color' property with one color value is supported and applied to all sides of the box." />
+ <style type="text/css">
+ div
+ {
+ border-color: blue;
+ border-style: solid;
+ border-width: 10px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide hollow blue rectangle.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-002.xht
new file mode 100644
index 0000000000..7839a01a4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color with two color values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="The 'border-color' property with two color values is supported and applied to the correct sides of the box." />
+ <style type="text/css">
+ div
+ {
+ border-color: blue green;
+ border-style: solid;
+ border-width: 10px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box with top and bottom borders that are blue and left and right borders that are green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-003.xht
new file mode 100644
index 0000000000..c269abf826
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color with three color values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="The 'border-color' property with three color values is supported and applied to the correct sides of the box." />
+ <style type="text/css">
+ div
+ {
+ border-color: blue green orange;
+ border-style: solid;
+ border-width: 10px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box with top border that is blue, left and right borders that are green and a bottom border that is orange.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-004.xht
new file mode 100644
index 0000000000..646effe47c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-004.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color with four color values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="The 'border-color' property with four color values is supported and applied to the correct sides of the box." />
+ <style type="text/css">
+ div
+ {
+ border-color: blue green orange silver;
+ border-style: solid;
+ border-width: 10px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box with top border that is blue, right border that is green, a bottom border that is orange and a left border that is silver.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-005-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-005-ref.xht
new file mode 100644
index 0000000000..483f0bed57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-005-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {font-size: 10px;}
+
+ div.top-and-bottom-stripes
+ {
+ background-color: green;
+ height: 1em;
+ width: 11.6em;
+ }
+
+ img {vertical-align: top;}
+
+ img + img {padding-left: 9.6em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div class="top-and-bottom-stripes"></div>
+
+ <div><img src="support/swatch-green.png" width="10" height="96" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="10" height="96" alt="Image download support must be enabled" /></div>
+
+ <div class="top-and-bottom-stripes"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-005.xht
new file mode 100644
index 0000000000..aee28b3477
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-005.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color with a transparent border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-color-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-color' property set to 'transparent' is supported and applies to all sides of an element." />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #div1, #test
+ {
+ border-style: solid;
+ border-width: 10px;
+ height: 1in;
+ width: 1in;
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
+ #div1
+ {
+ border-color: green;
+ }
+ #test
+ {
+ border-color: transparent;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-006-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-006-ref.xht
new file mode 100644
index 0000000000..d371482705
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-006-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div.top-and-bottom-stripes
+ {
+ background-color: blue;
+ height: 3px;
+ }
+
+ img {vertical-align: top;}
+
+ img + img {float: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide hollow blue rectangle.</p>
+
+ <div class="top-and-bottom-stripes"><img src="support/swatch-blue.png" width="100%" height="3" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-blue.png" width="3" height="96" alt="Image download support must be enabled" /> <img src="support/swatch-blue.png" width="3" height="96" alt="Image download support must be enabled" /></div>
+
+ <div class="top-and-bottom-stripes"><img src="support/swatch-blue.png" width="100%" height="3" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-006.xht
new file mode 100644
index 0000000000..a1abebc121
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-006.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color set to inherit, inheriting one value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-color' property set to 'inherit' is supported and properly inherits a single value that will be applied to all sides of the element." />
+ <style type="text/css">
+ body
+ {
+ border-color: blue;
+ }
+ div
+ {
+ border-color: inherit;
+ border-style: solid;
+ border-width: 3px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide hollow blue rectangle.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-007.xht
new file mode 100644
index 0000000000..c9cbc750dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-007.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color set to inherit, inheriting two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="The 'border-color' property set to 'inherit' is supported and properly inherits two values that will be applied to the appropriate sides of the element." />
+ <style type="text/css">
+ body
+ {
+ border-color: blue green;
+ }
+ div
+ {
+ border-color: inherit;
+ border-style: solid;
+ border-width: 10px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with top and bottom blue borders and left and right green borders.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-008.xht
new file mode 100644
index 0000000000..cd54378ebf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-008.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color set to inherit, inheriting three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="The 'border-color' property set to 'inherit' is supported and properly inherits three values that will be applied to the appropriate sides of the element." />
+ <style type="text/css">
+ body
+ {
+ border-color: blue green orange;
+ }
+ div
+ {
+ border-color: inherit;
+ border-style: solid;
+ border-width: 5px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with a blue top border, green left and right borders and an orange bottom border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-009.xht
new file mode 100644
index 0000000000..ef3060ee6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-009.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color set to inherit, inheriting four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="The 'border-color' property set to 'inherit' is supported and properly inherits four values that will be applied to the appropriate sides of the element." />
+ <style type="text/css">
+ body
+ {
+ border-color: blue green orange silver;
+ }
+ div
+ {
+ border-color: inherit;
+ border-style: solid;
+ border-width: 5px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with a blue top border, a green right border, an orange bottom border and a silver left border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-010-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-010-ref.xht
new file mode 100644
index 0000000000..c226e4d762
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-010-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ border: orange solid medium;
+ color: orange;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This should have orange text and an orange border.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-010.xht
new file mode 100644
index 0000000000..58de67eb60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-010.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS Colours: Initial Border Color</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/color/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="border-color-010-ref.xht" />
+
+ <style type="text/css">
+ p { color: orange; border: solid; }
+ </style>
+ </head>
+ <body>
+ <p>This should have orange text and an orange border.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-011-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-011-ref.xht
new file mode 100644
index 0000000000..dbf85bd79f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-011-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: green solid medium;
+ color: green;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>This should have a green border, because the computed value of 'border-color' set to its initial value is 'currentColor', which refers to the color on the current element.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-011.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-011.xht
new file mode 100644
index 0000000000..7a66f5a22d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-011.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS inheritance: border-color</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/inheritance/border-color/001.html" type="text/html"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/inheritance/border-color/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="help" href="https://drafts.csswg.org/css-color/#resolving-color-values" />
+ <link rel="match" href="border-color-011-ref.xht" />
+ <meta name="assert" content="The initial value of border-color is 'currentColor', which (as of css-color-3) is inherited as a keyword." />
+ <style type="text/css">
+ .test { display: block; color: red; border: none; }
+ .test .inner { border-color: inherit; border-style: solid; color: green; }
+ </style>
+ </head>
+ <body>
+ <div class="test">
+ <div class="inner">
+ <div class="text">
+ This should have a green border, because the computed value of
+ 'border-color' set to its initial value is 'currentColor', which
+ refers to the color on the current element.
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-012-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-012-ref.xht
new file mode 100644
index 0000000000..c85c5408cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-012-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {color: green;}
+
+ span {border: green solid medium;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div><span>This should have a green border, because the computed value of 'border-color' set to its initial value is 'currentColor'.</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-012.xht
new file mode 100644
index 0000000000..3063cf1f00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-012.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS inheritance: border-color</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/inheritance/border/color/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-color-012-ref.xht" />
+ <meta name="assert" content="The initial value of border-color is 'currentColor', which (as of css-color-3) is inherited as a keyword." />
+ <style type="text/css">
+ .test { display: block; color: red; border: none; }
+ .test > .inner { border-color: inherit; border-style: solid; color: green; }
+ </style>
+ </head>
+ <body>
+ <div class="test">
+ <span class="inner">
+ <span class="text">
+ This should have a green border, because the computed value of
+ 'border-color' set to its initial value is 'currentColor'.
+ </span>
+ </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-001.xht
new file mode 100644
index 0000000000..53d5e3ae6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-001.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-color' properties applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-color: green;
+ border-width: 4px;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-002.xht
new file mode 100644
index 0000000000..a8adb2f993
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-002.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-color' properties applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-color: green;
+ border-width: 4px;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-003.xht
new file mode 100644
index 0000000000..e6d7d63223
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-003.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-color' properties applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-color: green;
+ border-width: 4px;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-004.xht
new file mode 100644
index 0000000000..8deb7a430a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-004.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-color' properties applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-color: green;
+ border-width: 4px;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div id="table">
+
+ <div id="test">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-005.xht
new file mode 100644
index 0000000000..454010ef8f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-005.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-color' properties applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-color: green;
+ border-width: 4px;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+
+ .col
+ {
+ display: table-column;
+ }
+
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div id="table">
+
+ <div id="test"><div class="col"></div><div class="col"></div></div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-006.xht
new file mode 100644
index 0000000000..583ef70e6a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-006.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-color' properties applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-color: green;
+ border-width: 4px;
+ display: table-column;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 200px;
+ }
+
+ .column
+ {
+ display: table-column;
+ }
+
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div id="table">
+
+ <div id="test"></div><div class="column"></div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-007.xht
new file mode 100644
index 0000000000..ce7a3e3445
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-007.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-color' properties applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 100px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-style: solid;
+ border-color: green;
+ border-width: 4px;
+ display: table-cell;
+ height: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-008.xht
new file mode 100644
index 0000000000..9e6d6e0b73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="The 'border-color' properties applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-style: solid;
+ border-color: green;
+ display: inline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-009.xht
new file mode 100644
index 0000000000..9b6de22ca9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-009.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-color' properties applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-style: solid;
+ border-color: green;
+ border-width: 4px;
+ display: block;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-010.xht
new file mode 100644
index 0000000000..a7a828dc9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-010.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="The 'border-color' properties applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-style: solid;
+ border-color: green;
+ border-width: 4px;
+ display: list-item;
+ height: 1in;
+ margin-left: 50px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square with a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-012.xht
new file mode 100644
index 0000000000..3f9af412e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-012.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-color' properties applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ border-style: solid;
+ border-color: green;
+ border-width: 4px;
+ display: inline-block;
+ width: 96px;
+ }
+
+ span.block-descendant
+ {
+ color: white;
+ display: block;
+ height: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant">a</span>
+ <span class="block-descendant">b</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-013.xht
new file mode 100644
index 0000000000..1b240e0874
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-013.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-color' properties applies to elements with a display of table." />
+ <style type="text/css">
+ #table
+ {
+ border-style: solid;
+ border-color: green;
+ border-width: 4px;
+ display: table;
+ table-layout: fixed;
+ width: 96px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-014.xht
new file mode 100644
index 0000000000..cac9b1a9b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-014.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-color' properties applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #table
+ {
+ border-style: solid;
+ border-color: green;
+ border-width: 4px;
+ display: inline-table;
+ table-layout: fixed;
+ width: 96px;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: white;
+ display: table-cell;
+ height: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-015.xht
new file mode 100644
index 0000000000..5f19d45c58
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-applies-to-015.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-color' properties applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-color: green;
+ border-width: 4px;
+ display: table-caption;
+ height: 1in;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green square.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-001-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-001-ref.xht
new file mode 100644
index 0000000000..381ff8e12a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-001-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {width: 102px;}
+
+ div.top-and-bottom-stripes
+ {
+ background-color: blue;
+ height: 3px;
+ }
+
+ img {vertical-align: top;}
+
+ img + img {float: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the border is the same color on all edges.</p>
+
+ <div class="top-and-bottom-stripes"></div>
+
+ <div><img src="support/blue15x15.png" height="96" width="3" alt="Image download support must be enabled" /> <img src="support/blue15x15.png" height="96" width="3" alt="Image download support must be enabled" /></div>
+
+ <div class="top-and-bottom-stripes"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-001.xht
new file mode 100644
index 0000000000..d24f9d584f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color shorthand - one value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-color-shorthand-001-ref.xht" />
+
+ <meta name="assert" content="Specifying a single value on the 'border-color' property sets the value for all sides of the element." />
+ <style type="text/css">
+ div
+ {
+ border-style: solid;
+ border-color: blue;
+ border-width: 3px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the border is the same color on all edges.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-002.xht
new file mode 100644
index 0000000000..98fccbf0c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color shorthand - two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="Specifying two values on the 'border-color' property assigns the first value to the top and bottom and the second to the left and right." />
+ <style type="text/css">
+ div
+ {
+ border-style: solid;
+ border-color: blue orange;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top and bottom borders are blue and the left and right borders are orange.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-003.xht
new file mode 100644
index 0000000000..2a292a99c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color shorthand - three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="Specifying three values to the 'border-color' property assigns the first value to the top the second value to the left and right and the third value to the bottom." />
+ <style type="text/css">
+ div
+ {
+ border-style: solid;
+ border-color: blue green orange;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top border is blue, the bottom border is orange and the left and right borders are green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-004.xht
new file mode 100644
index 0000000000..e3ed8a7960
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-color-shorthand-004.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-color shorthand - four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="Specifying four values to the 'border-color' property assigns the values for top, right, bottom and left." />
+ <style type="text/css">
+ div
+ {
+ border-style: solid;
+ border-color: blue green orange yellow;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top border is blue, the right border is green, the bottom border is orange, and the left border is yellow.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-101-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-101-ref.xht
new file mode 100644
index 0000000000..03db97af52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-101-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+
+ <style type="text/css"><![CDATA[
+ body {padding-bottom: 200px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-101.xht b/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-101.xht
new file mode 100644
index 0000000000..dcb0be5883
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-101.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border conflict resolution - border-style: hidden applied to table-row</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+ <meta content="A table element with the 'border-style' value of 'hidden' should suppress all borders for such element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ }
+
+ tr
+ {
+ border-color: red;
+ border-style: hidden;
+ }
+
+ td
+ {
+ border: red solid;
+ height: 200px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ <table>
+
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-102.xht b/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-102.xht
new file mode 100644
index 0000000000..92708edab7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-102.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border conflict resolution - border-style: hidden applied to table-column-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+ <meta content="A table element with the 'border-style' value of 'hidden' should suppress all borders for such element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ }
+
+ colgroup
+ {
+ border-color: red;
+ border-style: hidden;
+ }
+
+ td
+ {
+ border: red solid;
+ height: 200px;
+ padding: 0px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ <table>
+
+ <colgroup></colgroup>
+
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-103.xht b/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-103.xht
new file mode 100644
index 0000000000..650225a71c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-103.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border conflict resolution - border-style: hidden applied to table-column</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+ <meta content="A table element with the 'border-style' value of 'hidden' should suppress all borders for such element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ }
+
+ col
+ {
+ border-color: red;
+ border-style: hidden;
+ }
+
+ td
+ {
+ border: red solid;
+ height: 200px;
+ padding: 0px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ <table>
+
+ <col></col>
+
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-104.xht b/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-104.xht
new file mode 100644
index 0000000000..72c380716a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-104.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border conflict resolution - border-style: hidden applied to table-row-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+ <meta content="A table element with the 'border-style' value of 'hidden' should suppress all borders for such element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ }
+
+ tbody
+ {
+ border-color: red;
+ border-style: hidden;
+ }
+
+ td
+ {
+ border: red solid;
+ height: 200px;
+ padding: 0px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ <table>
+
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-105.xht b/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-105.xht
new file mode 100644
index 0000000000..420c4543d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-105.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border conflict resolution - border-style: hidden applied to table-footer-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+ <meta content="A table element with the 'border-style' value of 'hidden' should suppress all borders for such element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ }
+
+ tfoot
+ {
+ border-color: red;
+ border-style: hidden;
+ }
+
+ tfoot td
+ {
+ border: red solid;
+ height: 200px;
+ padding: 0px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ <table>
+
+ <tfoot>
+ <tr>
+ <td></td>
+ </tr>
+ </tfoot>
+
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-106.xht b/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-106.xht
new file mode 100644
index 0000000000..4b27a7d6f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-conflict-style-106.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border conflict resolution - border-style: hidden applied to table-header-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+ <meta content="A table element with the 'border-style' value of 'hidden' should suppress all borders for such element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ }
+
+ thead
+ {
+ border-color: red;
+ border-style: hidden;
+ }
+
+ thead td
+ {
+ border: red solid;
+ height: 200px;
+ padding: 0px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ <table>
+
+ <thead>
+ <tr>
+ <td></td>
+ </tr>
+ </thead>
+
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-dynamic-001-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-dynamic-001-ref.xht
new file mode 100644
index 0000000000..35dd67b8c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-dynamic-001-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: lime solid medium;
+ padding: 5em 0em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a big green box below.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-dynamic-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-dynamic-001.xht
new file mode 100644
index 0000000000..dc73fecbfa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-dynamic-001.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Dynamic Borders (style attribute)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/border/dynamic/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties"/>
+ <link rel="match" href="border-dynamic-001-ref.xht" />
+
+ <meta name="flags" content="dom"/>
+ <style type="text/css">
+ #test { background: green; }
+ #test div { margin: 10em 0; background: red; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a big green box below.</p>
+ <div id="test">
+ <div></div>
+ </div>
+ <script type="text/javascript">
+ var x = document.getElementById('test');
+ x.clientHeight; // force reflow
+ x.style.border = "solid lime";
+ </script>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-dynamic-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-dynamic-002.xht
new file mode 100644
index 0000000000..2bef11b5a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-dynamic-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Dynamic Borders (class attribute)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/border/dynamic/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties"/>
+ <link rel="match" href="border-dynamic-001-ref.xht" />
+
+ <meta name="flags" content="dom"/>
+ <style type="text/css">
+ #test { background: green; }
+ #test div { margin: 10em 0; background: red; }
+ .border { border: solid lime; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a big green box below.</p>
+ <div id="test">
+ <div></div>
+ </div>
+ <script type="text/javascript">
+ var x = document.getElementById('test');
+ x.clientHeight; // force reflow
+ x.className += " border";
+ </script>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-001.xht
new file mode 100644
index 0000000000..1841b67c01
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set to border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-left' shorthand property properly sets the border-width for the left border." />
+ <style type="text/css">
+ div
+ {
+ border-left: 1in;
+ border-left-style: solid;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-002.xht
new file mode 100644
index 0000000000..b3b9af6199
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set to border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-left' shorthand property properly sets the border-style for the left border." />
+ <style type="text/css">
+ div
+ {
+ border-left: dashed;
+ border-width: 5px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-003-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-003-ref.xht
new file mode 100644
index 0000000000..2417cc4858
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-003-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 1in;
+ width: 5px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short vertical blue line.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-003.xht
new file mode 100644
index 0000000000..4cd0d25376
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-003.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set to border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-003-ref.xht" />
+
+ <meta name="assert" content="The 'border-left' shorthand property properly sets the border-color for the left border." />
+ <style type="text/css">
+ div
+ {
+ border-left: blue;
+ border-left-style: solid;
+ border-width: 5px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical blue line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-004.xht
new file mode 100644
index 0000000000..ce74ebd596
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set to border-width border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-left' shorthand property properly sets the border-width and border-style for the left border." />
+ <style type="text/css">
+ div
+ {
+ border-left: 5px dashed;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-005-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-005-ref.xht
new file mode 100644
index 0000000000..e76e3b7360
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-005-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 1in;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue square.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-005.xht
new file mode 100644
index 0000000000..a1ad9d9919
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-005.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set to border-width border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-left' shorthand property sets the 'border-width' and 'border-color' for the left border." />
+ <style type="text/css">
+ div
+ {
+ border-left: 1in blue;
+ border-left-style: solid;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-006.xht
new file mode 100644
index 0000000000..453d125848
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-006.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set to border-style border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-left' shorthand property sets the 'border-style' and 'border-width' for the left border." />
+ <style type="text/css">
+ div
+ {
+ border-left: solid 1in;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-007.xht
new file mode 100644
index 0000000000..a606d8a61f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-007.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set to border-style border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-left' shorthand property sets the 'border-style' and 'border-color' for the left border." />
+ <style type="text/css">
+ div
+ {
+ border-left: dashed blue;
+ border-left-width: 5px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-008.xht
new file mode 100644
index 0000000000..ff7ea9e4ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set to border-color border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-left' shorthand property sets the 'border-color' and 'border-width' for the left border." />
+ <style type="text/css">
+ div
+ {
+ border-left: blue 1in;
+ border-left-style: solid;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-009.xht
new file mode 100644
index 0000000000..b357e1e4ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-009.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set to border-color border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-left' shorthand property sets the 'border-color' and 'border-style' for the left border." />
+ <style type="text/css">
+ div
+ {
+ border-left: blue dashed;
+ border-width: 5px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-010.xht
new file mode 100644
index 0000000000..1eba04741c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-010.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set to border-width border-style border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-left' shorthand property properly sets the 'border-width', 'border-style' and 'border-color'." />
+ <style type="text/css">
+ div
+ {
+ border-left: 5px dashed blue;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-011.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-011.xht
new file mode 100644
index 0000000000..a037a50959
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-011.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set to border-width border-color border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-left' shorthand property properly sets the 'border-width', 'border-color' and 'border-style'." />
+ <style type="text/css">
+ div
+ {
+ border-left: 5px blue dashed;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-012.xht
new file mode 100644
index 0000000000..c4ba3475f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-012.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set to border-style border-width border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-left' shorthand property properly sets the 'border-style', 'border-width' and 'border-color'." />
+ <style type="text/css">
+ div
+ {
+ border-left: dashed 5px blue;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-013.xht
new file mode 100644
index 0000000000..b2fbef81bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-013.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set with border-style border-color border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-left' shorthand property properly sets the 'border-style', 'border-color' and 'border-width'." />
+ <style type="text/css">
+ div
+ {
+ border-left: dashed blue 5px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-014.xht
new file mode 100644
index 0000000000..00b390f8c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-014.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set to border-color border-width border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-left' shorthand property properly sets the 'border-color', 'border-width' and 'border-style'." />
+ <style type="text/css">
+ div
+ {
+ border-left: blue 5px dashed;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-015.xht
new file mode 100644
index 0000000000..3cc9b35dfc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-015.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set to border-color border-style border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-left' shorthand property properly sets the 'border-color', 'border-style' and 'border-width'." />
+ <style type="text/css">
+ div
+ {
+ border-left: blue 5px dashed;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-016.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-016.xht
new file mode 100644
index 0000000000..8ddad7d120
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-016.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set to inherit, inheriting a single value for a shorthand property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-left' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
+ <style type="text/css">
+ #div1
+ {
+ border-left: dashed;
+ }
+ div div
+ {
+ border-left: inherit;
+ height: 1in;
+ margin: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two dashed lines below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-017.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-017.xht
new file mode 100644
index 0000000000..ad59e06e2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-017.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set to inherit, inheriting two values for a shorthand property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-left' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
+ <style type="text/css">
+ #div1
+ {
+ border-left: dashed blue;
+ }
+ div div
+ {
+ border-left: inherit;
+ height: 1in;
+ margin: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two dashed blue lines below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-018-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-018-ref.xht
new file mode 100644
index 0000000000..40d84eb544
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-018-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {margin-right: 10px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 blue squares.</p>
+
+ <div><img src="support/blue15x15.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/blue15x15.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-018.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-018.xht
new file mode 100644
index 0000000000..779c1c48f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-018.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left set to inherit, inheriting three values for a shorthand property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-018-ref.xht" />
+
+ <meta name="assert" content="The 'border-left' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
+ <style type="text/css">
+ #div1
+ {
+ border-left: 1in solid blue;
+ }
+ div div
+ {
+ border-left: inherit;
+ height: 1in;
+ margin: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 blue squares.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-001-ref.xht
new file mode 100644
index 0000000000..ff8eaad264
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 1in;
+ width: 3px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-001.xht
new file mode 100644
index 0000000000..8be243f550
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-001.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left' properties applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-left: green solid 3px;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-002.xht
new file mode 100644
index 0000000000..313695734d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-002.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left' properties applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-left: green solid 3px;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-003.xht
new file mode 100644
index 0000000000..dd97d209d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-003.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left' properties applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-left: green solid 3px;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-004.xht
new file mode 100644
index 0000000000..c1e483bfab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-004.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left' properties applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-left: green solid 3px;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div id="table">
+ <div id="test">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-005.xht
new file mode 100644
index 0000000000..75e084ecfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-005.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left' properties applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-left: green solid 3px;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+ <div id="test"><div class="column"></div><div class="column"></div></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-006.xht
new file mode 100644
index 0000000000..3c1555a1ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-006.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left' properties applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-left: green solid 3px;
+ display: table-column;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+
+ <div id="test"></div><div class="column"></div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-007.xht
new file mode 100644
index 0000000000..fa69ebe2ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-007.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left' properties applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-left: green solid 3px;
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-008.xht
new file mode 100644
index 0000000000..fbaae16cd1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-left' properties applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-left: solid green;
+ display: inline;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-009.xht
new file mode 100644
index 0000000000..3f14c06a6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-009.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left' properties applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-left: green solid 3px;
+ display: block;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-010.xht
new file mode 100644
index 0000000000..e4793f8725
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-010.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-left' properties applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-left: solid green;
+ display: list-item;
+ height: 1in;
+ margin-left: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-012.xht
new file mode 100644
index 0000000000..dffffa23f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-012.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left' properties applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ border-left: green solid 3px;
+ display: inline-block;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-013.xht
new file mode 100644
index 0000000000..faed9e3dfd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-013.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left' properties applies to elements with a display of table." />
+ <style type="text/css">
+ #test
+ {
+ border-left: green solid 3px;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="test">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-014.xht
new file mode 100644
index 0000000000..3a30e00212
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-014.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left' properties applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #test
+ {
+ border-left: solid green 3px;
+ display: inline-table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="test">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-015.xht
new file mode 100644
index 0000000000..d9ab50594a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-applies-to-015.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left' properties applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-left: green solid 3px;
+ display: table-caption;
+ height: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-001.xht
new file mode 100644
index 0000000000..26f026c1cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with five digits which is invalid and is equivalent to minimum minus one value for six digit hex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to #00000 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #00000;
+ }
+ #reference
+ {
+ background-color: #000000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-002.xht
new file mode 100644
index 0000000000..0a7aeffc3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-002.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with the minimum value, #000000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #000000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #000000;
+ }
+ #reference
+ {
+ background-color: #000000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-003.xht
new file mode 100644
index 0000000000..7c7485bdba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-003.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with the minimum plus one value, #010101</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-003-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #010101 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #010101;
+ }
+ #reference
+ {
+ background-color: #010101;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-004.xht
new file mode 100644
index 0000000000..fe6e8e63a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-004.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with a nominal value #999999</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-004-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #999999 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #999999;
+ }
+ #reference
+ {
+ background-color: #999999;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-005.xht
new file mode 100644
index 0000000000..d458a71356
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-005.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with the maximum minus one value of #fefefe</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #fefefe renders the correct color for the border." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #fefefe;
+ }
+ #reference
+ {
+ background-color: #fefefe;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-006.xht
new file mode 100644
index 0000000000..2aeb4e00fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-006.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with the maximum value of #ffffff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #ffffff renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #ffffff;
+ }
+ #reference
+ {
+ background-color: #ffffff;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-007.xht
new file mode 100644
index 0000000000..96793387bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-007.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with the maximum plus one value of #1000000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to #1000000 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #1000000;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-008.xht
new file mode 100644
index 0000000000..b95241d800
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-008.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with the maximum plus one value of #fgfgfg</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to #fgfgfg falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #fgfgfg;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-009.xht
new file mode 100644
index 0000000000..7d167052c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-009.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with a red set to minimum plus one value, #010000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-009-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #010000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #010000;
+ }
+ #reference
+ {
+ background-color: #010000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-010.xht
new file mode 100644
index 0000000000..1f41c35bad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-010.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with a red set to a nominal value, #990000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-010-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #990000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #990000;
+ }
+ #reference
+ {
+ background-color: #990000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-011.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-011.xht
new file mode 100644
index 0000000000..19acbe2f35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-011.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with a red set to maximum minus one value, #fe0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-011-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #fe0000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #fe0000;
+ }
+ #reference
+ {
+ background-color: #fe0000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-012.xht
new file mode 100644
index 0000000000..784a876d4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-012.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with a red set to the maximum value, #ff0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #ff0000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #ff0000;
+ }
+ #reference
+ {
+ background-color: #ff0000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-013.xht
new file mode 100644
index 0000000000..cb89214e1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-013.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with a red set to the maximum plus one value, #fg0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to #fg0000 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #fg0000;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-014.xht
new file mode 100644
index 0000000000..c407698f81
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-014.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with a green set to minimum plus one value, #000100</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-014-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #000100 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #000100;
+ }
+ #reference
+ {
+ background-color: #000100;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-015.xht
new file mode 100644
index 0000000000..0d502b9f9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-015.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with a green set to a nominal value, #009900</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-015-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #009900 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #009900;
+ }
+ #reference
+ {
+ background-color: #009900;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-016.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-016.xht
new file mode 100644
index 0000000000..41c308d15b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-016.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with a green set to maximum minus one value, #00fe00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-016-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #00fe00 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #00fe00;
+ }
+ #reference
+ {
+ background-color: #00fe00;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-017.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-017.xht
new file mode 100644
index 0000000000..d8cbe8b1e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-017.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with a green set to the maximum value, #00ff00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #00ff00 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #00ff00;
+ }
+ #reference
+ {
+ background-color: #00ff00;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-018.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-018.xht
new file mode 100644
index 0000000000..49fea3c70d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-018.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with a green set to the maximum plus one value, #00fg00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to #00fg00 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #00fg00;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-019.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-019.xht
new file mode 100644
index 0000000000..583852437d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-019.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with a blue set to minimum plus one value, #000001</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-019-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #000001 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #000001;
+ }
+ #reference
+ {
+ background-color: #000001;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-020.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-020.xht
new file mode 100644
index 0000000000..ddfb8b49cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-020.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with a blue set to a nominal value, #000099</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-020-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #000099 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #000099;
+ }
+ #reference
+ {
+ background-color: #000099;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-021.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-021.xht
new file mode 100644
index 0000000000..f0c16a7b5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-021.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with a blue set to maximum minus one value, #0000fe</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-021-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #0000fe renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #0000fe;
+ }
+ #reference
+ {
+ background-color: #0000fe;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-022.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-022.xht
new file mode 100644
index 0000000000..129f5f1a8c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-022.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with a blue set to the maximum value, #0000ff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #0000ff renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #0000ff;
+ }
+ #reference
+ {
+ background-color: #0000ff;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-023.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-023.xht
new file mode 100644
index 0000000000..ed969cff29
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-023.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with six digits with a blue set to the maximum plus one value, #0000fg</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to #0000fg falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #0000fg;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-024.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-024.xht
new file mode 100644
index 0000000000..fb1bf0d78c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-024.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with 2 digits which is invalid and is equivalent to minimum minus one value for 3 digit hex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to #00 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #00;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-025.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-025.xht
new file mode 100644
index 0000000000..2d1e9950b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-025.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with the minimum possible value #000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #000;
+ }
+ #reference
+ {
+ background-color: #000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-026.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-026.xht
new file mode 100644
index 0000000000..4abf426697
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-026.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with the minimum plus one value, #111</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-026-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #111 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #111;
+ }
+ #reference
+ {
+ background-color: #111;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-027.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-027.xht
new file mode 100644
index 0000000000..c28aa21bf5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-027.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with a nominal value #999</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-027-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #999 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #999;
+ }
+ #reference
+ {
+ background-color: #999;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-028.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-028.xht
new file mode 100644
index 0000000000..386c42a244
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-028.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with the maximum minus one value of #eee</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-028-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #eee renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #eee;
+ }
+ #reference
+ {
+ background-color: #eee;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-029.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-029.xht
new file mode 100644
index 0000000000..f2624c1dff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-029.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with the maximum value of #fff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #fff renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #fff;
+ }
+ #reference
+ {
+ background-color: #fff;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-030.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-030.xht
new file mode 100644
index 0000000000..fc62a4b144
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-030.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with the maximum plus one value of #1000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-transparent-or-black-square-black.xht"/>
+ <link rel="match" href="../reference/ref-transparent-or-black-square-transparent.xht"/>
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to #1000 is a transparent dark red square." />
+ <style type="text/css">
+ div.test
+ {
+ border: 5px solid blue;
+ height: 1in;
+ width: 1in;
+ }
+ div.test div
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #1000;
+ height: 1in;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black or transparent square surrounded by a blue border.</p>
+ <div class="test"><div></div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-031.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-031.xht
new file mode 100644
index 0000000000..c31e9d9eaa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-031.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with the maximum plus one value of #ggg</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to #ggg falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #ggg;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-032.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-032.xht
new file mode 100644
index 0000000000..2478e7880a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-032.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with a red set to minimum plus one value, #100</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-032-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #100 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #100;
+ }
+ #reference
+ {
+ background-color: #100;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-033.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-033.xht
new file mode 100644
index 0000000000..79ec0085ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-033.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with a red set to a nominal value, #900</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-010-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #900 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #900;
+ }
+ #reference
+ {
+ background-color: #900;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-034.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-034.xht
new file mode 100644
index 0000000000..2282d05879
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-034.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with a red set to maximum minus one value, #e00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-034-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #e00 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #e00;
+ }
+ #reference
+ {
+ background-color: #e00;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-035.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-035.xht
new file mode 100644
index 0000000000..25acf6d8ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-035.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with a red set to the maximum value, #f00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #f00 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #f00;
+ }
+ #reference
+ {
+ background-color: #f00;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-036.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-036.xht
new file mode 100644
index 0000000000..b268910e59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-036.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with a red set to the maximum plus one value, #g00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to #g00 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #g00;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-037.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-037.xht
new file mode 100644
index 0000000000..73cf82df6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-037.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with a green set to minimum plus one value, #010</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-037-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #010 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #010;
+ }
+ #reference
+ {
+ background-color: #010;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-038.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-038.xht
new file mode 100644
index 0000000000..cffdd3fa10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-038.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with a green set to a nominal value, #090</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-038-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #090 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #090;
+ }
+ #reference
+ {
+ background-color: #090;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-039.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-039.xht
new file mode 100644
index 0000000000..ffada9e7a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-039.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with a green set to maximum minus one value, #0e0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-039-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #0e0 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #0e0;
+ }
+ #reference
+ {
+ background-color: #0e0;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-040.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-040.xht
new file mode 100644
index 0000000000..edd44d2af9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-040.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with a green set to the maximum value, #0f0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #0f0 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #0f0;
+ }
+ #reference
+ {
+ background-color: #0f0;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-041.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-041.xht
new file mode 100644
index 0000000000..8a19c644be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-041.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with a green set to the maximum plus one value, #0g0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to #0g0 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #0g0;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-042.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-042.xht
new file mode 100644
index 0000000000..eeaa75b5ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-042.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with a blue set to minimum plus one value, #001</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-042-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #001 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #001;
+ }
+ #reference
+ {
+ background-color: #001;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-043.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-043.xht
new file mode 100644
index 0000000000..12cddbd1cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-043.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with a blue set to a nominal value, #009</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-020-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #009 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #009;
+ }
+ #reference
+ {
+ background-color: #009;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-044.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-044.xht
new file mode 100644
index 0000000000..9232b04ff6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-044.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with a blue set to maximum minus one value, #00e</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-044-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #00e renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #00e;
+ }
+ #reference
+ {
+ background-color: #00e;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-045.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-045.xht
new file mode 100644
index 0000000000..d8afc8a85c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-045.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with a blue set to the maximum value, #00f</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to #00f renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #00f;
+ }
+ #reference
+ {
+ background-color: #00f;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-046.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-046.xht
new file mode 100644
index 0000000000..0e585c3277
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-046.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to hex with three digits with a blue set to the maximum plus one value, #00g</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to #00g falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: #00g;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-047.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-047.xht
new file mode 100644
index 0000000000..bb0b50b9cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-047.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with the minimum minus one value, rgb(-1%, -1%, -1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to rgb(-1%, -1%, -1%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(-1%, -1%, -1%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-048.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-048.xht
new file mode 100644
index 0000000000..2526461f94
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-048.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with the minimum value, rgb(0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-049.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-049.xht
new file mode 100644
index 0000000000..be71e45ac7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-049.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with the minimum plus one value, rgb(1%, 1%, 1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-049-ref.xht"/>
+ <meta name="assert" content="The 'border-left-color' set to rgb(1%, 1%, 1%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(1%, 1%, 1%);
+ }
+ #reference
+ {
+ background-color: rgb(1%, 1%, 1%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-050.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-050.xht
new file mode 100644
index 0000000000..62696bbc2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-050.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with the minimum value and minus sign, rgb(-0%, -0%, -0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(-0%, -0%, -0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(-0%, -0%, -0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-051.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-051.xht
new file mode 100644
index 0000000000..e4a74328aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-051.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with the minimum value and plus sign, rgb(+0%, +0%, +0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(+0%, +0%, +0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(+0%, +0%, +0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-052.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-052.xht
new file mode 100644
index 0000000000..a2469a7574
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-052.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with a nominal value, rgb(40%, 40%, 40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-052-ref.xht"/>
+ <meta name="assert" content="The 'border-left-color' set to rgb(40%, 40%, 40%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(40%, 40%, 40%);
+ }
+ #reference
+ {
+ background-color: rgb(40%, 40%, 40%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-053.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-053.xht
new file mode 100644
index 0000000000..e0826207e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-053.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with a nominal value and a plus sign, rgb(+40%, +40%, +40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-052-ref.xht"/>
+ <meta name="assert" content="The 'border-left-color' set to rgb(+40%, +40%, +40%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(+40%, +40%, +40%);
+ }
+ #reference
+ {
+ background-color: rgb(40%, 40%, 40%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-054.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-054.xht
new file mode 100644
index 0000000000..056a3f792d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-054.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with a maximum minus one value, rgb(99%, 99%, 99%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-054-ref.xht"/>
+ <meta name="assert" content="The 'border-left-color' set to rgb(99%, 99%, 99%) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(99%, 99%, 99%);
+ }
+ #reference
+ {
+ background-color: rgb(99%, 99%, 99%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-055.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-055.xht
new file mode 100644
index 0000000000..51428320a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-055.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with a maximum value, rgb(100%, 100%, 100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(100%, 100%, 100%) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(100%, 100%, 100%);
+ }
+ #reference
+ {
+ background-color: rgb(100%, 100%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-056.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-056.xht
new file mode 100644
index 0000000000..97567200bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-056.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with plus sign on each maximum value, rgb(+100%, +100%, +100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(+100%, +100%, +100%) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(+100%, +100%, +100%);
+ }
+ #reference
+ {
+ background-color: rgb(100%, 100%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-057.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-057.xht
new file mode 100644
index 0000000000..fde87d1898
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-057.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with a maximum plus one value, rgb(101%, 101%, 101%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to rgb(101%, 101%, 101%) truncates to a valid value." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(101%, 101%, 101%);
+ }
+ #reference
+ {
+ background-color: rgb(100%, 100%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-058.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-058.xht
new file mode 100644
index 0000000000..f11c3efe09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-058.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with the minimum minus one value, rgb(-1, -1, -1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to rgb(-1, -1, -1) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(-1, -1, -1);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-059.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-059.xht
new file mode 100644
index 0000000000..a47824414b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-059.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with the minimum value, rgb(0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-060.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-060.xht
new file mode 100644
index 0000000000..5819fd3506
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-060.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with the minimum plus one value, rgb(1, 1, 1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-003-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(1, 1, 1) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(1, 1, 1);
+ }
+ #reference
+ {
+ background-color: rgb(1, 1, 1);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-061.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-061.xht
new file mode 100644
index 0000000000..99debe1088
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-061.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with the minimum value and minus sign, rgb(-0, -0, -0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(-0, -0, -0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(-0, -0, -0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-062.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-062.xht
new file mode 100644
index 0000000000..99cb289e5c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-062.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with the minimum value and plus sign, rgb(+0, +0, +0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(+0, +0, +0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(+0, +0, +0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-063.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-063.xht
new file mode 100644
index 0000000000..653414a387
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-063.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with a nominal value, rgb(128, 128, 128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-063-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(128, 128, 128) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(128, 128, 128);
+ }
+ #reference
+ {
+ background-color: rgb(128, 128, 128);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-064.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-064.xht
new file mode 100644
index 0000000000..b894e3c3c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-064.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with a nominal value and a plus sign, rgb(+128, +128, +128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-063-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(+128, +128, +128) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(+128, +128, +128);
+ }
+ #reference
+ {
+ background-color: rgb(128, 128, 128);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-065.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-065.xht
new file mode 100644
index 0000000000..11b46615e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-065.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with a maximum minus one value, rgb(254, 254, 254)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(254, 254, 254) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(254, 254, 254);
+ }
+ #reference
+ {
+ background-color: rgb(254, 254, 254);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-066.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-066.xht
new file mode 100644
index 0000000000..89b0058e0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-066.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with a maximum value, rgb(255, 255, 255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(255, 255, 255) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(255, 255, 255);
+ }
+ #reference
+ {
+ background-color: rgb(255, 255, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-067.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-067.xht
new file mode 100644
index 0000000000..b595cea5f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-067.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with a maximum value and a plus sign, rgb(+255, +255, +255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(+255, +255, +255) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(+255, +255, +255);
+ }
+ #reference
+ {
+ background-color: rgb(255, 255, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-068.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-068.xht
new file mode 100644
index 0000000000..b582d0df9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-068.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with a maximum plus one value, rgb(256, 256, 256)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to rgb(256, 256, 256) truncates to a valid value." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(256, 256, 256);
+ }
+ #reference
+ {
+ background-color: rgb(255, 255, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-069.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-069.xht
new file mode 100644
index 0000000000..9662a942ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-069.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with red set to the minimum minus one value, rgb(-1%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to rgb(-1%, 0%, 0%) falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(-1%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-070.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-070.xht
new file mode 100644
index 0000000000..abfd0c62f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-070.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with red set to the minimum plus one value, rgb(1%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-070-ref.xht"/>
+ <meta name="assert" content="The 'border-left-color' set to rgb(1%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(1%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(1%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-071.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-071.xht
new file mode 100644
index 0000000000..f1b2279759
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-071.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with red set to the minimum value and minus sign, rgb(-0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(-0%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(-0%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-072.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-072.xht
new file mode 100644
index 0000000000..ba01803985
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-072.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with red set to the minimum value and plus sign, rgb(+0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(+0%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(+0%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-073.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-073.xht
new file mode 100644
index 0000000000..612d7002d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-073.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with red set to a nominal value, rgb(40%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-073-ref.xht"/>
+ <meta name="assert" content="The 'border-left-color' set to rgb(40%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(40%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(40%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-074.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-074.xht
new file mode 100644
index 0000000000..4f49db3276
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-074.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with red set to a nominal value with a plus sign, rgb(+40%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-073-ref.xht"/>
+ <meta name="assert" content="The 'border-left-color' set to rgb(+40%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(+40%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(40%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-075.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-075.xht
new file mode 100644
index 0000000000..242b6ac678
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-075.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with red set to a maximum minus one value, rgb(99%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-075-ref.xht"/>
+ <meta name="assert" content="The 'border-left-color' set to rgb(99%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(99%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(99%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-076.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-076.xht
new file mode 100644
index 0000000000..02980b5942
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-076.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with red set to a maximum value, rgb(100%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(100%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(100%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(100%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-077.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-077.xht
new file mode 100644
index 0000000000..da72352d1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-077.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with red set to a maximum value with a plus sign, rgb(+100%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(+100%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(+100%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(100%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-078.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-078.xht
new file mode 100644
index 0000000000..6d1cd48952
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-078.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with red set to a maximum plus one value, rgb(101%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to rgb(101%, 0%, 0%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(101%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(100%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-079.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-079.xht
new file mode 100644
index 0000000000..b7f8caf46d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-079.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with red set to the minimum minus one value, rgb(-1, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to rgb(-1, 0, 0) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(-1, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-080.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-080.xht
new file mode 100644
index 0000000000..a9878d0981
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-080.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with red set to the minimum plus one value, rgb(1, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-009-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(1, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(1, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(1, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-081.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-081.xht
new file mode 100644
index 0000000000..95de7e74d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-081.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with red set to the minimum value with a minus sign, rgb(-0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(-0, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(-0, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-082.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-082.xht
new file mode 100644
index 0000000000..a0373884ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-082.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with red set to the minimum value with a plus sign, rgb(+0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(+0, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(+0, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-083.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-083.xht
new file mode 100644
index 0000000000..c2123960b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-083.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with red set to a nominal value, rgb(128, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-083-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(128, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(128, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(128, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-084.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-084.xht
new file mode 100644
index 0000000000..f1ba9781eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-084.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with red set to a nominal value with a plus sign, rgb(+128, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-083-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(+128, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(+128, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(128, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-085.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-085.xht
new file mode 100644
index 0000000000..d3482935a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-085.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with red set to a maximum minus one value, rgb(254, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-011-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(254, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(254, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(254, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-086.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-086.xht
new file mode 100644
index 0000000000..85a79765cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-086.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with red set to a maximum value, rgb(255, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(255, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(255, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(255, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-087.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-087.xht
new file mode 100644
index 0000000000..9d2489a719
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-087.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with red set to a maximum value with a plus sign, rgb(+255, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(+255, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(+255, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(255, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-088.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-088.xht
new file mode 100644
index 0000000000..ff2bfa664e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-088.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with red set to a maximum plus one value, rgb(256, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to rgb(256, 0, 0) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(256, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(255, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-089.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-089.xht
new file mode 100644
index 0000000000..a0dc7872e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-089.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with green set to the minimum minus one value, rgb(0%, -1%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, -1%, 0%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, -1%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-090.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-090.xht
new file mode 100644
index 0000000000..5c1908aeac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-090.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with green set to the minimum plus one value, rgb(0%, 1%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-090-ref.xht"/>
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, 1%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, 1%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 1%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-091.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-091.xht
new file mode 100644
index 0000000000..e639eb7a98
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-091.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with green set to the minimum value and minus sign, rgb(0%, -0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, -0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, -0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-092.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-092.xht
new file mode 100644
index 0000000000..0a78434d04
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-092.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with green set to the minimum value and plus sign, rgb(0%, +0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, +0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, +0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-093.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-093.xht
new file mode 100644
index 0000000000..18d995441d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-093.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with green set to a nominal value, rgb(0%, 40%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-093-ref.xht"/>
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, 40%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, 40%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 40%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-094.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-094.xht
new file mode 100644
index 0000000000..2940b09fee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-094.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with green set to a nominal value with a plus sign, rgb(0%, +40%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-093-ref.xht"/>
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, +40%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, +40%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 40%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-095.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-095.xht
new file mode 100644
index 0000000000..3bef2686ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-095.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with green set to a maximum minus one value, rgb(0%, 99%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-095-ref.xht"/>
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, 99%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, 99%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 99%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-096.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-096.xht
new file mode 100644
index 0000000000..fc75c29a7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-096.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with green set to a maximum value, rgb(0%, 100%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, 100%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, 100%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 100%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-097.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-097.xht
new file mode 100644
index 0000000000..5b90142132
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-097.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with green set to a maximum value with a plus sign, rgb(0%, +100%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, +100%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, +100%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 100%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-098.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-098.xht
new file mode 100644
index 0000000000..e38bccc776
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-098.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with green set to a maximum plus one value, rgb(0%, 101%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, 101%, 0%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, 101%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 100%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-099.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-099.xht
new file mode 100644
index 0000000000..ff193dccfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-099.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with green set to the minimum minus one value, rgb(0, -1, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to rgb(-1, 0, 0) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, -1, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-100.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-100.xht
new file mode 100644
index 0000000000..b2acc60716
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-100.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with green set to the minimum plus one value, rgb(0, 1, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-100-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, 1, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, 1, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 1, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-101.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-101.xht
new file mode 100644
index 0000000000..cd7503fa5a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-101.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with green set to the minimum value with a minus sign, rgb(0, -0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, -0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, -0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-102.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-102.xht
new file mode 100644
index 0000000000..3174a878f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-102.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with green set to the minimum value with a plus sign, rgb(0, +0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, +0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, +0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-103.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-103.xht
new file mode 100644
index 0000000000..e2378fc5a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-103.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with green set to a nominal value, rgb(0, 128, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-103-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, 128, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, 128, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 128, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-104.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-104.xht
new file mode 100644
index 0000000000..5adabc8d38
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-104.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with green set to a nominal value with a plus sign, rgb(0, +128, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-103-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, +128, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, +128, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 128, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-105.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-105.xht
new file mode 100644
index 0000000000..65c36432bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-105.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with green set to a maximum minus one value, rgb(0, 254, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-016-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, 254, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, 254, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 254, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-106.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-106.xht
new file mode 100644
index 0000000000..f992b2bcfa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-106.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with green set to a maximum value, rgb(0, 255, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, 255, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, 255, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 255, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-107.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-107.xht
new file mode 100644
index 0000000000..7c3e41eefb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-107.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with green set to a maximum value with a plus sign, rgb(0, +255, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, +255, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, +255, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 255, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-108.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-108.xht
new file mode 100644
index 0000000000..4c3abbb5fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-108.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with green set to a maximum plus one value, rgb(0, 256 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, 256, 0) properly truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, 256, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 255, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-109.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-109.xht
new file mode 100644
index 0000000000..0023bef43b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-109.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with blue set to the minimum minus one value, rgb(0%, 0%, -1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, 0%, -1%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, 0%, -1%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-110.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-110.xht
new file mode 100644
index 0000000000..c947fe8abe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-110.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with blue set to the minimum plus one value, rgb(0%, 0%, 1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-110-ref.xht"/>
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, 0%, 1%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, 0%, 1%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 1%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-111.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-111.xht
new file mode 100644
index 0000000000..4c4bf57ea2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-111.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with blue set to the minimum value and minus sign, rgb(0%, 0%, -0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, 0%, -0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, 0%, -0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-112.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-112.xht
new file mode 100644
index 0000000000..1d944cf382
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-112.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with blue set to the minimum value and plus sign, rgb(0%, 0%, +0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, 0%, +0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, 0%, +0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-113.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-113.xht
new file mode 100644
index 0000000000..67b32763da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-113.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with blue set to a nominal value, rgb(0%, 0%, 40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-113-ref.xht"/>
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, 0%, 40%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, 0%, 40%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 40%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-114.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-114.xht
new file mode 100644
index 0000000000..e10886c888
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-114.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with blue set to a nominal value with a plus sign, rgb(0%, 0%, +40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-113-ref.xht"/>
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, 0%, +40%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, 0%, +40%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 40%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-115.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-115.xht
new file mode 100644
index 0000000000..72f95ecb55
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-115.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with blue set to a maximum minus one value, rgb(0%, 0%, 99%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-115-ref.xht"/>
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, 0%, 99%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, 0%, 99%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 99%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-116.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-116.xht
new file mode 100644
index 0000000000..bb0714dedf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-116.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with blue set to a maximum value, rgb(0%, 0%, 100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, 0%, 100%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, 0%, 100%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-117.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-117.xht
new file mode 100644
index 0000000000..d35664a932
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-117.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with blue set to a maximum value with a plus sign, rgb(0%, 0%, +100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, 0%, +100%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, 0%, +100%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-118.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-118.xht
new file mode 100644
index 0000000000..64043cdc3d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-118.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using percentages with blue set to a maximum plus one value, rgb(0%, 0%, 101%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to rgb(0%, 0%, 101%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0%, 0%, 101%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-119.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-119.xht
new file mode 100644
index 0000000000..5fe0875aa4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-119.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with blue set to the minimum minus one value, rgb(0, 0, -1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, 0, -1) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, 0, -1);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-120.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-120.xht
new file mode 100644
index 0000000000..7d7a31cef2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-120.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with blue set to the minimum plus one value, rgb(0, 0, 1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-019-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, 0, 1) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, 0, 1);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 1);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-121.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-121.xht
new file mode 100644
index 0000000000..0f2141de64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-121.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with blue set to the minimum value with a minus sign, rgb(0, 0, -0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, 0, -0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, 0, -0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-122.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-122.xht
new file mode 100644
index 0000000000..690c32632b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-122.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with blue set to the minimum value with a plus sign, rgb(0, 0, +0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, 0, +0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, 0, +0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-123.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-123.xht
new file mode 100644
index 0000000000..5ca990e89d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-123.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with blue set to a nominal value, rgb(0, 0, 128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-123-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, 0, 128) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, 0, 128);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 128);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-124.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-124.xht
new file mode 100644
index 0000000000..8977d437a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-124.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with blue set to a nominal value with a plus sign, rgb(0, 0, +128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-123-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, 0, +128) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, 0, +128);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 128);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-125.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-125.xht
new file mode 100644
index 0000000000..e20a77fd4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-125.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with blue set to a maximum minus one value, rgb(0, 0, 254)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-021-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, 0, 254) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, 0, 254);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 254);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-126.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-126.xht
new file mode 100644
index 0000000000..ed1ae10382
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-126.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with blue set to a maximum value, rgb(0, 0, 255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, 0, 255) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, 0, 255);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-127.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-127.xht
new file mode 100644
index 0000000000..3f3d1f4c3b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-127.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with blue set to a maximum value with a plus sign, rgb(0, 0, +255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, 0, +255) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, 0, +255);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-128.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-128.xht
new file mode 100644
index 0000000000..2dcfe622b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-128.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to rgb() using integers with blue set to a maximum plus one value, rgb(0, 0, 256)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-color' set to rgb(0, 0, 256) properly truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: rgb(0, 0, 256);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-129.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-129.xht
new file mode 100644
index 0000000000..dfd7518334
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-129.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to aqua</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-129-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to aqua causes the border-left-color of the box to be aqua." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: aqua;
+ }
+ #reference
+ {
+ background-color: aqua;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-130.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-130.xht
new file mode 100644
index 0000000000..8afb06935b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-130.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to black</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to black causes the border-left-color of the box to be black." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: black;
+ }
+ #reference
+ {
+ background-color: black;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-131.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-131.xht
new file mode 100644
index 0000000000..6302912a84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-131.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to blue</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-131-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to blue causes the border-left-color of the box to be blue." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: blue;
+ }
+ #reference
+ {
+ background-color: blue;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-132.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-132.xht
new file mode 100644
index 0000000000..c554a0640a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-132.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to fuchsia</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-132-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to fuchsia causes the border-left-color of the box to be fuchsia." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: fuchsia;
+ }
+ #reference
+ {
+ background-color: fuchsia;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-133.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-133.xht
new file mode 100644
index 0000000000..58657b2f73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-133.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to gray</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-133-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to gray causes the border-left-color of the box to be gray." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: gray;
+ }
+ #reference
+ {
+ background-color: gray;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-134.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-134.xht
new file mode 100644
index 0000000000..3b104fea83
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-134.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to green</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-134-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to green causes the background of the box to be green." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: green;
+ }
+ #reference
+ {
+ background-color: green;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-135.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-135.xht
new file mode 100644
index 0000000000..9c79267224
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-135.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to lime</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-135-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to lime causes the border-left-color of the box to be lime." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: lime;
+ }
+ #reference
+ {
+ background-color: lime;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-136.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-136.xht
new file mode 100644
index 0000000000..a73581363b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-136.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to maroon</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-136-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to maroon causes the border-left-color of the box to be maroon." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: maroon;
+ }
+ #reference
+ {
+ background-color: maroon;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-137.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-137.xht
new file mode 100644
index 0000000000..72741c9907
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-137.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to navy</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-137-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to navy causes the border-left-color of the box to be navy." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: navy;
+ }
+ #reference
+ {
+ background-color: navy;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-138.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-138.xht
new file mode 100644
index 0000000000..274cbeb035
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-138.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to olive</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-138-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to olive causes the border-left-color of the box to be olive." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: olive;
+ }
+ #reference
+ {
+ background-color: olive;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-139.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-139.xht
new file mode 100644
index 0000000000..f852c736fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-139.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to orange</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-139-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to orange causes the border-left-color of the box to be orange." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: orange;
+ }
+ #reference
+ {
+ background-color: orange;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-140.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-140.xht
new file mode 100644
index 0000000000..a0f472fe44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-140.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to purple</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-140-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to purple causes the border-left-color of the box to be purple." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: purple;
+ }
+ #reference
+ {
+ background-color: purple;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-141.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-141.xht
new file mode 100644
index 0000000000..d894273cd9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-141.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to red</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-141-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to red causes the border-left-color of the box to be red." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: red;
+ }
+ #reference
+ {
+ background-color: red;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-142.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-142.xht
new file mode 100644
index 0000000000..5d42b9610f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-142.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to silver</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-142-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to silver causes the border-left-color of the box to be silver." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: silver;
+ }
+ #reference
+ {
+ background-color: silver;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-143.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-143.xht
new file mode 100644
index 0000000000..fe9098124a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-143.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to teal</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-143-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to teal causes the border-left-color of the box to be teal." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: teal;
+ }
+ #reference
+ {
+ background-color: teal;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-144.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-144.xht
new file mode 100644
index 0000000000..93acb3b39e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-144.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to white</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-144-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to white causes the border-left-color of the box to be white." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: white;
+ }
+ #reference
+ {
+ background-color: white;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-145.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-145.xht
new file mode 100644
index 0000000000..866e6988e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-145.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to yellow</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-145-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to yellow causes the border-left-color of the box to be yellow." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: yellow;
+ }
+ #reference
+ {
+ background-color: yellow;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-174-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-174-ref.xht
new file mode 100644
index 0000000000..5ae027361d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-174-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-174.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-174.xht
new file mode 100644
index 0000000000..92212021e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-174.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to transparent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-color-174-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to transparent properly renders a border with no visible color." />
+ <style type="text/css">
+ #wrapper
+ {
+ background-color: green;
+ height: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ border-left-color: red;
+ border-left-color: transparent;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide filled green rectangle and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-175.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-175.xht
new file mode 100644
index 0000000000..83b217298e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-175.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color set to inherit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The 'border-left-color' set to inherit causes the 'border-left-color' of the element to be the same as the 'border-left-color' designated on the parent element." />
+ <style type="text/css">
+ body
+ {
+ border-left-color: green;
+ }
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 100px;
+ border-left-color: red;
+ border-left-color: inherit;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-001.xht
new file mode 100644
index 0000000000..638cdbf114
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-001.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' properties applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: solid;
+ border-left-color: green;
+ border-left-width: 3px;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-002.xht
new file mode 100644
index 0000000000..e49ada3b8f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-002.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' properties applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: solid;
+ border-left-color: green;
+ border-left-width: 3px;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-003.xht
new file mode 100644
index 0000000000..9671d1c111
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-003.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' properties applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: solid;
+ border-left-color: green;
+ border-left-width: 3px;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-004.xht
new file mode 100644
index 0000000000..f67dc8c058
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-004.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' properties applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: solid;
+ border-left-color: green;
+ border-left-width: 3px;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div id="table">
+ <div id="test">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-005.xht
new file mode 100644
index 0000000000..e6cf0da70c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-005.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' properties applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: solid;
+ border-left-color: green;
+ border-left-width: 3px;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+ <div id="test"><div class="column"></div><div class="column"></div></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-006.xht
new file mode 100644
index 0000000000..aa1f47469a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-006.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' properties applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: solid;
+ border-left-color: green;
+ border-left-width: 3px;
+ display: table-column;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+
+ <div id="test"></div><div class="column"></div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-007.xht
new file mode 100644
index 0000000000..bbad8c1a4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-007.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' properties applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-left-style: solid;
+ border-left-color: green;
+ border-left-width: 3px;
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-008.xht
new file mode 100644
index 0000000000..0b177b22e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="The 'border-left-color' properties applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-color: green;
+ border-left-width: 3px;
+ display: inline;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-009.xht
new file mode 100644
index 0000000000..a7b4825f3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-009.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' properties applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-left-style: solid;
+ border-left-color: green;
+ border-left-width: 3px;
+ display: block;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-010.xht
new file mode 100644
index 0000000000..f05dd14e43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="The 'border-left-color' properties applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-color: green;
+ border-left-width: 3px;
+ display: list-item;
+ height: 1in;
+ margin-left: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-012.xht
new file mode 100644
index 0000000000..ec02d07cae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-012.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' properties applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ border-left-style: solid;
+ border-left-color: green;
+ border-left-width: 3px;
+ display: inline-block;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-013.xht
new file mode 100644
index 0000000000..2b8aac7693
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-013.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' properties applies to elements with a display of table." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: solid;
+ border-left-color: green;
+ border-left-width: 3px;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="test">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-014.xht
new file mode 100644
index 0000000000..2b10ae04f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-014.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' properties applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: solid;
+ border-left-color: green;
+ border-left-width: 3px;
+ display: inline-table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="test">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-015.xht
new file mode 100644
index 0000000000..0693d2ba6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-color-applies-to-015.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-color applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-color' properties applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: solid;
+ border-left-color: green;
+ border-left-width: 3px;
+ display: table-caption;
+ height: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-001.xht
new file mode 100644
index 0000000000..3d56f5789e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+
+ <meta name="assert" content="The 'border-left-style' property set to 'none' does not render any border for an element." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: none;
+ border-left-width: 3px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-002.xht
new file mode 100644
index 0000000000..bc615d806b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-002.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style set to 'hidden'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+
+ <meta name="assert" content="The 'border-left-style' property set to 'hidden' computes to 'none' and does not render any border for non-table elements." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-style: hidden;
+ border-left-width: 3px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-003.xht
new file mode 100644
index 0000000000..51ba7612a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style set to 'dotted'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' set to 'dotted' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: dotted;
+ border-left-width: 10px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted line below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-004.xht
new file mode 100644
index 0000000000..c19c9caabe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-004.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style set to 'dashed'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' set to 'dashed' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: dashed;
+ border-left-width: 3px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed line below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-005-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-005-ref.xht
new file mode 100644
index 0000000000..ded0404d3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-005-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ width: 3px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short vertical black line.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-005.xht
new file mode 100644
index 0000000000..486f434ba3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-005.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style set to 'solid'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="border-left-style-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-style' set to 'solid' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 3px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical black line.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-006.xht
new file mode 100644
index 0000000000..32419961c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-006.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style set to 'double'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' set to 'double' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: double;
+ border-left-width: 9px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a double line below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-007.xht
new file mode 100644
index 0000000000..3772c480bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-007.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style set to 'groove'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' set to 'groove' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: groove;
+ border-left-color: green;
+ border-left-width: 12px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is solid green or shades of green.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-008.xht
new file mode 100644
index 0000000000..9f160853cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-008.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style set to 'ridge'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' set to 'ridge' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: ridge;
+ border-left-color: green;
+ border-left-width: 12px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is solid green or shades of green.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-009.xht
new file mode 100644
index 0000000000..7289231aa3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-009.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style set to 'inset'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' set to 'inset' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: inset;
+ border-left-color: green;
+ border-left-width: 12px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is solid green or shades of green.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-010.xht
new file mode 100644
index 0000000000..4c8cb98b65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-010.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style set to 'outset'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' set to 'outset' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: outset;
+ border-left-color: green;
+ border-left-width: 12px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is solid green or shades of green.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-011.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-011.xht
new file mode 100644
index 0000000000..d4b0634444
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-011.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' property set to 'inherit' properly applies the value from the parent's 'border-left-style' property value." />
+ <style type="text/css">
+ body
+ {
+ border-left-style: dotted;
+ border-left-width: 0;
+ }
+ div
+ {
+ border-left-style: inherit;
+ border-left-color: green;
+ border-left-width: 10px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted line below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-001.xht
new file mode 100644
index 0000000000..e7648480bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-001.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' properties applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: dashed;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-002.xht
new file mode 100644
index 0000000000..afa8030972
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-002.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' properties applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: dashed;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-003.xht
new file mode 100644
index 0000000000..cbf1e44ada
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-003.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' properties applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: dashed;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-004.xht
new file mode 100644
index 0000000000..a869d30891
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-004.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' properties applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: dashed;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="test">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-005.xht
new file mode 100644
index 0000000000..db3a3ff3d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-005.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' properties applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: dashed;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-006.xht
new file mode 100644
index 0000000000..20bb2bd5a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-006.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' properties applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: dashed;
+ display: table-column;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-007.xht
new file mode 100644
index 0000000000..32f2f143b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-007.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' properties applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-left-style: dashed;
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-008.xht
new file mode 100644
index 0000000000..7165ff5a07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' properties applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: dashed;
+ display: inline;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div>&nbsp;</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-009.xht
new file mode 100644
index 0000000000..661946ce04
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-009.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' properties applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-left-style: dashed;
+ display: block;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-010.xht
new file mode 100644
index 0000000000..221d5a1020
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-010.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' properties applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: dashed;
+ display: list-item;
+ height: 1in;
+ margin-left: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed line and marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-012.xht
new file mode 100644
index 0000000000..155c551b18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-012.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' properties applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: dashed;
+ display: inline-block;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-013.xht
new file mode 100644
index 0000000000..ea84883021
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-013.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' properties applies to elements with a display of table." />
+ <style type="text/css">
+ #table
+ {
+ border-left-style: dashed;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-014.xht
new file mode 100644
index 0000000000..d8f6cb3d31
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-014.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' properties applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #table
+ {
+ border-left-style: dashed;
+ display: inline-table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-015.xht
new file mode 100644
index 0000000000..95bf261207
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-style-applies-to-015.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-style applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-left-style' properties applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: dashed;
+ display: table-caption;
+ height: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is dashed.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-001-ref.xht
new file mode 100644
index 0000000000..3a3bb4f6c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-001-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left-style: solid;
+ border-left-width: medium;
+ height: 1in;
+ margin-bottom: 5px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-001.xht
new file mode 100644
index 0000000000..95b4e0d7af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-001.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using pixels with a minimum minus one (negative) value, -1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-width' property does not support a negative length value in pixels and resets to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ height: 1in;
+ }
+ #reference
+ {
+ border-left-width: medium;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: -1px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-002.xht
new file mode 100644
index 0000000000..c9e471df79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-002.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using pixels with a minimum value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in pixels that sets the width of the left border." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 0px;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-003-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-003-ref.xht
new file mode 100644
index 0000000000..16a28b0c73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-003-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ margin-bottom: 5px;
+ width: 1px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-003.xht
new file mode 100644
index 0000000000..fe08bf167d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-003.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using pixels with a minimum plus one value, 1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-003-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum plus one length value in pixels that sets the width of the left border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1px;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-004.xht
new file mode 100644
index 0000000000..f61279a868
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-004.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using pixels with a minimum value with a minus sign, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in pixels that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: -0px;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-005.xht
new file mode 100644
index 0000000000..556e5d3a88
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using pixels with a minimum value with a plus sign, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in pixels that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: +0px;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-006-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-006-ref.xht
new file mode 100644
index 0000000000..c3f9b856bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-006-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ margin-bottom: 5px;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-006.xht
new file mode 100644
index 0000000000..5c1410c54f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-006.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="flags" content="96dpi" />
+ <meta name="assert" content="The 'border-left-width' property supports a nominal length value in pixels that sets the width of the left border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-007.xht
new file mode 100644
index 0000000000..c11bbf717f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-007.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using pixels with a nominal value with a plus sign, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="flags" content="96dpi" />
+ <meta name="assert" content="The 'border-left-width' property supports a nominal length value in pixels that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: +96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-012.xht
new file mode 100644
index 0000000000..c92d6928f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-012.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using points with a minimum minus one (negative) value, -1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-001-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-width' property does not support a negative length value in points and resets to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ height: 1in;
+ }
+ #reference
+ {
+ border-left-width: medium;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: -1pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-013.xht
new file mode 100644
index 0000000000..4fd32ca873
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-013.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using points with a minimum value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in points that sets the width of the left border." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 0pt;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-015.xht
new file mode 100644
index 0000000000..93bd8b8850
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-015.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using points with a minimum value with a minus sign, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in points that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: -0pt;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-016.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-016.xht
new file mode 100644
index 0000000000..2bab93db4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-016.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using points with a minimum value with a plus sign, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in points that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: +0pt;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-017.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-017.xht
new file mode 100644
index 0000000000..7723b7703a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-017.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a nominal length value in points that sets the width of the left border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-018.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-018.xht
new file mode 100644
index 0000000000..3d8f544c85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-018.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using points with a nominal value with a plus sign, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a nominal length value in points that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: +72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-023.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-023.xht
new file mode 100644
index 0000000000..38dd3cc947
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-023.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using picas with a minimum minus one (negative) value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-001-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-width' property does not support a negative length value in picas and resets to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ height: 1in;
+ }
+ #reference
+ {
+ border-left-width: medium;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: -1pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-024.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-024.xht
new file mode 100644
index 0000000000..975cccfaf8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-024.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using picas with a minimum value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in picas that sets the width of the left border." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 0pc;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-025-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-025-ref.xht
new file mode 100644
index 0000000000..8b8d47ab06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-025-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ margin-bottom: 5px;
+ width: 16px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 vertical black bars have the <strong>same width</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-025.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-025.xht
new file mode 100644
index 0000000000..e025c892b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-025.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using picas with a minimum plus one value, 1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-025-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum plus one length value in picas that sets the width of the left border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1pc;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 vertical black bars have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-026.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-026.xht
new file mode 100644
index 0000000000..e929cfeaa1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-026.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using picas with a minimum value with a minus sign, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in picas that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: -0pc;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-027.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-027.xht
new file mode 100644
index 0000000000..cc34e1aa1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-027.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using picas with a minimum value with a plus sign, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in picas that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: +0pc;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-028.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-028.xht
new file mode 100644
index 0000000000..9f25dbdb5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-028.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a nominal length value in picas that sets the width of the left border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-029.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-029.xht
new file mode 100644
index 0000000000..f63713aff3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-029.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using picas with a nominal value with a plus sign, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a nominal length value in picas that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: +6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-034.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-034.xht
new file mode 100644
index 0000000000..f5c846b184
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-034.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using centimeters with a minimum minus one (negative) value, -1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-001-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-width' property does not support a negative length value in centimeters and resets to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ height: 1in;
+ }
+ #reference
+ {
+ border-left-width: medium;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: -1cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-035.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-035.xht
new file mode 100644
index 0000000000..a51e8ff434
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-035.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using centimeters with a minimum value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in centimeters that sets the width of the left border." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 0cm;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-036.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-036.xht
new file mode 100644
index 0000000000..d1c5f84842
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-036.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using centimeters with a minimum plus one value, 1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum plus one length value in centimeters that sets the width of the left border." />
+ <style type="text/css">
+ div
+ {
+ height: 50px;
+ }
+ .ref1, .ref2
+ {
+ position: absolute;
+ }
+ .ref1
+ {
+ background: red;
+ width: 37px;
+ z-index: -1;
+ }
+ .ref2
+ {
+ background: green;
+ width: 38px;
+ }
+ .test1, .test2
+ {
+ border-left-style: solid;
+ border-left-width: 1cm;
+ width: 0;
+ }
+ .test1
+ {
+ border-left-color: green;
+ }
+ .test2
+ {
+ border-left-color: red;
+ }
+ #parent
+ {
+ background: red;
+ margin-top: 5px;
+ width: 38px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled green rectangles and <strong>no red</strong>.</p>
+ <div class="ref1"></div>
+ <div class="test1"></div>
+ <div id="parent">
+ <div class="ref2"></div>
+ <div class="test2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-037.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-037.xht
new file mode 100644
index 0000000000..d0480970b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-037.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using centimeters with a minimum value with a minus sign, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in centimeters that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: -0cm;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-038.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-038.xht
new file mode 100644
index 0000000000..444ac121de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-038.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using centimeters with a minimum value with a plus sign, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in centimeters that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: +0cm;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-039.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-039.xht
new file mode 100644
index 0000000000..dfb6976e15
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-039.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a nominal length value in centimeters that sets the width of the left border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-040.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-040.xht
new file mode 100644
index 0000000000..eca959c003
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-040.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using centimeters with a nominal value with a plus sign, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a nominal length value in centimeters that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: +2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-045.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-045.xht
new file mode 100644
index 0000000000..3d275c3e7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-045.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using millimeters with a minimum minus one (negative) value, -1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-001-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-width' property does not support a negative length value in millimeters and resets to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ height: 1in;
+ }
+ #reference
+ {
+ border-left-width: medium;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: -1mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-046.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-046.xht
new file mode 100644
index 0000000000..d7b94572f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-046.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using millimeters with a minimum value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in millimeters that sets the width of the left border." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 0mm;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-047.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-047.xht
new file mode 100644
index 0000000000..64e1e20d09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-047.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using millimeters with a minimum plus one value, 1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-left-width' property supports a minimum plus one length value in millimeters that sets the width of the left border." />
+ <style type="text/css">
+ div
+ {
+ height: 50px;
+ }
+ .ref1, .ref2
+ {
+ position: absolute;
+ }
+ .ref1
+ {
+ background: red;
+ width: 3px;
+ z-index: -1;
+ }
+ .ref2
+ {
+ background: green;
+ width: 4px;
+ }
+ .test1, .test2
+ {
+ border-left-style: solid;
+ border-left-width: 1mm;
+ width: 0;
+ }
+ .test1
+ {
+ border-left-color: green;
+ }
+ .test2
+ {
+ border-left-color: red;
+ }
+ #parent
+ {
+ background: red;
+ margin-top: 5px;
+ width: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 green lines and there is <strong>no red</strong>.</p>
+ <div class="ref1"></div>
+ <div class="test1"></div>
+ <div id="parent">
+ <div class="ref2"></div>
+ <div class="test2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-048.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-048.xht
new file mode 100644
index 0000000000..11072159e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-048.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using millimeters with a minimum value with a minus sign, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in millimeters that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: -0mm;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-049.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-049.xht
new file mode 100644
index 0000000000..5a46037691
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-049.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using millimeters with a minimum value with a plus sign, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in millimeters that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: +0mm;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-050.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-050.xht
new file mode 100644
index 0000000000..954a0bbb16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-050.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a nominal length value in millimeters that sets the width of the left border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-051.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-051.xht
new file mode 100644
index 0000000000..b5070f1e2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-051.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using millimeters with a nominal value with a plus sign, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a nominal length value in millimeters that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: +25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-056.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-056.xht
new file mode 100644
index 0000000000..4df2073ff9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-056.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using inches with a minimum minus one (negative) value, -1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-001-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-left-width' property does not support a negative length value in inches and resets to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ height: 1in;
+ }
+ #reference
+ {
+ border-left-width: medium;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-057.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-057.xht
new file mode 100644
index 0000000000..81086e6643
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-057.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using inches with a minimum value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in inches that sets the width of the left border." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 0in;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-058.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-058.xht
new file mode 100644
index 0000000000..b93d04eda5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-058.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using inches with a minimum plus one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum plus one length value in inches that sets the width of the left border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ margin-top: 5px;
+ width: 1in;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-059.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-059.xht
new file mode 100644
index 0000000000..74ff92b521
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-059.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using inches with a minimum value with a minus sign, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in inches that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: -0in;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-060.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-060.xht
new file mode 100644
index 0000000000..84e7cd2844
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-060.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using inches with a minimum value with a plus sign, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in inches that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: +0in;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-061-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-061-ref.xht
new file mode 100644
index 0000000000..f43e24daae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-061-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ margin-bottom: 5px;
+ width: 480px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 black rectangles have the <strong>same width</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-061.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-061.xht
new file mode 100644
index 0000000000..f7cb8e67c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-061.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using inches with a nominal value, 5in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-061-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a nominal length value in inches that sets the width of the left border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 5in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-062.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-062.xht
new file mode 100644
index 0000000000..3b0dbc89ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-062.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using inches with a nominal value with a plus sign, +5in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-061-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a nominal length value in inches that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 5in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: +5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-067.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-067.xht
new file mode 100644
index 0000000000..255ab413ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-067.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using 'em' units with a minimum minus one (negative) value, -1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-001-ref.xht"/>
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'border-left-width' property does not support a negative length value in 'em' units and resets to the initial value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #reference
+ {
+ border-left-width: medium;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: -1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-068.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-068.xht
new file mode 100644
index 0000000000..22f9ee0be0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-068.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using 'em' units with a minimum value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in 'em' units that sets the width of the left border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 0em;
+ border-left-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-069-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-069-ref.xht
new file mode 100644
index 0000000000..27f3cab13d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-069-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ margin-bottom: 5px;
+ width: 20px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 vertical black bars have the <strong>same width</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-069.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-069.xht
new file mode 100644
index 0000000000..f8c246e357
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-069.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using 'em' units with a minimum plus one value, 1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-069-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-left-width' property supports a minimum plus one length value in 'em' units that sets the width of the left border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ margin-top: 5px;
+ width: 1em;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 vertical black bars have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-070.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-070.xht
new file mode 100644
index 0000000000..36db58e16e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-070.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using 'em' units with a minimum value with a minus sign, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in 'em' units that that has a minus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: -0em;
+ border-left-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-071.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-071.xht
new file mode 100644
index 0000000000..fe966d78e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-071.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using 'em' units with a minimum value with a plus sign, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in 'em' units that that has a plus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: +0em;
+ border-left-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-072-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-072-ref.xht
new file mode 100644
index 0000000000..e1ee692779
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-072-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ margin-bottom: 5px;
+ width: 120px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 black rectangles have the <strong>same width</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-072.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-072.xht
new file mode 100644
index 0000000000..a3371031c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-072.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-left-width' property supports a nominal length value in 'em' units that sets the width of the left border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 120px;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-073.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-073.xht
new file mode 100644
index 0000000000..9a68a67707
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-073.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using 'em' units with a nominal value with a plus sign, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-left-width' property supports a nominal length value in 'em' units that has a plus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 120px;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: +6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-078.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-078.xht
new file mode 100644
index 0000000000..4b79c7e7a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-078.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using 'ex' units with a minimum minus one (negative) value, -1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'border-left-width' property does not support a negative length value in 'ex' units and resets to the initial value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #reference
+ {
+ border-left-width: medium;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: -1ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-079.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-079.xht
new file mode 100644
index 0000000000..edf723b3dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-079.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using 'ex' units with a minimum value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in 'ex' units that sets the width of the left border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 0ex;
+ border-left-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-080.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-080.xht
new file mode 100644
index 0000000000..aa10ac99a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-080.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using 'ex' units with a minimum plus one value, 1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-025-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-left-width' property supports a minimum plus one length value in 'ex' units that sets the width of the left border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ margin-top: 5px;
+ width: 1ex;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 vertical black bars have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-081.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-081.xht
new file mode 100644
index 0000000000..227cc6ae50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-081.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using 'ex' units with a minimum value with a minus sign, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in 'ex' units that that has a minus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: -0ex;
+ border-left-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-082.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-082.xht
new file mode 100644
index 0000000000..142f3985d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-082.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using 'ex' units with a minimum value with a plus sign, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value in 'ex' units that that has a plus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: +0ex;
+ border-left-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-083.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-083.xht
new file mode 100644
index 0000000000..b11d82edc6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-083.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using 'ex' units with a nominal value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-left-width' property supports a nominal length value in 'ex' units that sets the width of the left border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px Ahem;
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-084.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-084.xht
new file mode 100644
index 0000000000..3572ede6f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-084.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width using 'ex' units with a nominal value with a plus sign</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-left-width' property supports a nominal length value in 'ex' units that has a plus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px Ahem;
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: +6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-089.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-089.xht
new file mode 100644
index 0000000000..47eca23a90
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-089.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width set to negative zero with no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value with no units that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: -0;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-090.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-090.xht
new file mode 100644
index 0000000000..092c9fd642
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-090.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width set to zero with no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value with no units." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 0;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-091.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-091.xht
new file mode 100644
index 0000000000..63a68eddd6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-091.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width set to positive zero with no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a minimum length value with no units that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: +0;
+ border-left-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-092.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-092.xht
new file mode 100644
index 0000000000..96fa1c3062
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-092.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width set to thin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-left-width' property supports a value of thin." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: thin;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short thin vertical black line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-093.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-093.xht
new file mode 100644
index 0000000000..120ab093fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-093.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width set to medium</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-left-width' property supports a value of medium." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: medium;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is short vertical black line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-094.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-094.xht
new file mode 100644
index 0000000000..ac95f4aa9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-094.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width set to thick</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-left-width' property supports a value of thick." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: thick;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short thick vertical black line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-095-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-095-ref.xht
new file mode 100644
index 0000000000..2a0b0d8986
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-095-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {padding-left: 116px;}
+
+ div
+ {
+ background-color: black;
+ height: 96px;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled black square.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-095.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-095.xht
new file mode 100644
index 0000000000..b0b76a9448
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-095.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width set to inherit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-095-ref.xht" />
+
+ <meta name="assert" content="The 'border-left-width' property supports a value of inherit and gets its computed value from its parent." />
+ <style type="text/css">
+ body
+ {
+ border-left-color: transparent;
+ border-left-style: solid;
+ border-left-width: 1in;
+ padding-left: 20px;
+ }
+ div
+ {
+ border-left-style: solid;
+ border-left-width: inherit;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-001.xht
new file mode 100644
index 0000000000..a9eed77a1b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-001.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-left-width' properties applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-002.xht
new file mode 100644
index 0000000000..1a90331083
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-002.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-left-width' properties applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-003.xht
new file mode 100644
index 0000000000..5a0734f370
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-003.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-left-width' properties applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-004.xht
new file mode 100644
index 0000000000..3db9fe19c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-004.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-left-width' properties applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div id="test">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-005.xht
new file mode 100644
index 0000000000..9e1d8a657c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-005.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-left-width' properties applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div id="test"><div class="column"></div><div class="column"></div></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-006.xht
new file mode 100644
index 0000000000..85c82d4b21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-006.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-left-width' properties applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ display: table-column;
+ }
+
+ .column
+ {
+ display: table-column;
+ }
+
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div id="test"></div><div class="column"></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-007.xht
new file mode 100644
index 0000000000..c7807dd5cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-left-width' properties applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-008.xht
new file mode 100644
index 0000000000..9667ac8f3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-008.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-left-width' properties applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ display: inline;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black rectangle.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-009.xht
new file mode 100644
index 0000000000..556b17d7b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-009.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-left-width' properties applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ display: block;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-010.xht
new file mode 100644
index 0000000000..41433fcde2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-010.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-left-width' properties applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ display: list-item;
+ height: 1in;
+ margin-left: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-012.xht
new file mode 100644
index 0000000000..d8f0b3c6d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-012.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-left-width' properties applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ display: inline-block;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-013.xht
new file mode 100644
index 0000000000..a5bd8ee4cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-013.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-left-width' properties applies to elements with a display of table." />
+ <style type="text/css">
+ #table
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-014.xht
new file mode 100644
index 0000000000..81bd185283
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-014.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-left-width' properties applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #table
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ display: inline-table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-015.xht
new file mode 100644
index 0000000000..fd2efbf501
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-left-width-applies-to-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-left-width applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-left-width' properties applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-left-style: solid;
+ border-left-width: 1in;
+ display: table-caption;
+ height: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-001-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-001-ref.xht
new file mode 100644
index 0000000000..712c66d6be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-001-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 1in;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled black square.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-001.xht
new file mode 100644
index 0000000000..cc44448eed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set to border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-right-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' shorthand property properly sets the border-width for the right border." />
+ <style type="text/css">
+ div
+ {
+ border-right: 1in;
+ border-right-style: solid;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-002.xht
new file mode 100644
index 0000000000..951b734dc9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-002.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set to border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-right' shorthand property properly sets the border-style for the right border." />
+ <style type="text/css">
+ div
+ {
+ border-right: dashed;
+ border-width: 5px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-003-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-003-ref.xht
new file mode 100644
index 0000000000..db754ffef4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-003-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 1in;
+ margin-left: 1in;
+ width: 5px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short blue vertical line.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-003.xht
new file mode 100644
index 0000000000..216ae69469
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-003.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set to border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-right-003-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' shorthand property properly sets the border-color for the right border." />
+ <style type="text/css">
+ div
+ {
+ border-right: blue;
+ border-right-style: solid;
+ border-width: 5px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue vertical line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-004.xht
new file mode 100644
index 0000000000..80e55ea14c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-004.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set to border-width border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-right' shorthand property properly sets the border-width and border-style for the right border." />
+ <style type="text/css">
+ div
+ {
+ border-right: 5px dashed;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-005-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-005-ref.xht
new file mode 100644
index 0000000000..86e105ff2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-005-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 1in;
+ margin-left: 1in;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled blue square.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-005.xht
new file mode 100644
index 0000000000..3cd72033c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set to border-width border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-right-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' shorthand property sets the 'border-width' and 'border-color' for the right border." />
+ <style type="text/css">
+ div
+ {
+ border-right: 1in blue;
+ border-right-style: solid;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-006.xht
new file mode 100644
index 0000000000..a2acf67a97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-006.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set to border-style border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-right-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' shorthand property sets the 'border-style' and 'border-width' for the right border." />
+ <style type="text/css">
+ div
+ {
+ border-right: solid 1in;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-007.xht
new file mode 100644
index 0000000000..da8d47af0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-007.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set to border-style border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-right' shorthand property sets the 'border-style' and 'border-color' for the right border." />
+ <style type="text/css">
+ div
+ {
+ border-right: dashed blue;
+ border-right-width: 5px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-008.xht
new file mode 100644
index 0000000000..2e0b0f2f68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-008.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set to border-color border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-right-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' shorthand property sets the 'border-color' and 'border-width' for the right border." />
+ <style type="text/css">
+ div
+ {
+ border-right: blue 1in;
+ border-right-style: solid;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-009.xht
new file mode 100644
index 0000000000..4fd101708c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-009.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set to border-color border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-right' shorthand property sets the 'border-color' and 'border-style' for the right border." />
+ <style type="text/css">
+ div
+ {
+ border-right: blue dashed;
+ border-width: 5px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-010.xht
new file mode 100644
index 0000000000..d8d162fa4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-010.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set to border-width border-style border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-right' shorthand property properly sets the 'border-width', 'border-style' and 'border-color'." />
+ <style type="text/css">
+ div
+ {
+ border-right: 5px dashed blue;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-011.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-011.xht
new file mode 100644
index 0000000000..5e174ff1c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-011.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set to border-width border-color border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-right' shorthand property properly sets the 'border-width', 'border-color' and 'border-style'." />
+ <style type="text/css">
+ div
+ {
+ border-right: 5px blue dashed;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-012.xht
new file mode 100644
index 0000000000..1b86942837
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-012.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set to border-style border-width border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-right' shorthand property properly sets the 'border-style', 'border-width' and 'border-color'." />
+ <style type="text/css">
+ div
+ {
+ border-right: dashed 5px blue;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-013.xht
new file mode 100644
index 0000000000..cf9543f3c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-013.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set with border-style border-color border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-right' shorthand property properly sets the 'border-style', 'border-color' and 'border-width'." />
+ <style type="text/css">
+ div
+ {
+ border-right: dashed blue 5px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-014.xht
new file mode 100644
index 0000000000..8567b24d9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-014.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set to border-color border-width border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-right' shorthand property properly sets the 'border-color', 'border-width' and 'border-style'." />
+ <style type="text/css">
+ div
+ {
+ border-right: blue 5px dashed;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-015.xht
new file mode 100644
index 0000000000..87b5b75fd7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-015.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set to border-color border-style border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-right' shorthand property properly sets the 'border-color', 'border-style' and 'border-width'." />
+ <style type="text/css">
+ div
+ {
+ border-right: blue 5px dashed;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-016.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-016.xht
new file mode 100644
index 0000000000..294d347f27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-016.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set to inherit, inheriting a single value for a shorthand property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-right' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
+ <style type="text/css">
+ #div1
+ {
+ border-right: dashed;
+ width: 1in;
+ }
+ div div
+ {
+ border-right: inherit;
+ height: 1in;
+ margin: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two dashed lines below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-017.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-017.xht
new file mode 100644
index 0000000000..dbba320093
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-017.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set to inherit, inheriting two values for a shorthand property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-right' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
+ <style type="text/css">
+ #div1
+ {
+ border-right: dashed blue;
+ width: 1in;
+ }
+ div div
+ {
+ border-right: inherit;
+ height: 1in;
+ margin: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two dashed blue lines below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-018-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-018-ref.xht
new file mode 100644
index 0000000000..fb0c1f515d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-018-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {padding-left: 10px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 filled blue squares.</p>
+
+ <div><img src="support/blue15x15.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/blue15x15.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-018.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-018.xht
new file mode 100644
index 0000000000..1ceae246aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-018.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right set to inherit, inheriting three values for a shorthand property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-right-018-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
+ <style type="text/css">
+ #div1
+ {
+ border-right: 1in solid blue;
+ width: 116px;
+ }
+ div div
+ {
+ border-right: inherit;
+ height: 1in;
+ margin: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled blue squares.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-001.xht
new file mode 100644
index 0000000000..82455ce951
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-001.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-right: green solid 3px;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-002.xht
new file mode 100644
index 0000000000..639d01f6bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-002.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-right: green solid 3px;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-003.xht
new file mode 100644
index 0000000000..7886891484
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-003.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-right: green solid 3px;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-004.xht
new file mode 100644
index 0000000000..59076ee9f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-004.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-right: green solid 3px;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div id="table">
+ <div id="test">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-005.xht
new file mode 100644
index 0000000000..0d8a3176dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-005.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' property applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-right: green solid 3px;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+ <div id="test"><div class="column"></div><div class="column"></div></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-006.xht
new file mode 100644
index 0000000000..a20ceae4ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-006.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' property applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-right: green solid 3px;
+ display: table-column;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+
+ <div id="test"></div><div class="column"></div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-007.xht
new file mode 100644
index 0000000000..312a6f0887
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-007.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-right: green solid 3px;
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-008.xht
new file mode 100644
index 0000000000..978af3e49b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-right' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-right: solid green;
+ display: inline;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-009.xht
new file mode 100644
index 0000000000..abdfa3c443
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-009.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-right: green solid 3px;
+ display: block;
+ height: 1in;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-010.xht
new file mode 100644
index 0000000000..ac5c9f2535
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-010.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-right' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-right: solid green;
+ display: list-item;
+ height: 1in;
+ margin-left: 50px;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-012.xht
new file mode 100644
index 0000000000..744f1bcec3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-012.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ border-right: green solid 3px;
+ display: inline-block;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-013.xht
new file mode 100644
index 0000000000..a66c719b6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-013.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' property applies to elements with a display of table." />
+ <style type="text/css">
+ #test
+ {
+ border-right: green solid 3px;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="test">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-014.xht
new file mode 100644
index 0000000000..005999f892
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-014.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #test
+ {
+ border-right: green solid 3px;
+ display: inline-table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="test">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-015.xht
new file mode 100644
index 0000000000..a6125e916b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-applies-to-015.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-right: green solid 3px;
+ display: table-caption;
+ height: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-001-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-001-ref.xht
new file mode 100644
index 0000000000..5e969a7057
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-001-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/000_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-001.xht
new file mode 100644
index 0000000000..4087d1bc12
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with five digits which is invalid and is equivalent to minimum minus one value for six digit hex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to #00000 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #00000;
+ }
+ #reference
+ {
+ background-color: #000000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-002.xht
new file mode 100644
index 0000000000..38f25ddccd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-002.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with the minimum value, #000000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #000000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #000000;
+ }
+ #reference
+ {
+ background-color: #000000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-003-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-003-ref.xht
new file mode 100644
index 0000000000..cd50ec9c95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-003-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/010101_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-003.xht
new file mode 100644
index 0000000000..581a4850cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-003.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with the minimum plus one value, #010101</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-003-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #010101 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #010101;
+ }
+ #reference
+ {
+ background-color: #010101;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-004-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-004-ref.xht
new file mode 100644
index 0000000000..6658033e03
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-004-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/999_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-004.xht
new file mode 100644
index 0000000000..3fcc99af60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-004.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with a nominal value #999999</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-004-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #999999 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #999999;
+ }
+ #reference
+ {
+ background-color: #999999;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-005-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-005-ref.xht
new file mode 100644
index 0000000000..271f025733
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-005-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {background-color: black;}
+
+ p {color: white;}
+
+ div
+ {
+ background: url("support/fefefe_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-005.xht
new file mode 100644
index 0000000000..c499b0c25b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-005.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with the maximum minus one value of #fefefe</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #fefefe renders the correct color for the border." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #fefefe;
+ }
+ #reference
+ {
+ background-color: #fefefe;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-006-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-006-ref.xht
new file mode 100644
index 0000000000..54a3f0780d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-006-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {background-color: black;}
+
+ p {color: white;}
+
+ div
+ {
+ background: url("support/fff_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-006.xht
new file mode 100644
index 0000000000..f201e2c0ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-006.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with the maximum value of #ffffff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #ffffff renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #ffffff;
+ }
+ #reference
+ {
+ background-color: #ffffff;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-007-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-007-ref.xht
new file mode 100644
index 0000000000..33ec214d70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-007-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a box below.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-007.xht
new file mode 100644
index 0000000000..559bf165d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-007.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with the maximum plus one value of #1000000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-007-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to #1000000 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #1000000;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-008.xht
new file mode 100644
index 0000000000..46dcfc9b2c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-008.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with the maximum plus one value of #fgfgfg</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-007-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to #fgfgfg falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #fgfgfg;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-009-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-009-ref.xht
new file mode 100644
index 0000000000..d29b3cff00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-009-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/010000_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-009.xht
new file mode 100644
index 0000000000..ce933a7422
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-009.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with a red set to minimum plus one value, #010000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-009-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #010000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #010000;
+ }
+ #reference
+ {
+ background-color: #010000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-010-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-010-ref.xht
new file mode 100644
index 0000000000..1f4e1bb393
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-010-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: #990000;
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-010.xht
new file mode 100644
index 0000000000..157bb855ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-010.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with a red set to a nominal value, #990000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-010-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #990000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #990000;
+ }
+ #reference
+ {
+ background-color: #990000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-011-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-011-ref.xht
new file mode 100644
index 0000000000..caf4b75eec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-011-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/fe0000_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-011.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-011.xht
new file mode 100644
index 0000000000..41cdaef5d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-011.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with a red set to maximum minus one value, #fe0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-011-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #fe0000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #fe0000;
+ }
+ #reference
+ {
+ background-color: #fe0000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-012-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-012-ref.xht
new file mode 100644
index 0000000000..97e1d2d551
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-012-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/f00_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-012.xht
new file mode 100644
index 0000000000..d7ee72e969
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-012.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with a red set to the maximum value, #ff0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #ff0000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #ff0000;
+ }
+ #reference
+ {
+ background-color: #ff0000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-013.xht
new file mode 100644
index 0000000000..3f1404de97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-013.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with a red set to the maximum plus one value, #fg0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-007-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to #fg0000 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #fg0000;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-014-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-014-ref.xht
new file mode 100644
index 0000000000..1d6efa8dba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-014-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/000100_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-014.xht
new file mode 100644
index 0000000000..b301ae08dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-014.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with a green set to minimum plus one value, #000100</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-014-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #000100 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #000100;
+ }
+ #reference
+ {
+ background-color: #000100;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-015-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-015-ref.xht
new file mode 100644
index 0000000000..ea5d366423
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-015-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/090_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-015.xht
new file mode 100644
index 0000000000..266bcf8a2c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-015.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with a green set to a nominal value, #009900</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-015-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #009900 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #009900;
+ }
+ #reference
+ {
+ background-color: #009900;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-016-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-016-ref.xht
new file mode 100644
index 0000000000..ce65cb7b2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-016-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/00fe00_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-016.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-016.xht
new file mode 100644
index 0000000000..6285de0db2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-016.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with a green set to maximum minus one value, #00fe00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-016-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #00fe00 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #00fe00;
+ }
+ #reference
+ {
+ background-color: #00fe00;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-017-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-017-ref.xht
new file mode 100644
index 0000000000..5c86113e20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-017-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/0f0_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-017.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-017.xht
new file mode 100644
index 0000000000..55685f8c4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-017.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with a green set to the maximum value, #00ff00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #00ff00 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #00ff00;
+ }
+ #reference
+ {
+ background-color: #00ff00;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-018.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-018.xht
new file mode 100644
index 0000000000..24e9e462af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-018.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with a green set to the maximum plus one value, #00fg00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-007-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to #00fg00 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #00fg00;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-019-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-019-ref.xht
new file mode 100644
index 0000000000..2ed1d89d01
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-019-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/000001_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-019.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-019.xht
new file mode 100644
index 0000000000..b775fd216c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-019.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with a blue set to minimum plus one value, #000001</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-019-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #000001 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #000001;
+ }
+ #reference
+ {
+ background-color: #000001;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-020-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-020-ref.xht
new file mode 100644
index 0000000000..3678117f24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-020-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/009_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-020.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-020.xht
new file mode 100644
index 0000000000..b7cbe633ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-020.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with a blue set to a nominal value, #000099</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-020-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #000099 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #000099;
+ }
+ #reference
+ {
+ background-color: #000099;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-021-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-021-ref.xht
new file mode 100644
index 0000000000..54e59ecce1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-021-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/0000fe_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-021.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-021.xht
new file mode 100644
index 0000000000..5b61cc5b1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-021.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with a blue set to maximum minus one value, #0000fe</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-021-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #0000fe renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #0000fe;
+ }
+ #reference
+ {
+ background-color: #0000fe;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-022-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-022-ref.xht
new file mode 100644
index 0000000000..5649a4692f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-022-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/00f_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-022.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-022.xht
new file mode 100644
index 0000000000..d6e81b59f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-022.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with a blue set to the maximum value, #0000ff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #0000ff renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #0000ff;
+ }
+ #reference
+ {
+ background-color: #0000ff;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-023.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-023.xht
new file mode 100644
index 0000000000..f79b7c77b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-023.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with six digits with a blue set to the maximum plus one value, #0000fg</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-007-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to #0000fg falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #0000fg;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-024.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-024.xht
new file mode 100644
index 0000000000..00537c0214
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-024.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with 2 digits which is invalid and is equivalent to minimum minus one value for 3 digit hex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-007-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to #00 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #00;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-025.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-025.xht
new file mode 100644
index 0000000000..ff127fbf0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-025.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with the minimum possible value #000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #000;
+ }
+ #reference
+ {
+ background-color: #000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-026-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-026-ref.xht
new file mode 100644
index 0000000000..b04781282e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-026-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/111_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-026.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-026.xht
new file mode 100644
index 0000000000..6b03c4fd4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-026.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with the minimum plus one value, #111</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-026-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #111 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #111;
+ }
+ #reference
+ {
+ background-color: #111;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-027-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-027-ref.xht
new file mode 100644
index 0000000000..6658033e03
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-027-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/999_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-027.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-027.xht
new file mode 100644
index 0000000000..d50ad625c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-027.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with a nominal value #999</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-027-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #999 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #999;
+ }
+ #reference
+ {
+ background-color: #999;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-028-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-028-ref.xht
new file mode 100644
index 0000000000..e2f0624e0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-028-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/eee_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-028.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-028.xht
new file mode 100644
index 0000000000..31fb4c0089
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-028.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with the maximum minus one value of #eee</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-028-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #eee renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #eee;
+ }
+ #reference
+ {
+ background-color: #eee;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-029.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-029.xht
new file mode 100644
index 0000000000..758e1c7451
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-029.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with the maximum value of #fff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #fff renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #fff;
+ }
+ #reference
+ {
+ background-color: #fff;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-030.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-030.xht
new file mode 100644
index 0000000000..bbfdc56965
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-030.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with the maximum plus one value of #1000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-transparent-or-black-square-black.xht"/>
+ <link rel="match" href="../reference/ref-transparent-or-black-square-transparent.xht"/>
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to #1000 is a transparent dark red square." />
+ <style type="text/css">
+ div.test
+ {
+ border: 5px solid blue;
+ height: 1in;
+ width: 1in;
+ }
+ div.test div
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #1000;
+ height: 1in;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black or transparent square surrounded by a blue border.</p>
+ <div class="test"><div></div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-031.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-031.xht
new file mode 100644
index 0000000000..340c68d9eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-031.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with the maximum plus one value of #ggg</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-007-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to #ggg falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #ggg;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-032-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-032-ref.xht
new file mode 100644
index 0000000000..4de6e2612e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-032-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/100_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-032.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-032.xht
new file mode 100644
index 0000000000..4c36647aa8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-032.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with a red set to minimum plus one value, #100</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-032-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #100 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #100;
+ }
+ #reference
+ {
+ background-color: #100;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-033.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-033.xht
new file mode 100644
index 0000000000..2ac7e710c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-033.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with a red set to a nominal value, #900</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-010-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #900 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #900;
+ }
+ #reference
+ {
+ background-color: #900;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-034-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-034-ref.xht
new file mode 100644
index 0000000000..b42d611a0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-034-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/e00_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-034.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-034.xht
new file mode 100644
index 0000000000..dd7f9121ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-034.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with a red set to maximum minus one value, #e00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-034-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #e00 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #e00;
+ }
+ #reference
+ {
+ background-color: #e00;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-035.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-035.xht
new file mode 100644
index 0000000000..686141399e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-035.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with a red set to the maximum value, #f00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #f00 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #f00;
+ }
+ #reference
+ {
+ background-color: #f00;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-036.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-036.xht
new file mode 100644
index 0000000000..bfb55ce7a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-036.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with a red set to the maximum plus one value, #g00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-007-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to #g00 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #g00;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-037-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-037-ref.xht
new file mode 100644
index 0000000000..c471d6e348
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-037-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/010_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-037.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-037.xht
new file mode 100644
index 0000000000..2213a09f70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-037.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with a green set to minimum plus one value, #010</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-037-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #010 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #010;
+ }
+ #reference
+ {
+ background-color: #010;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-038-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-038-ref.xht
new file mode 100644
index 0000000000..ea5d366423
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-038-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/090_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-038.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-038.xht
new file mode 100644
index 0000000000..55648d7029
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-038.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with a green set to a nominal value, #090</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-038-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #090 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #090;
+ }
+ #reference
+ {
+ background-color: #090;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-039-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-039-ref.xht
new file mode 100644
index 0000000000..75d200c8f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-039-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/0e0_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-039.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-039.xht
new file mode 100644
index 0000000000..45ca2a27e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-039.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with a green set to maximum minus one value, #0e0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-039-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #0e0 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #0e0;
+ }
+ #reference
+ {
+ background-color: #0e0;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-040.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-040.xht
new file mode 100644
index 0000000000..21c5dd266c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-040.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with a green set to the maximum value, #0f0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #0f0 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #0f0;
+ }
+ #reference
+ {
+ background-color: #0f0;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-041.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-041.xht
new file mode 100644
index 0000000000..ecbb600097
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-041.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with a green set to the maximum plus one value, #0g0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-007-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to #0g0 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #0g0;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-042-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-042-ref.xht
new file mode 100644
index 0000000000..c62e0983af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-042-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/001_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-042.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-042.xht
new file mode 100644
index 0000000000..aa3e885201
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-042.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with a blue set to minimum plus one value, #001</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-042-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #001 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #001;
+ }
+ #reference
+ {
+ background-color: #001;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-043.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-043.xht
new file mode 100644
index 0000000000..00bd2611d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-043.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with a blue set to a nominal value, #009</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-020-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #009 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #009;
+ }
+ #reference
+ {
+ background-color: #009;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-044-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-044-ref.xht
new file mode 100644
index 0000000000..935decca71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-044-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/00e_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-044.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-044.xht
new file mode 100644
index 0000000000..514c273339
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-044.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with a blue set to maximum minus one value, #00e</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-044-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #00e renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #00e;
+ }
+ #reference
+ {
+ background-color: #00e;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-045.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-045.xht
new file mode 100644
index 0000000000..05379e3420
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-045.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with a blue set to the maximum value, #00f</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to #00f renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #00f;
+ }
+ #reference
+ {
+ background-color: #00f;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-046.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-046.xht
new file mode 100644
index 0000000000..3ec588fcb2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-046.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to hex with three digits with a blue set to the maximum plus one value, #00g</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-007-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to #00g falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: #00g;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-047.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-047.xht
new file mode 100644
index 0000000000..7f68609fd0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-047.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with the minimum minus one value, rgb(-1%, -1%, -1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to rgb(-1%, -1%, -1%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(-1%, -1%, -1%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-048.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-048.xht
new file mode 100644
index 0000000000..dd67378791
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-048.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with the minimum value, rgb(0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-049-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-049-ref.xht
new file mode 100644
index 0000000000..a1e55f878d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-049-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(1%, 1%, 1%);
+ margin-top: 10px;
+ }
+ #upper-square
+ {
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="upper-square"></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-049.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-049.xht
new file mode 100644
index 0000000000..eb1b16792b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-049.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with the minimum plus one value, rgb(1%, 1%, 1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-049-ref.xht"/>
+ <meta name="assert" content="The 'border-right-color' set to rgb(1%, 1%, 1%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(1%, 1%, 1%);
+ }
+ #reference
+ {
+ background-color: rgb(1%, 1%, 1%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-050.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-050.xht
new file mode 100644
index 0000000000..2eee1e154c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-050.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with the minimum value and minus sign, rgb(-0%, -0%, -0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(-0%, -0%, -0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(-0%, -0%, -0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-051.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-051.xht
new file mode 100644
index 0000000000..cafa86efa1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-051.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with the minimum value and plus sign, rgb(+0%, +0%, +0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(+0%, +0%, +0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(+0%, +0%, +0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-052-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-052-ref.xht
new file mode 100644
index 0000000000..3eab45d6ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-052-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(40%, 40%, 40%);
+ margin-top: 10px;
+ }
+ #upper-square
+ {
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="upper-square"></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-052.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-052.xht
new file mode 100644
index 0000000000..15aef97fe0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-052.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with a nominal value, rgb(40%, 40%, 40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-052-ref.xht"/>
+ <meta name="assert" content="The 'border-right-color' set to rgb(40%, 40%, 40%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(40%, 40%, 40%);
+ }
+ #reference
+ {
+ background-color: rgb(40%, 40%, 40%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-053.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-053.xht
new file mode 100644
index 0000000000..63c0eabaf9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-053.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with a nominal value and a plus sign, rgb(+40%, +40%, +40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-052-ref.xht"/>
+ <meta name="assert" content="The 'border-right-color' set to rgb(+40%, +40%, +40%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(+40%, +40%, +40%);
+ }
+ #reference
+ {
+ background-color: rgb(40%, 40%, 40%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-054-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-054-ref.xht
new file mode 100644
index 0000000000..1a85285419
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-054-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(99%, 99%, 99%);
+ margin-top: 10px;
+ }
+ #upper-square
+ {
+ margin-left: 1in;
+ }
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="upper-square"></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-054.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-054.xht
new file mode 100644
index 0000000000..5c36d85947
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-054.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with a maximum minus one value, rgb(99%, 99%, 99%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-054-ref.xht"/>
+ <meta name="assert" content="The 'border-right-color' set to rgb(99%, 99%, 99%) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(99%, 99%, 99%);
+ }
+ #reference
+ {
+ background-color: rgb(99%, 99%, 99%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-055.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-055.xht
new file mode 100644
index 0000000000..43c9d48d46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-055.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with a maximum value, rgb(100%, 100%, 100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(100%, 100%, 100%) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(100%, 100%, 100%);
+ }
+ #reference
+ {
+ background-color: rgb(100%, 100%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-056.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-056.xht
new file mode 100644
index 0000000000..58fa4339fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-056.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with plus sign on each maximum value, rgb(+100%, +100%, +100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(+100%, +100%, +100%) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(+100%, +100%, +100%);
+ }
+ #reference
+ {
+ background-color: rgb(100%, 100%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-057.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-057.xht
new file mode 100644
index 0000000000..beee6bf754
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-057.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with a maximum plus one value, rgb(101%, 101%, 101%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-006-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to rgb(101%, 101%, 101%) truncates to a valid value." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(101%, 101%, 101%);
+ }
+ #reference
+ {
+ background-color: rgb(100%, 100%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-058.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-058.xht
new file mode 100644
index 0000000000..173c5b8913
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-058.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with the minimum minus one value, rgb(-1, -1, -1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to rgb(-1, -1, -1) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(-1, -1, -1);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-059.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-059.xht
new file mode 100644
index 0000000000..f1f7e081a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-059.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with the minimum value, rgb(0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-060.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-060.xht
new file mode 100644
index 0000000000..fddadc9220
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-060.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with the minimum plus one value, rgb(1, 1, 1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-003-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(1, 1, 1) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(1, 1, 1);
+ }
+ #reference
+ {
+ background-color: rgb(1, 1, 1);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-061.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-061.xht
new file mode 100644
index 0000000000..8ebc0e8e44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-061.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with the minimum value and minus sign, rgb(-0, -0, -0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(-0, -0, -0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(-0, -0, -0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-062.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-062.xht
new file mode 100644
index 0000000000..619398223f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-062.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with the minimum value and plus sign, rgb(+0, +0, +0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(+0, +0, +0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(+0, +0, +0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-063-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-063-ref.xht
new file mode 100644
index 0000000000..31fcddc30b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-063-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/808080_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-063.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-063.xht
new file mode 100644
index 0000000000..c7579fe123
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-063.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with a nominal value, rgb(128, 128, 128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-063-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(128, 128, 128) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(128, 128, 128);
+ }
+ #reference
+ {
+ background-color: rgb(128, 128, 128);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-064.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-064.xht
new file mode 100644
index 0000000000..aa60d72c5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-064.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with a nominal value and a plus sign, rgb(+128, +128, +128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-063-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(+128, +128, +128) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(+128, +128, +128);
+ }
+ #reference
+ {
+ background-color: rgb(128, 128, 128);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-065.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-065.xht
new file mode 100644
index 0000000000..b2d44c145e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-065.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with a maximum minus one value, rgb(254, 254, 254)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(254, 254, 254) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(254, 254, 254);
+ }
+ #reference
+ {
+ background-color: rgb(254, 254, 254);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-066.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-066.xht
new file mode 100644
index 0000000000..06b6154ddc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-066.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with a maximum value, rgb(255, 255, 255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(255, 255, 255) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(255, 255, 255);
+ }
+ #reference
+ {
+ background-color: rgb(255, 255, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-067.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-067.xht
new file mode 100644
index 0000000000..969de38ede
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-067.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with a maximum value and a plus sign, rgb(+255, +255, +255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(+255, +255, +255) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(+255, +255, +255);
+ }
+ #reference
+ {
+ background-color: rgb(255, 255, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-068.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-068.xht
new file mode 100644
index 0000000000..f5ba13465f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-068.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with a maximum plus one value, rgb(256, 256, 256)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-006-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to rgb(256, 256, 256) truncates to a valid value." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(256, 256, 256);
+ }
+ #reference
+ {
+ background-color: rgb(255, 255, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-069.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-069.xht
new file mode 100644
index 0000000000..89755e42d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-069.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with red set to the minimum minus one value, rgb(-1%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to rgb(-1%, 0%, 0%) falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(-1%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-070-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-070-ref.xht
new file mode 100644
index 0000000000..f0ed168b38
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-070-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(1%, 0%, 0%);
+ margin-top: 10px;
+ }
+ #upper-square
+ {
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="upper-square"></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-070.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-070.xht
new file mode 100644
index 0000000000..39fe330e99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-070.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with red set to the minimum plus one value, rgb(1%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-070-ref.xht"/>
+ <meta name="assert" content="The 'border-right-color' set to rgb(1%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(1%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(1%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-071.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-071.xht
new file mode 100644
index 0000000000..de7c70a97a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-071.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with red set to the minimum value and minus sign, rgb(-0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(-0%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(-0%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-072.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-072.xht
new file mode 100644
index 0000000000..2bad196d90
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-072.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with red set to the minimum value and plus sign, rgb(+0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(+0%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(+0%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-073-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-073-ref.xht
new file mode 100644
index 0000000000..a851dd306f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-073-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(40%, 0%, 0%);
+ margin-top: 10px;
+ }
+ #upper-square
+ {
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="upper-square"></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-073.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-073.xht
new file mode 100644
index 0000000000..b8a8f62e06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-073.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with red set to a nominal value, rgb(40%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-073-ref.xht"/>
+ <meta name="assert" content="The 'border-right-color' set to rgb(40%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(40%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(40%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-074.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-074.xht
new file mode 100644
index 0000000000..d541d7b1d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-074.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with red set to a nominal value with a plus sign, rgb(+40%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-073-ref.xht"/>
+ <meta name="assert" content="The 'border-right-color' set to rgb(+40%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(+40%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(40%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-075-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-075-ref.xht
new file mode 100644
index 0000000000..c0708eb0b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-075-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(99%, 0%, 0%);
+ margin-top: 10px;
+ }
+ #upper-square
+ {
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="upper-square"></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-075.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-075.xht
new file mode 100644
index 0000000000..c6b160f512
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-075.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with red set to a maximum minus one value, rgb(99%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-075-ref.xht"/>
+ <meta name="assert" content="The 'border-right-color' set to rgb(99%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(99%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(99%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-076.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-076.xht
new file mode 100644
index 0000000000..5691834f89
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-076.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with red set to a maximum value, rgb(100%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(100%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(100%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(100%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-077.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-077.xht
new file mode 100644
index 0000000000..935012999b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-077.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with red set to a maximum value with a plus sign, rgb(+100%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(+100%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(+100%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(100%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-078.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-078.xht
new file mode 100644
index 0000000000..a5abe31cb9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-078.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with red set to a maximum plus one value, rgb(101%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to rgb(101%, 0%, 0%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(101%, 0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(100%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-079.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-079.xht
new file mode 100644
index 0000000000..c9056e5444
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-079.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with red set to the minimum minus one value, rgb(-1, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to rgb(-1, 0, 0) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(-1, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-080.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-080.xht
new file mode 100644
index 0000000000..2ea1e3f45d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-080.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with red set to the minimum plus one value, rgb(1, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-009-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(1, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(1, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(1, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-081.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-081.xht
new file mode 100644
index 0000000000..6ba4a3a56e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-081.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with red set to the minimum value with a minus sign, rgb(-0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(-0, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(-0, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-082.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-082.xht
new file mode 100644
index 0000000000..07a590b773
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-082.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with red set to the minimum value with a plus sign, rgb(+0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(+0, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(+0, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-083-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-083-ref.xht
new file mode 100644
index 0000000000..fcb41f0865
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-083-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/800000_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-083.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-083.xht
new file mode 100644
index 0000000000..0dcaad552b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-083.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with red set to a nominal value, rgb(128, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-083-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(128, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(128, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(128, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-084.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-084.xht
new file mode 100644
index 0000000000..cb7939c96f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-084.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with red set to a nominal value with a plus sign, rgb(+128, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-083-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(+128, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(+128, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(128, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-085.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-085.xht
new file mode 100644
index 0000000000..2bda8e50a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-085.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with red set to a maximum minus one value, rgb(254, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-011-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(254, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(254, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(254, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-086.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-086.xht
new file mode 100644
index 0000000000..fc63b36825
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-086.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with red set to a maximum value, rgb(255, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(255, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(255, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(255, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-087.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-087.xht
new file mode 100644
index 0000000000..0ae0d20abb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-087.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with red set to a maximum value with a plus sign, rgb(+255, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(+255, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(+255, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(255, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-088.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-088.xht
new file mode 100644
index 0000000000..a8f994420a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-088.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with red set to a maximum plus one value, rgb(256, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to rgb(256, 0, 0) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(256, 0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(255, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-089.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-089.xht
new file mode 100644
index 0000000000..80fa71740d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-089.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with green set to the minimum minus one value, rgb(0%, -1%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, -1%, 0%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, -1%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-090-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-090-ref.xht
new file mode 100644
index 0000000000..07a74483a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-090-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(0%, 1%, 0%);
+ margin-top: 10px;
+ }
+ #upper-square
+ {
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="upper-square"></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-090.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-090.xht
new file mode 100644
index 0000000000..7becc80679
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-090.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with green set to the minimum plus one value, rgb(0%, 1%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-090-ref.xht"/>
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, 1%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, 1%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 1%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-091.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-091.xht
new file mode 100644
index 0000000000..5a9cf2db4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-091.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with green set to the minimum value and minus sign, rgb(0%, -0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, -0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, -0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-092.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-092.xht
new file mode 100644
index 0000000000..f58c03894f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-092.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with green set to the minimum value and plus sign, rgb(0%, +0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, +0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, +0%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-093-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-093-ref.xht
new file mode 100644
index 0000000000..8a38a2b9e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-093-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(0%, 40%, 0%);
+ margin-top: 10px;
+ }
+ #upper-square
+ {
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="upper-square"></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-093.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-093.xht
new file mode 100644
index 0000000000..f1e213819d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-093.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with green set to a nominal value, rgb(0%, 40%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-093-ref.xht"/>
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, 40%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, 40%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 40%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-094.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-094.xht
new file mode 100644
index 0000000000..ecdc6185e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-094.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with green set to a nominal value with a plus sign, rgb(0%, +40%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-093-ref.xht"/>
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, +40%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, +40%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 40%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-095-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-095-ref.xht
new file mode 100644
index 0000000000..89fbb1ece7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-095-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(0%, 99%, 0%);
+ margin-top: 10px;
+ }
+ #upper-square
+ {
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="upper-square"></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-095.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-095.xht
new file mode 100644
index 0000000000..9ea964ea20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-095.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with green set to a maximum minus one value, rgb(0%, 99%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-095-ref.xht"/>
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, 99%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, 99%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 99%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-096.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-096.xht
new file mode 100644
index 0000000000..f4eddd2d7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-096.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with green set to a maximum value, rgb(0%, 100%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, 100%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, 100%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 100%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-097.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-097.xht
new file mode 100644
index 0000000000..6a2cc7ceb9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-097.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with green set to a maximum value with a plus sign, rgb(0%, +100%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, +100%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, +100%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 100%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-098.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-098.xht
new file mode 100644
index 0000000000..d1337caf27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-098.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with green set to a maximum plus one value, rgb(0%, 101%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-017-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, 101%, 0%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, 101%, 0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 100%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-099.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-099.xht
new file mode 100644
index 0000000000..dc4f07102c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-099.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with green set to the minimum minus one value, rgb(0, -1, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to rgb(-1, 0, 0) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, -1, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-100-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-100-ref.xht
new file mode 100644
index 0000000000..af48ac1dc0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-100-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: rgb(0, 1, 0);
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-100.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-100.xht
new file mode 100644
index 0000000000..21df7be61b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-100.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with green set to the minimum plus one value, rgb(0, 1, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-100-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, 1, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, 1, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 1, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-101.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-101.xht
new file mode 100644
index 0000000000..c16287a2e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-101.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with green set to the minimum value with a minus sign, rgb(0, -0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, -0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, -0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-102.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-102.xht
new file mode 100644
index 0000000000..431ce5f3d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-102.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with green set to the minimum value with a plus sign, rgb(0, +0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, +0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, +0, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-103-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-103-ref.xht
new file mode 100644
index 0000000000..94d16c8f06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-103-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/008000_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-103.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-103.xht
new file mode 100644
index 0000000000..ef6d2e70d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-103.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with green set to a nominal value, rgb(0, 128, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-103-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, 128, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, 128, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 128, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-104.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-104.xht
new file mode 100644
index 0000000000..84c1157c68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-104.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with green set to a nominal value with a plus sign, rgb(0, +128, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-103-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, +128, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, +128, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 128, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-105.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-105.xht
new file mode 100644
index 0000000000..d8bf01aab2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-105.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with green set to a maximum minus one value, rgb(0, 254, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-016-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, 254, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, 254, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 254, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-106.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-106.xht
new file mode 100644
index 0000000000..b521a12c53
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-106.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with green set to a maximum value, rgb(0, 255, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, 255, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, 255, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 255, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-107.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-107.xht
new file mode 100644
index 0000000000..c57d3e9a4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-107.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with green set to a maximum value with a plus sign, rgb(0, +255, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, +255, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, +255, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 255, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-108.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-108.xht
new file mode 100644
index 0000000000..1deacdee72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-108.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with green set to a maximum plus one value, rgb(0, 256 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-017-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, 256, 0) properly truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, 256, 0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 255, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-109.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-109.xht
new file mode 100644
index 0000000000..9cb68f1118
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-109.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with blue set to the minimum minus one value, rgb(0%, 0%, -1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, 0%, -1%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, 0%, -1%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-110-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-110-ref.xht
new file mode 100644
index 0000000000..7c5049a194
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-110-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(0%, 0%, 1%);
+ margin-top: 10px;
+ }
+ #upper-square
+ {
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="upper-square"></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-110.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-110.xht
new file mode 100644
index 0000000000..0c967489b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-110.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with blue set to the minimum plus one value, rgb(0%, 0%, 1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-110-ref.xht"/>
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, 0%, 1%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, 0%, 1%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 1%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-111.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-111.xht
new file mode 100644
index 0000000000..b92381fa3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-111.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with blue set to the minimum value and minus sign, rgb(0%, 0%, -0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, 0%, -0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, 0%, -0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-112.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-112.xht
new file mode 100644
index 0000000000..cc2c354ac4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-112.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with blue set to the minimum value and plus sign, rgb(0%, 0%, +0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, 0%, +0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, 0%, +0%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-113-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-113-ref.xht
new file mode 100644
index 0000000000..4579ac40b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-113-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(0%, 0%, 40%);
+ margin-top: 10px;
+ }
+ #upper-square
+ {
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="upper-square"></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-113.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-113.xht
new file mode 100644
index 0000000000..2162aae1ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-113.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with blue set to a nominal value, rgb(0%, 0%, 40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-113-ref.xht"/>
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, 0%, 40%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, 0%, 40%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 40%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-114.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-114.xht
new file mode 100644
index 0000000000..bbccbfc41a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-114.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with blue set to a nominal value with a plus sign, rgb(0%, 0%, +40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-113-ref.xht"/>
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, 0%, +40%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, 0%, +40%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 40%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-115-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-115-ref.xht
new file mode 100644
index 0000000000..e573484d0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-115-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ background-color: rgb(0%, 0%, 99%);
+ margin-top: 10px;
+ }
+ #upper-square
+ {
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="upper-square"></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-115.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-115.xht
new file mode 100644
index 0000000000..7eae3cef73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-115.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with blue set to a maximum minus one value, rgb(0%, 0%, 99%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-115-ref.xht"/>
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, 0%, 99%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, 0%, 99%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 99%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-116.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-116.xht
new file mode 100644
index 0000000000..377ba1a275
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-116.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with blue set to a maximum value, rgb(0%, 0%, 100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, 0%, 100%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, 0%, 100%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-117.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-117.xht
new file mode 100644
index 0000000000..72936fc997
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-117.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with blue set to a maximum value with a plus sign, rgb(0%, 0%, +100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, 0%, +100%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, 0%, +100%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-118.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-118.xht
new file mode 100644
index 0000000000..5f478019bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-118.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using percentages with blue set to a maximum plus one value, rgb(0%, 0%, 101%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-022-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to rgb(0%, 0%, 101%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0%, 0%, 101%);
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-119.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-119.xht
new file mode 100644
index 0000000000..15a6c38356
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-119.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with blue set to the minimum minus one value, rgb(0, 0, -1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, 0, -1) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, 0, -1);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-120.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-120.xht
new file mode 100644
index 0000000000..b931421c41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-120.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with blue set to the minimum plus one value, rgb(0, 0, 1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-019-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, 0, 1) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, 0, 1);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 1);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-121.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-121.xht
new file mode 100644
index 0000000000..9d6a049093
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-121.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with blue set to the minimum value with a minus sign, rgb(0, 0, -0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, 0, -0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, 0, -0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-122.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-122.xht
new file mode 100644
index 0000000000..d7ed39a397
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-122.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with blue set to the minimum value with a plus sign, rgb(0, 0, +0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, 0, +0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, 0, +0);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-123-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-123-ref.xht
new file mode 100644
index 0000000000..b8637fa28e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-123-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/000080_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-123.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-123.xht
new file mode 100644
index 0000000000..01d93e04de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-123.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with blue set to a nominal value, rgb(0, 0, 128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-123-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, 0, 128) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, 0, 128);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 128);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-124.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-124.xht
new file mode 100644
index 0000000000..52641446cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-124.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with blue set to a nominal value with a plus sign, rgb(0, 0, +128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-123-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, 0, +128) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, 0, +128);
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 128);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-125.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-125.xht
new file mode 100644
index 0000000000..79f3d8db25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-125.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with blue set to a maximum minus one value, rgb(0, 0, 254)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-021-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, 0, 254) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, 0, 254);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 254);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-126.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-126.xht
new file mode 100644
index 0000000000..e5ad494f9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-126.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with blue set to a maximum value, rgb(0, 0, 255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, 0, 255) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, 0, 255);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-127.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-127.xht
new file mode 100644
index 0000000000..c8a281242c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-127.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with blue set to a maximum value with a plus sign, rgb(0, 0, +255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, 0, +255) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, 0, +255);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-128.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-128.xht
new file mode 100644
index 0000000000..88f4a4eaa2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-128.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to rgb() using integers with blue set to a maximum plus one value, rgb(0, 0, 256)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-022-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-color' set to rgb(0, 0, 256) properly truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: rgb(0, 0, 256);
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-129-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-129-ref.xht
new file mode 100644
index 0000000000..9bce8d0dcb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-129-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/aqua_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-129.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-129.xht
new file mode 100644
index 0000000000..814bf8a432
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-129.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to aqua</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-129-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to aqua causes the border-right-color of the box to be aqua." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: aqua;
+ }
+ #reference
+ {
+ background-color: aqua;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-130.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-130.xht
new file mode 100644
index 0000000000..b36a02df10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-130.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to black</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to black causes the border-right-color of the box to be black." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: black;
+ }
+ #reference
+ {
+ background-color: black;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-131-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-131-ref.xht
new file mode 100644
index 0000000000..28f861bbf6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-131-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/blue15x15.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-131.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-131.xht
new file mode 100644
index 0000000000..6a78aa45ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-131.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to blue</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-131-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to blue causes the border-right-color of the box to be blue." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: blue;
+ }
+ #reference
+ {
+ background-color: blue;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-132-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-132-ref.xht
new file mode 100644
index 0000000000..44f62e9915
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-132-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/fuchsia_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-132.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-132.xht
new file mode 100644
index 0000000000..0338b8fdbe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-132.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to fuchsia</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-132-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to fuchsia causes the border-right-color of the box to be fuchsia." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: fuchsia;
+ }
+ #reference
+ {
+ background-color: fuchsia;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-133-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-133-ref.xht
new file mode 100644
index 0000000000..f8ff0058e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-133-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/808080_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-133.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-133.xht
new file mode 100644
index 0000000000..c9fa8d20c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-133.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to gray</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-133-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to gray causes the border-right-color of the box to be gray." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: gray;
+ }
+ #reference
+ {
+ background-color: gray;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-134-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-134-ref.xht
new file mode 100644
index 0000000000..3b3157912f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-134-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/1x1-green.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-134.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-134.xht
new file mode 100644
index 0000000000..06cf78a6c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-134.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to green</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-134-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to green causes the background of the box to be green." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: green;
+ }
+ #reference
+ {
+ background-color: green;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-135-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-135-ref.xht
new file mode 100644
index 0000000000..d2ccb1bf2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-135-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/1x1-lime.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-135.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-135.xht
new file mode 100644
index 0000000000..3384ba8216
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-135.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to lime</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-135-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to lime causes the border-right-color of the box to be lime." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: lime;
+ }
+ #reference
+ {
+ background-color: lime;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-136-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-136-ref.xht
new file mode 100644
index 0000000000..ad88d9b088
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-136-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/maroon_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-136.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-136.xht
new file mode 100644
index 0000000000..181d76b3ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-136.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to maroon</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-136-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to maroon causes the border-right-color of the box to be maroon." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: maroon;
+ }
+ #reference
+ {
+ background-color: maroon;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-137-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-137-ref.xht
new file mode 100644
index 0000000000..861a21b121
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-137-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/1x1-navy.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-137.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-137.xht
new file mode 100644
index 0000000000..c5b67ca891
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-137.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to navy</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-137-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to navy causes the border-right-color of the box to be navy." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: navy;
+ }
+ #reference
+ {
+ background-color: navy;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-138-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-138-ref.xht
new file mode 100644
index 0000000000..d51452ccc9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-138-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/olive_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-138.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-138.xht
new file mode 100644
index 0000000000..9805de2b19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-138.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to olive</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-138-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to olive causes the border-right-color of the box to be olive." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: olive;
+ }
+ #reference
+ {
+ background-color: olive;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-139-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-139-ref.xht
new file mode 100644
index 0000000000..d11d7998d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-139-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/swatch-orange.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-139.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-139.xht
new file mode 100644
index 0000000000..5c41321307
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-139.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to orange</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-139-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to orange causes the border-right-color of the box to be orange." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: orange;
+ }
+ #reference
+ {
+ background-color: orange;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-140-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-140-ref.xht
new file mode 100644
index 0000000000..69f95adc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-140-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/purple_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-140.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-140.xht
new file mode 100644
index 0000000000..9b3af4f86c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-140.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to purple</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-140-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to purple causes the border-right-color of the box to be purple." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: purple;
+ }
+ #reference
+ {
+ background-color: purple;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-141-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-141-ref.xht
new file mode 100644
index 0000000000..8fa051bf2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-141-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/swatch-red.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-141.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-141.xht
new file mode 100644
index 0000000000..3d04bb8263
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-141.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to red</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-141-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to red causes the border-right-color of the box to be red." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: red;
+ }
+ #reference
+ {
+ background-color: red;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-142-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-142-ref.xht
new file mode 100644
index 0000000000..82ae509f82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-142-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/silver_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-142.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-142.xht
new file mode 100644
index 0000000000..013d4c42fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-142.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to silver</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-142-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to silver causes the border-right-color of the box to be silver." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: silver;
+ }
+ #reference
+ {
+ background-color: silver;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-143-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-143-ref.xht
new file mode 100644
index 0000000000..b5927d37c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-143-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/teal_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-143.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-143.xht
new file mode 100644
index 0000000000..1f5f9caf78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-143.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to teal</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-143-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to teal causes the border-right-color of the box to be teal." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: teal;
+ }
+ #reference
+ {
+ background-color: teal;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-144-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-144-ref.xht
new file mode 100644
index 0000000000..da46e0dd1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-144-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {background-color: black;}
+
+ p {color: white;}
+
+ div
+ {
+ background: url("support/swatch-white.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-144.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-144.xht
new file mode 100644
index 0000000000..0ed286552e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-144.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to white</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-144-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to white causes the border-right-color of the box to be white." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: white;
+ }
+ #reference
+ {
+ background-color: white;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-145-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-145-ref.xht
new file mode 100644
index 0000000000..5c93a0cee7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-145-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background: url("support/yellow_color.png");
+ height: 1in;
+ margin-top: 10px;
+ width: 1in;
+ }
+
+ div#top {margin-left: 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes below are the same color.</p>
+
+ <div id="top"></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-145.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-145.xht
new file mode 100644
index 0000000000..436fa7dde0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-145.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to yellow</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-145-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to yellow causes the border-right-color of the box to be yellow." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: yellow;
+ }
+ #reference
+ {
+ background-color: yellow;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-174.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-174.xht
new file mode 100644
index 0000000000..0e3bdb2e93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-174.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to transparent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-color-174-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to transparent properly renders a border with no visible color." />
+ <style type="text/css">
+ #wrapper
+ {
+ background-color: green;
+ height: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: red;
+ border-right-color: transparent;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide filled green rectangle and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-175-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-175-ref.xht
new file mode 100644
index 0000000000..ed715694de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-175-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {float: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div><img src="support/1x1-green.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-175.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-175.xht
new file mode 100644
index 0000000000..af3b77c473
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-175.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color set to inherit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-right-color-175-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' set to inherit causes the 'border-right-color' of the element to be the same as the 'border-right-color' designated on the parent element." />
+ <style type="text/css">
+ body
+ {
+ border-right-color: green;
+ }
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ border-right-color: red;
+ border-right-color: inherit;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-001.xht
new file mode 100644
index 0000000000..0584bb0715
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-001.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: solid;
+ border-right-color: green;
+ border-right-width: 3px;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-002.xht
new file mode 100644
index 0000000000..64b721a9e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-002.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: solid;
+ border-right-color: green;
+ border-right-width: 3px;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-003.xht
new file mode 100644
index 0000000000..2b974c1cc4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-003.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: solid;
+ border-right-color: green;
+ border-right-width: 3px;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-004.xht
new file mode 100644
index 0000000000..8b38a92c1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-004.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: solid;
+ border-right-color: green;
+ border-right-width: 3px;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div id="table">
+ <div id="test">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-005.xht
new file mode 100644
index 0000000000..5f25b89ea7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-005.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' property applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: solid;
+ border-right-color: green;
+ border-right-width: 3px;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+ <div id="test"><div class="column"></div><div class="column"></div></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-006.xht
new file mode 100644
index 0000000000..df10cf2033
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-006.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' property applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: solid;
+ border-right-color: green;
+ border-right-width: 3px;
+ display: table-column;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="table">
+
+ <div id="test"></div><div class="column"></div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-007.xht
new file mode 100644
index 0000000000..c598af5e6a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-007.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-right-style: solid;
+ border-right-color: green;
+ border-right-width: 3px;
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-008.xht
new file mode 100644
index 0000000000..58a6f92016
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="The 'border-right-color' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-color: green;
+ border-left-width: 3px;
+ display: inline;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-009.xht
new file mode 100644
index 0000000000..8eed2a4054
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-009.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-right-style: solid;
+ border-right-color: green;
+ border-right-width: 3px;
+ display: block;
+ height: 1in;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-010.xht
new file mode 100644
index 0000000000..a16b1c98e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-010.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="The 'border-right-color' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-color: green;
+ border-right-width: 3px;
+ display: list-item;
+ height: 1in;
+ margin-left: 50px;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-012.xht
new file mode 100644
index 0000000000..e0698afcee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-012.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ border-right-style: solid;
+ border-right-color: green;
+ border-right-width: 3px;
+ display: inline-block;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-013.xht
new file mode 100644
index 0000000000..f04440cc1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-013.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' property applies to elements with a display of table." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: solid;
+ border-right-color: green;
+ border-right-width: 3px;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="test">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-014.xht
new file mode 100644
index 0000000000..01e665ec40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-014.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: solid;
+ border-right-color: green;
+ border-right-width: 3px;
+ display: inline-table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+
+ <div id="test">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-015.xht
new file mode 100644
index 0000000000..a07ef69ce5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-color-applies-to-015.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-color applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-color' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: solid;
+ border-right-color: green;
+ border-right-width: 3px;
+ display: table-caption;
+ height: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical green line.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-001.xht
new file mode 100644
index 0000000000..0388526014
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+
+ <meta name="assert" content="The 'border-right-style' property set to 'none' does not render any border for an element." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: none;
+ border-right-width: 3px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-002.xht
new file mode 100644
index 0000000000..5e4e179935
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-002.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style set to 'hidden'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+
+ <meta name="assert" content="The 'border-right-style' property set to 'hidden' computes to 'none' and does not render any border for non-table elements." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-style: hidden;
+ border-right-width: 3px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-003.xht
new file mode 100644
index 0000000000..081c4d71c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style set to 'dotted'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' set to 'dotted' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: dotted;
+ border-right-width: 10px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-004.xht
new file mode 100644
index 0000000000..bd68af4681
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-004.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style set to 'dashed'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' set to 'dashed' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: dashed;
+ border-right-width: 3px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-005-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-005-ref.xht
new file mode 100644
index 0000000000..28baad08e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-005-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ left: 96px;
+ position: relative;
+ width: 3px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short vertical black line.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-005.xht
new file mode 100644
index 0000000000..4f782cb285
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style set to 'solid'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="border-right-style-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-style' set to 'solid' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 3px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical black line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-006.xht
new file mode 100644
index 0000000000..bd384c614f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-006.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style set to 'double'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' set to 'double' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: double;
+ border-right-width: 9px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a double line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-007.xht
new file mode 100644
index 0000000000..e4905138d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-007.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style set to 'groove'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' set to 'groove' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: groove;
+ border-right-color: green;
+ border-right-width: 12px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line is solid green or shades of green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-008.xht
new file mode 100644
index 0000000000..09de9987d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style set to 'ridge'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' set to 'ridge' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: ridge;
+ border-right-color: green;
+ border-right-width: 12px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line is solid green or shades of green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-009.xht
new file mode 100644
index 0000000000..77243054d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-009.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style set to 'inset'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' set to 'inset' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: inset;
+ border-right-color: green;
+ border-right-width: 12px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line is solid green or shades of green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-010.xht
new file mode 100644
index 0000000000..ae5c271690
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-010.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style set to 'outset'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' set to 'outset' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: outset;
+ border-right-color: green;
+ border-right-width: 12px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line is solid green or shades of green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-011.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-011.xht
new file mode 100644
index 0000000000..14f3fd28fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-011.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' property set to 'inherit' properly applies the value from the parent's 'border-right-style' property value." />
+ <style type="text/css">
+ body
+ {
+ border-right-style: dotted;
+ border-right-width: 0;
+ }
+ div
+ {
+ border-right-style: inherit;
+ border-right-color: green;
+ border-right-width: 10px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-001.xht
new file mode 100644
index 0000000000..fbd87d96b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-001.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: dashed;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical dashed line.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-002.xht
new file mode 100644
index 0000000000..b54d828917
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-002.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: dashed;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical dashed line.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-003.xht
new file mode 100644
index 0000000000..f4950aed45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-003.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: dashed;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical dashed line.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-004.xht
new file mode 100644
index 0000000000..d1e97e296d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-004.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: dashed;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical dashed line.</p>
+ <div id="table">
+ <div id="test">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-005.xht
new file mode 100644
index 0000000000..860a837a8c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-005.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' property applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: dashed;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical dashed line.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-006.xht
new file mode 100644
index 0000000000..29cd8737b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-006.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' property applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: dashed;
+ display: table-column;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical dashed line.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-007.xht
new file mode 100644
index 0000000000..29a71ce241
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-007.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-right-style: dashed;
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical dashed line.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-008.xht
new file mode 100644
index 0000000000..41ce5892e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: dashed;
+ display: inline;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical dashed line.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-009.xht
new file mode 100644
index 0000000000..797093c919
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-009.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-right-style: dashed;
+ display: block;
+ height: 1in;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical dashed line.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-010.xht
new file mode 100644
index 0000000000..b05b6c1486
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-010.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: dashed;
+ display: list-item;
+ height: 1in;
+ margin-left: 50px;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical dashed line and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-012.xht
new file mode 100644
index 0000000000..86cc23bd63
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-012.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: dashed;
+ display: inline-block;
+ height: 1in;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical dashed line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-013.xht
new file mode 100644
index 0000000000..1cad6673e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-013.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' property applies to elements with a display of table." />
+ <style type="text/css">
+ #table
+ {
+ border-right-style: dashed;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical dashed line.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-014.xht
new file mode 100644
index 0000000000..2b1f5b0659
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-014.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #table
+ {
+ border-right-style: dashed;
+ display: inline-table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical dashed line.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-015.xht
new file mode 100644
index 0000000000..6c36f8b985
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-style-applies-to-015.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-style applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-right-style' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: dashed;
+ display: table-caption;
+ height: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical dashed line.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-001.xht
new file mode 100644
index 0000000000..3469082442
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using pixels with a minimum minus one (negative) value, -1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-width' property does not support a negative length value in pixels and resets to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ height: 1in;
+ width: 0;
+ }
+ #reference
+ {
+ border-right-width: medium;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: -1px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-002.xht
new file mode 100644
index 0000000000..a24ec76dc1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-002.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using pixels with a minimum value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in pixels that sets the width of the right border." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 0px;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-003.xht
new file mode 100644
index 0000000000..d3f4ade0fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-003.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using pixels with a minimum plus one value, 1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-003-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum plus one length value in pixels that sets the width of the right border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1px;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1px;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-004.xht
new file mode 100644
index 0000000000..d32791c783
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-004.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using pixels with a minimum value with a minus sign, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in pixels that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: -0px;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-005.xht
new file mode 100644
index 0000000000..11e926fa45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using pixels with a minimum value with a plus sign, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in pixels that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: +0px;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-006.xht
new file mode 100644
index 0000000000..63d4a83194
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-006.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="flags" content="96dpi" />
+ <meta name="assert" content="The 'border-right-width' property supports a nominal length value in pixels that sets the width of the right border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 96px;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-007.xht
new file mode 100644
index 0000000000..7f82ddd89f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-007.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using pixels with a nominal value with a plus sign, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="flags" content="96dpi" />
+ <meta name="assert" content="The 'border-right-width' property supports a nominal length value in pixels that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: +96px;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-012.xht
new file mode 100644
index 0000000000..342203f15a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-012.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using points with a minimum minus one (negative) value, -1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-width' property does not support a negative length value in points and resets to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ height: 1in;
+ width: 0;
+ }
+ #reference
+ {
+ border-right-width: medium;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: -1pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-013.xht
new file mode 100644
index 0000000000..a52fc42080
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-013.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using points with a minimum value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in points that sets the width of the right border." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 0pt;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-015.xht
new file mode 100644
index 0000000000..f2198816df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-015.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using points with a minimum value with a minus sign, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in points that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: -0pt;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-016.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-016.xht
new file mode 100644
index 0000000000..72661c44e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-016.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using points with a minimum value with a plus sign, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in points that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: +0pt;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-017.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-017.xht
new file mode 100644
index 0000000000..c9c1489daf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-017.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a nominal length value in points that sets the width of the right border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 72pt;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-018.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-018.xht
new file mode 100644
index 0000000000..94dc1cbc53
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-018.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using points with a nominal value with a plus sign, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a nominal length value in points that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: +72pt;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-023.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-023.xht
new file mode 100644
index 0000000000..a6de68bb42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-023.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using picas with a minimum minus one (negative) value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-width' property does not support a negative length value in picas and resets to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ height: 1in;
+ width: 0;
+ }
+ #reference
+ {
+ border-right-width: medium;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: -1pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-024.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-024.xht
new file mode 100644
index 0000000000..9fd2cdeece
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-024.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using picas with a minimum value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in picas that sets the width of the right border." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 0pc;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-025.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-025.xht
new file mode 100644
index 0000000000..0569268073
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-025.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using picas with a minimum plus one value, 1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-025-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum plus one length value in picas that sets the width of the right border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1pc;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1pc;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 vertical black bars have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-026.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-026.xht
new file mode 100644
index 0000000000..08ba61e17b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-026.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using picas with a minimum value with a minus sign, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in picas that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: -0pc;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-027.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-027.xht
new file mode 100644
index 0000000000..0cc454778e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-027.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using picas with a minimum value with a plus sign, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in picas that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: +0pc;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-028.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-028.xht
new file mode 100644
index 0000000000..4e0e18a6d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-028.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a nominal length value in picas that sets the width of the right border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 6pc;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-029.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-029.xht
new file mode 100644
index 0000000000..48e5fdd711
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-029.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using picas with a nominal value with a plus sign, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a nominal length value in picas that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: +6pc;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-034.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-034.xht
new file mode 100644
index 0000000000..4f9e87195d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-034.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using centimeters with a minimum minus one (negative) value, -1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-width' property does not support a negative length value in centimeters and resets to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ height: 1in;
+ width: 0;
+ }
+ #reference
+ {
+ border-right-width: medium;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: -1cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-035.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-035.xht
new file mode 100644
index 0000000000..36343f9a9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-035.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using centimeters with a minimum value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in centimeters that sets the width of the right border." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 0cm;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-036.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-036.xht
new file mode 100644
index 0000000000..caa3572303
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-036.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using centimeters with a minimum plus one value, 1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-right-width' property supports a minimum plus one length value in centimeters that sets the width of the right border." />
+ <style type="text/css">
+ div
+ {
+ height: 50px;
+ }
+ .ref1, .ref2
+ {
+ position: absolute;
+ }
+ .ref1
+ {
+ background: red;
+ width: 37px;
+ z-index: -1;
+ }
+ .ref2
+ {
+ background: green;
+ width: 38px;
+ }
+ .test1, .test2
+ {
+ border-right-style: solid;
+ border-right-width: 1cm;
+ width: 0;
+ }
+ .test1
+ {
+ border-right-color: green;
+ }
+ .test2
+ {
+ border-right-color: red;
+ }
+ #parent
+ {
+ background: red;
+ margin-top: 5px;
+ width: 38px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled green rectangles and <strong>no red</strong>.</p>
+ <div class="ref1"></div>
+ <div class="test1"></div>
+ <div id="parent">
+ <div class="ref2"></div>
+ <div class="test2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-037.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-037.xht
new file mode 100644
index 0000000000..8979789c64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-037.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using centimeters with a minimum value with a minus sign, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in centimeters that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: -0cm;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-038.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-038.xht
new file mode 100644
index 0000000000..9fb2c8eaad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-038.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using centimeters with a minimum value with a plus sign, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in centimeters that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: +0cm;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-039.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-039.xht
new file mode 100644
index 0000000000..6645aa1491
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-039.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a nominal length value in centimeters that sets the width of the right border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 2.54cm;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-040.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-040.xht
new file mode 100644
index 0000000000..c7ee6a0c62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-040.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using centimeters with a nominal value with a plus sign, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a nominal length value in centimeters that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: +2.54cm;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-045.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-045.xht
new file mode 100644
index 0000000000..0e8449e97a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-045.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using millimeters with a minimum minus one (negative) value, -1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-width' property does not support a negative length value in millimeters and resets to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ height: 1in;
+ width: 0;
+ }
+ #reference
+ {
+ border-right-width: medium;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: -1mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-046.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-046.xht
new file mode 100644
index 0000000000..9c25604390
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-046.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using millimeters with a minimum value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in millimeters that sets the width of the right border." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 0mm;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-047.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-047.xht
new file mode 100644
index 0000000000..a45ec5946c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-047.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using millimeters with a minimum plus one value, 1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-right-width' property supports a minimum plus one length value in millimeters that sets the width of the right border." />
+ <style type="text/css">
+ div
+ {
+ height: 50px;
+ }
+ .ref1, .ref2
+ {
+ position: absolute;
+ }
+ .ref1
+ {
+ background: red;
+ width: 3px;
+ z-index: -1;
+ }
+ .ref2
+ {
+ background: green;
+ width: 4px;
+ }
+ .test1, .test2
+ {
+ border-right-style: solid;
+ border-right-width: 1mm;
+ width: 0;
+ }
+ .test1
+ {
+ border-right-color: green;
+ }
+ .test2
+ {
+ border-right-color: red;
+ }
+ #parent
+ {
+ background: red;
+ margin-top: 5px;
+ width: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 green lines and there is <strong>no red</strong>.</p>
+ <div class="ref1"></div>
+ <div class="test1"></div>
+ <div id="parent">
+ <div class="ref2"></div>
+ <div class="test2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-048.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-048.xht
new file mode 100644
index 0000000000..928bfa227d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-048.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using millimeters with a minimum value with a minus sign, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in millimeters that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: -0mm;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-049.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-049.xht
new file mode 100644
index 0000000000..1087e7fb68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-049.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using millimeters with a minimum value with a plus sign, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in millimeters that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: +0mm;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-050.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-050.xht
new file mode 100644
index 0000000000..e425ddb23d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-050.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a nominal length value in millimeters that sets the width of the right border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 25.4mm;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-051.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-051.xht
new file mode 100644
index 0000000000..90c8b92dd3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-051.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using millimeters with a nominal value with a plus sign, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a nominal length value in millimeters that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: +25.4mm;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-056.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-056.xht
new file mode 100644
index 0000000000..22821be3ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-056.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using inches with a minimum minus one (negative) value, -1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-right-width' property does not support a negative length value in inches and resets to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ height: 1in;
+ width: 0;
+ }
+ #reference
+ {
+ border-right-width: medium;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-057.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-057.xht
new file mode 100644
index 0000000000..d9caf7146b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-057.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using inches with a minimum value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in inches that sets the width of the right border." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 0in;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-058.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-058.xht
new file mode 100644
index 0000000000..a733e72b11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-058.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using inches with a minimum plus one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum plus one length value in inches that sets the width of the right border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ margin-top: 5px;
+ width: 1in;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-059.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-059.xht
new file mode 100644
index 0000000000..66e329d128
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-059.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using inches with a minimum value with a minus sign, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in inches that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: -0in;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-060.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-060.xht
new file mode 100644
index 0000000000..843d235722
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-060.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using inches with a minimum value with a plus sign, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in inches that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: +0in;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-061.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-061.xht
new file mode 100644
index 0000000000..f2f0aa82be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-061.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using inches with a nominal value, 5in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-061-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a nominal length value in inches that sets the width of the right border." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 5in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 5in;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-062.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-062.xht
new file mode 100644
index 0000000000..e86776eda2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-062.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using inches with a nominal value with a plus sign, +5in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-061-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a nominal length value in inches that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 5in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: +5in;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-067.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-067.xht
new file mode 100644
index 0000000000..ad524209b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-067.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using 'em' units with a minimum minus one (negative) value, -1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-001-ref.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'border-right-width' property does not support a negative length value in 'em' units and resets to the initial value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ font: 20px/1 Ahem;
+ height: 1in;
+ width: 0;
+ }
+ #reference
+ {
+ border-right-width: medium;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: -1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-068.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-068.xht
new file mode 100644
index 0000000000..03d164cb34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-068.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using 'em' units with a minimum value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in 'em' units that sets the width of the right border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 0em;
+ border-right-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-069.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-069.xht
new file mode 100644
index 0000000000..9b9dc1ec71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-069.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using 'em' units with a minimum plus one value, 1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-069-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-right-width' property supports a minimum plus one length value in 'em' units that sets the width of the right border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ margin-top: 5px;
+ width: 1em;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1em;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 vertical black bars have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-070.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-070.xht
new file mode 100644
index 0000000000..8877c5de1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-070.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using 'em' units with a minimum value with a minus sign, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in 'em' units that that has a minus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: -0em;
+ border-right-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-071.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-071.xht
new file mode 100644
index 0000000000..df5c2861d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-071.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using 'em' units with a minimum value with a plus sign, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in 'em' units that that has a plus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: +0em;
+ border-right-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-072.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-072.xht
new file mode 100644
index 0000000000..9b9affd6b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-072.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-right-width' property supports a nominal length value in 'em' units that sets the width of the right border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 120px;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 6em;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-073.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-073.xht
new file mode 100644
index 0000000000..df2a2617b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-073.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using 'em' units with a nominal value with a plus sign, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-right-width' property supports a nominal length value in 'em' units that has a plus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 120px;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: +6em;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-078.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-078.xht
new file mode 100644
index 0000000000..92c9fbdeea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-078.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using 'ex' units with a minimum minus one (negative) value, -1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-001-ref.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'border-right-width' property does not support a negative length value in 'ex' units and resets to the initial value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ font: 20px/1 Ahem;
+ height: 1in;
+ width: 0;
+ }
+ #reference
+ {
+ border-right-width: medium;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: -1ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black lines have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-079.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-079.xht
new file mode 100644
index 0000000000..c83bca26b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-079.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using 'ex' units with a minimum value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in 'ex' units that sets the width of the right border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 0ex;
+ border-right-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-080.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-080.xht
new file mode 100644
index 0000000000..79a2ad8354
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-080.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using 'ex' units with a minimum plus one value, 1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-025-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-right-width' property supports a minimum plus one length value in 'ex' units that sets the width of the right border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ margin-top: 5px;
+ width: 1ex;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1ex;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 vertical black bars have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-081.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-081.xht
new file mode 100644
index 0000000000..00e92b41fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-081.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using 'ex' units with a minimum value with a minus sign, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in 'ex' units that that has a minus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: -0ex;
+ border-right-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-082.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-082.xht
new file mode 100644
index 0000000000..40fea86ff3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-082.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using 'ex' units with a minimum value with a plus sign, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value in 'ex' units that that has a plus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: +0ex;
+ border-right-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-083.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-083.xht
new file mode 100644
index 0000000000..8b23ae9add
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-083.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using 'ex' units with a nominal value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-right-width' property supports a nominal length value in 'ex' units that sets the width of the right border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px Ahem;
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 6ex;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-084.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-084.xht
new file mode 100644
index 0000000000..c5000a1d6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-084.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width using 'ex' units with a nominal value with a plus sign</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-right-width' property supports a nominal length value in 'ex' units that has a plus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px Ahem;
+ height: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ width: 1in;
+ margin-top: 5px;
+ }
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: +6ex;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-089.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-089.xht
new file mode 100644
index 0000000000..9010def205
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-089.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width set to negative zero with no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value with no units that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: -0;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-090.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-090.xht
new file mode 100644
index 0000000000..24381d003b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-090.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width set to zero with no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value with no units." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 0;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-091.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-091.xht
new file mode 100644
index 0000000000..7afff86301
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-091.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width set to positive zero with no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a minimum length value with no units that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: +0;
+ border-right-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-092.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-092.xht
new file mode 100644
index 0000000000..780164eae6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-092.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width set to thin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-right-width' property supports a value of thin." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: thin;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short and thin vertical line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-093.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-093.xht
new file mode 100644
index 0000000000..c4746aa281
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-093.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width set to medium</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-right-width' property supports a value of medium." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: medium;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-094.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-094.xht
new file mode 100644
index 0000000000..c6c98a7ccf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-094.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width set to thick</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-right-width' property supports a value of thick." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: thick;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short vertical line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-095-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-095-ref.xht
new file mode 100644
index 0000000000..eab676ac93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-095-ref.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#rectangle
+ {
+ height: 132px;
+ /*
+ 16px : p's margin-top
+ +
+ 20px : p's line box height
+ +
+ 96px : square's height
+ ========
+ 132px
+ */
+ margin-left: 20px;
+ }
+
+ p
+ {
+ font: 1em/1.25 serif;
+ margin: 1em 0;
+ }
+
+ div
+ {
+ background-color: black;
+ float: right;
+ height: 96px;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div id="rectangle"></div>
+
+ <p>Test passes if there is a black square next to a black rectangle.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-095.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-095.xht
new file mode 100644
index 0000000000..04e6ea9547
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-095.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width set to inherit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-right-width-095-ref.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property supports a value of inherit and gets its computed value from its parent." />
+ <style type="text/css">
+ body
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ font: 1em/1.25 serif;
+ padding-right: 20px;
+ }
+
+ p
+ {
+ font: 1em/1.25 serif;
+ margin: 1em 0;
+ }
+
+ div
+ {
+ border-right-style: solid;
+ border-right-width: inherit;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black square next to a black rectangle.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-001.xht
new file mode 100644
index 0000000000..d3cda4a814
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-001.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-002.xht
new file mode 100644
index 0000000000..9d52ee5c5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-002.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-003.xht
new file mode 100644
index 0000000000..c03d2e5fd8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-003.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-004.xht
new file mode 100644
index 0000000000..4b5812a8ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-004.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div id="test">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-005.xht
new file mode 100644
index 0000000000..6ba84ffde5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-005.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div id="test"><div class="column"></div><div class="column"></div></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-006.xht
new file mode 100644
index 0000000000..cc0b59fca7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-006.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ display: table-column;
+ }
+
+ .column
+ {
+ display: table-column;
+ }
+
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div id="test"></div><div class="column"></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-007.xht
new file mode 100644
index 0000000000..c5934be712
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-008.xht
new file mode 100644
index 0000000000..b11e5d79df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-008.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-right-width' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ display: inline;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black rectangle.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-009.xht
new file mode 100644
index 0000000000..c90b6e13f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-009.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ display: block;
+ height: 1in;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-010.xht
new file mode 100644
index 0000000000..9f2d3eefa4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-right-width' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ display: list-item;
+ height: 1in;
+ margin-left: 50px;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-012.xht
new file mode 100644
index 0000000000..2f47dfa83b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-012.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ display: inline-block;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-013.xht
new file mode 100644
index 0000000000..cf87a3f3a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-013.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property applies to elements with a display of table." />
+ <style type="text/css">
+ #table
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-014.xht
new file mode 100644
index 0000000000..47114d7d66
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-014.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #table
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ display: inline-table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-015.xht
new file mode 100644
index 0000000000..cb782a04e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-right-width-applies-to-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-right-width applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-right-width' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-right-style: solid;
+ border-right-width: 1in;
+ display: table-caption;
+ height: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-shorthands-001-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-shorthands-001-ref.xht
new file mode 100644
index 0000000000..8d7fa80154
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-shorthands-001-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 2em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a green bar below.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-shorthands-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-shorthands-001.xht
new file mode 100644
index 0000000000..9fc94370cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-shorthands-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: border-color shorthand (basic)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/border/color/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties"/>
+ <link rel="match" href="border-shorthands-001-ref.xht" />
+
+ <style type="text/css">
+ div { color: red; border: solid 1em; }
+ div { border-color: green; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a green bar below.</p>
+ <div class="test"></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-shorthands-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-shorthands-002.xht
new file mode 100644
index 0000000000..45320df88c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-shorthands-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: border-color shorthand (basic)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/border/color/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties"/>
+ <link rel="match" href="border-shorthands-001-ref.xht" />
+
+ <style type="text/css">
+ .test { border: solid 1em; }
+ div { color: green; border-color: red; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a green bar below.</p>
+ <div class="test"></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-shorthands-003-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-shorthands-003-ref.xht
new file mode 100644
index 0000000000..cd2515b520
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-shorthands-003-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a green bar below.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-shorthands-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-shorthands-003.xht
new file mode 100644
index 0000000000..c88673000f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-shorthands-003.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: border-color shorthand (basic)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/border/color/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties"/>
+ <link rel="match" href="border-shorthands-003-ref.xht" />
+
+ <style type="text/css">
+ .test { border-top: solid 1em; }
+ div { color: green; border-color: red; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a green bar below.</p>
+ <div class="test"></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-001.xht
new file mode 100644
index 0000000000..ce6d23f09e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style shorthand property set using a single value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property set using a single value correctly renders the specified value for all sides of the element." />
+ <style type="text/css">
+ div
+ {
+ border-style: dashed;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box with dashed borders.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-002.xht
new file mode 100644
index 0000000000..705588a945
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style shorthand property set using two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property set using two values correctly renders the specified value for the appropriate sides of the element." />
+ <style type="text/css">
+ div
+ {
+ border-style: dashed dotted;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box with dashed top and bottom borders and dotted left and right borders.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-003.xht
new file mode 100644
index 0000000000..eaf8096019
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-003.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style shorthand property set using three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property set using three values correctly renders the specified value for the appropriate sides of the element." />
+ <style type="text/css">
+ div
+ {
+ border-style: dashed dotted double;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box with a dashed top border, left and right borders that are dotted and a double line for the bottom border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-004.xht
new file mode 100644
index 0000000000..2fc8885644
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-004.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style shorthand property set using four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property set using four values correctly renders the specified value for the appropriate sides of the element." />
+ <style type="text/css">
+ div
+ {
+ border-style: dashed dotted double solid;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box with a dashed top border, a dotted right border, a double line bottom border and a single line left border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-005.xht
new file mode 100644
index 0000000000..827c19a18e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style shorthand property set to 'inherit', inheriting one value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property set to 'inherit' correctly inherits the single value specified on the parent element." />
+ <style type="text/css">
+ body
+ {
+ border-style: dashed;
+ border-width: 0;
+ }
+ div
+ {
+ border-style: inherit;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box with dashed borders.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-006.xht
new file mode 100644
index 0000000000..854059f659
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-006.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style shorthand property set to 'inherit' inheriting two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property set to 'inherit' correctly inherits the two values specified on the parent element." />
+ <style type="text/css">
+ body
+ {
+ border-style: dashed dotted;
+ border-width: 0;
+ }
+ div
+ {
+ border-style: inherit;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box with dashed top and bottom borders and dotted left and right borders.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-007.xht
new file mode 100644
index 0000000000..6bfc450f78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-007.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style shorthand property set to 'inherit', inheriting three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property set to 'inherit' correctly inherits the three values specified on the parent element." />
+ <style type="text/css">
+ body
+ {
+ border-style: dashed dotted double;
+ border-width: 0;
+ }
+ div
+ {
+ border-style: inherit;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box with a dashed top border, left and right borders that are dotted and a double line for the bottom border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-008.xht
new file mode 100644
index 0000000000..83f979c342
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-008.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style shorthand property set to 'inherit', inheriting four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property set to 'inherit' correctly inherits the four values specified on the parent element." />
+ <style type="text/css">
+ body
+ {
+ border-style: dashed dotted double solid;
+ border-width: 0;
+ }
+ div
+ {
+ border-style: inherit;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box with a dashed top border, a dotted right border, a double line bottom border and a single line left border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-009.xht
new file mode 100644
index 0000000000..faa412a005
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-009.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style shorthand property set using a single value</title>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property set using a single value correctly renders the specified value for all sides of the element." />
+ <style type="text/css">
+ div
+ {
+ width: 153px;
+ height: 153px;
+ margin: 10px;
+ border-style: groove;
+ border-width: 20px;
+ border-color: black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box with groove borders.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-010.xht
new file mode 100644
index 0000000000..d172298f6f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-010.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style shorthand property set using a single value</title>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property set using a single value correctly renders the specified value for all sides of the element." />
+ <style type="text/css">
+ div
+ {
+ width: 153px;
+ height: 153px;
+ margin: 10px;
+ border-style: groove;
+ border-width: 20px;
+ border-color: black;
+ border-radius: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box with groove borders.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-001.xht
new file mode 100644
index 0000000000..f46f5c6e64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-001.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-style: dashed;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed lined box.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-002.xht
new file mode 100644
index 0000000000..612ddff1d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-002.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-style: dashed;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed lined box.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-003.xht
new file mode 100644
index 0000000000..bf67a6b1eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-003.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-style: dashed;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed lined box.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-004.xht
new file mode 100644
index 0000000000..7c40b612b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-004.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-style: dashed;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed lined box.</p>
+ <div id="table">
+ <div id="test">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-005.xht
new file mode 100644
index 0000000000..575cdeee79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-005.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-style: dashed;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed lined box.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-006.xht
new file mode 100644
index 0000000000..794d4feb5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-006.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-style: dashed;
+ display: table-column;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed lined box.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-007.xht
new file mode 100644
index 0000000000..f0451437ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-007.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-style: dashed;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed lined box.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-008.xht
new file mode 100644
index 0000000000..4a438e481c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-008.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-style: dashed;
+ display: inline;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed lined box.</p>
+ <div>&nbsp;&nbsp;&nbsp;&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-009.xht
new file mode 100644
index 0000000000..8dddc5bbae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-009.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-style: dashed;
+ display: block;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed lined box.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-010.xht
new file mode 100644
index 0000000000..ae65a72ab1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-010.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-style: dashed;
+ display: list-item;
+ height: 1in;
+ margin-left: 50px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed lined box and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-012.xht
new file mode 100644
index 0000000000..1037268ae4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-012.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ border-style: dashed;
+ display: inline-block;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed lined box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-013.xht
new file mode 100644
index 0000000000..a728be9401
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-013.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property applies to elements with a display of table." />
+ <style type="text/css">
+ div
+ {
+ border-style: dashed;
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single dashed lined box.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-014.xht
new file mode 100644
index 0000000000..0485a806af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-014.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ div
+ {
+ border-style: dashed;
+ border-collapse: collapse;
+ display: inline-table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single dashed lined box.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-015.xht
new file mode 100644
index 0000000000..a73df81dac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-015.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-style' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-style: dashed;
+ display: table-caption;
+ height: 1in;
+ width: 1in;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed lined box.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-016.xht
new file mode 100644
index 0000000000..e098bfcca8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-016.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border-style: hidden applied to table-row</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+ <meta content="'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 200px;
+ }
+
+ tr
+ {
+ border-color: red;
+ border-style: hidden;
+ }
+
+ td
+ {
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ <table>
+
+ <tbody>
+
+ <tr>
+ <td></td><td></td>
+ </tr>
+
+ <tr>
+ <td></td><td></td>
+ </tr>
+
+ </tbody>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-017.xht
new file mode 100644
index 0000000000..0a6ac697c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-017.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border-style: hidden applied to element with display table-row</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+ <meta content="'border-style: hidden' must apply to all elements, including elements with display table-row. 'hidden' (border-style) is the same as 'none': the computed border width is zero." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 200px;
+ }
+
+ #test
+ {
+ border-color: red;
+ border-style: hidden;
+ display: table-row;
+ }
+
+ .cell
+ {
+ display: table-cell;
+ height: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="cell"></div><div class="cell"></div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-018.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-018.xht
new file mode 100644
index 0000000000..d84d187627
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-018.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border-style: hidden applied to table-column-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+ <meta content="'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 200px;
+ }
+
+ colgroup
+ {
+ border-color: red;
+ border-style: hidden;
+ }
+
+ td
+ {
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+
+ <table>
+
+ <colgroup><col></col><col></col></colgroup>
+
+ <tbody>
+ <tr>
+ <td></td><td></td>
+ </tr>
+
+ <tr>
+ <td></td><td></td>
+ </tr>
+ </tbody>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-019.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-019.xht
new file mode 100644
index 0000000000..3c60c91fb0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-019.xht
@@ -0,0 +1,67 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border-style: hidden applied to element with display table-column-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+
+ <meta content="'border-style: hidden' must apply to all elements, including elements with display table-column-group. 'hidden' (border-style) is the same as 'none': the computed border width is zero." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 200px;
+ }
+
+ #test
+ {
+ border-color: red;
+ border-style: hidden;
+ display: table-column-group;
+ }
+
+ .col {display: table-column;}
+
+ .row
+ {
+ display: table-row;
+ }
+
+ .cell
+ {
+ display: table-cell;
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ <div id="table">
+
+ <div id="test"><div class="col"></div><div class="col"></div></div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-020.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-020.xht
new file mode 100644
index 0000000000..6af0e6d95c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-020.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border-style: hidden applied to table-column</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+ <meta content="'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 200px;
+ }
+
+ col
+ {
+ border-color: red;
+ border-style: hidden;
+ }
+
+ td
+ {
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ <table>
+
+ <col></col><col></col>
+
+ <tbody>
+ <tr>
+ <td></td><td></td>
+ </tr>
+
+ <tr>
+ <td></td><td></td>
+ </tr>
+ </tbody>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-021.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-021.xht
new file mode 100644
index 0000000000..cead7f7626
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-021.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border-style: hidden applied to element with display table-column</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+
+ <meta content="'border-style: hidden' must apply to all elements, including elements with display table-column. 'hidden' (border-style) is the same as 'none': the computed border width is zero." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 200px;
+ }
+
+ .test
+ {
+ border-color: red;
+ border-style: hidden;
+ display: table-column;
+ }
+
+ .row
+ {
+ display: table-row;
+ }
+
+ .cell
+ {
+ display: table-cell;
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ <div id="table">
+
+ <div class="test"></div><div class="test"></div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-022.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-022.xht
new file mode 100644
index 0000000000..3429750a07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-022.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border-style: hidden applied to table-row-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+ <meta content="'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 200px;
+ }
+
+ tbody
+ {
+ border-color: red;
+ border-style: hidden;
+ }
+
+ td
+ {
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ <table>
+
+ <tbody>
+ <tr>
+ <td></td><td></td>
+ </tr>
+
+ <tr>
+ <td></td><td></td>
+ </tr>
+ </tbody>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-023.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-023.xht
new file mode 100644
index 0000000000..f8c87e7ad8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-023.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border-style: hidden applied to element with display table-row-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+ <meta content="'border-style: hidden' must apply to all elements, including elements with display table-row-group. 'hidden' (border-style) is the same as 'none': the computed border width is zero." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 200px;
+ }
+
+ #test
+ {
+ border-color: red;
+ border-style: hidden;
+ display: table-row-group;
+ }
+
+ .row
+ {
+ display: table-row;
+ }
+
+ .cell
+ {
+ display: table-cell;
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-024.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-024.xht
new file mode 100644
index 0000000000..3d46c0dabc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-024.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border-style: hidden applied to table-footer-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+ <meta content="'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 200px;
+ }
+
+ tfoot
+ {
+ border-color: red;
+ border-style: hidden;
+ }
+
+ tfoot td
+ {
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ <table>
+
+ <tfoot>
+ <tr>
+ <td></td><td></td>
+ </tr>
+
+ <tr>
+ <td></td><td></td>
+ </tr>
+ </tfoot>
+
+ <tbody>
+ <tr>
+ <td></td><td></td>
+ </tr>
+ </tbody>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-025.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-025.xht
new file mode 100644
index 0000000000..d2f21c3c6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-025.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border-style: hidden applied to element with display table-footer-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+ <meta content="'border-style: hidden' must apply to all elements, including elements with display table-footer-group. 'hidden' (border-style) is the same as 'none': the computed border width is zero." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 200px;
+ }
+
+ #test
+ {
+ border-color: red;
+ border-style: hidden;
+ display: table-footer-group;
+ }
+
+ .row
+ {
+ display: table-row;
+ }
+
+ .cell
+ {
+ display: table-cell;
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-026.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-026.xht
new file mode 100644
index 0000000000..5295c13a5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-026.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border-style: hidden applied to table-header-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+
+ <meta content="'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 200px;
+ }
+
+ thead
+ {
+ border-color: red;
+ border-style: hidden;
+ }
+
+ thead td
+ {
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ <table>
+
+ <thead>
+ <tr>
+ <td></td><td></td>
+ </tr>
+
+ <tr>
+ <td></td><td></td>
+ </tr>
+ </thead>
+
+ <tbody>
+ <tr>
+ <td></td><td></td>
+ </tr>
+ </tbody>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-027.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-027.xht
new file mode 100644
index 0000000000..0f8692d038
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-applies-to-027.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border-style: hidden applied to element with display table-header-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="border-conflict-style-101-ref.xht" />
+ <meta content="'border-style: hidden' must apply to all elements, including elements with display table-header-group. 'hidden' (border-style) is the same as 'none': the computed border width is zero." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 200px;
+ }
+
+ #test
+ {
+ border-color: red;
+ border-style: hidden;
+ display: table-header-group;
+ }
+
+ .row
+ {
+ display: table-row;
+ }
+
+ .cell
+ {
+ display: table-cell;
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong>, not even thin red lines.</p>
+
+ <div id="table">
+
+ <div id="test">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-initial-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-initial-001.xht
new file mode 100644
index 0000000000..4ac676927c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-initial-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style initial set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="Verify that 'border-color' and 'border-width' do not display a border since 'border-style' is initially 'none'." />
+ <style type="text/css">
+ div
+ {
+ border-color: red;
+ border-width: 10px;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-rendering-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-rendering-001.xht
new file mode 100644
index 0000000000..cafcfac9e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-rendering-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style 'groove' color rendering</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'groove' 'border-style' uses the color defined for rendering the groove border." />
+ <style type="text/css">
+ div
+ {
+ border-top-color: green;
+ border-top-style: groove;
+ border-top-width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box is a shade or shades of green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-rendering-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-rendering-002.xht
new file mode 100644
index 0000000000..f3959d6725
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-rendering-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style 'ridge' color rendering</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'ridge' 'border-style' uses the color defined for rendering the ridge border." />
+ <style type="text/css">
+ div
+ {
+ border-top-color: green;
+ border-top-style: ridge;
+ border-top-width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box is a shade or shades of green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-rendering-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-rendering-003.xht
new file mode 100644
index 0000000000..962d3a6a63
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-rendering-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style 'inset' color rendering</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'inset' 'border-style' uses the color defined for rendering the inset border." />
+ <style type="text/css">
+ div
+ {
+ border-top-color: green;
+ border-top-style: inset;
+ border-top-width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box is a shade or shades of green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-rendering-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-rendering-004.xht
new file mode 100644
index 0000000000..023e83aa37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-rendering-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style 'outset' color rendering</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'outset' 'border-style' uses the color defined for rendering the outset border." />
+ <style type="text/css">
+ div
+ {
+ border-top-color: green;
+ border-top-style: outset;
+ border-top-width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box is a shade or shades of green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-shorthand-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-shorthand-001.xht
new file mode 100644
index 0000000000..e6229dca3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-shorthand-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style set using one value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="Applying a single value to the border-style property applies the value to all sides of the element." />
+ <style type="text/css">
+ div
+ {
+ border-width: 5px;
+ border-style: dotted;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the border is the same dotted style on all edges.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-shorthand-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-shorthand-002.xht
new file mode 100644
index 0000000000..4b137961eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-shorthand-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style set using two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="Applying two values to the border-style property applies the first value to the top and bottom and the second to the left and right." />
+ <style type="text/css">
+ div
+ {
+ border-width: 10px;
+ border-style: dotted double;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top and bottom borders are dotted and the left and right are a double line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-shorthand-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-shorthand-003.xht
new file mode 100644
index 0000000000..c1763d8ed3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-shorthand-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style set using three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="Applying three values to the border-style property applies the first value to the top the second value to the left and right and the third value to the bottom." />
+ <style type="text/css">
+ div
+ {
+ border-width: 10px;
+ border-style: dotted double dashed;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top border is dotted, the left and right borders are a double line, and the bottom border is dashed.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-style-shorthand-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-style-shorthand-004.xht
new file mode 100644
index 0000000000..0794f93c36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-style-shorthand-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-style set using four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="Applying four values to the border-style property applies the values top, right, bottom, left, respectively." />
+ <style type="text/css">
+ div
+ {
+ border-width: 10px;
+ border-style: dotted double dashed solid;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top border is dotted, the right border is a double line, the bottom border is dashed and the left border is solid.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-001.xht
new file mode 100644
index 0000000000..26591d2789
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-top' shorthand property sets 'border-width' for the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top: 1in;
+ border-top-style: solid;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-002.xht
new file mode 100644
index 0000000000..2aa25e8d2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-top' shorthand property sets the 'border-style' for the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top: dashed;
+ border-top-width: 5px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-003.xht
new file mode 100644
index 0000000000..c66e14fef1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-top' shorthand property sets the 'border-color' for the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top: blue;
+ border-top-style: solid;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-004.xht
new file mode 100644
index 0000000000..42e62cc10f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-004.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to border-width border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-top' shorthand property sets the 'border-width' and 'border-style' for the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top: 5px dashed;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-005-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-005-ref.xht
new file mode 100644
index 0000000000..ef63f4db91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-005-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 1in;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled blue square.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-005.xht
new file mode 100644
index 0000000000..52fcf8ac0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to border-width border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-top-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-top' shorthand property sets the 'border-width' and 'border-color' for the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top: 1in blue;
+ border-top-style: solid;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-006.xht
new file mode 100644
index 0000000000..3ae3278d66
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-006.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to border-style border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-top' shorthand property sets the 'border-style' and 'border-width' for the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top: solid 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-007.xht
new file mode 100644
index 0000000000..ac0f656cf8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-007.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to border-style border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-top' shorthand property sets the 'border-style' and 'border-color' for the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top: dashed blue;
+ border-width: 5px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-008.xht
new file mode 100644
index 0000000000..6a37fcac0b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-008.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to border-color border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-top-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-top' shorthand property sets the 'border-color' and 'border-width' for the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top: blue 1in;
+ border-top-style: solid;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-009.xht
new file mode 100644
index 0000000000..4242759bf8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-009.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to border-color border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-top' shorthand property sets the 'border-color' and 'border-style' for the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top: blue dashed;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-010.xht
new file mode 100644
index 0000000000..2b80b6a210
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-010.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to border-width border-style border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-top' shorthand property sets the 'border-width', 'border-style' and 'border-color' for the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top: 5px dashed blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-011.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-011.xht
new file mode 100644
index 0000000000..885d667414
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-011.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to border-width border-color border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-top' shorthand property sets the 'border-width', 'border-color' and 'border-style' for the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top: 5px blue dashed;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-012.xht
new file mode 100644
index 0000000000..c65d971eef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-012.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to border-style border-width border-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-top' shorthand property sets the 'border-style', 'border-width' and 'border-color' for the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top: dashed 5px blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-013.xht
new file mode 100644
index 0000000000..8227ca79a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-013.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to border-style border-color border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-top' shorthand property sets the 'border-style', 'border-color' and 'border-width' for the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top: dashed blue 5px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-014.xht
new file mode 100644
index 0000000000..328a9acb8c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-014.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to border-color border-width border-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-top' shorthand property sets the 'border-color', 'border-width' and 'border-style' for the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top: blue 5px dashed;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-015.xht
new file mode 100644
index 0000000000..7c1be643ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-015.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to border-color border-style border-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-top' shorthand property sets the 'border-color', 'border-style' and 'border-width' for the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top: blue 5px dashed;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed blue line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-016.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-016.xht
new file mode 100644
index 0000000000..2c55be31cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-016.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to inherit, inheriting a single value for a shorthand property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-top' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: solid;
+ padding-top: 10px;
+ }
+ div div
+ {
+ border-top: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-017.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-017.xht
new file mode 100644
index 0000000000..8e5b53a2f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-017.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to inherit, inheriting two values for a shorthand property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-top' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: dashed blue;
+ padding-top: 10px;
+ }
+ div div
+ {
+ border-top: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two dashed blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-018-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-018-ref.xht
new file mode 100644
index 0000000000..1a750c8f5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-018-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 96px;
+ margin-bottom: 10px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 large blue rectangles.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-018.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-018.xht
new file mode 100644
index 0000000000..004eb29e24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-018.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top set to inherit, inheriting three values for a shorthand property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-top-018-ref.xht" />
+
+ <meta name="assert" content="The 'border-top' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1in solid blue;
+ padding-top: 10px;
+ }
+ div div
+ {
+ border-top: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 large blue rectangles.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-001.xht
new file mode 100644
index 0000000000..e0b5d96d4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-001.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-top: solid green 3px;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-002.xht
new file mode 100644
index 0000000000..fb26510e71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-002.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-top: solid green 3px;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-003.xht
new file mode 100644
index 0000000000..a8b4775872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-003.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-top: solid green 3px;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-004.xht
new file mode 100644
index 0000000000..5e6c693e11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-004.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-top: solid green 3px;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="test">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-005.xht
new file mode 100644
index 0000000000..8cd91c58fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-005.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top' property applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-top: solid green 3px;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="test"><div class="column"></div><div class="column"></div></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-006.xht
new file mode 100644
index 0000000000..4c2cca6645
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-006.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top' property applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-top: solid green 3px;
+ display: table-column;
+ width: 1in;
+ }
+
+ .column
+ {
+ display: table-column;
+ }
+
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 2in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="test"></div><div class="column"></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-007.xht
new file mode 100644
index 0000000000..860c4fa178
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-top: solid green 3px;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-008.xht
new file mode 100644
index 0000000000..0baaf19cba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-top' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-top: solid green;
+ display: inline;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div>&nbsp;&nbsp;&nbsp;&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-009.xht
new file mode 100644
index 0000000000..04c3110b4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-009.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-top: solid green 3px;
+ display: block;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-010.xht
new file mode 100644
index 0000000000..cd693d1177
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-010.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <meta name="assert" content="The 'border-top' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-top: solid green;
+ display: list-item;
+ margin-left: 50px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line and a marker bullet on its left-hand side. (Note the marker bullet does not need to be aligned vertically to any specific position.)</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-012.xht
new file mode 100644
index 0000000000..db9ea7a28d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-012.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ border-top: solid green 3px;
+ display: inline-block;
+ vertical-align: top;
+ width: 1in;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-013.xht
new file mode 100644
index 0000000000..b70e17ce48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-013.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top' property applies to elements with a display of table." />
+ <style type="text/css">
+ #test
+ {
+ border-top: solid green 3px;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="test">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-014.xht
new file mode 100644
index 0000000000..4d6a63839d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-014.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #test
+ {
+ border-top: solid green 3px;
+ display: inline-table;
+ table-layout: fixed;
+ vertical-align: top;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="test">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-015.xht
new file mode 100644
index 0000000000..954a219d71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-applies-to-015.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-top: solid green 3px;
+ display: table-caption;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-001.xht
new file mode 100644
index 0000000000..e6c57d190f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with five digits which is invalid and is equivalent to minimum minus one value for six digit hex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to #00000 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #00000;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #000000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-002.xht
new file mode 100644
index 0000000000..a0586e2303
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-002.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with the minimum value, #000000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #000000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #000000;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #000000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-003.xht
new file mode 100644
index 0000000000..ed88dab192
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-003.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with the minimum plus one value, #010101</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-003-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #010101 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #010101;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #010101;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-004.xht
new file mode 100644
index 0000000000..1820e18d51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-004.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with a nominal value #999999</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-004-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #999999 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #999999;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #999999;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-005.xht
new file mode 100644
index 0000000000..a4b1cc954a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-005.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with the maximum minus one value of #fefefe</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #fefefe renders the correct color for the border." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #fefefe;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #fefefe;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-006.xht
new file mode 100644
index 0000000000..20211f87c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-006.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with the maximum value of #ffffff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #ffffff renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #ffffff;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #ffffff;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-007.xht
new file mode 100644
index 0000000000..09144da5d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-007.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with the maximum plus one value of #1000000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to #1000000 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #1000000;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-008.xht
new file mode 100644
index 0000000000..5276a60a68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-008.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with the maximum plus one value of #fgfgfg</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to #fgfgfg falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #fgfgfg;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-009.xht
new file mode 100644
index 0000000000..648ca02442
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-009.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with a red set to minimum plus one value, #010000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-009-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #010000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #010000;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #010000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-010.xht
new file mode 100644
index 0000000000..06fbe25343
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-010.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with a red set to a nominal value, #990000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-010-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #990000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #990000;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #990000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-011.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-011.xht
new file mode 100644
index 0000000000..837515754c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-011.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with a red set to maximum minus one value, #fe0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-011-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #fe0000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #fe0000;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #fe0000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-012.xht
new file mode 100644
index 0000000000..32c361745e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-012.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with a red set to the maximum value, #ff0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #ff0000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #ff0000;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #ff0000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-013.xht
new file mode 100644
index 0000000000..c7cd936db3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-013.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with a red set to the maximum plus one value, #fg0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to #fg0000 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #fg0000;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-014.xht
new file mode 100644
index 0000000000..a0564b695a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-014.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with a green set to minimum plus one value, #000100</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-014-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #000100 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #000100;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #000100;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-015.xht
new file mode 100644
index 0000000000..f58d07b3af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-015.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with a green set to a nominal value, #009900</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-015-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #009900 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #009900;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #009900;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-016.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-016.xht
new file mode 100644
index 0000000000..44faf8054a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-016.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with a green set to maximum minus one value, #00fe00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-016-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #00fe00 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #00fe00;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #00fe00;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-017.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-017.xht
new file mode 100644
index 0000000000..d3432b22dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-017.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with a green set to the maximum value, #00ff00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #00ff00 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #00ff00;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #00ff00;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-018.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-018.xht
new file mode 100644
index 0000000000..74b580fc80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-018.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with a green set to the maximum plus one value, #00fg00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to #00fg00 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #00fg00;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-019.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-019.xht
new file mode 100644
index 0000000000..32f13db98d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-019.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with a blue set to minimum plus one value, #000001</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-019-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #000001 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #000001;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #000001;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-020.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-020.xht
new file mode 100644
index 0000000000..a94c07437b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-020.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with a blue set to a nominal value, #000099</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-020-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #000099 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #000099;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #000099;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-021.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-021.xht
new file mode 100644
index 0000000000..cd69045349
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-021.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with a blue set to maximum minus one value, #0000fe</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-021-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #0000fe renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #0000fe;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #0000fe;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-022.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-022.xht
new file mode 100644
index 0000000000..ad05d5ed86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-022.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with a blue set to the maximum value, #0000ff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #0000ff renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #0000ff;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #0000ff;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-023.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-023.xht
new file mode 100644
index 0000000000..3d4f1f38dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-023.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with six digits with a blue set to the maximum plus one value, #0000fg</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to #0000fg falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #0000fg;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-024.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-024.xht
new file mode 100644
index 0000000000..1785a0e098
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-024.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with 2 digits which is invalid and is equivalent to minimum minus one value for 3 digit hex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to #00 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #00;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-025.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-025.xht
new file mode 100644
index 0000000000..bf57265d28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-025.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with the minimum possible value #000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #000 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #000;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #000;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-026.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-026.xht
new file mode 100644
index 0000000000..3328cdfcbb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-026.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with the minimum plus one value, #111</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-026-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #111 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #111;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #111;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-027.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-027.xht
new file mode 100644
index 0000000000..3c1e3ef1c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-027.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with a nominal value #999</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-027-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #999 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #999;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #999;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-028.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-028.xht
new file mode 100644
index 0000000000..f5a401490d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-028.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with the maximum minus one value of #eee</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-028-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #eee renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #eee;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #eee;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-029.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-029.xht
new file mode 100644
index 0000000000..82c77779d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-029.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with the maximum value of #fff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #fff renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #fff;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #fff;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-030.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-030.xht
new file mode 100644
index 0000000000..260ba20f0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-030.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with the maximum plus one value of #1000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-transparent-or-black-square-black.xht"/>
+ <link rel="match" href="../reference/ref-transparent-or-black-square-transparent.xht"/>
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to #1000 is a transparent dark red square." />
+ <style type="text/css">
+ div.test
+ {
+ border: 5px solid blue;
+ height: 1in;
+ width: 1in;
+ }
+ div.test div
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #1000;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black or transparent square surrounded by a blue border.</p>
+ <div class="test"><div></div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-031.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-031.xht
new file mode 100644
index 0000000000..7473b23a61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-031.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with the maximum plus one value of #ggg</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to #ggg falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #ggg;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-032.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-032.xht
new file mode 100644
index 0000000000..be58b93222
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-032.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with a red set to minimum plus one value, #100</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-032-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #100 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #100;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #100;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-033.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-033.xht
new file mode 100644
index 0000000000..4769d075b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-033.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with a red set to a nominal value, #900</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-010-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #900 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #900;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #900;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-034.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-034.xht
new file mode 100644
index 0000000000..f7a6214c4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-034.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with a red set to maximum minus one value, #e00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-034-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #e00 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #e00;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #e00;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-035.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-035.xht
new file mode 100644
index 0000000000..906a8fecc4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-035.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with a red set to the maximum value, #f00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #f00 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #f00;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #f00;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-036.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-036.xht
new file mode 100644
index 0000000000..d5e1636a48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-036.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with a red set to the maximum plus one value, #g00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to #g00 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #g00;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-037.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-037.xht
new file mode 100644
index 0000000000..72e4cf8e81
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-037.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with a green set to minimum plus one value, #010</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-037-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #010 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #010;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #010;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-038.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-038.xht
new file mode 100644
index 0000000000..be42ca45f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-038.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with a green set to a nominal value, #090</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-038-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #090 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #090;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #090;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-039.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-039.xht
new file mode 100644
index 0000000000..85ffdd2ad6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-039.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with a green set to maximum minus one value, #0e0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-039-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #0e0 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #0e0;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #0e0;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-040.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-040.xht
new file mode 100644
index 0000000000..75c8eedbef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-040.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with a green set to the maximum value, #0f0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #0f0 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #0f0;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #0f0;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-041.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-041.xht
new file mode 100644
index 0000000000..7747250d40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-041.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with a green set to the maximum plus one value, #0g0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to #0g0 falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #0g0;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-042.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-042.xht
new file mode 100644
index 0000000000..d8427077ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-042.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with a blue set to minimum plus one value, #001</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-042-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #001 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #001;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #001;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-043.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-043.xht
new file mode 100644
index 0000000000..e880ebe923
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-043.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with a blue set to a nominal value, #009</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-020-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #009 renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #009;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #009;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-044.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-044.xht
new file mode 100644
index 0000000000..e4777694d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-044.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with a blue set to maximum minus one value, #00e</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-044-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #00e renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #00e;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #00e;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-045.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-045.xht
new file mode 100644
index 0000000000..22781787d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-045.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with a blue set to the maximum value, #00f</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to #00f renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #00f;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: #00f;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-046.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-046.xht
new file mode 100644
index 0000000000..6cbb483aab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-046.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to hex with three digits with a blue set to the maximum plus one value, #00g</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to #00g falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: #00g;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-047.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-047.xht
new file mode 100644
index 0000000000..b8c46a7c39
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-047.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with the minimum minus one value, rgb(-1%, -1%, -1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to rgb(-1%, -1%, -1%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(-1%, -1%, -1%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-048.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-048.xht
new file mode 100644
index 0000000000..97fac87bcf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-048.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with the minimum value, rgb(0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-049.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-049.xht
new file mode 100644
index 0000000000..b2504d2f14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-049.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with the minimum plus one value, rgb(1%, 1%, 1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-049-ref.xht"/>
+ <meta name="assert" content="The 'border-top-color' set to rgb(1%, 1%, 1%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(1%, 1%, 1%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(1%, 1%, 1%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-050.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-050.xht
new file mode 100644
index 0000000000..864b6131f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-050.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with the minimum value and minus sign, rgb(-0%, -0%, -0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(-0%, -0%, -0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(-0%, -0%, -0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-051.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-051.xht
new file mode 100644
index 0000000000..ed5b7e59cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-051.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with the minimum value and plus sign, rgb(+0%, +0%, +0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(+0%, +0%, +0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(+0%, +0%, +0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-052.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-052.xht
new file mode 100644
index 0000000000..c762d23b09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-052.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with a nominal value, rgb(40%, 40%, 40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-052-ref.xht"/>
+ <meta name="assert" content="The 'border-top-color' set to rgb(40%, 40%, 40%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(40%, 40%, 40%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(40%, 40%, 40%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-053.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-053.xht
new file mode 100644
index 0000000000..df03a90f13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-053.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with a nominal value and a plus sign, rgb(+40%, +40%, +40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-052-ref.xht"/>
+ <meta name="assert" content="The 'border-top-color' set to rgb(+40%, +40%, +40%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(+40%, +40%, +40%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(40%, 40%, 40%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-054.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-054.xht
new file mode 100644
index 0000000000..26fabdbf1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-054.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with a maximum minus one value, rgb(99%, 99%, 99%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-054-ref.xht"/>
+ <meta name="assert" content="The 'border-top-color' set to rgb(99%, 99%, 99%) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(99%, 99%, 99%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(99%, 99%, 99%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-055.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-055.xht
new file mode 100644
index 0000000000..2e7d05c681
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-055.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with a maximum value, rgb(100%, 100%, 100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(100%, 100%, 100%) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(100%, 100%, 100%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(100%, 100%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-056.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-056.xht
new file mode 100644
index 0000000000..346f51e84a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-056.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with plus sign on each maximum value, rgb(+100%, +100%, +100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(+100%, +100%, +100%) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(+100%, +100%, +100%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(100%, 100%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-057.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-057.xht
new file mode 100644
index 0000000000..b4ddb791b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-057.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with a maximum plus one value, rgb(101%, 101%, 101%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to rgb(101%, 101%, 101%) truncates to a valid value." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(101%, 101%, 101%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(100%, 100%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-058.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-058.xht
new file mode 100644
index 0000000000..2a7a298844
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-058.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with the minimum minus one value, rgb(-1, -1, -1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to rgb(-1, -1, -1) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(-1, -1, -1);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-059.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-059.xht
new file mode 100644
index 0000000000..76244e57cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-059.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with the minimum value, rgb(0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-060.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-060.xht
new file mode 100644
index 0000000000..bfb3102972
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-060.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with the minimum plus one value, rgb(1, 1, 1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-003-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(1, 1, 1) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(1, 1, 1);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(1, 1, 1);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-061.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-061.xht
new file mode 100644
index 0000000000..40dd776384
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-061.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with the minimum value and minus sign, rgb(-0, -0, -0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(-0, -0, -0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(-0, -0, -0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-062.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-062.xht
new file mode 100644
index 0000000000..95994d2a70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-062.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with the minimum value and plus sign, rgb(+0, +0, +0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(+0, +0, +0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(+0, +0, +0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-063.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-063.xht
new file mode 100644
index 0000000000..c64dcdd633
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-063.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with a nominal value, rgb(128, 128, 128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-063-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(128, 128, 128) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(128, 128, 128);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(128, 128, 128);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-064.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-064.xht
new file mode 100644
index 0000000000..815ea1b166
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-064.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with a nominal value and a plus sign, rgb(+128, +128, +128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-063-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(+128, +128, +128) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(+128, +128, +128);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(128, 128, 128);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-065.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-065.xht
new file mode 100644
index 0000000000..1678fe4bc1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-065.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with a maximum minus one value, rgb(254, 254, 254)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(254, 254, 254) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(254, 254, 254);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(254, 254, 254);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-066.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-066.xht
new file mode 100644
index 0000000000..dbd5d20780
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-066.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with a maximum value, rgb(255, 255, 255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(255, 255, 255) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(255, 255, 255);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(255, 255, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-067.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-067.xht
new file mode 100644
index 0000000000..c1d7132065
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-067.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with a maximum value and a plus sign, rgb(+255, +255, +255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(+255, +255, +255) renders the correct color." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(+255, +255, +255);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(255, 255, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-068.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-068.xht
new file mode 100644
index 0000000000..e156363fce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-068.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with a maximum plus one value, rgb(256, 256, 256)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-006-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to rgb(256, 256, 256) truncates to a valid value." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(256, 256, 256);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(255, 255, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-069.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-069.xht
new file mode 100644
index 0000000000..16b97eb603
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-069.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with red set to the minimum minus one value, rgb(-1%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to rgb(-1%, 0%, 0%) falls back to the initial value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(-1%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-070.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-070.xht
new file mode 100644
index 0000000000..89af64ed46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-070.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with red set to the minimum plus one value, rgb(1%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-070-ref.xht"/>
+ <meta name="assert" content="The 'border-top-color' set to rgb(1%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(1%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(1%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-071.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-071.xht
new file mode 100644
index 0000000000..7702654314
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-071.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with red set to the minimum value and minus sign, rgb(-0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(-0%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(-0%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-072.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-072.xht
new file mode 100644
index 0000000000..5980426786
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-072.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with red set to the minimum value and plus sign, rgb(+0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(+0%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(+0%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-073.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-073.xht
new file mode 100644
index 0000000000..2cad35940d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-073.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with red set to a nominal value, rgb(40%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-073-ref.xht"/>
+ <meta name="assert" content="The 'border-top-color' set to rgb(40%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(40%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(40%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-074.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-074.xht
new file mode 100644
index 0000000000..1930873282
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-074.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with red set to a nominal value with a plus sign, rgb(+40%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-073-ref.xht"/>
+ <meta name="assert" content="The 'border-top-color' set to rgb(+40%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(+40%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(40%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-075.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-075.xht
new file mode 100644
index 0000000000..fe12a2630f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-075.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with red set to a maximum minus one value, rgb(99%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-075-ref.xht"/>
+ <meta name="assert" content="The 'border-top-color' set to rgb(99%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(99%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(99%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-076.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-076.xht
new file mode 100644
index 0000000000..7bcb581630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-076.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with red set to a maximum value, rgb(100%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(100%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(100%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(100%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-077.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-077.xht
new file mode 100644
index 0000000000..c0efd26700
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-077.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with red set to a maximum value with a plus sign, rgb(+100%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(+100%, 0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(+100%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(100%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-078.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-078.xht
new file mode 100644
index 0000000000..9e6751218e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-078.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with red set to a maximum plus one value, rgb(101%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to rgb(101%, 0%, 0%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(101%, 0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(100%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-079.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-079.xht
new file mode 100644
index 0000000000..13e29bb0f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-079.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with red set to the minimum minus one value, rgb(-1, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to rgb(-1, 0, 0) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(-1, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-080.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-080.xht
new file mode 100644
index 0000000000..d623aa5cbb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-080.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with red set to the minimum plus one value, rgb(1, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-009-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(1, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(1, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(1, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-081.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-081.xht
new file mode 100644
index 0000000000..4fa97584f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-081.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with red set to the minimum value with a minus sign, rgb(-0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(-0, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(-0, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-082.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-082.xht
new file mode 100644
index 0000000000..9e31b55dda
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-082.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with red set to the minimum value with a plus sign, rgb(+0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(+0, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(+0, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-083.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-083.xht
new file mode 100644
index 0000000000..ef43650712
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-083.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with red set to a nominal value, rgb(128, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-083-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(128, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(128, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(128, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-084.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-084.xht
new file mode 100644
index 0000000000..0a0ebf0605
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-084.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with red set to a nominal value with a plus sign, rgb(+128, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-083-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(+128, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(+128, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(128, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-085.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-085.xht
new file mode 100644
index 0000000000..a9946411c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-085.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with red set to a maximum minus one value, rgb(254, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-011-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(254, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(254, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(254, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-086.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-086.xht
new file mode 100644
index 0000000000..8ccb35d35e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-086.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with red set to a maximum value, rgb(255, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(255, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(255, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(255, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-087.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-087.xht
new file mode 100644
index 0000000000..64212bda34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-087.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with red set to a maximum value with a plus sign, rgb(+255, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(+255, 0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(+255, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(255, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-088.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-088.xht
new file mode 100644
index 0000000000..d8d06a41ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-088.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with red set to a maximum plus one value, rgb(256, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to rgb(256, 0, 0) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(256, 0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(255, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-089.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-089.xht
new file mode 100644
index 0000000000..78e7a186ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-089.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with green set to the minimum minus one value, rgb(0%, -1%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, -1%, 0%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, -1%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-090.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-090.xht
new file mode 100644
index 0000000000..fe013a42cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-090.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with green set to the minimum plus one value, rgb(0%, 1%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-090-ref.xht"/>
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, 1%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, 1%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 1%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-091.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-091.xht
new file mode 100644
index 0000000000..b590c99bfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-091.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with green set to the minimum value and minus sign, rgb(0%, -0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, -0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, -0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-092.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-092.xht
new file mode 100644
index 0000000000..2b065a1421
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-092.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with green set to the minimum value and plus sign, rgb(0%, +0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, +0%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, +0%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-093.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-093.xht
new file mode 100644
index 0000000000..62793e3588
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-093.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with green set to a nominal value, rgb(0%, 40%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-093-ref.xht"/>
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, 40%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, 40%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 40%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-094.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-094.xht
new file mode 100644
index 0000000000..abdaab867a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-094.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with green set to a nominal value with a plus sign, rgb(0%, +40%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-093-ref.xht"/>
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, +40%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, +40%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 40%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-095.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-095.xht
new file mode 100644
index 0000000000..3e506b7f4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-095.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with green set to a maximum minus one value, rgb(0%, 99%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-095-ref.xht"/>
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, 99%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, 99%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 99%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-096.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-096.xht
new file mode 100644
index 0000000000..d404742575
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-096.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with green set to a maximum value, rgb(0%, 100%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, 100%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, 100%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 100%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-097.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-097.xht
new file mode 100644
index 0000000000..c9522e10c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-097.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with green set to a maximum value with a plus sign, rgb(0%, +100%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, +100%, 0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, +100%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 100%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-098.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-098.xht
new file mode 100644
index 0000000000..6e338aa63b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-098.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with green set to a maximum plus one value, rgb(0%, 101%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, 101%, 0%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, 101%, 0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 100%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-099.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-099.xht
new file mode 100644
index 0000000000..0b293b1786
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-099.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with green set to the minimum minus one value, rgb(0, -1, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to rgb(-1, 0, 0) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, -1, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-100.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-100.xht
new file mode 100644
index 0000000000..15a5c0db3b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-100.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with green set to the minimum plus one value, rgb(0, 1, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-100-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, 1, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, 1, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 1, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-101.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-101.xht
new file mode 100644
index 0000000000..3c177a1eff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-101.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with green set to the minimum value with a minus sign, rgb(0, -0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, -0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, -0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-102.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-102.xht
new file mode 100644
index 0000000000..d47febcc06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-102.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with green set to the minimum value with a plus sign, rgb(0, +0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, +0, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, +0, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-103.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-103.xht
new file mode 100644
index 0000000000..0c5ca240b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-103.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with green set to a nominal value, rgb(0, 128, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-103-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, 128, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, 128, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 128, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-104.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-104.xht
new file mode 100644
index 0000000000..eece759417
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-104.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with green set to a nominal value with a plus sign, rgb(0, +128, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-103-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, +128, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, +128, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 128, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-105.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-105.xht
new file mode 100644
index 0000000000..15d8940946
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-105.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with green set to a maximum minus one value, rgb(0, 254, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-016-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, 254, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, 254, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 254, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-106.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-106.xht
new file mode 100644
index 0000000000..a5ecaab7d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-106.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with green set to a maximum value, rgb(0, 255, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, 255, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, 255, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 255, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-107.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-107.xht
new file mode 100644
index 0000000000..06997f0fc5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-107.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with green set to a maximum value with a plus sign, rgb(0, +255, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, +255, 0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, +255, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 255, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-108.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-108.xht
new file mode 100644
index 0000000000..cc32b636cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-108.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with green set to a maximum plus one value, rgb(0, 256 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-017-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, 256, 0) properly truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, 256, 0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 255, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-109.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-109.xht
new file mode 100644
index 0000000000..1652b30d6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-109.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with blue set to the minimum minus one value, rgb(0%, 0%, -1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, 0%, -1%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, 0%, -1%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-110.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-110.xht
new file mode 100644
index 0000000000..e9b0dc220a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-110.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with blue set to the minimum plus one value, rgb(0%, 0%, 1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-110-ref.xht"/>
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, 0%, 1%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, 0%, 1%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 1%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-111.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-111.xht
new file mode 100644
index 0000000000..a0dcfe07b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-111.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with blue set to the minimum value and minus sign, rgb(0%, 0%, -0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, 0%, -0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, 0%, -0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-112.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-112.xht
new file mode 100644
index 0000000000..5270285044
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-112.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with blue set to the minimum value and plus sign, rgb(0%, 0%, +0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, 0%, +0%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, 0%, +0%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-113.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-113.xht
new file mode 100644
index 0000000000..fe70f535d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-113.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with blue set to a nominal value, rgb(0%, 0%, 40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-113-ref.xht"/>
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, 0%, 40%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, 0%, 40%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 40%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-114.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-114.xht
new file mode 100644
index 0000000000..4983c20b9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-114.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with blue set to a nominal value with a plus sign, rgb(0%, 0%, +40%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-113-ref.xht"/>
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, 0%, +40%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, 0%, +40%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 40%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-115.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-115.xht
new file mode 100644
index 0000000000..a81edd4a19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-115.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with blue set to a maximum minus one value, rgb(0%, 0%, 99%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-115-ref.xht"/>
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, 0%, 99%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, 0%, 99%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 99%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-116.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-116.xht
new file mode 100644
index 0000000000..056b3d948f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-116.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with blue set to a maximum value, rgb(0%, 0%, 100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, 0%, 100%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, 0%, 100%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-117.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-117.xht
new file mode 100644
index 0000000000..64a0a73a81
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-117.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with blue set to a maximum value with a plus sign, rgb(0%, 0%, +100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, 0%, +100%) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, 0%, +100%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-118.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-118.xht
new file mode 100644
index 0000000000..ac5a7c6d68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-118.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using percentages with blue set to a maximum plus one value, rgb(0%, 0%, 101%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to rgb(0%, 0%, 101%) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0%, 0%, 101%);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 100%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-119.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-119.xht
new file mode 100644
index 0000000000..301c61535d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-119.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with blue set to the minimum minus one value, rgb(0, 0, -1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, 0, -1) truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, 0, -1);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-120.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-120.xht
new file mode 100644
index 0000000000..a39c1f0563
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-120.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with blue set to the minimum plus one value, rgb(0, 0, 1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-019-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, 0, 1) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, 0, 1);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 1);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-121.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-121.xht
new file mode 100644
index 0000000000..6777c26c02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-121.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with blue set to the minimum value with a minus sign, rgb(0, 0, -0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, 0, -0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, 0, -0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-122.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-122.xht
new file mode 100644
index 0000000000..fb58975cac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-122.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with blue set to the minimum value with a plus sign, rgb(0, 0, +0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, 0, +0) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, 0, +0);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-123.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-123.xht
new file mode 100644
index 0000000000..0bc975a10c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-123.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with blue set to a nominal value, rgb(0, 0, 128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-123-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, 0, 128) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, 0, 128);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 128);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-124.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-124.xht
new file mode 100644
index 0000000000..904193d044
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-124.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with blue set to a nominal value with a plus sign, rgb(0, 0, +128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-123-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, 0, +128) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, 0, +128);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 128);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-125.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-125.xht
new file mode 100644
index 0000000000..a3d4dcd144
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-125.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with blue set to a maximum minus one value, rgb(0, 0, 254)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-021-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, 0, 254) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, 0, 254);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 254);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-126.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-126.xht
new file mode 100644
index 0000000000..a4ce60bac7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-126.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with blue set to a maximum value, rgb(0, 0, 255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, 0, 255) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, 0, 255);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-127.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-127.xht
new file mode 100644
index 0000000000..e2962c0b04
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-127.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with blue set to a maximum value with a plus sign, rgb(0, 0, +255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, 0, +255) renders the correct color." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, 0, +255);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-128.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-128.xht
new file mode 100644
index 0000000000..5c6506c989
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-128.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to rgb() using integers with blue set to a maximum plus one value, rgb(0, 0, 256)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-022-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-color' set to rgb(0, 0, 256) properly truncates to a valid value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: rgb(0, 0, 256);
+ height: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 255);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-129.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-129.xht
new file mode 100644
index 0000000000..d83c31d03c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-129.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to aqua</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-129-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to aqua causes the border-top-color of the box to be aqua." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: aqua;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: aqua;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-130.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-130.xht
new file mode 100644
index 0000000000..467b4117ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-130.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to black</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to black causes the border-top-color of the box to be black." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: black;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-131.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-131.xht
new file mode 100644
index 0000000000..fd43bab627
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-131.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to blue</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-131-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to blue causes the border-top-color of the box to be blue." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: blue;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: blue;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-132.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-132.xht
new file mode 100644
index 0000000000..dabc5cc564
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-132.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to fuchsia</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-132-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to fuchsia causes the border-top-color of the box to be fuchsia." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: fuchsia;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: fuchsia;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-133.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-133.xht
new file mode 100644
index 0000000000..3ede926a92
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-133.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to gray</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-133-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to gray causes the border-top-color of the box to be gray." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: gray;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: gray;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-134.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-134.xht
new file mode 100644
index 0000000000..32586f2eff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-134.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to green</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-134-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to green causes the background of the box to be green." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: green;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: green;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-135.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-135.xht
new file mode 100644
index 0000000000..44b64f6346
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-135.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to lime</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-135-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to lime causes the border-top-color of the box to be lime." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: lime;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: lime;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-136.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-136.xht
new file mode 100644
index 0000000000..5e03740f46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-136.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to maroon</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-136-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to maroon causes the border-top-color of the box to be maroon." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: maroon;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: maroon;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-137.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-137.xht
new file mode 100644
index 0000000000..175ca69e95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-137.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to navy</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-137-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to navy causes the border-top-color of the box to be navy." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: navy;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: navy;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-138.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-138.xht
new file mode 100644
index 0000000000..853b02e354
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-138.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to olive</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-138-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to olive causes the border-top-color of the box to be olive." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: olive;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: olive;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-139.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-139.xht
new file mode 100644
index 0000000000..b78baedf5a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-139.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to orange</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-139-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to orange causes the border-top-color of the box to be orange." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: orange;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: orange;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-140.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-140.xht
new file mode 100644
index 0000000000..d738cfc446
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-140.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to purple</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-140-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to purple causes the border-top-color of the box to be purple." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: purple;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: purple;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-141.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-141.xht
new file mode 100644
index 0000000000..6b9d0339de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-141.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to red</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-141-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to red causes the border-top-color of the box to be red." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: red;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: red;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-142.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-142.xht
new file mode 100644
index 0000000000..ba90093fd9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-142.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to silver</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-142-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to silver causes the border-top-color of the box to be silver." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: silver;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: silver;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-143.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-143.xht
new file mode 100644
index 0000000000..a6b9a3901f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-143.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to teal</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-143-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to teal causes the border-top-color of the box to be teal." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: teal;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: teal;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-144.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-144.xht
new file mode 100644
index 0000000000..589c6c4667
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-144.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to white</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-144-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to white causes the border-top-color of the box to be white." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ }
+ p
+ {
+ color: white;
+ }
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: white;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: white;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-145.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-145.xht
new file mode 100644
index 0000000000..04f2aea55c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-145.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to yellow</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-color-145-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to yellow causes the border-top-color of the box to be yellow." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ border-top-color: yellow;
+ height: 0;
+ }
+ #reference
+ {
+ background-color: yellow;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same color.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-174.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-174.xht
new file mode 100644
index 0000000000..fa51cad841
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-174.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to transparent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to transparent properly renders a border with no visible color." />
+ <style type="text/css">
+ #wrapper
+ {
+ background-color: green;
+ width: 100px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 100px;
+ border-top-color: red;
+ border-top-color: transparent;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-175.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-175.xht
new file mode 100644
index 0000000000..61bc99e16a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-175.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color set to inherit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The 'border-top-color' set to inherit causes the 'border-top-color' of the element to be the same as the 'border-top-color' designated on the parent element." />
+ <style type="text/css">
+ body
+ {
+ border-top-color: green;
+ }
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 100px;
+ border-top-color: red;
+ border-top-color: inherit;
+ height: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-001.xht
new file mode 100644
index 0000000000..1baa664f42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-001.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-top-width: 3px;
+ border-top-style: solid;
+ border-top-color: green;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-002.xht
new file mode 100644
index 0000000000..438ddfa73a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-002.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-top-width: 3px;
+ border-top-style: solid;
+ border-top-color: green;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-003.xht
new file mode 100644
index 0000000000..4fa1619c69
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-003.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-top-width: 3px;
+ border-top-style: solid;
+ border-top-color: green;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-004.xht
new file mode 100644
index 0000000000..6d6f28ab6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-004.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-top-width: 3px;
+ border-top-style: solid;
+ border-top-color: green;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="test">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-005.xht
new file mode 100644
index 0000000000..b31cab2c16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-005.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' property applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-top-width: 3px;
+ border-top-style: solid;
+ border-top-color: green;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="test"><div class="column"></div><div class="column"></div></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-006.xht
new file mode 100644
index 0000000000..72901342b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-006.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' property applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-top-width: 3px;
+ border-top-style: solid;
+ border-top-color: green;
+ display: table-column;
+ width: 1in;
+ }
+
+ .column
+ {
+ display: table-column;
+ }
+
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 2in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="test"></div><div class="column"></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-007.xht
new file mode 100644
index 0000000000..502b5c5ad5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-007.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-top-width: 3px;
+ border-top-style: solid;
+ border-top-color: green;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-008.xht
new file mode 100644
index 0000000000..38ddf9085c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-008.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="The 'border-top-color' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-color: green;
+ display: inline;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div>&nbsp;&nbsp;&nbsp;&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-009.xht
new file mode 100644
index 0000000000..6c0a8cb977
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-009.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-top-width: 3px;
+ border-top-style: solid;
+ border-top-color: green;
+ display: block;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-010.xht
new file mode 100644
index 0000000000..22a58ea039
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-010.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="The 'border-top-color' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-top-color: green;
+ border-top-style: solid;
+ display: list-item;
+ margin-left: 50px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line and a marker bullet on its left-hand side. (Note the marker bullet does not need to be aligned vertically to any specific position.)</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-012.xht
new file mode 100644
index 0000000000..1fa27005d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-012.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="The 'border-top-color' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ border-top-width: 3px;
+ border-top-style: solid;
+ border-top-color: green;
+ display: inline-block;
+ vertical-align: top;
+ width: 1in;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-013.xht
new file mode 100644
index 0000000000..dc6c81ea37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-013.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' property applies to elements with a display of table." />
+ <style type="text/css">
+ #table
+ {
+ border-top-width: 3px;
+ border-top-style: solid;
+ border-top-color: green;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-014.xht
new file mode 100644
index 0000000000..5d097f7f80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-014.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <meta name="assert" content="The 'border-top-color' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #table
+ {
+ border-top-width: 3px;
+ border-top-style: solid;
+ border-top-color: green;
+ display: inline-table;
+ table-layout: fixed;
+ vertical-align: top;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-015.xht
new file mode 100644
index 0000000000..d8a728ab3b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-color-applies-to-015.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-color applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
+ <link rel="match" href="border-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-color' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-top-width: 3px;
+ border-top-style: solid;
+ border-top-color: green;
+ display: table-caption;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal green line.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-001.xht
new file mode 100644
index 0000000000..885ae7a034
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+
+ <meta name="assert" content="The 'border-top-style' property set to 'none' does not render any border for an element." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: none;
+ border-top-width: 3px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-002.xht
new file mode 100644
index 0000000000..164d479fd9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style set to 'hidden'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+
+ <meta name="assert" content="The 'border-top-style' property set to 'hidden' computes to 'none' and does not render any border for non-table elements." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-style: hidden;
+ border-top-width: 3px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-003.xht
new file mode 100644
index 0000000000..f1e133620a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style set to 'dotted'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' set to 'dotted' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: dotted;
+ border-top-width: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-004.xht
new file mode 100644
index 0000000000..41986bfa73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style set to 'dashed'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' set to 'dashed' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: dashed;
+ border-top-width: 3px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-005.xht
new file mode 100644
index 0000000000..454e8f6371
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-005.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style set to 'solid'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <link rel="match" href="border-bottom-style-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-style' set to 'solid' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 3px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a solid black line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-006.xht
new file mode 100644
index 0000000000..3173fa6c84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-006.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style set to 'double'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' set to 'double' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: double;
+ border-top-width: 9px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a double line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-007.xht
new file mode 100644
index 0000000000..698487d111
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-007.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style set to 'groove'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' set to 'groove' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-top-color: green;
+ border-top-style: groove;
+ border-top-width: 12px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is solid green or shades of green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-008.xht
new file mode 100644
index 0000000000..6505547622
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style set to 'ridge'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' set to 'ridge' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-top-color: green;
+ border-top-style: ridge;
+ border-top-width: 12px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is solid green or shades of green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-009.xht
new file mode 100644
index 0000000000..da1e6e31b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-009.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style set to 'inset'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' set to 'inset' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: inset;
+ border-top-color: green;
+ border-top-width: 12px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is solid green or shades of green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-010.xht
new file mode 100644
index 0000000000..5d8b7a8d1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-010.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style set to 'outset'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' set to 'outset' renders the proper line style for the border." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: outset;
+ border-top-color: green;
+ border-top-width: 12px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is solid green or shades of green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-011.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-011.xht
new file mode 100644
index 0000000000..d3eed4943c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-011.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' property set to 'inherit' properly applies the value from the parent's 'border-top-style' property value." />
+ <style type="text/css">
+ body
+ {
+ border-top-style: dotted;
+ border-top-width: 0;
+ }
+ div
+ {
+ border-top-style: inherit;
+ border-top-color: green;
+ border-top-width: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-001.xht
new file mode 100644
index 0000000000..60e3f7b6a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-001.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-top-style: dashed;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal dashed line.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-002.xht
new file mode 100644
index 0000000000..7513f76363
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-002.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-top-style: dashed;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal dashed line.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-003.xht
new file mode 100644
index 0000000000..990c25a089
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-003.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-top-style: dashed;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal dashed line.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-004.xht
new file mode 100644
index 0000000000..9bea71522f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-004.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-top-style: dashed;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal dashed line.</p>
+ <div id="table">
+ <div id="test">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-005.xht
new file mode 100644
index 0000000000..8d4f8e5120
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-005.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' property applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-top-style: dashed;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal dashed line.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-006.xht
new file mode 100644
index 0000000000..28f03018b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-006.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' property applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-top-style: dashed;
+ display: table-column;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal dashed line.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-007.xht
new file mode 100644
index 0000000000..6bce2b295e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-007.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-top-style: dashed;
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal dashed line.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-008.xht
new file mode 100644
index 0000000000..5ad847fe46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: dashed;
+ display: inline;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal dashed line.</p>
+ <div>&nbsp;&nbsp;&nbsp;&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-009.xht
new file mode 100644
index 0000000000..82d7ec9917
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-009.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-top-style: dashed;
+ display: block;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal dashed line.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-010.xht
new file mode 100644
index 0000000000..954477dd7f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-010.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: dashed;
+ display: list-item;
+ margin-left: 50px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal dashed line and a marker bullet on its left-hand side. (Note the marker bullet does not need to be aligned vertically to any specific position.)</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-012.xht
new file mode 100644
index 0000000000..92f4790987
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-012.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: dashed;
+ display: inline-block;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal dashed line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-013.xht
new file mode 100644
index 0000000000..fea05d0e5c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-013.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' property applies to elements with a display of table." />
+ <style type="text/css">
+ #table
+ {
+ border-top-style: dashed;
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal dashed line.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-014.xht
new file mode 100644
index 0000000000..8df5a72242
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-014.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #table
+ {
+ border-top-style: dashed;
+ display: inline-table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal dashed line.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-015.xht
new file mode 100644
index 0000000000..ad321d1c61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-style-applies-to-015.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-style applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'border-top-style' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-top-style: dashed;
+ display: table-caption;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short horizontal dashed line.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-001-ref.xht
new file mode 100644
index 0000000000..00ce63c626
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-001-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border-bottom: black solid medium;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide horizontal black line.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-001.xht
new file mode 100644
index 0000000000..6cc8fe1849
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using pixels with a minimum minus one (negative) value, -1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-top-width-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-width' property does not support a negative length value in pixels and resets to the initial value." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: -1px;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide horizontal black line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-002.xht
new file mode 100644
index 0000000000..c047d4456b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using pixels with a minimum value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in pixels that sets the width of the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 0px;
+ border-top-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-003.xht
new file mode 100644
index 0000000000..158d36cd02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-003.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using pixels with a minimum plus one value, 1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-003-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum plus one length value in pixels that sets the width of the top border." />
+ <style type="text/css">
+ #wrapper
+ {
+ background: red;
+ height: 1px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1px;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide and thin horizontal black line and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-004.xht
new file mode 100644
index 0000000000..109610dee8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-004.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using pixels with a minimum value with a minus sign, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in pixels that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: -0px;
+ border-top-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-005.xht
new file mode 100644
index 0000000000..ae191f7290
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using pixels with a minimum value with a plus sign, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in pixels that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: +0px;
+ border-top-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-006.xht
new file mode 100644
index 0000000000..2722da7a5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-006.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="flags" content="96dpi" />
+ <meta name="assert" content="The 'border-top-width' property supports a nominal length value in pixels that sets the width of the top border." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 96px;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-007.xht
new file mode 100644
index 0000000000..8f7175fc2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using pixels with a nominal value with a plus sign, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="flags" content="96dpi" />
+ <meta name="assert" content="The 'border-top-width' property supports a nominal length value in pixels that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: +96px;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-012-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-012-ref.xht
new file mode 100644
index 0000000000..5b8bf2a0b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-012-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ span {border-top: black solid medium;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if all the "Filler Text" have 2 black lines over them with the <strong>same thickness</strong>.</p>
+
+ <div><span>Filler Text Filler Text Filler Text</span> <span>Filler Text Filler Text Filler Text</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-012.xht
new file mode 100644
index 0000000000..d177de1502
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-012.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using points with a minimum minus one (negative) value, -1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-top-width-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-width' property does not support a negative length value in points and resets to the initial value." />
+ <style type="text/css">
+ span
+ {
+ border-top-style: solid;
+ }
+ #span1
+ {
+ border-top-width: -1pt;
+ }
+ #span2
+ {
+ border-top-width: medium;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the "Filler Text" have 2 black lines over them with the <strong>same thickness</strong>.</p>
+ <div>
+ <span id="span1">Filler Text Filler Text Filler Text</span> <span id="span2">Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-013.xht
new file mode 100644
index 0000000000..e6d534c5c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-013.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using points with a minimum value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in points that sets the width of the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 0pt;
+ border-top-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-014.xht
new file mode 100644
index 0000000000..a8ba57f618
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-014.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using points with a minimum plus one value, 1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-top-width' property supports a minimum plus one length value in points that sets the width of the top border." />
+ <style type="text/css">
+ #wrapper
+ {
+ background: red;
+ height: 1pt;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1pt;
+ height: 0;
+ }
+ p
+ {
+ height: 40px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide horizontal black line and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-015.xht
new file mode 100644
index 0000000000..f07fa5289e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-015.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using points with a minimum value with a minus sign, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in points that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: -0pt;
+ border-top-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-016.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-016.xht
new file mode 100644
index 0000000000..5cd607d791
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-016.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using points with a minimum value with a plus sign, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in points that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: +0pt;
+ border-top-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-017.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-017.xht
new file mode 100644
index 0000000000..1cc81279d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-017.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a nominal length value in points that sets the width of the top border." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 72pt;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-018.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-018.xht
new file mode 100644
index 0000000000..c4b1a9f2a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-018.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using points with a nominal value with a plus sign, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a nominal length value in points that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: +72pt;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-023.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-023.xht
new file mode 100644
index 0000000000..7576bc0113
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-023.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using picas with a minimum minus one (negative) value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-top-width-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-width' property does not support a negative length value in picas and resets to the initial value." />
+ <style type="text/css">
+ span
+ {
+ border-top-style: solid;
+ }
+ #span1
+ {
+ border-top-width: -1pc;
+ }
+ #span2
+ {
+ border-top-width: medium;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the "Filler Text" have 2 black lines over them with the <strong>same thickness</strong>.</p>
+ <div>
+ <span id="span1">Filler Text Filler Text Filler Text</span> <span id="span2">Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-024.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-024.xht
new file mode 100644
index 0000000000..2a2f338fdd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-024.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using picas with a minimum value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in picas that sets the width of the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 0pc;
+ border-top-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-025.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-025.xht
new file mode 100644
index 0000000000..8640c00db1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-025.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using picas with a minimum plus one value, 1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-025-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum plus one length value in picas that sets the width of the top border." />
+ <style type="text/css">
+ #div1
+ {
+ background: red;
+ height: 1pc;
+ }
+ div div
+ {
+ border-top-style: solid;
+ border-top-width: 1pc;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black stripe and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-026.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-026.xht
new file mode 100644
index 0000000000..9961cf06a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-026.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using picas with a minimum value with a minus sign, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in picas that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: -0pc;
+ border-top-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-027.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-027.xht
new file mode 100644
index 0000000000..51ea2aa1f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-027.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using picas with a minimum value with a plus sign, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in picas that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: +0pc;
+ border-top-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-028.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-028.xht
new file mode 100644
index 0000000000..164b29f24d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-028.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a nominal length value in picas that sets the width of the top border." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 6pc;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-029.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-029.xht
new file mode 100644
index 0000000000..04a68e82c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-029.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using picas with a nominal value with a plus sign, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a nominal length value in picas that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: +6pc;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-034.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-034.xht
new file mode 100644
index 0000000000..6afc210e3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-034.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using centimeters with a minimum minus one (negative) value, -1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-top-width-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-width' property does not support a negative length value in centimeters and resets to the initial value." />
+ <style type="text/css">
+ span
+ {
+ border-top-style: solid;
+ }
+ #span1
+ {
+ border-top-width: -1cm;
+ }
+ #span2
+ {
+ border-top-width: medium;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the "Filler Text" have 2 black lines over them with the <strong>same thickness</strong>.</p>
+ <div>
+ <span id="span1">Filler Text Filler Text Filler Text</span> <span id="span2">Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-035.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-035.xht
new file mode 100644
index 0000000000..22d6f88f9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-035.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using centimeters with a minimum value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in centimeters that sets the width of the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 0cm;
+ border-top-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-036.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-036.xht
new file mode 100644
index 0000000000..a1f6f989ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-036.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using centimeters with a minimum plus one value, 1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-top-width' property supports a minimum plus one length value in centimeters that sets the width of the top border." />
+ <style type="text/css">
+ div
+ {
+ width: 50px;
+ }
+ .ref1, .ref2
+ {
+ position: absolute;
+ }
+ .ref1
+ {
+ background: red;
+ height: 37px;
+ z-index: -1;
+ }
+ .ref2
+ {
+ background: green;
+ height: 38px;
+ }
+ .test1, .test2
+ {
+ border-top-style: solid;
+ border-top-width: 1cm;
+ height: 0;
+ }
+ .test1
+ {
+ border-top-color: green;
+ }
+ .test2
+ {
+ border-top-color: red;
+ }
+ #parent
+ {
+ background: red;
+ height: 75px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green box rectangle and <strong>no red</strong>.</p>
+ <div id="parent">
+ <div class="ref1"></div>
+ <div class="test1"></div>
+ <div class="ref2"></div>
+ <div class="test2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-037.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-037.xht
new file mode 100644
index 0000000000..45f93b0437
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-037.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using centimeters with a minimum value with a minus sign, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in centimeters that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: -0cm;
+ border-top-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-038.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-038.xht
new file mode 100644
index 0000000000..73da8659d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-038.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using centimeters with a minimum value with a plus sign, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in centimeters that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: +0cm;
+ border-top-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-039.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-039.xht
new file mode 100644
index 0000000000..5517d11ac8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-039.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a nominal length value in centimeters that sets the width of the top border." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 2.54cm;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-040.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-040.xht
new file mode 100644
index 0000000000..7a31c3ff83
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-040.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using centimeters with a nominal value with a plus sign, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a nominal length value in centimeters that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: +2.54cm;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-045.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-045.xht
new file mode 100644
index 0000000000..7b74a3765d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-045.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using millimeters with a minimum minus one (negative) value, -1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-top-width-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-width' property does not support a negative length value in millimeters and resets to the initial value." />
+ <style type="text/css">
+ span
+ {
+ border-top-style: solid;
+ }
+ #span1
+ {
+ border-top-width: -1mm;
+ }
+ #span2
+ {
+ border-top-width: medium;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the "Filler Text" have 2 black lines over them with the <strong>same thickness</strong>.</p>
+ <div>
+ <span id="span1">Filler Text Filler Text Filler Text</span> <span id="span2">Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-046.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-046.xht
new file mode 100644
index 0000000000..58fda27650
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-046.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using millimeters with a minimum value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in millimeters that sets the width of the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 0mm;
+ border-top-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-047.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-047.xht
new file mode 100644
index 0000000000..2296736f2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-047.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using millimeters with a minimum plus one value, 1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-top-width' property supports a minimum plus one length value in millimeters that sets the width of the top border." />
+ <style type="text/css">
+ div
+ {
+ width: 50px;
+ }
+ .ref1, .ref2
+ {
+ position: absolute;
+ }
+ .ref1
+ {
+ background: red;
+ height: 3px;
+ z-index: -1;
+ }
+ .ref2
+ {
+ background: green;
+ height: 4px;
+ }
+ .test1, .test2
+ {
+ border-top-style: solid;
+ border-top-width: 1mm;
+ height: 0;
+ }
+ .test1
+ {
+ border-top-color: green;
+ }
+ .test2
+ {
+ border-top-color: red;
+ }
+ #parent
+ {
+ background: red;
+ height: 7px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short green line and <strong>no red</strong>.</p>
+ <div id="parent">
+ <div class="ref1"></div>
+ <div class="test1"></div>
+ <div class="ref2"></div>
+ <div class="test2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-048.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-048.xht
new file mode 100644
index 0000000000..85f1cb6f29
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-048.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using millimeters with a minimum value with a minus sign, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in millimeters that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: -0mm;
+ border-top-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-049.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-049.xht
new file mode 100644
index 0000000000..5b874c9b00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-049.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using millimeters with a minimum value with a plus sign, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in millimeters that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: +0mm;
+ border-top-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-050.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-050.xht
new file mode 100644
index 0000000000..f5e4da2aad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-050.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a nominal length value in millimeters that sets the width of the top border." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 25.4mm;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-051.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-051.xht
new file mode 100644
index 0000000000..9a47c31afe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-051.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using millimeters with a nominal value with a plus sign, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a nominal length value in millimeters that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: +25.4mm;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-056.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-056.xht
new file mode 100644
index 0000000000..0c1350e24a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-056.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using inches with a minimum minus one (negative) value, -1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-top-width-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-width' property does not support a negative length value in inches and resets to the initial value." />
+ <style type="text/css">
+ span
+ {
+ border-top-style: solid;
+ }
+ #span1
+ {
+ border-top-width: -1in;
+ }
+ #span2
+ {
+ border-top-width: medium;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the "Filler Text" have 2 black lines over them with the <strong>same thickness</strong>.</p>
+ <div>
+ <span id="span1">Filler Text Filler Text Filler Text</span> <span id="span2">Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-057.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-057.xht
new file mode 100644
index 0000000000..eb28cd026e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-057.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using inches with a minimum value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in inches that sets the width of the top border." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 0in;
+ border-top-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-058.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-058.xht
new file mode 100644
index 0000000000..86ecc12008
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-058.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using inches with a minimum plus one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-058-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum plus one length value in inches that sets the width of the top border." />
+ <style type="text/css">
+ #wrapper
+ {
+ background: red;
+ height: 1in;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide filled black rectangle and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-059.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-059.xht
new file mode 100644
index 0000000000..eb9e327c1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-059.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using inches with a minimum value with a minus sign, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in inches that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: -0in;
+ border-top-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-060.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-060.xht
new file mode 100644
index 0000000000..8992a73014
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-060.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using inches with a minimum value with a plus sign, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in inches that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: +0in;
+ border-top-color: red;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-061.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-061.xht
new file mode 100644
index 0000000000..8fbec41cf1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-061.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using inches with a nominal value, 3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-061-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a nominal length value in inches that sets the width of the top border." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 3in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black rectangles have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-062.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-062.xht
new file mode 100644
index 0000000000..b0b8362a4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-062.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using inches with a nominal value with a plus sign, +3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-061-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a nominal length value in inches that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 3in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: +3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black rectangles have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-067.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-067.xht
new file mode 100644
index 0000000000..f375f52a7f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-067.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using 'em' units with a minimum minus one (negative) value, -1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-top-width-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-width' property does not support a negative length value in 'em' units and resets to the initial value." />
+ <style type="text/css">
+ span
+ {
+ border-top-style: solid;
+ }
+ #span1
+ {
+ border-top-width: -1em;
+ }
+ #span2
+ {
+ border-top-width: medium;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the "Filler Text" have 2 black lines over them with the <strong>same thickness</strong>.</p>
+ <div>
+ <span id="span1">Filler Text Filler Text Filler Text</span> <span id="span2">Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-068.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-068.xht
new file mode 100644
index 0000000000..b18b7a6cf8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-068.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using 'em' units with a minimum value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in 'em' units that sets the width of the top border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 0em;
+ border-top-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-069.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-069.xht
new file mode 100644
index 0000000000..467a007bbd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-069.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using 'em' units with a minimum plus one value, 1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-069-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-top-width' property supports a minimum plus one length value in 'em' units that sets the width of the top border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #wrapper
+ {
+ background: red;
+ height: 1em;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1em;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black stripe and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-070.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-070.xht
new file mode 100644
index 0000000000..c95c21b184
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-070.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using 'em' units with a minimum value with a minus sign, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in 'em' units that that has a minus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: -0em;
+ border-top-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-071.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-071.xht
new file mode 100644
index 0000000000..ba054b8e5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-071.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using 'em' units with a minimum value with a plus sign, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in 'em' units that that has a plus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: +0em;
+ border-top-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-072.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-072.xht
new file mode 100644
index 0000000000..775723c093
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-072.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-top-width' property supports a nominal length value in 'em' units that sets the width of the top border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ font: 20px/1 Ahem;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 120px;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 6em;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black rectangles have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-073.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-073.xht
new file mode 100644
index 0000000000..36c44298ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-073.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using 'em' units with a nominal value with a plus sign, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-top-width' property supports a nominal length value in 'em' units that has a plus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ font: 20px/1 Ahem;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 120px;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: +6em;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black rectangles have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-078.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-078.xht
new file mode 100644
index 0000000000..fadd6aef64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-078.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using 'ex' units with a minimum minus one (negative) value, -1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-top-width-012-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-top-width' property does not support a negative length value in 'ex' units and resets to the initial value." />
+ <style type="text/css">
+ span
+ {
+ border-top-style: solid;
+ }
+ #span1
+ {
+ border-top-width: -1ex;
+ }
+ #span2
+ {
+ border-top-width: medium;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the "Filler Text" have 2 black lines over them with the <strong>same thickness</strong>.</p>
+ <div>
+ <span id="span1">Filler Text Filler Text Filler Text</span> <span id="span2">Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-079.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-079.xht
new file mode 100644
index 0000000000..325957d230
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-079.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using 'ex' units with a minimum value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in 'ex' units that sets the width of the top border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 0ex;
+ border-top-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-080.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-080.xht
new file mode 100644
index 0000000000..3259487ea0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-080.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using 'ex' units with a minimum plus one value, 1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-025-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-top-width' property supports a minimum plus one length value in 'ex' units that sets the width of the top border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #wrapper
+ {
+ background: red;
+ height: 1ex;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1ex;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black stripe and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-081.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-081.xht
new file mode 100644
index 0000000000..326d840983
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-081.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using 'ex' units with a minimum value with a minus sign, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in 'ex' units that that has a minus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: -0ex;
+ border-top-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-082.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-082.xht
new file mode 100644
index 0000000000..e90fa01cc1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-082.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using 'ex' units with a minimum value with a plus sign, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value in 'ex' units that that has a plus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: +0ex;
+ border-top-color: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-083.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-083.xht
new file mode 100644
index 0000000000..81d803a430
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-083.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using 'ex' units with a nominal value, 6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-top-width' property supports a nominal length value in 'ex' units that sets the width of the top border." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ font: 20px/1 Ahem;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 6ex;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-084.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-084.xht
new file mode 100644
index 0000000000..25eecee5c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-084.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width using 'ex' units with a nominal value with a plus sign, +6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-bottom-width-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-top-width' property supports a nominal length value in 'ex' units that has a plus sign before it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ font: 20px/1 Ahem;
+ width: 1in;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 5px;
+ }
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: +6ex;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black squares have the <strong>same height</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-089.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-089.xht
new file mode 100644
index 0000000000..efebf986a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-089.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width set to negative zero with no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value with no units that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: -0;
+ border-top-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-090.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-090.xht
new file mode 100644
index 0000000000..b7f48a02f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-090.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width set to zero with no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value with no units." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 0;
+ border-top-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-091.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-091.xht
new file mode 100644
index 0000000000..c08bc263cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-091.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width set to positive zero with no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a minimum length value with no units that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: +0;
+ border-top-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-092.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-092.xht
new file mode 100644
index 0000000000..f9ba011f97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-092.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width set to thin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-top-width' property supports a value of thin." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: thin;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-093.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-093.xht
new file mode 100644
index 0000000000..aafb5aa050
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-093.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width set to medium</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-top-width' property supports a value of medium." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: medium;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-094.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-094.xht
new file mode 100644
index 0000000000..c619d97af8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-094.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width set to thick</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-top-width' property supports a value of thick." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: thick;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-095-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-095-ref.xht
new file mode 100644
index 0000000000..28004ecf43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-095-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {padding-top: 116px;}
+
+ div
+ {
+ background-color: black;
+ height: 1in;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled black square.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-095.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-095.xht
new file mode 100644
index 0000000000..7083354fa4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-095.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width set to inherit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-top-width-095-ref.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property supports a value of inherit and gets its computed value from its parent." />
+ <style type="text/css">
+ body
+ {
+ border-top-color: transparent;
+ border-top-style: solid;
+ border-top-width: 1in;
+ padding-top: 20px;
+ }
+ div
+ {
+ border-top-color: black;
+ border-top-style: solid;
+ border-top-width: inherit;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-001.xht
new file mode 100644
index 0000000000..f2a6518a18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-001.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-002.xht
new file mode 100644
index 0000000000..02c5c3a243
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-002.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-003.xht
new file mode 100644
index 0000000000..c37174cd40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-003.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-004.xht
new file mode 100644
index 0000000000..a176ec969a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-004.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div id="test">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-005.xht
new file mode 100644
index 0000000000..82694ed2d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-005.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div id="test"><div class="column"></div><div class="column"></div></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-006.xht
new file mode 100644
index 0000000000..b2b0ca905f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-006.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ display: table-column;
+ width: 1in;
+ }
+
+ .column
+ {
+ display: table-column;
+ }
+
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ width: 2in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div id="test"></div><div class="column"></div>
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-007.xht
new file mode 100644
index 0000000000..9fb6d28b36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-007.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-008.xht
new file mode 100644
index 0000000000..ee7705c15e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-008.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-top-width' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ display: inline;
+ font-size: 1in;
+ }
+ p
+ {
+ margin-bottom: 1.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black rectangle.</p>
+ <div>&nbsp;&nbsp;&nbsp;&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-009.xht
new file mode 100644
index 0000000000..4851537fa5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-009.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ display: block;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-010.xht
new file mode 100644
index 0000000000..d77ab78f70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-010.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-top-width' The 'property' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ display: list-item;
+ margin-left: 2em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square and a marker bullet slightly below and on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-012.xht
new file mode 100644
index 0000000000..f28ad49b3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-012.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ display: inline-block;
+ width: 1in;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-013.xht
new file mode 100644
index 0000000000..4321228b75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-013.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property applies to elements with a display of table." />
+ <style type="text/css">
+ #table
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-014.xht
new file mode 100644
index 0000000000..2623c38d16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-014.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #table
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ display: inline-table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-015.xht
new file mode 100644
index 0000000000..18b03d705e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-top-width-applies-to-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-top-width applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'border-top-width' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-top-style: solid;
+ border-top-width: 1in;
+ display: table-caption;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-001.xht
new file mode 100644
index 0000000000..a55ba5d6c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-001.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width shorthand property set using one value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-left-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-width' shorthand property set using one value correctly sets the border width for the appropriate sides of an element." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-width: 0.5in;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-top: 5px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black squares have the <strong>same width</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-002-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-002-ref.xht
new file mode 100644
index 0000000000..d129e37c80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-002-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 1in;
+ margin-bottom: 5px;
+ width: 0.5in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 filled black rectangles have the <strong>same size</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-002.xht
new file mode 100644
index 0000000000..0ca526c53d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-002.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width shorthand property set using two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-width-002-ref.xht" />
+
+ <meta name="assert" content="The 'border-width' shorthand property set using two values correctly sets the border width for the appropriate sides of an element." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-width: 0.5in 0.25in;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-top: 5px;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black rectangles have the <strong>same size</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-003-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-003-ref.xht
new file mode 100644
index 0000000000..31cee05975
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-003-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 1.25in;
+ margin-bottom: 5px;
+ width: 0.5in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 filled black rectangles have the <strong>same size</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-003.xht
new file mode 100644
index 0000000000..2b6b2ceac5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-003.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width shorthand property set using three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-width-003-ref.xht" />
+
+ <meta name="assert" content="The 'border-width' shorthand property set using three values correctly sets the border width for the appropriate sides of an element." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-width: 0.5in 0.25in 0.75in;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1.25in;
+ margin-top: 5px;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black rectangles have the <strong>same size</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-004-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-004-ref.xht
new file mode 100644
index 0000000000..e3199705b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-004-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 1.25in;
+ margin-bottom: 5px;
+ width: 1.25in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 filled black rectangles have the <strong>same size</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-004.xht
new file mode 100644
index 0000000000..d95baa3329
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-004.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width shorthand property set using four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-width-004-ref.xht" />
+
+ <meta name="assert" content="The 'border-width' shorthand property set using four values correctly sets the border width for the appropriate sides of an element." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-width: 0.5in 0.25in 0.75in 1in;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1.25in;
+ margin-top: 5px;
+ width: 1.25in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black rectangles have the <strong>same size</strong>.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-005-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-005-ref.xht
new file mode 100644
index 0000000000..3a531254ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-005-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 48px;
+ margin-top: 64px;
+ width: 1in;
+ }
+
+ div + div {margin-top: 5px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 filled black rectangles have the <strong>same size</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-005.xht
new file mode 100644
index 0000000000..cf75d869c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-005.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width shorthand property set to 'inherit', inheriting one value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-width-005-ref.xht" />
+
+ <meta name="assert" content="The 'border-width' property set to 'inherit' correctly inherits the one value specified on the parent element." />
+ <style type="text/css">
+ #parent
+ {
+ border-color: transparent;
+ border-style: solid;
+ border-width: 0.5in;
+ }
+ #test
+ {
+ border-style: solid;
+ border-width: inherit;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-top: 5px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black rectangles have the <strong>same size</strong>.</p>
+ <div id="parent">
+ <div id="test"></div>
+ <div id="reference"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-006-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-006-ref.xht
new file mode 100644
index 0000000000..8e7be73309
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-006-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 1in;
+ margin-left: 24px;
+ margin-top: 64px;
+ width: 0.5in;
+ }
+
+ div + div {margin-top: 5px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 filled black rectangles have the <strong>same size</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-006.xht
new file mode 100644
index 0000000000..9881f08d69
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-006.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width shorthand property set to 'inherit', inheriting two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'border-width' property set to 'inherit' correctly inherits the two values specified on the parent element." />
+ <style type="text/css">
+ #parent
+ {
+ border-color: transparent;
+ border-style: solid;
+ border-width: 0.5in 0.25in;
+ }
+ #test
+ {
+ border-style: solid;
+ border-width: inherit;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1in;
+ margin-top: 5px;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black rectangles have the <strong>same size</strong>.</p>
+ <div id="parent">
+ <div id="test"></div>
+ <div id="reference"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-007-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-007-ref.xht
new file mode 100644
index 0000000000..fac0947769
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-007-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 1.25in;
+ margin-left: 24px;
+ margin-top: 64px;
+ width: 0.5in;
+ }
+
+ div + div
+ {
+ margin-bottom: 80px;
+ margin-top: 5px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 filled black rectangles have the <strong>same size</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-007.xht
new file mode 100644
index 0000000000..b1fec98e3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-007.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width shorthand property set to 'inherit', inheriting three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-width-007-ref.xht" />
+
+ <meta name="assert" content="The 'border-width' property set to 'inherit' correctly inherits the three values specified on the parent element." />
+ <style type="text/css">
+ #parent
+ {
+ border-color: transparent;
+ border-style: solid;
+ border-width: 0.5in 0.25in 0.75in;
+ }
+ #test
+ {
+ border-style: solid;
+ border-width: inherit;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1.25in;
+ margin-top: 5px;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black rectangles have the <strong>same size</strong>.</p>
+ <div id="parent">
+ <div id="test"></div>
+ <div id="reference"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-008-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-008-ref.xht
new file mode 100644
index 0000000000..eb0792e945
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-008-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 1.25in;
+ margin-left: 1in;
+ margin-top: 64px;
+ width: 1.25in;
+ }
+
+ div + div
+ {
+ margin-bottom: 80px;
+ margin-top: 5px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 filled black rectangles have the <strong>same size</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-008.xht
new file mode 100644
index 0000000000..f82e185b5a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-008.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width shorthand property set to 'inherit', inheriting four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-width-008-ref.xht" />
+
+ <meta name="assert" content="The 'border-width' property set to 'inherit' correctly inherits the four values specified on the parent element." />
+ <style type="text/css">
+ #parent
+ {
+ border-color: transparent;
+ border-style: solid;
+ border-width: 0.5in 0.25in 0.75in 1in;
+ }
+ #test
+ {
+ border-style: solid;
+ border-width: inherit;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 1.25in;
+ margin-top: 5px;
+ width: 1.25in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 filled black rectangles have the <strong>same size</strong>.</p>
+ <div id="parent">
+ <div id="test"></div>
+ <div id="reference"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-009-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-009-ref.xht
new file mode 100644
index 0000000000..f889d592b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-009-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if this sentence has <strong>no border</strong>.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-009.xht
new file mode 100644
index 0000000000..91180bb8cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-009.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Parsing: Negative Border Widths</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/003.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="match" href="border-width-009-ref.xht" />
+
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+ p { color: green; border-color: red; border-width: 0; border-width: -10px; border-style: solid; display: block; }
+ </style>
+ </head>
+ <body>
+ <p>
+ Test passes if this sentence has <strong>no border</strong>.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-010-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-010-ref.xht
new file mode 100644
index 0000000000..7cb24dda85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-010-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border: green solid 8px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>Test passes if this sentence has a <strong>green border</strong>.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-010.xht
new file mode 100644
index 0000000000..96aff75d59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-010.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Parsing: Negative Border Widths</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/004.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="match" href="border-width-010-ref.xht" />
+
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+ .test { border-color: green; border-width: 8px; border-style: solid; border: red solid -1px; display: block; }
+ </style>
+ </head>
+ <body>
+ <div class="test">
+ Test passes if this sentence has a <strong>green border</strong>.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-011.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-011.xht
new file mode 100644
index 0000000000..ae8d514ab3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-011.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: border-width: inherit</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/border/width/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties"/>
+ <link rel="help" href="https://www.w3.org/Style/css2-updates/REC-CSS2-20110607-errata.html#s.6.2.1"/>
+ <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/2768"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
+
+ <style type="text/css">
+ /* this results in a specified value of 2em and a computed value of 0 as border-style is none */
+ body { border-width: 2em; }
+ /* this then inherits from the above border-width, and checks the computed value is inherited */
+ p { border-width: inherit; border-style: solid; border-color: red; color: green; }
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-012.xht
new file mode 100644
index 0000000000..18d0b648f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-012.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Border-width: inherit - border-style: hidden</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="Section 8.5.1 Border width" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta content="The border-width computed value is '0' if the border style is 'none' or 'hidden'." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #parent
+ {
+ border-color: red;
+ border-style: hidden;
+ border-width: 50px;
+ }
+
+ #child
+ {
+ border-color: red;
+ border-style: solid;
+ border-width: inherit;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="parent">
+ <div id="child"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-013.xht
new file mode 100644
index 0000000000..026733c1f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-013.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Border-width - length specified with a percentage unit</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="Section 8.5.1 Border width" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta content="invalid" name="flags" />
+ <meta content="A length value specified with a percentage unit does not apply to 'border-width'." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #parent
+ {
+ height: 300px;
+ width: 400px;
+ }
+
+ #child
+ {
+ border-color: red;
+ border-style: solid;
+ border-width: 0px;
+ border-width: 8%;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="parent">
+ <div id="child"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-014-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-014-ref.xht
new file mode 100644
index 0000000000..022f75498f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-014-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 32px;
+ margin: 48px 32px 32px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a thick green bar across the page.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-014.xht
new file mode 100644
index 0000000000..4f44d8452b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-014.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Border-width: inherit - border-style inherit</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="Section 8.5.1 Border width" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-width-014-ref.xht" />
+
+
+ <style type="text/css"><![CDATA[
+ #grand-parent
+ {
+ border-color: transparent;
+ border-style: solid;
+ border-width: 1em;
+ }
+
+ #parent
+ {
+ border-color: transparent;
+ border-style: inherit;
+ border-width: inherit;
+ }
+
+ #child
+ {
+ border-color: green;
+ border-style: inherit;
+ border-width: inherit;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a thick green bar across the page.</p>
+
+ <div id="grand-parent">
+ <div id="parent">
+ <div id="child"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-001.xht
new file mode 100644
index 0000000000..78137cba2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-001.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-width' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-width: 1in;
+ display: table-row-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ height: 1in;
+ margin: 1in;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with four sides that are the same width. (Note: this will make a large square surrounding a smaller white square.)</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-002.xht
new file mode 100644
index 0000000000..a23872b7ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-002.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-width' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-width: 1in;
+ display: table-header-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ margin: 1in;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with four sides that are the same width. (Note: this will make a large square surrounding a smaller white square.)</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-003.xht
new file mode 100644
index 0000000000..e1044a6c92
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-003.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-width' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-width: 1in;
+ display: table-footer-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ height: 1in;
+ margin: 1in;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with four sides that are the same width. (Note: this will make a large square surrounding a smaller white square.)</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-004.xht
new file mode 100644
index 0000000000..467efe9831
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-004.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-width' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-width: 1in;
+ display: table-row;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ height: 1in;
+ margin: 1in;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with four sides that are the same width. (Note: this will make a large square surrounding a smaller white square.)</p>
+ <div id="table">
+ <div id="test">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-005.xht
new file mode 100644
index 0000000000..ea1e144c87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-005.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-width' property applies to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-width: 1in;
+ display: table-column-group;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ height: 1in;
+ margin: 1in;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with four sides that are the same width. (Note: this will make a large square surrounding a smaller white square.)</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-006.xht
new file mode 100644
index 0000000000..31a586f405
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-006.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-width' property applies to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-width: 1in;
+ display: table-column;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ height: 1in;
+ margin: 1in;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with four sides that are the same width. (Note: this will make a large square surrounding a smaller white square.)</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-007.xht
new file mode 100644
index 0000000000..54e5a64545
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-007.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-width' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ height: 1in;
+ margin: 1in;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-style: solid;
+ border-width: 1in;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with four sides that are the same width. (Note: this will make a large square surrounding a smaller white square.)</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-008-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-008-ref.xht
new file mode 100644
index 0000000000..1910878bfb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-008-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid 90px;
+ height: 90px;
+ margin-top: 45px;
+ width: 90px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a large square with four black sides that have the same thickness. (Note: Such large square must be surrounding a smaller filled white square.)</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-008.xht
new file mode 100644
index 0000000000..d310ebb65c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-008.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-width-applies-to-008-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'border-width' property applies to elements with a display of inline." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-style: solid;
+ border-width: 90px;
+ display: inline;
+ font: 90px/1 Ahem;
+ }
+ p
+ {
+ margin-bottom: 135px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a large square with four black sides that have the same thickness. (Note: Such large square must be surrounding a smaller filled white square.)</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-009-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-009-ref.xht
new file mode 100644
index 0000000000..71eb2ac6b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-009-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid 1in;
+ height: 1in;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a large square with four black sides that have the same thickness. (Note: Such large square must be surrounding a smaller filled white square.)</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-009.xht
new file mode 100644
index 0000000000..79b79bf11b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-009.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-width-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'border-width' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ border-style: solid;
+ border-width: 1in;
+ display: block;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a large square with four black sides that have the same thickness. (Note: Such large square must be surrounding a smaller filled white square.)</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-010.xht
new file mode 100644
index 0000000000..1c9816cdee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-width' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ border-style: solid;
+ border-width: 1in;
+ display: list-item;
+ height: 1in;
+ margin-left: 2em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a marker bullet on the left-hand side of large square with four black sides that have the same thickness. (Note: Such large square must be surrounding a smaller filled white square.)</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-012.xht
new file mode 100644
index 0000000000..cc5dcc4a60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-012.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-width-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'border-width' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ border-style: solid;
+ border-width: 1in;
+ display: inline-block;
+ width: 1in;
+ }
+
+ span.block-descendant
+ {
+ color: white;
+ display: block;
+ height: 0.5in;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a large square with four black sides that have the same thickness. (Note: Such large square must be surrounding a smaller filled white square.)</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant">a</span>
+ <span class="block-descendant">b</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-013.xht
new file mode 100644
index 0000000000..5922796416
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-013.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-width' property applies to elements with a display of table." />
+ <style type="text/css">
+ #table
+ {
+ border-style: solid;
+ border-width: 1in;
+ display: table;
+ height: 1in;
+ margin: 1in;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with four sides that are the same width. (Note: this will make a large square surrounding a smaller white square.)</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-014.xht
new file mode 100644
index 0000000000..d791bcb7f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-014.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="The 'border-width' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #table
+ {
+ border-style: solid;
+ border-width: 1in;
+ display: inline-table;
+ height: 1in;
+ margin: 1in;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below with four sides that are the same width. (Note: this will make a large square surrounding a smaller white square.)</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-015.xht
new file mode 100644
index 0000000000..432bc8e562
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-applies-to-015.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-width-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'border-width' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-style: solid;
+ border-width: 1in;
+ display: table-caption;
+ height: 1in;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a large square with four black sides that have the same thickness. (Note: Such large square must be surrounding a smaller filled white square.)</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-comparison-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-comparison-001.xht
new file mode 100644
index 0000000000..93a5b1f84e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-comparison-001.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width - Relation of thin, medium, and thick</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <meta name="assert" content="A border-width set to thin is small than a border-width that is set to medium which is smaller than a border-width that is set to thick." />
+ <style type="text/css">
+ #thin
+ {
+ border-top: thin solid green;
+ height: 20px;
+ }
+ #medium
+ {
+ border-top: medium solid green;
+ height: 20px;
+ }
+ #thick
+ {
+ border-top: thick solid green;
+ height: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the three lines get thicker from top to bottom.</p>
+ <div id="thin"></div>
+ <div id="medium"></div>
+ <div id="thick"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-001-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-001-ref.xht
new file mode 100644
index 0000000000..f55b3409af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-001-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {line-height: 10px;}
+
+ img {vertical-align: top;}
+
+ img + img {float: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the border is the same on all edges.</p>
+
+ <div><img src="support/black15x15.png" width="100%" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/black15x15.png" width="10" height="96" alt="Image download support must be enabled" /><img src="support/black15x15.png" width="10" height="96" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/black15x15.png" width="100%" height="10" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-001.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-001.xht
new file mode 100644
index 0000000000..5da4dd9a72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width set using a single value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-width-shorthand-001-ref.xht" />
+
+ <meta name="assert" content="Applying a single value to the 'border-width' property applies the value to all sides of the element." />
+ <style type="text/css">
+ div
+ {
+ border-width: 10px;
+ border-style: solid;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the border is the same on all edges.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-002-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-002-ref.xht
new file mode 100644
index 0000000000..e26eb71a29
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-002-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {line-height: 3px;}
+
+ img {vertical-align: top;}
+
+ img + img {float: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the left and right borders match in width and are wider than the matching top and bottom borders.</p>
+
+ <div><img src="support/black15x15.png" width="100%" height="3" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/black15x15.png" width="10" height="96" alt="Image download support must be enabled" /><img src="support/black15x15.png" width="10" height="96" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/black15x15.png" width="100%" height="3" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-002.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-002.xht
new file mode 100644
index 0000000000..71998fb3b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-002.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width set using two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-width-shorthand-002-ref.xht" />
+
+ <meta name="assert" content="Applying two values to the border-width property applies the first value to the top and bottom and the second to the left and right." />
+ <style type="text/css">
+ div
+ {
+ border-width: 3px 10px;
+ border-style: solid;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the left and right borders match in width and are wider than the matching top and bottom borders.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-003-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-003-ref.xht
new file mode 100644
index 0000000000..b31bbaf4c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-003-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {line-height: 3px;}
+
+ img {vertical-align: top;}
+
+ img + img {float: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the top border is thinner than all the other borders and the left and right is thinner than the bottom border.</p>
+
+ <div><img src="support/black15x15.png" width="100%" height="3" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/black15x15.png" width="10" height="96" alt="Image download support must be enabled" /><img src="support/black15x15.png" width="10" height="96" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/black15x15.png" width="100%" height="30" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-003.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-003.xht
new file mode 100644
index 0000000000..f779aa6e30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width set using three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-width-shorthand-003-ref.xht" />
+
+ <meta name="assert" content="Applying three values to the border-width property applies the first value to the top. The second value to the left and right and the third value to the bottom." />
+ <style type="text/css">
+ div
+ {
+ border-width: 3px 10px 30px;
+ border-style: solid;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top border is thinner than all the other borders and the left and right is thinner than the bottom border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-004-ref.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-004-ref.xht
new file mode 100644
index 0000000000..9659875fa3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-004-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {line-height: 3px;}
+
+ img {vertical-align: top;}
+
+ img + img {float: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the four borders are all different widths and they get wider starting from the top, to the right, to the bottom and to the left.</p>
+
+ <div><img src="support/black15x15.png" width="100%" height="3" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/black15x15.png" width="50" height="96" alt="Image download support must be enabled" /><img src="support/black15x15.png" width="10" height="96" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/black15x15.png" width="100%" height="25" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-004.xht b/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-004.xht
new file mode 100644
index 0000000000..46952d3434
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/border-width-shorthand-004.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-width set using four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
+ <link rel="match" href="border-width-shorthand-004-ref.xht" />
+
+ <meta name="assert" content="Applying four values to the border-width property applies the values top, right, bottom, left, respectively." />
+ <style type="text/css">
+ div
+ {
+ border-width: 3px 10px 25px 50px;
+ border-style: solid;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the four borders are all different widths and they get wider starting from the top, to the right, to the bottom and to the left.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/discrete-no-interpolation.html b/testing/web-platform/tests/css/CSS2/borders/discrete-no-interpolation.html
new file mode 100644
index 0000000000..0268b675f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/discrete-no-interpolation.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<link rel=author href="mailto:jarhar@chromium.org">
+<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/interpolation-testcommon.js"></script>
+
+<body>
+<script>
+test_no_interpolation({
+ property: 'border-left-style',
+ from: 'initial',
+ to: 'dotted'
+});
+
+test_no_interpolation({
+ property: 'border-right-style',
+ from: 'initial',
+ to: 'dotted'
+});
+
+test_no_interpolation({
+ property: 'border-top-style',
+ from: 'initial',
+ to: 'dotted'
+});
+
+test_no_interpolation({
+ property: 'border-bottom-style',
+ from: 'initial',
+ to: 'dotted'
+});
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/borders/double-border-width-001.xht b/testing/web-platform/tests/css/CSS2/borders/double-border-width-001.xht
new file mode 100644
index 0000000000..83974d9ac2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/double-border-width-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Double lines border style does not change border width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
+ <meta name="assert" content="The 'double' 'border-style' does not change the size of the border width. The sum of the two lines and the space need to equal the border width." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ width: 1in;
+ }
+ #test
+ {
+ border-top-style: double;
+ border-top-width: 1in;
+ }
+ #reference
+ {
+ background: blue;
+ height: 1in;
+ left: 1.1in;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top edge of the top-most black box is aligned with the top of the blue box and the bottom edge of the bottom-most black box is aligned with the bottom edge of the blue box.</p>
+ <div>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/groove-default.html b/testing/web-platform/tests/css/CSS2/borders/groove-default.html
new file mode 100644
index 0000000000..c9028b9a2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/groove-default.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<title>CSS Test: Groove border with default color should actually show a groove border</title>
+<link rel="help" href="https://drafts.csswg.org/css2/box.html#border-style-properties">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1488294">
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://www.mozilla.org" title="Mozilla">
+<link rel="mismatch" href="groove-ridge-default-notref.html">
+<style>
+ div {
+ width: 100px;
+ height: 100px;
+ border: 10px groove;
+ }
+</style>
+<div></div>
diff --git a/testing/web-platform/tests/css/CSS2/borders/groove-ridge-default-notref.html b/testing/web-platform/tests/css/CSS2/borders/groove-ridge-default-notref.html
new file mode 100644
index 0000000000..5ead6432cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/groove-ridge-default-notref.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<title>CSS Test Reference</title>
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://www.mozilla.org" title="Mozilla">
+<style>
+ div {
+ width: 100px;
+ height: 100px;
+ border: 10px solid;
+ }
+</style>
+<div></div>
diff --git a/testing/web-platform/tests/css/CSS2/borders/ltr-borders-001.xht b/testing/web-platform/tests/css/CSS2/borders/ltr-borders-001.xht
new file mode 100644
index 0000000000..e2359d8afc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/ltr-borders-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Borders drawn in visual order even when direction set to left-to-right</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="Borders are drawn in visual order depending on the direction of content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ margin-top: 10px;
+ width: 1.5in;
+ }
+ span
+ {
+ border-left: solid blue;
+ border-right: solid orange;
+ font: 1.5em/1em Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the shape of the boxes below match the same shape as the reference image. It is ok if the scale is different.</p>
+ <div>
+ <span>xx xx xx xx xx xx</span>
+ </div>
+ <div>
+ Reference:<br />
+ <img alt="Image download support must be enabled" src="support/ltr-borders-001.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/ridge-default.html b/testing/web-platform/tests/css/CSS2/borders/ridge-default.html
new file mode 100644
index 0000000000..4bd0bdf3ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/ridge-default.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<title>CSS Test: ridge border with default color should actually show a ridge border</title>
+<link rel="help" href="https://drafts.csswg.org/css2/box.html#border-style-properties">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1488294">
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://www.mozilla.org" title="Mozilla">
+<link rel="mismatch" href="groove-ridge-default-notref.html">
+<style>
+ div {
+ width: 100px;
+ height: 100px;
+ border: 10px ridge;
+ }
+</style>
+<div></div>
diff --git a/testing/web-platform/tests/css/CSS2/borders/rtl-borders-001.xht b/testing/web-platform/tests/css/CSS2/borders/rtl-borders-001.xht
new file mode 100644
index 0000000000..4894bf99f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/rtl-borders-001.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Borders drawn in visual order even when direction set to right-to-left</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" />
+ <meta name="assert" content="Borders are drawn in visual order depending on the direction of content." />
+ <style type="text/css">
+ div
+ {
+ width: 0.9in;
+ }
+ span
+ {
+ border-left: solid blue;
+ border-right: solid orange;
+ direction: rtl;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of "Filler Text" has an orange border on its right, and the last line of "Filler Text" has a blue border on its left.</p>
+ <div>
+ <span>Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/shand-border-000-ref.xht b/testing/web-platform/tests/css/CSS2/borders/shand-border-000-ref.xht
new file mode 100644
index 0000000000..6428931d24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/shand-border-000-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {border: green solid medium;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This text should have a green border.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/shand-border-000.xht b/testing/web-platform/tests/css/CSS2/borders/shand-border-000.xht
new file mode 100644
index 0000000000..6db5a72228
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/shand-border-000.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Shorthand Properties (border)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/about.html#shorthand"/>
+ <link rel="match" href="shand-border-000-ref.xht" />
+
+ <style type="text/css">
+
+ body { background: white; }
+ span { color: black; }
+
+ p { color: red; }
+ p { border-color: red; }
+ p { border: medium solid; }
+ p { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p><span>This text should have a green border.</span></p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/borders/shand-border-001.xht b/testing/web-platform/tests/css/CSS2/borders/shand-border-001.xht
new file mode 100644
index 0000000000..11bd85b5b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/shand-border-001.xht
@@ -0,0 +1,74 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS test: Shorthand Properties (border) - maximum of 3 border subproperties</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" title="8.5.4 Border shorthand properties" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/about.html#shorthand" title="1.4.3 Shorthand properties" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta content="invalid" name="flags" />
+ <meta content="The 'border' shorthand property, 'border-top' shorthand property and 'border-bottom' shorthand property accept a maximum of 3 border subproperties." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#first-test {border: red solid 16px red;}
+
+ div#second-test {border-top: red solid 16px red;}
+
+ div#third-test {border-bottom: red solid 16px red;}
+
+ div#fourth-test {border: red 16px solid red;}
+
+ div#fifth-test {border-top: red 16px solid red;}
+
+ div#sixth-test {border-bottom: red 16px solid red;}
+
+ div#seventh-test {border: red solid thick red;}
+
+ div#eightth-test {border-top: red solid thick red;}
+
+ div#ninth-test {border-bottom: red solid thick red;}
+
+ div#tenth-test {border: red thick solid red;}
+
+ div#eleventh-test {border-top: red thick solid red;}
+
+ div#twelveth-test {border-bottom: red thick solid red;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="first-test"></div>
+
+ <div id="second-test"></div>
+
+ <div id="third-test"></div>
+
+ <div id="fourth-test"></div>
+
+ <div id="fifth-test"></div>
+
+ <div id="sixth-test"></div>
+
+ <div id="seventh-test"></div>
+
+ <div id="eightth-test"></div>
+
+ <div id="ninth-test"></div>
+
+ <div id="tenth-test"></div>
+
+ <div id="eleventh-test"></div>
+
+ <div id="twelveth-test"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/000001_color.png b/testing/web-platform/tests/css/CSS2/borders/support/000001_color.png
new file mode 100644
index 0000000000..44e8f5fc3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/000001_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/000002_color.png b/testing/web-platform/tests/css/CSS2/borders/support/000002_color.png
new file mode 100644
index 0000000000..6825fc50d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/000002_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/00007f_color.png b/testing/web-platform/tests/css/CSS2/borders/support/00007f_color.png
new file mode 100644
index 0000000000..e650990901
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/00007f_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/000080_color.png b/testing/web-platform/tests/css/CSS2/borders/support/000080_color.png
new file mode 100644
index 0000000000..a45e346be3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/000080_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/0000fc_color.png b/testing/web-platform/tests/css/CSS2/borders/support/0000fc_color.png
new file mode 100644
index 0000000000..91d607c63f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/0000fc_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/0000fe_color.png b/testing/web-platform/tests/css/CSS2/borders/support/0000fe_color.png
new file mode 100644
index 0000000000..85b46c91f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/0000fe_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/000100_color.png b/testing/web-platform/tests/css/CSS2/borders/support/000100_color.png
new file mode 100644
index 0000000000..f588ea6a54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/000100_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/000200_color.png b/testing/web-platform/tests/css/CSS2/borders/support/000200_color.png
new file mode 100644
index 0000000000..96780cea16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/000200_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/000_color.png b/testing/web-platform/tests/css/CSS2/borders/support/000_color.png
new file mode 100644
index 0000000000..77ff0976b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/001_color.png b/testing/web-platform/tests/css/CSS2/borders/support/001_color.png
new file mode 100644
index 0000000000..07142d0174
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/001_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/007f00_color.png b/testing/web-platform/tests/css/CSS2/borders/support/007f00_color.png
new file mode 100644
index 0000000000..795241a77b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/007f00_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/008000_color.png b/testing/web-platform/tests/css/CSS2/borders/support/008000_color.png
new file mode 100644
index 0000000000..7d36483c20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/008000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/009_color.png b/testing/web-platform/tests/css/CSS2/borders/support/009_color.png
new file mode 100644
index 0000000000..59c8c225b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/009_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/00e_color.png b/testing/web-platform/tests/css/CSS2/borders/support/00e_color.png
new file mode 100644
index 0000000000..890627ef9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/00e_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/00f_color.png b/testing/web-platform/tests/css/CSS2/borders/support/00f_color.png
new file mode 100644
index 0000000000..d86f444a9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/00f_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/00fc00_color.png b/testing/web-platform/tests/css/CSS2/borders/support/00fc00_color.png
new file mode 100644
index 0000000000..45b2d4e491
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/00fc00_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/00fe00_color.png b/testing/web-platform/tests/css/CSS2/borders/support/00fe00_color.png
new file mode 100644
index 0000000000..d87dfad1a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/00fe00_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/010000_color.png b/testing/web-platform/tests/css/CSS2/borders/support/010000_color.png
new file mode 100644
index 0000000000..4fb66c452b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/010000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/010101_color.png b/testing/web-platform/tests/css/CSS2/borders/support/010101_color.png
new file mode 100644
index 0000000000..3d12cdf283
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/010101_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/010_color.png b/testing/web-platform/tests/css/CSS2/borders/support/010_color.png
new file mode 100644
index 0000000000..aa02c2fc07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/010_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/020000_color.png b/testing/web-platform/tests/css/CSS2/borders/support/020000_color.png
new file mode 100644
index 0000000000..b9081b2c52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/020000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/020202_color.png b/testing/web-platform/tests/css/CSS2/borders/support/020202_color.png
new file mode 100644
index 0000000000..4609f7e32b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/020202_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/090_color.png b/testing/web-platform/tests/css/CSS2/borders/support/090_color.png
new file mode 100644
index 0000000000..08486ddd2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/090_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/0e0_color.png b/testing/web-platform/tests/css/CSS2/borders/support/0e0_color.png
new file mode 100644
index 0000000000..9b3da18419
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/0e0_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/0f0_color.png b/testing/web-platform/tests/css/CSS2/borders/support/0f0_color.png
new file mode 100644
index 0000000000..b79feb73e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/0f0_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/100_color.png b/testing/web-platform/tests/css/CSS2/borders/support/100_color.png
new file mode 100644
index 0000000000..3252b1203a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/100_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/111_color.png b/testing/web-platform/tests/css/CSS2/borders/support/111_color.png
new file mode 100644
index 0000000000..3f87769d3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/111_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/borders/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/borders/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/borders/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/borders/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/borders/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/borders/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/borders/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/borders/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/7f0000_color.png b/testing/web-platform/tests/css/CSS2/borders/support/7f0000_color.png
new file mode 100644
index 0000000000..73c14d8efc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/7f0000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/7f7f7f_color.png b/testing/web-platform/tests/css/CSS2/borders/support/7f7f7f_color.png
new file mode 100644
index 0000000000..96b704d3bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/7f7f7f_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/800000_color.png b/testing/web-platform/tests/css/CSS2/borders/support/800000_color.png
new file mode 100644
index 0000000000..5e366ce05a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/800000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/808080_color.png b/testing/web-platform/tests/css/CSS2/borders/support/808080_color.png
new file mode 100644
index 0000000000..86da9d7b5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/808080_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/900_color.png b/testing/web-platform/tests/css/CSS2/borders/support/900_color.png
new file mode 100644
index 0000000000..7ebcd4d596
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/900_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/999_color.png b/testing/web-platform/tests/css/CSS2/borders/support/999_color.png
new file mode 100644
index 0000000000..a6732b17c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/999_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/a-green.css b/testing/web-platform/tests/css/CSS2/borders/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/aqua_color.png b/testing/web-platform/tests/css/CSS2/borders/support/aqua_color.png
new file mode 100644
index 0000000000..0a26c7d00d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/aqua_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/b-green.css b/testing/web-platform/tests/css/CSS2/borders/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/black15x15.png b/testing/web-platform/tests/css/CSS2/borders/support/black15x15.png
new file mode 100644
index 0000000000..b1bbef2cd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/black15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/borders/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/c-red.css b/testing/web-platform/tests/css/CSS2/borders/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/cat.png b/testing/web-platform/tests/css/CSS2/borders/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/diamond.png b/testing/web-platform/tests/css/CSS2/borders/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/e00_color.png b/testing/web-platform/tests/css/CSS2/borders/support/e00_color.png
new file mode 100644
index 0000000000..099ac40636
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/e00_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/eee_color.png b/testing/web-platform/tests/css/CSS2/borders/support/eee_color.png
new file mode 100644
index 0000000000..0fee0d2701
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/eee_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/f00_color.png b/testing/web-platform/tests/css/CSS2/borders/support/f00_color.png
new file mode 100644
index 0000000000..e04c3e1b79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/f00_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/fc0000_color.png b/testing/web-platform/tests/css/CSS2/borders/support/fc0000_color.png
new file mode 100644
index 0000000000..08db9a3d40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/fc0000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/fcfcfc_color.png b/testing/web-platform/tests/css/CSS2/borders/support/fcfcfc_color.png
new file mode 100644
index 0000000000..1f60f7f655
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/fcfcfc_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/fe0000_color.png b/testing/web-platform/tests/css/CSS2/borders/support/fe0000_color.png
new file mode 100644
index 0000000000..a37fde2585
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/fe0000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/fefefe_color.png b/testing/web-platform/tests/css/CSS2/borders/support/fefefe_color.png
new file mode 100644
index 0000000000..aaf3e29683
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/fefefe_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/fff_color.png b/testing/web-platform/tests/css/CSS2/borders/support/fff_color.png
new file mode 100644
index 0000000000..dae1772055
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/fff_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/fuchsia_color.png b/testing/web-platform/tests/css/CSS2/borders/support/fuchsia_color.png
new file mode 100644
index 0000000000..65e6878bb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/fuchsia_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/green15x15.png b/testing/web-platform/tests/css/CSS2/borders/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/ltr-borders-001.png b/testing/web-platform/tests/css/CSS2/borders/support/ltr-borders-001.png
new file mode 100644
index 0000000000..83fbfc0d07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/ltr-borders-001.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/maroon_color.png b/testing/web-platform/tests/css/CSS2/borders/support/maroon_color.png
new file mode 100644
index 0000000000..a85b5ae150
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/maroon_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/olive_color.png b/testing/web-platform/tests/css/CSS2/borders/support/olive_color.png
new file mode 100644
index 0000000000..ba0173f374
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/olive_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/borders/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/borders/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/borders/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/borders/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/purple_color.png b/testing/web-platform/tests/css/CSS2/borders/support/purple_color.png
new file mode 100644
index 0000000000..cc5bf7e45a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/purple_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/ring.png b/testing/web-platform/tests/css/CSS2/borders/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/silver_color.png b/testing/web-platform/tests/css/CSS2/borders/support/silver_color.png
new file mode 100644
index 0000000000..ceb4e510f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/silver_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/square-purple.png b/testing/web-platform/tests/css/CSS2/borders/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/square-teal.png b/testing/web-platform/tests/css/CSS2/borders/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/square-white.png b/testing/web-platform/tests/css/CSS2/borders/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/swatch-aqua.png b/testing/web-platform/tests/css/CSS2/borders/support/swatch-aqua.png
new file mode 100644
index 0000000000..dd47e28665
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/swatch-aqua.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/borders/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/borders/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/borders/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/borders/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/borders/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/borders/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/borders/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/teal_color.png b/testing/web-platform/tests/css/CSS2/borders/support/teal_color.png
new file mode 100644
index 0000000000..2fde04855d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/teal_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/test-bl.png b/testing/web-platform/tests/css/CSS2/borders/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/test-br.png b/testing/web-platform/tests/css/CSS2/borders/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/test-outer.png b/testing/web-platform/tests/css/CSS2/borders/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/test-tl.png b/testing/web-platform/tests/css/CSS2/borders/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/test-tr.png b/testing/web-platform/tests/css/CSS2/borders/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/borders/support/yellow_color.png b/testing/web-platform/tests/css/CSS2/borders/support/yellow_color.png
new file mode 100644
index 0000000000..d0d02000d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/borders/support/yellow_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/anonymous-box-generation-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/anonymous-box-generation-001-ref.xht
new file mode 100644
index 0000000000..63d72d0220
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/anonymous-box-generation-001-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ text-align: center;
+ width: 2in;
+ }
+
+ div + div
+ {
+ background-color: blue;
+ height: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if "Filler Text" is centered above the blue stripe.</p>
+
+ <div>Filler Text</div>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/anonymous-box-generation-001.xht b/testing/web-platform/tests/css/CSS2/box-display/anonymous-box-generation-001.xht
new file mode 100644
index 0000000000..40c9922c87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/anonymous-box-generation-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Anonymous block box generation</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="anonymous-box-generation-001-ref.xht" />
+
+ <meta name="assert" content="Block boxes with inline content followed by a block box generate an anonymous block box around the inline content." />
+ <style type="text/css">
+ div
+ {
+ width: 2in;
+ }
+ #div1
+ {
+ text-align: center;
+ }
+ div div
+ {
+ background: blue;
+ height: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if "Filler Text" is centered above the blue stripe.</p>
+ <div id="div1">
+ Filler Text
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/anonymous-boxes-inheritance-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/anonymous-boxes-inheritance-001-ref.xht
new file mode 100644
index 0000000000..7898040973
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/anonymous-boxes-inheritance-001-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 100px;
+ width: 100px;
+ }
+
+ div#blue {background-color: blue;}
+
+ div#orange {background-color: orange}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 squares have the <strong>same size</strong>.</p>
+
+ <div id="blue"></div>
+
+ <div id="orange"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/anonymous-boxes-inheritance-001.xht b/testing/web-platform/tests/css/CSS2/box-display/anonymous-boxes-inheritance-001.xht
new file mode 100644
index 0000000000..e0c6be8bce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/anonymous-boxes-inheritance-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Anonymous box property inheritance</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="anonymous-boxes-inheritance-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Anonymous boxes inherit property values from their non-anonymous box." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: blue;
+ font: 100px/1 Ahem;
+ }
+ div div
+ {
+ color: orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 squares have the <strong>same size</strong>.</p>
+ <div>
+ X
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/anonymous-inline-whitespace-001.xht b/testing/web-platform/tests/css/CSS2/box-display/anonymous-inline-whitespace-001.xht
new file mode 100644
index 0000000000..02c1e38012
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/anonymous-inline-whitespace-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White space does not generate an anonymous inline box</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="White space is collapsed according to the 'white-space' property and does not generate an anonymous inline box." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ display: inline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div> </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-001-ref.xht
new file mode 100644
index 0000000000..40922b52bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-001-ref.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ td
+ {
+ border: black solid;
+ color: black;
+ padding: 0;
+ }
+
+ .lime {background-color: lime;}
+ .green {background-color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The following two boxes should look identical.</p>
+
+ <table>
+ <tr>
+ <td>
+ <div class="lime">Line 1</div>
+ <div class="green">Line 2</div>
+ <div class="lime">Line 3</div>
+ </td>
+ <td>
+ <div class="lime">Line 1</div>
+ <div class="green">Line 2</div>
+ <div class="lime">Line 3</div>
+ </td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-001.xht b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-001.xht
new file mode 100644
index 0000000000..aed4f2ce28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-001.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: Blocks Within Inlines - Basic</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/ib/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-001-ref.xht" />
+
+ <meta name="assert" content="When an inline box contains a block box,
+ the inline box is broken around the block."/>
+ <style type="text/css">
+ td { border: solid black; padding: 0; background: red; color: red; }
+ .inline { display: inline; background: lime; color: black; }
+ .block { display: block; background: green; }
+ div { color: black; }
+ .a, .c { background: lime; }
+ .b { background: green; }
+ </style>
+ </head>
+ <body>
+ <p>The following two boxes should look identical.</p>
+ <table>
+ <tr>
+ <td>
+ <span class="inline">Line 1<span class="block">Line 2</span>Line 3</span>
+ </td>
+ <td>
+ <div class="a">Line 1</div>
+ <div class="b">Line 2</div>
+ <div class="c">Line 3</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-002.xht b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-002.xht
new file mode 100644
index 0000000000..884dd16bea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-002.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: Blocks Within Inlines - Backgrounds</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-001-ref.xht" />
+
+ <meta name="assert" content="When an inline box contains a block box,
+ the inline box is broken around the box and its background is drawn
+ only behind the inline's pieces, not behind the block."/>
+ <style type="text/css">
+ td { border: solid black; color: black; padding: 0; background: green; }
+ .inline { display: inline; background: lime; }
+ .block { display: block; }
+ .a, .c { background: lime; }
+ .b { background: green; }
+ </style>
+ </head>
+ <body>
+ <p>The following two boxes should look identical.</p>
+ <table>
+ <tr>
+ <td>
+ <span class="inline">Line 1<span class="block">Line 2</span>Line 3</span>
+ </td>
+ <td>
+ <div class="a">Line 1</div>
+ <div class="b">Line 2</div>
+ <div class="c">Line 3</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-003-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-003-ref.xht
new file mode 100644
index 0000000000..a99d588134
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-003-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>There should be no red.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-003.xht b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-003.xht
new file mode 100644
index 0000000000..fe3ab4d482
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-003.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Blocks within inlines: Simple</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/ib/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="block-in-inline-003-ref.xht" />
+
+ <meta name="assert" content="When an inline box contains a block box,
+ the inline box is broken around the box and its pieces, if empty,
+ will not show any background."/>
+ <style type="text/css">
+ .inline { background: red; color: red; display: inline; }
+ .block { color: green; display: block; }
+ </style>
+ </head>
+ <body>
+ <div class="block">
+ <div class="inline">
+ <div class="block">
+ There should be no red.
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-004.xht b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-004.xht
new file mode 100644
index 0000000000..eb5ff7c1d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-004.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Blocks within inlines: Simple with :hover</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/ib/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <meta name="flags" content="interact"/>
+ <meta name="assert" content="A block that splits an inline still inherits
+ from the inline, even in dynamic cases."/>
+ <style type="text/css">
+ .inline { color: blue; display: inline; }
+ .block { display: block; }
+ .inline:hover { color: green; }
+ </style>
+ </head>
+ <body>
+ <div class="block">
+ <div class="inline">
+ The text of all 3 sentences should become green when you hover over any text.
+ <div class="block">
+ The text of all 3 sentences should become green when you hover over any text.
+ </div>
+ The text of all 3 sentences should become green when you hover over any text.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-005.xht b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-005.xht
new file mode 100644
index 0000000000..c287c8bea2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-005.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Blocks within inlines: Simple with dynamic class changes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/ib/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <meta name="flags" content="dom interact"/>
+ <style type="text/css">
+ body { color: blue; }
+ .inline { display: inline; }
+ .block { display: block; }
+ </style>
+ <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+ <script type="text/javascript">
+ function clicked() {
+ document.getElementById('test').className = document.getElementById('test').className == 'inline' ? 'block' : 'inline';
+ }
+ </script>
+ </head>
+ <body onclick="clicked()">
+ <div class="block">
+ <div class="inline">
+ This text should all collapse
+ <div class="block" id="test">
+ into one line of text when
+ </div>
+ you click on the text.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-006.xht b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-006.xht
new file mode 100644
index 0000000000..1e6684f93c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-006.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Blocks within inlines: Simple with dynamic class changes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/ib/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <meta name="flags" content="dom interact"/>
+ <style type="text/css">
+ body { color: blue; }
+ .inline { display: inline; }
+ .block { display: block; }
+ </style>
+ <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+ <script type="text/javascript">
+ function clicked() {
+ document.getElementById('test').className = document.getElementById('test').className == 'inline' ? 'block' : 'inline';
+ }
+ </script>
+ </head>
+ <body onclick="clicked()">
+ <div class="block">
+ <div class="inline">
+ This text should split into
+ <div class="inline" id="test">
+ three separate lines when
+ </div>
+ you click on the text.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-007-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-007-ref.xht
new file mode 100644
index 0000000000..71dd363b6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-007-ref.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ td {font: 1em/1 monospace;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The pairs of letters below should be adjacent.</p>
+
+ <table>
+ <tr>
+ <td>
+<pre>A
+
+B
+
+C
+
+D
+
+E
+
+F
+
+G</pre>
+ </td>
+
+<td>
+<pre>A
+
+B
+
+C
+
+D
+
+E
+
+F
+
+G</pre>
+ </td>
+ </tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-007.xht b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-007.xht
new file mode 100644
index 0000000000..da2d6a9c0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-007.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Blocks within inlines: Simple</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/ib/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="block-in-inline-007-ref.xht" />
+
+ <meta name="assert" content="When an inline box contains block boxes,
+ the inline box is broken around the blocks." />
+ <style type="text/css">
+ .inline { display: inline; }
+ .block { display: block; margin: 1em 0; }
+ td { font: 1em/1 monospace; }
+ </style>
+ </head>
+ <body>
+ <p>The pairs of letters below should be adjacent.</p>
+ <table>
+ <tr>
+ <td>
+ <div class="block">
+ <div class="inline">
+ A
+ <div class="block">
+ B
+ </div>
+ <div class="block">
+ C
+ </div>
+ D
+ <div class="block">
+ E
+ </div>
+ F
+ <div class="block">
+ G
+ </div>
+ </div>
+ </div>
+ </td>
+ <td>
+<pre>A
+
+B
+
+C
+
+D
+
+E
+
+F
+
+G</pre>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-008-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-008-ref.xht
new file mode 100644
index 0000000000..aed38f2f4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-008-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {padding-bottom: 5em;}
+
+ div
+ {
+ background-color: green;
+ height: 5em;
+ width: 5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be no red.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-008.xht b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-008.xht
new file mode 100644
index 0000000000..94317e5b05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-008.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Blocks within inlines: Relative positioning</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/ib/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="block-in-inline-008-ref.xht" />
+
+ <style type="text/css">
+ .inline { display: inline; }
+ .block { display: block; }
+ .control { background: red; height: 5em; width: 5em; }
+ .test { background: green; height: 5em; width: 5em; position: relative; top: -5em; }
+ </style>
+ </head>
+ <body>
+ <p>There should be no red.</p>
+ <div class="control"></div>
+ <div>
+ <div class="inline">
+ <div class="block test"></div>
+ </div>
+ </div>
+ </body>
+</html>
+
+
+
+
+
diff --git a/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-relpos-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-relpos-001-ref.xht
new file mode 100644
index 0000000000..916845caf3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-relpos-001-ref.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .container {
+ margin: 1em;
+ font: 20px/1 Ahem;
+ border: solid silver;
+ width: 4em;
+ color: aqua;
+ background: fuchsia;
+ }
+
+ .controlC {
+ color: orange;
+ background: orange;
+ width: 2em;
+ margin-left: -2em;
+ border-left: 2em solid blue
+ }
+
+ .controlB {
+ color: yellow;
+ }
+ .controlC {
+ margin-left: 0;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The patterns in the 2 silver boxes must be <strong>identical</strong>.</p>
+
+ <div class="container">
+ A&nbsp;&nbsp;<span class="controlB">B</span>
+ <div class="controlC">C</div>
+ &nbsp;A<span class="controlB">B</span>
+ </div>
+
+ <div class="container">
+ A&nbsp;&nbsp;<span class="controlB">B</span>
+ <div class="controlC">C</div>
+ &nbsp;A<span class="controlB">B</span>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-relpos-001.xht b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-relpos-001.xht
new file mode 100644
index 0000000000..a5d6d27373
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-relpos-001.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Relative-positioning Inline Containing Block</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-relpos-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When such an inline box is affected by relative positioning, the relative positioning also affects the block-level box contained in the inline box." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .container {
+ margin: 1em;
+ font: 20px/1 Ahem;
+ border: solid silver;
+ width: 4em;
+ color: aqua;
+ background: fuchsia;
+ }
+ .relpos {
+ position: relative;
+ color: yellow;
+ left: 2em;
+ display: inline;
+ }
+ .block, .controlC {
+ color: orange;
+ background: orange;
+ width: 2em;
+ margin-left: -2em;
+ border-left: 2em solid blue
+ }
+
+ .controlB {
+ color: yellow;
+ }
+ .controlC {
+ margin-left: 0;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>The patterns in the 2 silver boxes must be <strong>identical</strong>.</p>
+ <div class="container">
+ A<div class="relpos">B
+ <div class="block">C</div>
+ B</div>A
+ </div>
+ <div class="container">
+ A&nbsp;&nbsp;<span class="controlB">B</span>
+ <div class="controlC">C</div>
+ &nbsp;A<span class="controlB">B</span>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-relpos-002.xht b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-relpos-002.xht
new file mode 100644
index 0000000000..bc3580083c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-relpos-002.xht
@@ -0,0 +1,83 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Relative-positioning Inline Containing Blocks and Floats</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+ <link rel="match" href="block-in-inline-relpos-001-ref.xht" />
+
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="When such an inline box is affected by relative positioning, the relative positioning also affects the block-level box contained in the inline box."/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .container {
+ margin: 1em;
+ font: 20px/1 Ahem;
+ border: solid silver;
+ width: 4em;
+ color: aqua;
+ background: fuchsia;
+ }
+ .relpos {
+ position: relative;
+ display: inline;
+ color: yellow;
+ left: 2em;
+ }
+ .block, .controlC {
+ color: orange;
+ background: orange;
+ width: 2em;
+ border-left: 2em solid blue;
+ }
+ .block {
+ margin-left: -2em;
+ height: 10px;
+ }
+
+ .float {
+ width: 2em;
+ height: 10px;
+ }
+ .float.L {
+ float: left;
+ background: orange;
+ color: orange;
+ }
+ .float.R {
+ float: right;
+ background: blue;
+ color: blue;
+ /* Back position to fill the hole left by relpos'ing .float.L */
+ position: relative;
+ right: 4em;
+ }
+
+ .controlB {
+ color: yellow;
+ }
+ .controlC {
+ margin-left: 0;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>The patterns in the 2 silver boxes must be <strong>identical</strong>.</p>
+ <div class="container">
+ A<div class="relpos">B
+ <div class="block"></div>
+ <div class="float L"></div>
+ <div class="float R"></div>
+ <div></div>
+ B</div>A
+ </div>
+ <div class="container">
+ A&nbsp;&nbsp;<span class="controlB">B</span>
+ <div class="controlC">C</div>
+ &nbsp;A<span class="controlB">B</span>
+ </div>
+
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/box-generation-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/box-generation-001-ref.xht
new file mode 100644
index 0000000000..a07a102038
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/box-generation-001-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#block
+ {
+ background-color: blue;
+ width: 1in;
+ }
+
+ div#yellow-cell
+ {
+ background-color: yellow;
+ display: table-cell;
+ width: 0.5in;
+ }
+
+ div#orange-cell
+ {
+ background-color: orange;
+ display: table-cell;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe is below the blue stripe and the yellow stripe is on the left-hand side of the orange stripe.</p>
+
+ <div id="block">Block box</div>
+
+ <div id="yellow-cell">Float</div><div id="orange-cell">Inline box</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/box-generation-001.xht b/testing/web-platform/tests/css/CSS2/box-display/box-generation-001.xht
new file mode 100644
index 0000000000..6d821f5c98
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/box-generation-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block-level elements generate principal block boxes with block boxes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes" />
+ <link rel="match" href="box-generation-001-ref.xht" />
+
+ <meta name="assert" content="Block boxes can reside within a principal block box established by a block-level element; inline boxes are outside of the principal block box." />
+ <style type="text/css">
+ div div
+ {
+ background: blue;
+ width: 1in;
+ }
+ #span1
+ {
+ background: orange;
+ }
+ #span2
+ {
+ background: yellow;
+ float: left;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange stripe is below the blue stripe and the yellow stripe is on the left-hand side of the orange stripe.</p>
+ <div id="div1">
+ <div>Block box</div>
+ <span id="span1">Inline box</span>
+ <span id="span2">Float</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/box-generation-002-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/box-generation-002-ref.xht
new file mode 100644
index 0000000000..ed0ad4783d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/box-generation-002-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#orange-cell
+ {
+ background-color: orange;
+ display: table-cell;
+ width: 0.5in;
+ }
+
+ div#yellow-cell
+ {
+ background-color: blue;
+ display: table-cell;
+ }
+
+ div#block {background-color: yellow;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe is on the left-hand side of the blue stripe and both stripes are above the yellow bar.</p>
+
+ <div id="orange-cell">Float</div><div id="yellow-cell">Inline box</div>
+
+ <div id="block">Block box</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/box-generation-002.xht b/testing/web-platform/tests/css/CSS2/box-display/box-generation-002.xht
new file mode 100644
index 0000000000..cc6562e9e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/box-generation-002.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block-level elements generate principal block boxes with inline boxes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes" />
+ <link rel="match" href="box-generation-002-ref.xht" />
+
+ <meta name="assert" content="Inline boxes can reside within a principal block box established by a block-level element; block boxes are outside of the principal block box." />
+ <style type="text/css">
+ span
+ {
+ background: blue;
+ }
+ #div1
+ {
+ background: orange;
+ float: left;
+ width: 0.5in;
+ }
+ #div2
+ {
+ background: yellow;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange stripe is on the left-hand side of the blue stripe and both stripes are above the yellow bar.</p>
+ <div>
+ <span>Inline box</span>
+ <div id="div1">Float</div>
+ <div id="div2">Block box</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/box-generation-003.xht b/testing/web-platform/tests/css/CSS2/box-display/box-generation-003.xht
new file mode 100644
index 0000000000..1c2c7e4e8e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/box-generation-003.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Additional boxes generated outside the principal block box</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes" />
+ <meta name="assert" content="Some block-level elements (i.e. 'list-item' elements) can generate additional boxes outside the principal block box." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ background: blue;
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a marker to the left of the "Filler Text" and the marker does not have a blue background.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-001.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-001.xht
new file mode 100644
index 0000000000..a323a79b17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for relative positioned elements is nearest block-level ancestor</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="If the element's position is 'relative', the containing block is formed by the content edge of the nearest block-level ancestor box." />
+ <style type="text/css">
+ #div1
+ {
+ background: red;
+ display: block;
+ height: 100px;
+ width: 100px;
+ }
+ div div
+ {
+ background: green;
+ height: 100%;
+ position: relative;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-002.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-002.xht
new file mode 100644
index 0000000000..2856a48654
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-002.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for relative positioned elements is nearest table cell ancestor</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="If the element's position is 'relative', the containing block is formed by the content edge of the nearest table cell ancestor box." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: red;
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ #cell div
+ {
+ background: green;
+ height: 100%;
+ position: relative;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-003.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-003.xht
new file mode 100644
index 0000000000..a7bec9509e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-003.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for relative positioned elements is nearest inline-block ancestor</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="If the element's position is 'relative', the containing block is formed by the content edge of the nearest inline-block ancestor box." />
+ <style type="text/css">
+ #div1
+ {
+ background: red;
+ display: inline-block;
+ height: 60px;
+ padding: 20px;
+ width: 60px;
+ }
+ div div
+ {
+ background: green;
+ height: 100px;
+ left: -20px;
+ position: relative;
+ top: -20px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-004.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-004.xht
new file mode 100644
index 0000000000..dc571931a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-004.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for static positioned elements is nearest block-level ancestor</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="If the element's position is 'static', the containing block is formed by the content edge of the nearest block-level ancestor box." />
+ <style type="text/css">
+ #div1
+ {
+ background: red;
+ display: block;
+ height: 100px;
+ width: 100px;
+ }
+ div div
+ {
+ background: green;
+ height: 100%;
+ position: static;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-005.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-005.xht
new file mode 100644
index 0000000000..575a1cc1ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-005.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for static positioned elements is nearest table cell ancestor</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="If the element's position is 'static', the containing block is formed by the content edge of the nearest table cell ancestor box." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: red;
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ #cell div
+ {
+ background: green;
+ height: 100%;
+ position: static;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-006.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-006.xht
new file mode 100644
index 0000000000..ef1717b311
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-006.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for static positioned elements is nearest inline-block ancestor</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="If the element's position is 'static', the containing block is formed by the content edge of the nearest inline-block ancestor box." />
+ <style type="text/css">
+ #div1
+ {
+ background: red;
+ display: inline-block;
+ height: 100px;
+ width: 100px;
+ }
+ div div
+ {
+ background: green;
+ height: 100%;
+ position: static;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-007-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-007-ref.xht
new file mode 100644
index 0000000000..9503f7e428
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-007-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ position: absolute;
+ right: 0px;
+ top: 0px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled blue square in the upper-right corner of the page.<img src="support/blue15x15.png" width="96" height="96" alt="Image download support must be enabled" /></p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-007.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-007.xht
new file mode 100644
index 0000000000..be6e8ac554
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-007.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Initial containing block for fixed positioned elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="match" href="containing-block-007-ref.xht" />
+
+ <meta name="assert" content="The containing block is established by the viewport when an element uses fixed positioning." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ bottom: 0;
+ }
+ div div
+ {
+ background: blue;
+ height: 1in;
+ position: fixed;
+ right: 0;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square in the upper-right corner of the page.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-008-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-008-ref.xht
new file mode 100644
index 0000000000..3a68ecf7b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-008-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 196px;
+ margin-left: 50px;
+ position: absolute;
+ top: 50px;
+ width: 196px;
+ }
+
+ img
+ {
+ position: relative;
+ left: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a filled blue square is in the <strong>upper-right corner</strong> of an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-008.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-008.xht
new file mode 100644
index 0000000000..d64fcabd5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-008.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for absolute positioned elements is nearest positioned (absolute) ancestor</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="match" href="containing-block-008-ref.xht" />
+
+ <meta name="assert" content="If the element has 'position: absolute', the containing block is established by the nearest positioned ancestor." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ margin: 50px;
+ position: absolute;
+ top: 0;
+ }
+ div div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div2
+ {
+ margin: 50px;
+ }
+ #div3
+ {
+ background: blue;
+ right: 0;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-right corner</strong> of an hollow black square.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-009-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-009-ref.xht
new file mode 100644
index 0000000000..6f0be72a99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-009-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 196px;
+ margin: 50px;
+ text-align: right;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a filled blue square is in the <strong>upper-right corner</strong> of an hollow wide black rectangle.</p>
+
+ <div><img src="support/blue15x15.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-009.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-009.xht
new file mode 100644
index 0000000000..3f81afcb37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-009.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for absolute positioned elements is nearest positioned (relative) ancestor</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="match" href="containing-block-009-ref.xht" />
+
+ <meta name="assert" content="If the element has 'position: absolute', the containing block is established by the nearest positioned ancestor." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ margin: 50px;
+ position: relative;
+ top: 0;
+ }
+ div div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div2
+ {
+ margin: 50px;
+ }
+ #div3
+ {
+ background: blue;
+ right: 0;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-right corner</strong> of an hollow wide black rectangle.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-010.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-010.xht
new file mode 100644
index 0000000000..08db1f60aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-010.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for absolute positioned elements is nearest positioned (fixed) ancestor</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="match" href="containing-block-008-ref.xht" />
+
+ <meta name="assert" content="If the element has 'position: absolute', the containing block is established by the nearest positioned ancestor." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ margin: 50px;
+ position: fixed;
+ top: 0;
+ }
+ div div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div2
+ {
+ margin: 50px;
+ }
+ #div3
+ {
+ background: blue;
+ right: 0;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-right corner</strong> of an hollow black square.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-011.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-011.xht
new file mode 100644
index 0000000000..27dea18f30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-011.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing Blocks - Inline-level elements position based on left-to-right direction and parent element is relative</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+
+ <meta name="assert" content="If the ancestor is inline-level, positioned absolute, and direction is left-to-right, the top/left of the containing block determines the top/left padding edges of the first box generated by the ancestor." />
+ <style type="text/css">
+ div
+ {
+ border: solid black;
+ padding: 1in;
+ position: relative;
+ width: 0;
+ }
+ #span1
+ {
+ direction: ltr;
+ }
+ span span
+ {
+ background: blue;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the filled blue square is in the <strong>lower-right corner</strong> of the hollow black square.</p>
+ <div>
+ <span id="span1">
+ <span></span>
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-013.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-013.xht
new file mode 100644
index 0000000000..426f10dd3b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-013.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing Blocks - Inline-level elements position based on left-to-right direction and parent element is absolute</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+
+ <meta name="assert" content="If the ancestor is inline-level, positioned absolute, and direction is left-to-right, the top/left of the containing block determines the top/left padding edges of the first box generated by the ancestor." />
+ <style type="text/css">
+ div
+ {
+ border: solid black;
+ padding: 1in;
+ position: absolute;
+ width: 0;
+ }
+ #span1
+ {
+ direction: ltr;
+ }
+ span span
+ {
+ background: blue;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the filled blue square is in the <strong>lower-right corner</strong> of the hollow black square.</p>
+ <div>
+ <span id="span1">
+ <span></span>
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-015.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-015.xht
new file mode 100644
index 0000000000..dce201b3e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-015.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing Blocks - Inline-level elements position based on left-to-right direction and parent element is fixed</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+
+ <meta name="assert" content="If the ancestor is inline-level, positioned absolute, and direction is left-to-right, the top/left of the containing block determines the top/left padding edges of the first box generated by the ancestor." />
+ <style type="text/css">
+ div
+ {
+ border: solid black;
+ padding: 1in;
+ position: fixed;
+ width: 0;
+ }
+ #span1
+ {
+ direction: ltr;
+ }
+ span span
+ {
+ background: blue;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the filled blue square is in the <strong>lower-right corner</strong> of the hollow black square.</p>
+ <div>
+ <span id="span1">
+ <span></span>
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-017.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-017.xht
new file mode 100644
index 0000000000..5a134c570d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-017.xht
@@ -0,0 +1,75 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing Blocks - Block-level elements position based on left-to-right direction and parent element is relative</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Alan Gresley" href="alan{at}css-class.com" />
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <meta name="flags" content="dom interact" />
+ <meta name="assert" content="The containing block of an absolutely positioned block-level element is formed by the padding edge of its nearest (closest) positioned ancestor element." />
+ <style type="text/css">
+ div
+ {
+ border: solid silver;
+ direction: ltr;
+ margin-bottom: 20px;
+ padding: 100px;
+ width: 450px;
+ }
+ #first-box, #last-box
+ {
+ color: silver;
+ }
+ .position
+ {
+ height: 30px;
+ position: absolute;
+ width: 30px;
+ }
+ #tl-control
+ {
+ border-top: 30px solid red;
+ margin-left: -50px;
+ margin-right: 20px;
+ padding: 20px 15px;
+ }
+ #br-control
+ {
+ border-bottom: 30px solid red;
+ margin-left: 20px;
+ margin-right: -50px;
+ padding: 20px 15px;
+ }
+ .top-left
+ {
+ background: green;
+ left: 0;
+ top: 0;
+ }
+ .bottom-right
+ {
+ background: green;
+ bottom: 0;
+ right: 0;
+ }
+ #test
+ {
+ border: 5px solid silver;
+ padding: 50px;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <span id="test">
+ <span id="first-box"><span id="tl-control"></span>Filler Text Filler Text Filler Text Filler Text</span>
+ <span class="position bottom-right">BR</span>
+ <span class="position top-left">TL</span>
+ <span id="last-box">Filler Text Filler Text Filler Text Filler Text<span id="br-control"></span></span>
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-018.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-018.xht
new file mode 100644
index 0000000000..28c23a6840
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-018.xht
@@ -0,0 +1,75 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing Blocks - Block-level elements position based on right-to-left direction and parent element is relative</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Alan Gresley" href="alan{at}css-class.com" />
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <meta name="flags" content="dom interact" />
+ <meta name="assert" content="The containing block of an absolutely positioned block-level element is formed by the padding edge of its nearest (closest) positioned ancestor element." />
+ <style type="text/css">
+ div
+ {
+ border: solid silver;
+ direction: rtl;
+ margin-bottom: 20px;
+ padding: 100px;
+ width: 450px;
+ }
+ #first-box, #last-box
+ {
+ color: silver;
+ }
+ .position
+ {
+ height: 30px;
+ position: absolute;
+ width: 30px;
+ }
+ #tr-control
+ {
+ border-top: 30px solid red;
+ margin-left: 20px;
+ margin-right: -50px;
+ padding: 20px 15px;
+ }
+ #bl-control
+ {
+ border-bottom: 30px solid red;
+ margin-left: -50px;
+ margin-right: 20px;
+ padding: 20px 15px;
+ }
+ .top-right
+ {
+ background: green;
+ right: 0;
+ top: 0;
+ }
+ .bottom-left
+ {
+ background: green;
+ bottom: 0;
+ left: 0;
+ }
+ #test
+ {
+ border: 5px solid silver;
+ padding: 50px;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <span id="test">
+ <span id="first-box"><span id="tr-control"></span><br /></span>
+ <span class="position bottom-left">BL</span>
+ <span class="position top-right">TR</span>
+ <span id="last-box"><span id="bl-control"></span></span>
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-019-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-019-ref.xht
new file mode 100644
index 0000000000..7ba9b2c133
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-019-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 96px;
+ padding-top: 96px;
+ text-align: right;
+ width: 192px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a filled blue square is in the <strong>lower-right corner</strong> of an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-019.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-019.xht
new file mode 100644
index 0000000000..7df6b7f4cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-019.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing Blocks - Block-level elements position based on left-to-right direction and parent element is absolute</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="match" href="containing-block-019-ref.xht" />
+
+ <meta name="assert" content="When the nearest (closest within document containment hierarchy) positioned ancestor of an absolutely positioned element is a block-level element, then the containing block of such absolutely positioned element is formed by the padding edge of such nearest positioned ancestor." />
+ <style type="text/css">
+ div
+ {
+ border: solid black;
+ padding: 1in;
+ position: absolute;
+ width: 0;
+ }
+ span
+ {
+ display: block;
+ }
+ #span1
+ {
+ direction: ltr;
+ }
+
+ /*
+ The span#span1 element determines, conditions (§10.3.7 and
+ §10.6.4) the 'top: auto' and 'left: auto' coordinates while the
+ wrapping div's padding box forms the containing block
+ geometry/area.
+ */
+
+ span span
+ {
+ background: blue;
+ height: 1in;
+ left: auto;
+ position: absolute;
+ top: auto;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>lower-right corner</strong> of an hollow black square.</p>
+ <div>
+ <span id="span1">
+ <span></span>
+ </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-020-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-020-ref.xht
new file mode 100644
index 0000000000..270ea7f97a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-020-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 96px;
+ padding-top: 96px;
+ width: 192px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a filled blue square is in the <strong>lower-left corner</strong> of an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-020.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-020.xht
new file mode 100644
index 0000000000..cc8668e035
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-020.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing Blocks - Block-level elements position based on right-to-left direction and parent element is absolute</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-10 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="match" href="containing-block-020-ref.xht" />
+
+ <meta name="assert" content="When the nearest (closest within document containment hierarchy) positioned ancestor of an absolutely positioned element is a block-level element, then the containing block of such absolutely positioned element is formed by the padding edge of such nearest (closest) positioned ancestor." />
+ <style type="text/css">
+ div
+ {
+ border: solid black;
+ padding: 1in;
+ position: absolute;
+ width: 0;
+ }
+ span
+ {
+ display: block;
+ }
+ #span1
+ {
+ direction: rtl;
+ }
+ span span
+ {
+ background: blue;
+ height: 1in;
+ left: auto;
+ position: absolute;
+ top: auto;
+ width: 1in;
+ }
+ /*
+ The span#span1 element determines, conditions (§10.3.7 and §10.6.4)
+ the 'top: auto' and 'left: auto' coordinates while the wrapping
+ div's padding box forms the containing block geometry/area.
+ */
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>lower-left corner</strong> of an hollow black square.</p>
+ <div>
+ <span id="span1">
+ <span></span>
+ </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-021.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-021.xht
new file mode 100644
index 0000000000..fd36da88da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-021.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing Blocks - Block-level elements position based on left-to-right direction and parent element is fixed</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="match" href="containing-block-019-ref.xht" />
+
+ <meta name="assert" content="When the nearest (closest within document containment hierarchy) positioned ancestor of an absolutely positioned element is a block-level element, then the containing block of such absolutely positioned element is formed by the padding edge of such nearest positioned ancestor." />
+ <style type="text/css">
+ div
+ {
+ border: solid black;
+ padding: 1in;
+ position: fixed;
+ width: 0;
+ }
+ span
+ {
+ display: block;
+ }
+ #span1
+ {
+ direction: ltr;
+ }
+
+ /*
+ The span#span1 element determines, conditions (§10.3.7 and
+ §10.6.4) the 'top: auto' and 'left: auto' coordinates while the
+ wrapping div's padding box forms the containing block
+ geometry/area.
+ */
+
+ span span
+ {
+ background: blue;
+ height: 1in;
+ left: auto;
+ position: absolute;
+ top: auto;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>lower-right corner</strong> of an hollow black square.</p>
+ <div>
+ <span id="span1">
+ <span></span>
+ </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-022.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-022.xht
new file mode 100644
index 0000000000..2fe09098bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-022.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing Blocks - Block-level elements position based on right-to-left direction and parent element is fixed</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-10 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="match" href="containing-block-020-ref.xht" />
+
+ <meta name="assert" content="When the nearest (closest within document containment hierarchy) positioned ancestor of an absolutely positioned element is a block-level element, then the containing block of such absolutely positioned element is formed by the padding edge of such nearest positioned ancestor." />
+ <style type="text/css">
+ div
+ {
+ border: solid black;
+ padding: 1in;
+ position: fixed;
+ width: 0;
+ }
+ span
+ {
+ display: block;
+ }
+ #span1
+ {
+ direction: rtl;
+ }
+
+ /*
+ The span#span1 element determines, conditions (§10.3.7 and
+ §10.6.4) the 'top: auto' and 'left: auto' coordinates while the
+ wrapping div's padding box forms the containing block
+ geometry/area.
+ */
+
+ span span
+ {
+ background: blue;
+ height: 1in;
+ left: auto;
+ position: absolute;
+ top: auto;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>lower-left corner</strong> of an hollow black square.</p>
+ <div>
+ <span id="span1">
+ <span></span>
+ </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-023-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-023-ref.xht
new file mode 100644
index 0000000000..b9534ec5b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-023-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ html, body {height: 100%;}
+
+ body
+ {
+ background: white url("support/blue96x96.png") no-repeat left bottom;
+ margin: 0px;
+ }
+
+ p
+ {
+ margin: 0px;
+ padding: 1em 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a blue square is at the <strong>bottom-left corner</strong> of the page.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-023.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-023.xht
new file mode 100644
index 0000000000..dcda232631
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-023.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing Blocks - Fall back to Initial containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-16 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="match" href="containing-block-023-ref.xht" />
+
+ <meta name="assert" content="When there are no positioned ancestors, then the initial containing block is used." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #div1, #div2
+ {
+ margin: 1in;
+ }
+ #div3
+ {
+ background: blue;
+ height: 1in;
+ left: 0;
+ position: absolute;
+ bottom: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue square is at the <strong>bottom-left corner</strong> of the page.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-024.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-024.xht
new file mode 100644
index 0000000000..baeea8c191
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-024.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block and absolutely positioned element in paged media</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="An absolutely positioned element ignores page breaks in paged media." />
+ <style type="text/css">
+ @media print
+ {
+ #print
+ {
+ display: none;
+ }
+ p
+ {
+ margin-top: 1.1in;
+ page-break-after: always;
+ }
+ div
+ {
+ border: solid black;
+ height: 1in;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p id="print">PREREQUISITE: Switch to paged media view.</p>
+ <p>Test passes if there is a black box above.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-025.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-025.xht
new file mode 100644
index 0000000000..eb83defd84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-025.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block and absolutely positioned element in paged media positioned off first page</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <meta name="flags" content="may paged" />
+ <meta name="assert" content="An absolutely positioned element positioned beyond the boundaries of the page being laid out can be omitted, rendered on the current page or on a following page." />
+ <style type="text/css">
+ @media print
+ {
+ #print
+ {
+ display: none;
+ }
+ div
+ {
+ border: solid black;
+ height: 1in;
+ left: 0;
+ position: absolute;
+ top: 50in;
+ width: 1in;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p id="print">PREREQUISITE: Switch to paged media view.</p>
+ <p>Test passes if there is no box below, or there is a box on page 1, or there is a box on a following page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-026.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-026.xht
new file mode 100644
index 0000000000..a30501d5b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-026.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Element position based on containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#containing-block" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="An element's position is based on the position of its containing block." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 100px;
+ width: 100px;
+ }
+ div div
+ {
+ background: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-027-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-027-ref.xht
new file mode 100644
index 0000000000..9a0744ee55
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-027-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table {border-spacing: 0px;}
+
+ td
+ {
+ line-height: 5px;
+ padding: 0px;
+ }
+
+ img {vertical-align: bottom;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange rectangle is within or overflows to the right and outside of the blue square.</p>
+
+ <table>
+ <tr><td><img src="support/blue15x15.png" width="96" height="5" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/swatch-orange.png" width="192" height="53" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/blue15x15.png" width="96" height="43" alt="Image download support must be enabled" /></td></tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-027.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-027.xht
new file mode 100644
index 0000000000..839ed069a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-027.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content is not confined by containing blocks</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-10 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#containing-block" />
+ <link rel="match" href="containing-block-027-ref.xht" />
+
+ <meta name="flags" content="may" />
+ <meta name="assert" content="Content may overflow containing blocks." />
+ <style type="text/css">
+ div
+ {
+ background: blue;
+ height: 1in;
+ padding-top: 5px;
+ width: 1in;
+ }
+ div div
+ {
+ background: orange;
+ height: 0.5in;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange rectangle is within or overflows to the right and outside of the blue square.</p>
+ <div>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-028-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-028-ref.xht
new file mode 100644
index 0000000000..72c19b2a7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-028-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ background-color: blue;
+ border-spacing: 0px;
+ height: 96px;
+ width: 96px;
+ }
+
+ td
+ {
+ padding: 0px;
+ text-align: right;
+ vertical-align: bottom;
+ }
+
+ img {vertical-align: bottom;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a small orange square is in the bottom right corner of the blue square.</p>
+
+ <table>
+ <tr><td><img src="support/swatch-orange.png" width="24" height="24" alt="Image download support must be enabled" /></td></tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-028.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-028.xht
new file mode 100644
index 0000000000..028057ae09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-028.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Principal block box establishes the containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes" />
+ <link rel="match" href="containing-block-028-ref.xht" />
+
+ <meta name="assert" content="Principal block boxes establish a containing block for descendant boxes." />
+ <style type="text/css">
+ div
+ {
+ background: blue;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ div div
+ {
+ background: orange;
+ bottom: 0;
+ height: 0.25in;
+ right: 0;
+ width: 0.25in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a small orange square is in the bottom right corner of the blue square.</p>
+ <div>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-029-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-029-ref.xht
new file mode 100644
index 0000000000..5cc01070b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-029-ref.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-spacing: 0px;
+ height: 96px;
+ table-layout: fixed;
+ width: 96px;
+ }
+
+ col#first-column {width: 72px;}
+
+ col#second-column {width: 24px;}
+
+ td
+ {
+ background-color: blue;
+ padding: 0px;
+ }
+
+ tr {height: 72px;}
+
+ tr#twenty-four {height: 24px;}
+
+ td#orange-dot
+ {
+ background-color: orange;
+ vertical-align: top;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a small orange square (with a black dot in its middle) is in the bottom right corner of the blue square.</p>
+
+ <table>
+ <col id="first-column"></col><col id="second-column"></col>
+ <tr><td></td><td></td></tr>
+ <tr id="twenty-four"><td></td><td id="orange-dot">.</td></tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-029.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-029.xht
new file mode 100644
index 0000000000..027c735645
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-029.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Principal block box establishes the containing block for generated content</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes" />
+ <link rel="match" href="containing-block-029-ref.xht" />
+
+ <meta name="assert" content="Principal block boxes establish a containing block for generated content." />
+ <style type="text/css">
+ div
+ {
+ background: blue;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ div div:before
+ {
+ content: ".";
+ background: orange;
+ bottom: 0;
+ display: block;
+ height: 0.25in;
+ position: absolute;
+ right: 0;
+ width: 0.25in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a small orange square (with a black dot in its middle) is in the bottom right corner of the blue square.</p>
+ <div>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-030-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-030-ref.xht
new file mode 100644
index 0000000000..5025549d57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-030-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table {border-spacing: 0px;}
+
+ td {padding: 0px;}
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange rectangle is within or overflows below and outside of the blue square.</p>
+
+ <table>
+ <tr><td><img src="support/blue15x15.png" width="5" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="48" height="192" alt="Image download support must be enabled" /><img src="support/blue15x15.png" width="48" height="96" alt="Image download support must be enabled" /></td></tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/containing-block-030.xht b/testing/web-platform/tests/css/CSS2/box-display/containing-block-030.xht
new file mode 100644
index 0000000000..3f02d8f214
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/containing-block-030.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Content is not confined by containing blocks</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#containing-block" />
+ <link rel="match" href="containing-block-030-ref.xht" />
+
+ <meta content="may" name="flags" />
+ <meta content="Content may overflow containing blocks." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#containing-block
+ {
+ background-color: blue;
+ height: 1in;
+ padding-left: 5px;
+ width: 1in;
+ }
+
+ div#sole-child-with-taller-content
+ {
+ background-color: orange;
+ height: 2in;
+ width: 0.5in;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange rectangle is within or overflows below and outside of the blue square.</p>
+
+ <div id="containing-block">
+ <div id="sole-child-with-taller-content"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/delete-block-in-inlines-beginning-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/delete-block-in-inlines-beginning-001-ref.xht
new file mode 100644
index 0000000000..d74030940c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/delete-block-in-inlines-beginning-001-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">Several inline elements are in this sentence.</div>
+
+ <div class="container">Several inline elements are in this sentence.</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/delete-block-in-inlines-beginning-001.xht b/testing/web-platform/tests/css/CSS2/box-display/delete-block-in-inlines-beginning-001.xht
new file mode 100644
index 0000000000..ccbe7429db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/delete-block-in-inlines-beginning-001.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Delete a block-level element inside a block whose children are otherwise all inline at its beginning</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="delete-block-in-inlines-beginning-001-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div#target-node-to-delete
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ margin: 1em 0em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function deleteABlockAtBeginning()
+ {
+ document.body.offsetHeight;
+
+ document.getElementsByClassName("container")[0].removeChild(document.getElementById("target-node-to-delete"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="deleteABlockAtBeginning();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div id="target-node-to-delete">Block to remove</div>
+ <span>Several</span> <span>inline elements</span> are <span>in this</span> sentence.</div>
+
+ <div class="container">Several inline elements are in this sentence.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/delete-block-in-inlines-end-001.xht b/testing/web-platform/tests/css/CSS2/box-display/delete-block-in-inlines-end-001.xht
new file mode 100644
index 0000000000..c08f497fe7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/delete-block-in-inlines-end-001.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Delete a block-level element inside a block whose children are otherwise all inline at its end</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="delete-block-in-inlines-beginning-001-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div#target-node-to-delete
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ margin: 1em 0em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function deleteABlockAtEnd()
+ {
+ document.body.offsetHeight;
+
+ document.getElementsByClassName("container")[0].removeChild(document.getElementById("target-node-to-delete"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="deleteABlockAtEnd();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <span>Several</span> <span>inline elements</span> are
+ <span>in this</span> sentence.
+ <div id="target-node-to-delete">Block to remove</div>
+ </div>
+
+ <div class="container">Several inline elements are in this sentence.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/delete-block-in-inlines-middle-001.xht b/testing/web-platform/tests/css/CSS2/box-display/delete-block-in-inlines-middle-001.xht
new file mode 100644
index 0000000000..d7a15693c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/delete-block-in-inlines-middle-001.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Delete a block-level element inside a block whose children are otherwise all inline at its middle</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="delete-block-in-inlines-beginning-001-ref.xht" />
+
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div#target-node-to-delete
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ margin: 1em 0em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function deleteABlockAtMiddle()
+ {
+ document.body.offsetHeight;
+
+ document.getElementsByClassName("container")[0].removeChild(document.getElementById("target-node-to-delete"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="deleteABlockAtMiddle();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <span>Several</span> <span>inline elements</span> are
+ <div id="target-node-to-delete">Block to remove</div>
+ <span>in this</span> sentence.</div>
+
+ <div class="container">Several inline elements are in this sentence.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-beginning-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-beginning-001-ref.xht
new file mode 100644
index 0000000000..693a2c5371
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-beginning-001-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>First block</div>
+ Anonymous second block
+ <div>Third block</div>
+ </div>
+
+ <div class="container">
+ <div>First block</div>
+ Anonymous second block
+ <div>Third block</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-beginning-001.xht b/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-beginning-001.xht
new file mode 100644
index 0000000000..474a861757
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-beginning-001.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Delete an inline-level element inside a block whose children are otherwise all block-level, located at its beginning</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="delete-inline-in-blocks-beginning-001-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span#target-node-to-delete
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function deleteAnInlineAtBeginning()
+ {
+ document.body.offsetHeight;
+
+ document.getElementsByClassName("container")[0].removeChild(document.getElementById("target-node-to-delete"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="deleteAnInlineAtBeginning();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <span id="target-node-to-delete">Span to remove</span>
+ <div>First block</div>
+ Anonymous second block
+ <div>Third block</div>
+ </div>
+
+ <div class="container">
+ <div>First block</div>
+ Anonymous second block
+ <div>Third block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-end-001.xht b/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-end-001.xht
new file mode 100644
index 0000000000..03411f0d05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-end-001.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Delete an inline-level element inside a block whose children are otherwise all block-level, located at its end</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="delete-inline-in-blocks-beginning-001-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span#target-node-to-delete
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function deleteAnInlineAtEnd()
+ {
+ document.body.offsetHeight;
+
+ document.getElementsByClassName("container")[0].removeChild(document.getElementById("target-node-to-delete"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="deleteAnInlineAtEnd();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>First block</div>
+ Anonymous second block
+ <div>Third block</div>
+ <span id="target-node-to-delete">Span to remove</span>
+ </div>
+
+ <div class="container">
+ <div>First block</div>
+ Anonymous second block
+ <div>Third block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-middle-001.xht b/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-middle-001.xht
new file mode 100644
index 0000000000..a2a80f8c18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-middle-001.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Delete an inline-level element inside a block whose children are otherwise all block-level, located in its middle</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="delete-inline-in-blocks-beginning-001-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span#target-node-to-delete
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function deleteAnInlineAtMiddle()
+ {
+ document.body.offsetHeight;
+
+ document.getElementsByClassName("container")[0].removeChild(document.getElementById("target-node-to-delete"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="deleteAnInlineAtMiddle();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>First block</div>
+ Anonymous second block <span id="target-node-to-delete">Span to remove</span>
+ <div>Third block</div>
+ </div>
+
+ <div class="container">
+ <div>First block</div>
+ Anonymous second block
+ <div>Third block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-middle-002-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-middle-002-ref.xht
new file mode 100644
index 0000000000..18b30c4a35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-middle-002-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>First block</div>
+ <div>Second block</div>
+ <div>Third block</div>
+ </div>
+
+ <div class="container">
+ <div>First block</div>
+ <div>Second block</div>
+ <div>Third block</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-middle-002.xht b/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-middle-002.xht
new file mode 100644
index 0000000000..d524189054
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-middle-002.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Delete an inline-level element inside a block whose children are otherwise all block-level, located in its middle</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="delete-inline-in-blocks-middle-002-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span#target-node-to-delete
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function deleteAnInlineAtMiddle()
+ {
+ document.body.offsetHeight;
+
+ document.getElementsByClassName("container")[0].removeChild(document.getElementById("target-node-to-delete"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="deleteAnInlineAtMiddle();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>First block</div>
+ <span id="target-node-to-delete">Span to remove</span>
+ <div>Second block</div>
+ <div>Third block</div>
+ </div>
+
+ <div class="container">
+ <div>First block</div>
+ <div>Second block</div>
+ <div>Third block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-middle-003.xht b/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-middle-003.xht
new file mode 100644
index 0000000000..fdb53b0eb2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/delete-inline-in-blocks-middle-003.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Delete an inline-level element inside a block whose children are otherwise all block-level, located in its middle</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="delete-inline-in-blocks-middle-002-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span#target-node-to-delete
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function deleteAnInlineAtMiddle()
+ {
+ document.body.offsetHeight;
+
+ document.getElementsByClassName("container")[0].removeChild(document.getElementById("target-node-to-delete"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="deleteAnInlineAtMiddle();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>First block</div>
+ <div>Second block</div>
+ <span id="target-node-to-delete">Span to remove</span>
+ <div>Third block</div>
+ </div>
+
+ <div class="container">
+ <div>First block</div>
+ <div>Second block</div>
+ <div>Third block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/descendant-display-none-001.xht b/testing/web-platform/tests/css/CSS2/box-display/descendant-display-none-001.xht
new file mode 100644
index 0000000000..e68b219ff1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/descendant-display-none-001.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Descendant elements and 'display: none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="Descendant elements do not get generated when parent is 'display: none'." />
+ <style type="text/css">
+ div
+ {
+ display: none;
+ }
+ div div
+ {
+ background: red;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/descendant-display-override-001.xht b/testing/web-platform/tests/css/CSS2/box-display/descendant-display-override-001.xht
new file mode 100644
index 0000000000..de2c9a74f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/descendant-display-override-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Overriding display none from parent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="Descendant elements cannot override the parent's setting of the 'display' property when set to 'none'." />
+ <style type="text/css">
+ div
+ {
+ display: none;
+ }
+ div div
+ {
+ background: red;
+ display: block;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/display-001-ref.xht
new file mode 100644
index 0000000000..c30736f47a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-001-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
+
+ <div>Filler text Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-001.xht b/testing/web-platform/tests/css/CSS2/box-display/display-001.xht
new file mode 100644
index 0000000000..385619e9ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="display-001-ref.xht" />
+
+ <meta name="assert" content="The property 'display' set to 'inline' behaves in layout as an inline element." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
+ <div>Filler text</div>
+ <div>Filler text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-002-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/display-002-ref.xht
new file mode 100644
index 0000000000..1110982292
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-002-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-002.xht b/testing/web-platform/tests/css/CSS2/box-display/display-002.xht
new file mode 100644
index 0000000000..81020d33e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-002.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="display-002-ref.xht" />
+
+ <meta name="assert" content="The property 'display' set to 'block' behaves in layout as a block." />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+ <div>
+ <span>Filler text</span>
+ <span>Filler text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-003.xht b/testing/web-platform/tests/css/CSS2/box-display/display-003.xht
new file mode 100644
index 0000000000..974c77bb2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-003.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <meta name="assert" content="The property 'display' set to 'list-item' behaves in layout as a list item block." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ span
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" has a bullet list-marker (filled disc) on its left-hand side.</p>
+ <div>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-005.xht b/testing/web-platform/tests/css/CSS2/box-display/display-005.xht
new file mode 100644
index 0000000000..44fbe1dfb2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-005.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="display-001-ref.xht" />
+
+ <meta name="assert" content="The property 'display' set to 'inline-block' is formatted in layout as an inline-level element: it creates a new block formatting context for its descendants but it is laid out, flowed as an inline-level element. An inline-block does not begin on a new line and does not require to begin on a new line." />
+ <style type="text/css">
+ div div
+ {
+ display: inline-block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
+ <div>
+ Filler text
+ <div>Filler text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-006.xht b/testing/web-platform/tests/css/CSS2/box-display/display-006.xht
new file mode 100644
index 0000000000..3ebe813d06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-006.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="display-001-ref.xht" />
+
+ <meta name="assert" content="The property 'display' set to 'table' behaves in layout as a table." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #row div
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
+ <div id="table">
+ <div id="row">
+ <div>Filler text&nbsp;</div>
+ <div>Filler text</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-007.xht b/testing/web-platform/tests/css/CSS2/box-display/display-007.xht
new file mode 100644
index 0000000000..9b3f7242c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="display-001-ref.xht" />
+
+ <meta name="assert" content="The property 'display' set to 'inline-table' behaves in layout as an inline table." />
+ <style type="text/css">
+ #test
+ {
+ display: inline-table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
+ <div>Filler text
+ <div id="test">
+ <div class="row">
+ <div class="cell">Filler&nbsp;</div>
+ <div class="cell">text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-008-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/display-008-ref.xht
new file mode 100644
index 0000000000..0c6748d03a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-008-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#blue
+ {
+ background-color: blue;
+ display: inline;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the top line of the 2 lines of "Filler Text" has a blue background.</p>
+
+ <div id="blue">Filler TextFiller Text</div>
+
+ <div>Filler TextFiller Text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-008.xht b/testing/web-platform/tests/css/CSS2/box-display/display-008.xht
new file mode 100644
index 0000000000..bafe117ff8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-008.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="display-008-ref.xht" />
+
+ <meta name="assert" content="The property 'display' set to 'table-row-group' behaves in layout as a table row group." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ background: blue;
+ display: table-row-group;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top line of the 2 lines of "Filler Text" has a blue background.</p>
+ <div id="table">
+ <div id="test">
+ <div class="row">
+ <div class="cell">Filler Text</div>
+ <div class="cell">Filler Text</div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="cell">Filler Text</div>
+ <div class="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-009.xht b/testing/web-platform/tests/css/CSS2/box-display/display-009.xht
new file mode 100644
index 0000000000..e7bc7f80d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-009.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="display-008-ref.xht" />
+
+ <meta name="assert" content="The property 'display' set to 'table-header-group' behaves in layout as a table header group." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ background: blue;
+ display: table-header-group;
+ }
+ #rowgroup
+ {
+ display: table-row-group;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top line of the 2 lines of "Filler Text" has a blue background.</p>
+ <div id="table">
+ <div id="test">
+ <div class="row">
+ <div class="cell">Filler Text</div>
+ <div class="cell">Filler Text</div>
+ </div>
+ </div>
+ <div id="rowgroup">
+ <div class="row">
+ <div class="cell">Filler Text</div>
+ <div class="cell">Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-010-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/display-010-ref.xht
new file mode 100644
index 0000000000..f7796e654f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-010-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the word "Below" is below "Filler Text".</p>
+
+ <div>Filler Text</div>
+
+ <div>Below</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-010.xht b/testing/web-platform/tests/css/CSS2/box-display/display-010.xht
new file mode 100644
index 0000000000..06ce558943
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-010.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="display-010-ref.xht" />
+
+ <meta name="assert" content="The property 'display' set to 'table-footer-group' behaves in layout as a table footer group." />
+ <style type="text/css">
+ div
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-footer-group;
+ }
+ #rowgroup
+ {
+ display: table-row-group;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "Below" is below "Filler Text".</p>
+ <div>
+ <span id="test">
+ <span class="row">
+ <span class="cell">Below</span>
+ </span>
+ </span>
+ <span id="rowgroup">
+ <span class="row">
+ <span class="cell">Filler Text</span>
+ </span>
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-011.xht b/testing/web-platform/tests/css/CSS2/box-display/display-011.xht
new file mode 100644
index 0000000000..405290fe4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-011.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="display-002-ref.xht" />
+
+ <meta name="assert" content="The property 'display' set to 'table-row' behaves in layout as a table row." />
+ <style type="text/css">
+ div
+ {
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+ <div>
+ <span class="row">
+ <span class="cell">Filler text</span>
+ </span>
+ <span class="row">
+ <span class="cell">Filler text</span>
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-012-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/display-012-ref.xht
new file mode 100644
index 0000000000..7d7903f9ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-012-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ span {background-color: blue;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the first half of the line of "Filler Text" has a blue background.</p>
+
+ <div><span>Filler Text</span>Filler Text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-012.xht b/testing/web-platform/tests/css/CSS2/box-display/display-012.xht
new file mode 100644
index 0000000000..fccc1c44c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-012.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="display-012-ref.xht" />
+
+ <meta name="assert" content="The property 'display' set to 'table-column-group' behaves in layout as a table column group." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ span
+ {
+ display: table-column-group;
+ }
+ #test
+ {
+ background-color: blue;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first half of the line of "Filler Text" has a blue background.</p>
+ <div id="table">
+ <span id="test"></span>
+ <span></span>
+ <div id="row">
+ <div class="cell">Filler Text</div>
+ <div class="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-013.xht b/testing/web-platform/tests/css/CSS2/box-display/display-013.xht
new file mode 100644
index 0000000000..43a52c9c5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-013.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="display-012-ref.xht" />
+
+ <meta name="assert" content="The property 'display' set to 'table-column' behaves in layout as a table column." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ span
+ {
+ display: table-column;
+ }
+ #test
+ {
+ background-color: blue;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first half of the line of "Filler Text" has a blue background.</p>
+ <div id="table">
+ <span id="test"></span>
+ <span></span>
+ <div id="row">
+ <div class="cell">Filler Text</div>
+ <div class="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-014.xht b/testing/web-platform/tests/css/CSS2/box-display/display-014.xht
new file mode 100644
index 0000000000..7cb0591c6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-014.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="display-001-ref.xht" />
+
+ <meta name="assert" content="The property 'display' set to 'table-cell' behaves in layout as a table cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #row div
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
+ <div id="table">
+ <div id="row">
+ <div>Filler text&nbsp;</div>
+ <div>Filler text</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-015.xht b/testing/web-platform/tests/css/CSS2/box-display/display-015.xht
new file mode 100644
index 0000000000..9a2c3e4268
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-015.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="display-002-ref.xht" />
+
+ <meta name="assert" content="The property 'display' set to 'table-caption' behaves in layout as a table caption." />
+ <style type="text/css">
+ div
+ {
+ display: table;
+ }
+ #span1
+ {
+ display: table-caption;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+ <div id="table">
+ <span id="span1">Filler text</span>
+ <span>Filler text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-016.xht b/testing/web-platform/tests/css/CSS2/box-display/display-016.xht
new file mode 100644
index 0000000000..4367c5f575
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-016.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The property 'display' set to 'none' has no layout." />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ display: none;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>FAIL</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-017.xht b/testing/web-platform/tests/css/CSS2/box-display/display-017.xht
new file mode 100644
index 0000000000..30d5522eb5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-017.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="display-002-ref.xht" />
+
+ <meta name="assert" content="The property 'display' set to 'inherit' can inherit its layout behavior from a parent container." />
+ <style type="text/css">
+ div
+ {
+ display: block;
+ }
+ span
+ {
+ display: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+ <div>
+ <span>Filler text</span>
+ <span>Filler text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-018-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/display-018-ref.xht
new file mode 100644
index 0000000000..aed8233160
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-018-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 3 "Filler text" are all on the same line.</p>
+
+ <div>Filler text <strong>Filler</strong> text <strong>Filler</strong> text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-018.xht b/testing/web-platform/tests/css/CSS2/box-display/display-018.xht
new file mode 100644
index 0000000000..d16d648f26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-018.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: display - sub-table elements with 'display' set to 'inline'</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="match" href="display-018-ref.xht" />
+
+ <meta content="When an element with its property 'display' set to 'inline', then it makes its box laid out horizontally, beginning at the top of its containing block without beginning on a new line and without requiring to begin on a new line. Elements with 'display' set to 'inline' are laid out horizontally, one after the other, in the line box." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table, caption, tbody, tr, th, td
+ {
+ display: inline;
+ vertical-align: baseline;
+ }
+
+ th, td {padding: 0px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 3 "Filler text" are all on the same line.</p>
+
+ <table>
+ <caption>Filler text</caption>
+
+ <tbody>
+
+ <tr>
+ <th>Filler</th>
+ <td>text</td>
+ </tr>
+
+ <tr>
+ <th>Filler</th>
+ <td>text</td>
+ </tr>
+
+ </tbody>
+
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/box-display/display-applies-to-001.xht
new file mode 100644
index 0000000000..ca899da23b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-applies-to-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Applying the property 'display' set to 'inline' to the 'a' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <meta name="assert" content="Display set to 'inline' applies the correct rendering behavior for the 'a' element." />
+ <style type="text/css">
+ /* Note that per the non-normative default stylesheet definition 'a' is already 'display: inline'. */
+ a
+ {
+ display: inline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the "Filler Text" below is on the same line.</p>
+ <div>
+ Filler Text
+ <a>Filler Text</a>
+ Filler Text
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/box-display/display-applies-to-002.xht
new file mode 100644
index 0000000000..478c6e9163
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-applies-to-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Applying the property 'display' set to 'inline' to the 'abbr' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <meta name="assert" content="Display set to 'inline' applies the correct rendering behavior for the 'abbr' element." />
+ <style type="text/css">
+ /* Note that per the non-normative default stylesheet definition 'abbr' is already 'display: inline'. */
+ abbr
+ {
+ display: inline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the "Filler Text" below is on the same line.</p>
+ <div>
+ Filler Text
+ <abbr>Filler Text</abbr>
+ Filler Text
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-change-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/display-change-001-ref.xht
new file mode 100644
index 0000000000..4f7e2a96e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-change-001-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a small filled green square and <strong>no red</strong>.</p>
+
+ <div><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-change-001.xht b/testing/web-platform/tests/css/CSS2/box-display/display-change-001.xht
new file mode 100644
index 0000000000..ec33b9f231
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-change-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Updating layout on display changes</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-07 -->
+ <link rel="help"
+ href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="display-change-001-ref.xht" />
+
+ <meta name="flags" content="ahem dom" />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <script type="text/javascript">
+ function test() {
+ document.getElementById('float').style.display = 'none';
+ }
+ </script>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #float { width: 100%; float:left; }
+ div { background: red; color: green; font-size: 1.25em; width: 1em; font-family: Ahem; line-height: 1; }
+ </style>
+ </head>
+ <body onload="test()">
+ <p>Test passes if there is a small filled green square and <strong>no red</strong>.</p>
+ <div id="float">X</div>
+ <div>
+ X
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-initial-001.xht b/testing/web-platform/tests/css/CSS2/box-display/display-initial-001.xht
new file mode 100644
index 0000000000..f0d0e8d058
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-initial-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display initial value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <meta name="assert" content="The initial display value for all elements is 'inline'." />
+ <style type="text/css">
+ span
+ {
+ background: orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a background starts and ends where the content starts and ends below.</p>
+ <div>
+ <span>Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-none-001.xht b/testing/web-platform/tests/css/CSS2/box-display/display-none-001.xht
new file mode 100644
index 0000000000..f7760f7ba1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-none-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'none' does not generate a box even with 'position' set to 'absolute'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="Elements set to 'display: none' do not render even if element is positioned absolute." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ display: none;
+ position: absolute;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-none-002.xht b/testing/web-platform/tests/css/CSS2/box-display/display-none-002.xht
new file mode 100644
index 0000000000..9887d38a61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-none-002.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'none' does not generate a box even with 'position' set to 'fixed'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="Elements set to 'display: none' do not render even if element is positioned fixed." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ display: none;
+ position: fixed;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/display-none-003.xht b/testing/web-platform/tests/css/CSS2/box-display/display-none-003.xht
new file mode 100644
index 0000000000..f57a605681
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/display-none-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display set to 'none' does not generate a box even when element is floated</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="Elements set to 'display: none' do not render even if element is floated." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ display: none;
+ float: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-001-ref.xht
new file mode 100644
index 0000000000..d66bd97f8d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-001-ref.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div class="inserted">Inserted new block</div>
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ <div class="container">
+ <div class="inserted">Inserted new block</div>
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-001.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-001.xht
new file mode 100644
index 0000000000..28f5fbd630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-001.xht
@@ -0,0 +1,76 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert a block-level element into an element that contains both blocks and inlines and directly into the block-of-blocks (and not into any anonymous block-of-inlines) at the beginning of the block-of-blocks</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-block-in-blocks-n-inlines-begin-001-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertABlockAtBeginning()
+ {
+ document.body.offsetHeight;
+
+ var newBlockNode = document.createElement("div");
+
+ newBlockNode.className = "inserted";
+
+ newBlockNode.appendChild(document.createTextNode("Inserted new block"));
+
+ document.getElementsByClassName("container")[0].insertBefore(newBlockNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertABlockAtBeginning();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><div id="insertion-point">1stBlock</div>
+ <div>ScndBlock</div><span>1stInline</span><div>FourthBlock</div>
+ <div>Fifth55Block</div><span>SecondInline</span><div>Seven777Block</div>
+ <div>Eight8888Block</div></div>
+
+ <div class="container">
+ <div class="inserted">Inserted new block</div>
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-002-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-002-ref.xht
new file mode 100644
index 0000000000..05f1d788a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-002-ref.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div class="inserted">Inserted new block</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div class="inserted">Inserted new block</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-002.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-002.xht
new file mode 100644
index 0000000000..dc10e08ec5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-002.xht
@@ -0,0 +1,76 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert a block-level element into an element that contains both blocks and inlines and directly into the block-of-blocks (and not into any anonymous block-of-inlines) at the beginning of the block-of-blocks</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-block-in-blocks-n-inlines-begin-002-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertABlockAtBeginning()
+ {
+ document.body.offsetHeight;
+
+ var newBlockNode = document.createElement("div");
+
+ newBlockNode.className = "inserted";
+
+ newBlockNode.appendChild(document.createTextNode("Inserted new block"));
+
+ document.getElementsByClassName("container")[0].insertBefore(newBlockNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertABlockAtBeginning();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><div>1stBlock</div>
+ <div id="insertion-point">ScndBlock</div><span>1stInline</span><div>FourthBlock</div>
+ <div>Fifth55Block</div><span>SecondInline</span><div>Seven777Block</div>
+ <div>Eight8888Block</div></div>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div class="inserted">Inserted new block</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-003-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-003-ref.xht
new file mode 100644
index 0000000000..980de9416c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-003-ref.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <div class="inserted">Inserted new block</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <div class="inserted">Inserted new block</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-003.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-003.xht
new file mode 100644
index 0000000000..8b39ff8b5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-begin-003.xht
@@ -0,0 +1,76 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert a block-level element into an element that contains both blocks and inlines and directly into the block-of-blocks (and not into any anonymous block-of-inlines) at the beginning of the block-of-blocks</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-block-in-blocks-n-inlines-begin-003-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertABlockAtBeginning()
+ {
+ document.body.offsetHeight;
+
+ var newBlockNode = document.createElement("div");
+
+ newBlockNode.className = "inserted";
+
+ newBlockNode.appendChild(document.createTextNode("Inserted new block"));
+
+ document.getElementsByClassName("container")[0].insertBefore(newBlockNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertABlockAtBeginning();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><div>1stBlock</div>
+ <div>ScndBlock</div><span id="insertion-point">1stInline</span><div>FourthBlock</div>
+ <div>Fifth55Block</div><span>SecondInline</span><div>Seven777Block</div>
+ <div>Eight8888Block</div></div>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <div class="inserted">Inserted new block</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-001-ref.xht
new file mode 100644
index 0000000000..bcaa0692b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-001-ref.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div class="inserted">Inserted new block</div>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div class="inserted">Inserted new block</div>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-001.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-001.xht
new file mode 100644
index 0000000000..28a25231c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-001.xht
@@ -0,0 +1,76 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert a block-level element into an element that contains both blocks and inlines and directly into the block-of-blocks (and not into any anonymous block-of-inlines) at the end of the block-of-blocks</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-block-in-blocks-n-inlines-end-001-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertABlockAtEnd()
+ {
+ document.body.offsetHeight;
+
+ var newBlockNode = document.createElement("div");
+
+ newBlockNode.className = "inserted";
+
+ newBlockNode.appendChild(document.createTextNode("Inserted new block"));
+
+ document.getElementsByClassName("container")[0].insertBefore(newBlockNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertABlockAtEnd();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><div>1stBlock</div>
+ <div>ScndBlock</div><span>1stInline</span><div>FourthBlock</div>
+ <div>Fifth55Block</div><span>SecondInline</span><div id="insertion-point">Seven777Block</div>
+ <div>Eight8888Block</div></div>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div class="inserted">Inserted new block</div>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-002-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-002-ref.xht
new file mode 100644
index 0000000000..c75398531f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-002-ref.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div class="inserted">Inserted new block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div class="inserted">Inserted new block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-002.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-002.xht
new file mode 100644
index 0000000000..b24b74231a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-002.xht
@@ -0,0 +1,76 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert a block-level element into an element that contains both blocks and inlines and directly into the block-of-blocks (and not into any anonymous block-of-inlines) at the end of the block-of-blocks</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-block-in-blocks-n-inlines-end-002-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertABlockAtEnd()
+ {
+ document.body.offsetHeight;
+
+ var newBlockNode = document.createElement("div");
+
+ newBlockNode.className = "inserted";
+
+ newBlockNode.appendChild(document.createTextNode("Inserted new block"));
+
+ document.getElementsByClassName("container")[0].insertBefore(newBlockNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertABlockAtEnd();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><div>1stBlock</div>
+ <div>ScndBlock</div><span>1stInline</span><div>FourthBlock</div>
+ <div>Fifth55Block</div><span>SecondInline</span><div>Seven777Block</div>
+ <div id="insertion-point">Eight8888Block</div></div>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div class="inserted">Inserted new block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-003-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-003-ref.xht
new file mode 100644
index 0000000000..a9f43877ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-003-ref.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ <div class="inserted">Inserted new block</div>
+ </div>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ <div class="inserted">Inserted new block</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-003.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-003.xht
new file mode 100644
index 0000000000..fed83aa6e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-end-003.xht
@@ -0,0 +1,76 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert a block-level element into an element that contains both blocks and inlines and directly into the block-of-blocks (and not into any anonymous block-of-inlines) at the end of the block-of-blocks</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-block-in-blocks-n-inlines-end-003-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertABlockAtEnd()
+ {
+ document.body.offsetHeight;
+
+ var newBlockNode = document.createElement("div");
+
+ newBlockNode.className = "inserted";
+
+ newBlockNode.appendChild(document.createTextNode("Inserted new block"));
+
+ document.getElementsByClassName("container")[0].appendChild(newBlockNode);
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertABlockAtEnd();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><div>1stBlock</div>
+ <div>ScndBlock</div><span>1stInline</span><div>FourthBlock</div>
+ <div>Fifth55Block</div><span>SecondInline</span><div>Seven777Block</div>
+ <div>Eight8888Block</div></div>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ <div class="inserted">Inserted new block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-001-ref.xht
new file mode 100644
index 0000000000..23b883b136
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-001-ref.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div class="inserted">Inserted new block</div>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div class="inserted">Inserted new block</div>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-001.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-001.xht
new file mode 100644
index 0000000000..35aff524ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-001.xht
@@ -0,0 +1,76 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert a block-level element into an element that contains both blocks and inlines and directly into the block-of-blocks (and not into any anonymous block-of-inlines) in the middle of the block-of-blocks</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-block-in-blocks-n-inlines-middle-001-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertABlockAtMiddle()
+ {
+ document.body.offsetHeight;
+
+ var newBlockNode = document.createElement("div");
+
+ newBlockNode.className = "inserted";
+
+ newBlockNode.appendChild(document.createTextNode("Inserted new block"));
+
+ document.getElementsByClassName("container")[0].insertBefore(newBlockNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertABlockAtMiddle();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><div>1stBlock</div>
+ <div>ScndBlock</div><span>1stInline</span><div id="insertion-point">FourthBlock</div>
+ <div>Fifth55Block</div><span>SecondInline</span><div>Seven777Block</div>
+ <div>Eight8888Block</div></div>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div class="inserted">Inserted new block</div>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-002-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-002-ref.xht
new file mode 100644
index 0000000000..d8d4376291
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-002-ref.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div class="inserted">Inserted new block</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div class="inserted">Inserted new block</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-002.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-002.xht
new file mode 100644
index 0000000000..dbc4941f67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-002.xht
@@ -0,0 +1,76 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert a block-level element into an element that contains both blocks and inlines and directly into the block-of-blocks (and not into any anonymous block-of-inlines) in the middle of the block-of-blocks</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-block-in-blocks-n-inlines-middle-002-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertABlockAtMiddle()
+ {
+ document.body.offsetHeight;
+
+ var newBlockNode = document.createElement("div");
+
+ newBlockNode.className = "inserted";
+
+ newBlockNode.appendChild(document.createTextNode("Inserted new block"));
+
+ document.getElementsByClassName("container")[0].insertBefore(newBlockNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertABlockAtMiddle();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><div>1stBlock</div>
+ <div>ScndBlock</div><span>1stInline</span><div>FourthBlock</div>
+ <div id="insertion-point">Fifth55Block</div><span>SecondInline</span><div>Seven777Block</div>
+ <div>Eight8888Block</div></div>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div class="inserted">Inserted new block</div>
+ <div>Fifth55Block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-003-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-003-ref.xht
new file mode 100644
index 0000000000..e691312593
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-003-ref.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <div class="inserted">Inserted new block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <div class="inserted">Inserted new block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-003.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-003.xht
new file mode 100644
index 0000000000..73aa60b0a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-blocks-n-inlines-middle-003.xht
@@ -0,0 +1,76 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert a block-level element into an element that contains both blocks and inlines and directly into the block-of-blocks (and not into any anonymous block-of-inlines) in the middle of the block-of-blocks</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-block-in-blocks-n-inlines-middle-003-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertABlockAtMiddle()
+ {
+ document.body.offsetHeight;
+
+ var newBlockNode = document.createElement("div");
+
+ newBlockNode.className = "inserted";
+
+ newBlockNode.appendChild(document.createTextNode("Inserted new block"));
+
+ document.getElementsByClassName("container")[0].insertBefore(newBlockNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertABlockAtMiddle();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><div>1stBlock</div>
+ <div>ScndBlock</div><span>1stInline</span><div>FourthBlock</div>
+ <div>Fifth55Block</div><span id="insertion-point">SecondInline</span><div>Seven777Block</div>
+ <div>Eight8888Block</div></div>
+
+ <div class="container">
+ <div>1stBlock</div>
+ <div>ScndBlock</div>
+ <span>1stInline</span>
+ <div>FourthBlock</div>
+ <div>Fifth55Block</div>
+ <div class="inserted">Inserted new block</div>
+ <span>SecondInline</span>
+ <div>Seven777Block</div>
+ <div>Eight8888Block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-beginning-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-beginning-001-ref.xht
new file mode 100644
index 0000000000..cf3105cbbb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-beginning-001-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ margin: 1em 0em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div class="inserted">Inserted new block</div>
+ Several inline elements are in this sentence.
+ </div>
+
+ <div class="container">
+ <div class="inserted">Inserted new block</div>
+ Several inline elements are in this sentence.
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-beginning-001.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-beginning-001.xht
new file mode 100644
index 0000000000..ca8f49e358
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-beginning-001.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert a block-level element into a block of inlines at its beginning</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-block-in-inlines-beginning-001-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ margin: 1em 0em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertABlockAtBeginning()
+ {
+ document.body.offsetHeight;
+
+ var newBlockNode = document.createElement("div");
+
+ newBlockNode.appendChild(document.createTextNode("Inserted new block"));
+
+ newBlockNode.className = "inserted";
+
+ document.getElementsByClassName("container")[0].insertBefore(newBlockNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertABlockAtBeginning();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><span id="insertion-point">Several</span> <span>inline elements</span> are <span>in this</span> sentence.</div>
+
+ <div class="container">
+ <div class="inserted">Inserted new block</div>
+ Several inline elements are in this sentence.
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-end-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-end-001-ref.xht
new file mode 100644
index 0000000000..1a2a150072
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-end-001-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ margin: 1em 0em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ Several inline elements are in this sentence.
+ <div class="inserted">Inserted new block</div>
+ </div>
+
+ <div class="container">
+ Several inline elements are in this sentence.
+ <div class="inserted">Inserted new block</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-end-001.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-end-001.xht
new file mode 100644
index 0000000000..c196757e70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-end-001.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert a block-level element into a block of inlines at its end</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-block-in-inlines-end-001-ref.xht" />
+
+ <meta content="ahem dom" name="flags" />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ margin: 1em 0em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertABlockAtEnd()
+ {
+ document.body.offsetHeight;
+
+ var newBlockNode = document.createElement("div");
+
+ newBlockNode.appendChild(document.createTextNode("Inserted new block"));
+
+ newBlockNode.className = "inserted";
+
+ document.getElementsByClassName("container")[0].appendChild(newBlockNode);
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertABlockAtEnd();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><span>Several</span> <span>inline elements</span> are <span>in this</span> sentence.</div>
+
+ <div class="container">
+ Several inline elements are in this sentence.
+ <div class="inserted">Inserted new block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-middle-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-middle-001-ref.xht
new file mode 100644
index 0000000000..c9f59509fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-middle-001-ref.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ margin: 1em 0em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ Several inline elements are
+ <div class="inserted">Inserted new block</div>
+ in this sentence.
+ </div>
+
+ <div class="container">
+ Several inline elements are
+ <div class="inserted">Inserted new block</div>
+ in this sentence.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-middle-001.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-middle-001.xht
new file mode 100644
index 0000000000..9d79d637e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-block-in-inlines-middle-001.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert a block-level element into a block of inlines at its middle</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-block-in-inlines-middle-001-ref.xht" />
+
+ <meta content="ahem dom" name="flags" />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ margin: 1em 0em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertABlockAtMiddle()
+ {
+ document.body.offsetHeight;
+
+ var newBlockNode = document.createElement("div");
+
+ newBlockNode.appendChild(document.createTextNode("Inserted new block"));
+
+ newBlockNode.className = "inserted";
+
+ document.getElementsByClassName("container")[0].insertBefore(newBlockNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertABlockAtMiddle();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><span>Several</span> <span>inline elements</span> are <span id="insertion-point">in this</span> sentence.</div>
+
+ <div class="container">
+ Several inline elements are
+ <div class="inserted">Inserted new block</div>
+ in this sentence.
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-beginning-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-beginning-001-ref.xht
new file mode 100644
index 0000000000..8af5fefb7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-beginning-001-ref.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <span class="inserted">Inserted new inline</span>
+ <div>First block</div>
+ Anonymous second block
+ <div>Third block</div>
+ </div>
+
+ <div class="container">
+ <span class="inserted">Inserted new inline</span>
+ <div>First block</div>
+ Anonymous second block
+ <div>Third block</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-beginning-001.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-beginning-001.xht
new file mode 100644
index 0000000000..c57a91b225
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-beginning-001.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert an inline-level element into a block of blocks at its beginning</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-inline-in-blocks-beginning-001-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertAnInlineAtBeginning()
+ {
+ document.body.offsetHeight;
+
+ var newInlineNode = document.createElement("span");
+
+ newInlineNode.appendChild(document.createTextNode("Inserted new inline"));
+
+ newInlineNode.className = "inserted";
+
+ document.getElementsByClassName("container")[0].insertBefore(newInlineNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertAnInlineAtBeginning();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div id="insertion-point">First block</div>
+ Anonymous second block
+ <div>Third block</div>
+ </div>
+
+ <div class="container">
+ <span class="inserted">Inserted new inline</span>
+ <div>First block</div>
+ Anonymous second block
+ <div>Third block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-end-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-end-001-ref.xht
new file mode 100644
index 0000000000..407b9d8fef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-end-001-ref.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>First block</div>
+ Anonymous second block
+ <div>Third block</div>
+ <span class="inserted">Inserted new inline</span>
+ </div>
+
+ <div class="container">
+ <div>First block</div>
+ Anonymous second block
+ <div>Third block</div>
+ <span class="inserted">Inserted new inline</span>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-end-001.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-end-001.xht
new file mode 100644
index 0000000000..fb3fb51fc1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-end-001.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert an inline-level element into a block of blocks at its end</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-inline-in-blocks-end-001-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertAnInlineAtEnd()
+ {
+ document.body.offsetHeight;
+
+ var newInlineNode = document.createElement("span");
+
+ newInlineNode.appendChild(document.createTextNode("Inserted new inline"));
+
+ newInlineNode.className = "inserted";
+
+ document.getElementsByClassName("container")[0].appendChild(newInlineNode);
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertAnInlineAtEnd();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>First block</div>
+ Anonymous second block
+ <div>Third block</div>
+ </div>
+
+ <div class="container">
+ <div>First block</div>
+ Anonymous second block
+ <div>Third block</div>
+ <span class="inserted">Inserted new inline</span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-middle-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-middle-001-ref.xht
new file mode 100644
index 0000000000..fa2a5eddf9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-middle-001-ref.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>First block</div>
+ <span class="inserted">Inserted new inline</span>
+ <div>Second block</div>
+ <div>Third block</div>
+ </div>
+
+ <div class="container">
+ <div>First block</div>
+ <span class="inserted">Inserted new inline</span>
+ <div>Second block</div>
+ <div>Third block</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-middle-001.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-middle-001.xht
new file mode 100644
index 0000000000..f7de7048c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-middle-001.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert an inline-level element into a block of blocks at its middle</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-inline-in-blocks-middle-001-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertAnInlineAtMiddle()
+ {
+ document.body.offsetHeight;
+
+ var newInlineNode = document.createElement("span");
+
+ newInlineNode.appendChild(document.createTextNode("Inserted new inline"));
+
+ newInlineNode.className = "inserted";
+
+ document.getElementsByClassName("container")[0].insertBefore(newInlineNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertAnInlineAtMiddle();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>First block</div>
+ <div id="insertion-point">Second block</div>
+ <div>Third block</div>
+ </div>
+
+ <div class="container">
+ <div>First block</div>
+ <span class="inserted">Inserted new inline</span>
+ <div>Second block</div>
+ <div>Third block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-middle-002-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-middle-002-ref.xht
new file mode 100644
index 0000000000..d4a54e7497
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-middle-002-ref.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>First block</div>
+ <div>Second block</div>
+ <span class="inserted">Inserted new inline</span>
+ <div>Third block</div>
+ </div>
+
+ <div class="container">
+ <div>First block</div>
+ <div>Second block</div>
+ <span class="inserted">Inserted new inline</span>
+ <div>Third block</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-middle-002.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-middle-002.xht
new file mode 100644
index 0000000000..a09f064349
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-middle-002.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert an inline-level element into a block of blocks at its middle</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-inline-in-blocks-middle-002-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertAnInlineAtMiddle()
+ {
+ document.body.offsetHeight;
+
+ var newInlineNode = document.createElement("span");
+
+ newInlineNode.appendChild(document.createTextNode("Inserted new inline"));
+
+ newInlineNode.className = "inserted";
+
+ document.getElementsByClassName("container")[0].insertBefore(newInlineNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertAnInlineAtMiddle();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">
+ <div>First block</div>
+ <div>Second block</div>
+ <div id="insertion-point">Third block</div>
+ </div>
+
+ <div class="container">
+ <div>First block</div>
+ <div>Second block</div>
+ <span class="inserted">Inserted new inline</span>
+ <div>Third block</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-001-ref.xht
new file mode 100644
index 0000000000..78fabf5ee9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-001-ref.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><span class="inserted">Inserted new inline</span>1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ <div class="container"><span class="inserted">Inserted new inline</span>1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-001.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-001.xht
new file mode 100644
index 0000000000..32d3ba544a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-001.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert an inline-level element into an element that contains both blocks and inlines and directly into the block-of-inlines at its beginning</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-inline-in-blocks-n-inlines-begin-001-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertAnInlineAtBeginning()
+ {
+ document.body.offsetHeight;
+
+ var newInlineNode = document.createElement("span");
+
+ newInlineNode.className = "inserted";
+
+ newInlineNode.appendChild(document.createTextNode("Inserted new inline"));
+
+ document.getElementsByClassName("container")[0].insertBefore(newInlineNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertAnInlineAtBeginning();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><span id="insertion-point">1stInline</span>
+ <span>ScndInline</span><div>1stBlock</div><span>FourthInline</span>
+ <span>Fifth55Inline</span><div>SecondBlock</div><span>Seven777Inline</span>
+ <span>Eight8888Inline</span></div>
+
+ <div class="container"><span class="inserted">Inserted new inline</span>1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-002-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-002-ref.xht
new file mode 100644
index 0000000000..24d16d9e7b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-002-ref.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">1stInline <span class="inserted">Inserted new inline</span>ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ <div class="container">1stInline <span class="inserted">Inserted new inline</span>ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-002.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-002.xht
new file mode 100644
index 0000000000..7f1dd29384
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-002.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert an inline-level element into an element that contains both blocks and inlines and directly into the block-of-inlines at its beginning</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-inline-in-blocks-n-inlines-begin-002-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertAnInlineAtBeginning()
+ {
+ document.body.offsetHeight;
+
+ var newInlineNode = document.createElement("span");
+
+ newInlineNode.className = "inserted";
+
+ newInlineNode.appendChild(document.createTextNode("Inserted new inline"));
+
+ document.getElementsByClassName("container")[0].insertBefore(newInlineNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertAnInlineAtBeginning();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><span>1stInline</span>
+ <span id="insertion-point">ScndInline</span><div>1stBlock</div><span>FourthInline</span>
+ <span>Fifth55Inline</span><div>SecondBlock</div><span>Seven777Inline</span>
+ <span>Eight8888Inline</span></div>
+
+ <div class="container">1stInline <span class="inserted">Inserted new inline</span>ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-003-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-003-ref.xht
new file mode 100644
index 0000000000..75e95d9a2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-003-ref.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">1stInline ScndInline<span class="inserted">Inserted new inline</span>
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ <div class="container">1stInline ScndInline<span class="inserted">Inserted new inline</span>
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-003.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-003.xht
new file mode 100644
index 0000000000..b9399e426f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-begin-003.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert an inline-level element into an element that contains both blocks and inlines and directly into the block-of-inlines at its beginning</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-inline-in-blocks-n-inlines-begin-003-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertAnInlineAtBeginning()
+ {
+ document.body.offsetHeight;
+
+ var newInlineNode = document.createElement("span");
+
+ newInlineNode.className = "inserted";
+
+ newInlineNode.appendChild(document.createTextNode("Inserted new inline"));
+
+ document.getElementsByClassName("container")[0].insertBefore(newInlineNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertAnInlineAtBeginning();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><span>1stInline</span>
+ <span>ScndInline</span><div id="insertion-point">1stBlock</div><span>FourthInline</span>
+ <span>Fifth55Inline</span><div>SecondBlock</div><span>Seven777Inline</span>
+ <span>Eight8888Inline</span></div>
+
+ <div class="container">1stInline ScndInline<span class="inserted">Inserted new inline</span>
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-001-ref.xht
new file mode 100644
index 0000000000..5f622d8a00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-001-ref.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ <span class="inserted">Inserted new inline</span>Seven777Inline Eight8888Inline</div>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ <span class="inserted">Inserted new inline</span>Seven777Inline Eight8888Inline</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-001.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-001.xht
new file mode 100644
index 0000000000..88997fa4ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-001.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert an inline-level element into an element that contains both blocks and inlines and directly into the block-of-inlines at its end</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-inline-in-blocks-n-inlines-end-001-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertAnInlineAtEnd()
+ {
+ document.body.offsetHeight;
+
+ var newInlineNode = document.createElement("span");
+
+ newInlineNode.className = "inserted";
+
+ newInlineNode.appendChild(document.createTextNode("Inserted new inline"));
+
+ document.getElementsByClassName("container")[0].insertBefore(newInlineNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertAnInlineAtEnd();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><span>1stInline</span>
+ <span>ScndInline</span><div>1stBlock</div><span>FourthInline</span>
+ <span>Fifth55Inline</span><div>SecondBlock</div><span id="insertion-point">Seven777Inline</span>
+ <span>Eight8888Inline</span></div>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ <span class="inserted">Inserted new inline</span>Seven777Inline Eight8888Inline</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-002-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-002-ref.xht
new file mode 100644
index 0000000000..2e09cfff70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-002-ref.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline <span class="inserted">Inserted new inline</span>Eight8888Inline</div>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline <span class="inserted">Inserted new inline</span>Eight8888Inline</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-002.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-002.xht
new file mode 100644
index 0000000000..72855d3a45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-002.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert an inline-level element into an element that contains both blocks and inlines and directly into the block-of-inlines at its end</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-inline-in-blocks-n-inlines-end-002-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertAnInlineAtEnd()
+ {
+ document.body.offsetHeight;
+
+ var newInlineNode = document.createElement("span");
+
+ newInlineNode.className = "inserted";
+
+ newInlineNode.appendChild(document.createTextNode("Inserted new inline"));
+
+ document.getElementsByClassName("container")[0].insertBefore(newInlineNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertAnInlineAtEnd();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><span>1stInline</span>
+ <span>ScndInline</span><div>1stBlock</div><span>FourthInline</span>
+ <span>Fifth55Inline</span><div>SecondBlock</div><span>Seven777Inline</span>
+ <span id="insertion-point">Eight8888Inline</span></div>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline <span class="inserted">Inserted new inline</span>Eight8888Inline</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-003-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-003-ref.xht
new file mode 100644
index 0000000000..c4d10ecc0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-003-ref.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline<span class="inserted">Inserted new inline</span></div>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline<span class="inserted">Inserted new inline</span></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-003.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-003.xht
new file mode 100644
index 0000000000..bd982b78d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-end-003.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert an inline-level element into an element that contains both blocks and inlines and directly into the block-of-inlines at its end</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-inline-in-blocks-n-inlines-end-003-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertAnInlineAtEnd()
+ {
+ document.body.offsetHeight;
+
+ var newInlineNode = document.createElement("span");
+
+ newInlineNode.className = "inserted";
+
+ newInlineNode.appendChild(document.createTextNode("Inserted new inline"));
+
+ document.getElementsByClassName("container")[0].appendChild(newInlineNode);
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertAnInlineAtEnd();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><span>1stInline</span>
+ <span>ScndInline</span><div>1stBlock</div><span>FourthInline</span>
+ <span>Fifth55Inline</span><div>SecondBlock</div><span>Seven777Inline</span>
+ <span>Eight8888Inline</span></div>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline<span class="inserted">Inserted new inline</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-001-ref.xht
new file mode 100644
index 0000000000..026ac5b028
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-001-ref.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ <span class="inserted">Inserted new inline</span>FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ <span class="inserted">Inserted new inline</span>FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-001.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-001.xht
new file mode 100644
index 0000000000..fde80e5f05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-001.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert an inline-level element into an element that contains both blocks and inlines and directly into the block-of-inlines at its middle</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-inline-in-blocks-n-inlines-middle-001-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertAnInlineAtMiddle()
+ {
+ document.body.offsetHeight;
+
+ var newInlineNode = document.createElement("span");
+
+ newInlineNode.className = "inserted";
+
+ newInlineNode.appendChild(document.createTextNode("Inserted new inline"));
+
+ document.getElementsByClassName("container")[0].insertBefore(newInlineNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertAnInlineAtMiddle();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><span>1stInline</span>
+ <span>ScndInline</span><div>1stBlock</div><span id="insertion-point">FourthInline</span>
+ <span>Fifth55Inline</span><div>SecondBlock</div><span>Seven777Inline</span>
+ <span>Eight8888Inline</span></div>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ <span class="inserted">Inserted new inline</span>FourthInline Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-002-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-002-ref.xht
new file mode 100644
index 0000000000..b1c228a9ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-002-ref.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline <span class="inserted">Inserted new inline</span>Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline <span class="inserted">Inserted new inline</span>Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-002.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-002.xht
new file mode 100644
index 0000000000..b0073b1da7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-002.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert an inline-level element into an element that contains both blocks and inlines and directly into the block-of-inlines at its middle</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-inline-in-blocks-n-inlines-middle-002-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertAnInlineAtMiddle()
+ {
+ document.body.offsetHeight;
+
+ var newInlineNode = document.createElement("span");
+
+ newInlineNode.className = "inserted";
+
+ newInlineNode.appendChild(document.createTextNode("Inserted new inline"));
+
+ document.getElementsByClassName("container")[0].insertBefore(newInlineNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertAnInlineAtMiddle();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><span>1stInline</span>
+ <span>ScndInline</span><div>1stBlock</div><span>FourthInline</span>
+ <span id="insertion-point">Fifth55Inline</span><div>SecondBlock</div><span>Seven777Inline</span>
+ <span>Eight8888Inline</span></div>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline <span class="inserted">Inserted new inline</span>Fifth55Inline
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-003-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-003-ref.xht
new file mode 100644
index 0000000000..4e5d873f7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-003-ref.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline<span class="inserted">Inserted new inline</span>
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline<span class="inserted">Inserted new inline</span>
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-003.xht b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-003.xht
new file mode 100644
index 0000000000..277d27c72c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/insert-inline-in-blocks-n-inlines-middle-003.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+
+ <head>
+
+ <title>CSS Test: Insert an inline-level element into an element that contains both blocks and inlines and directly into the block-of-inlines at its middle</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" title="9.2.1.1 Anonymous block boxes" />
+ <link rel="match" href="insert-inline-in-blocks-n-inlines-middle-003-ref.xht" />
+
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="ahem dom" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.container
+ {
+ background-color: fuchsia;
+ color: black;
+ font: 20px/1 Ahem;
+ margin: 1em;
+ }
+
+ div > div {margin: 1em 0em;}
+
+ span.inserted
+ {
+ border-left: yellow solid 0.5em;
+ border-right: yellow solid 0.5em;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function insertAnInlineAtMiddle()
+ {
+ document.body.offsetHeight;
+
+ var newInlineNode = document.createElement("span");
+
+ newInlineNode.className = "inserted";
+
+ newInlineNode.appendChild(document.createTextNode("Inserted new inline"));
+
+ document.getElementsByClassName("container")[0].insertBefore(newInlineNode, document.getElementById("insertion-point"));
+
+ document.documentElement.className = "";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="insertAnInlineAtMiddle();">
+
+ <p>Test passes if the 2 colorized rectangles are <strong>identical</strong>.</p>
+
+ <div class="container"><span>1stInline</span>
+ <span>ScndInline</span><div>1stBlock</div><span>FourthInline</span>
+ <span>Fifth55Inline</span><div id="insertion-point">SecondBlock</div><span>Seven777Inline</span>
+ <span>Eight8888Inline</span></div>
+
+ <div class="container">1stInline ScndInline
+ <div>1stBlock</div>
+ FourthInline Fifth55Inline<span class="inserted">Inserted new inline</span>
+ <div>SecondBlock</div>
+ Seven777Inline Eight8888Inline</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/root-box-002-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/root-box-002-ref.xht
new file mode 100644
index 0000000000..521051add3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/root-box-002-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-spacing: 0em;
+ margin: -0.5em auto;
+ }
+
+ caption
+ {
+ margin: 0 auto -0.2em;
+ padding: .1em;
+ text-align: left;
+ }
+
+ td {padding: 0em;}
+
+ img {vertical-align: bottom;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <table>
+ <caption>There should be a single unbroken yin-yang symbol below.</caption>
+ <tr><td><img src="support/test-tl.png" width="100" height="100" alt="Image download support must be enabled" /><img src="support/test-tr.png" width="100" height="100" alt="Image download support must be enabled" /></td></tr>
+ <tr><td><img src="support/test-bl.png" width="100" height="100" alt="Image download support must be enabled" /><img src="support/test-br.png" width="100" height="100" alt="Image download support must be enabled" /></td></tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/root-box-002.xht b/testing/web-platform/tests/css/CSS2/box-display/root-box-002.xht
new file mode 100644
index 0000000000..f7c43460e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/root-box-002.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Styling the root element: display:table</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/root/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="root-box-002-ref.xht" />
+
+ <meta name="flags" content="image"/>
+ <meta name="assert" content="HTML elements can be set to other display
+ property values - like sub-table elements just like in this testcase -
+ in order to behave like another element."/>
+ <style type="text/css">
+ * { display: none; padding: 0; border: 0; margin: 0; width: auto; height: auto; }
+ html:before { content: "There should be a single unbroken yin-yang symbol below.";
+ display: table-caption; margin: 0 auto -1.2em; padding: .1em;
+ min-height: 1em;
+ background: white; color: black; }
+ html { display: table; border-spacing: 0; margin: 0 auto;
+ border-top: 1em solid red; }
+ head, body { display: table-row; }
+ div, style[title] { display: table-cell; width: 100px; height: 100px; }
+ [title="tl"] { background: url(support/test-tl.png); }
+ [title="tr"] { background: url(support/test-tr.png); }
+ .bl { background: url(support/test-bl.png); }
+ .br { background: url(support/test-br.png); }
+ </style>
+ <style title="tl" type=""></style>
+ <style title="tr" type=""></style>
+ </head>
+ <body>
+ <div class="bl"></div>
+ <div class="br"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/root-box-003-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/root-box-003-ref.xht
new file mode 100644
index 0000000000..a86194448a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/root-box-003-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ html {height: 100%;}
+
+ body {background-color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/root-box-003.xht b/testing/web-platform/tests/css/CSS2/box-display/root-box-003.xht
new file mode 100644
index 0000000000..088b3b257d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/root-box-003.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Styling the root element: display:none (page should be a big green expanse)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/root/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="root-box-003-ref.xht" />
+
+ <style type="text/css">
+ html { display: none; background: green; color: red; }
+ body { background: red; color: yellow; }
+ </style>
+ </head>
+ <body>
+ <p>FAIL</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/root-canvas-001-ref.xht b/testing/web-platform/tests/css/CSS2/box-display/root-canvas-001-ref.xht
new file mode 100644
index 0000000000..55cd7cccd0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/root-canvas-001-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: lime solid medium;
+ color: white;
+ height: 10em;
+ width: 10em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be no red, only a green square with white text and a lime green border.</p>
+
+ <div>This square must be green.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/root-canvas-001.xht b/testing/web-platform/tests/css/CSS2/box-display/root-canvas-001.xht
new file mode 100644
index 0000000000..87d747ee5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/root-canvas-001.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Canvas: Embedded documents</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/model/canvas/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#viewport"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/>
+ <link rel="match" href="root-canvas-001-ref.xht" />
+
+ <style type="text/css">
+ div { width: 10em; height: 10em; border: solid lime; background: red; padding: 0; }
+ object { width: 10em; height: 10em; margin: 0; padding: 0; border: 0; }
+ </style>
+ </head>
+ <body>
+ <p>There should be no red, only a green square with white text and a lime green border.</p>
+ <div><object type="text/html" data="support/root-canvas-001a.html">FAIL</object></div>
+
+ <!-- reasoning:
+
+ Section 9.1.1:
+ # There is at most one viewport per canvas
+ -> http://www.w3.org/TR/CSS21/visuren.html#q2
+
+ Section 2.3.1:
+ # the term canvas describes "the space where the formatting
+ # structure is rendered."
+ -> http://www.w3.org/TR/CSS21/intro.html#q4
+
+ Section 2.3, item 5:
+ # From the annotated document tree, generate a formatting
+ # structure.
+ -> http://www.w3.org/TR/CSS21/intro.html#processing-model
+
+ Section 2.3, item 1:
+ # Parse the source document and create a document tree.
+ -> http://www.w3.org/TR/CSS21/intro.html#processing-model
+
+ ...therefore is a viewport per rendered document. Since there are
+ two documents on this page (the main one and the one in the
+ object) there are two viewports.
+
+ The question becomes, what size is the viewport on the object
+ element. The spec doesn't define this, but if we consider the
+ desired results of the following proposed rule:
+
+ @viewport { overflow: scroll; }
+
+ ...I don't think it makes sense for the viewport to be anything
+ other than the size of the object element's box.
+
+ -->
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/box-display/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/box-display/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/box-display/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/box-display/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/box-display/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/box-display/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/box-display/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/box-display/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/a-green.css b/testing/web-platform/tests/css/CSS2/box-display/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/b-green.css b/testing/web-platform/tests/css/CSS2/box-display/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/box-display/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/blue96x96.png b/testing/web-platform/tests/css/CSS2/box-display/support/blue96x96.png
new file mode 100644
index 0000000000..820f8cace2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/blue96x96.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/c-red.css b/testing/web-platform/tests/css/CSS2/box-display/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/cat.png b/testing/web-platform/tests/css/CSS2/box-display/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/diamond.png b/testing/web-platform/tests/css/CSS2/box-display/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/green15x15.png b/testing/web-platform/tests/css/CSS2/box-display/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/box-display/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/box-display/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/box-display/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/box-display/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/ring.png b/testing/web-platform/tests/css/CSS2/box-display/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/root-canvas-001a.html b/testing/web-platform/tests/css/CSS2/box-display/support/root-canvas-001a.html
new file mode 100644
index 0000000000..4cfa963ff0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/root-canvas-001a.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>Canvas: Embedded documents: Internal</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/model/canvas/001a.html" type="text/html"/>
+ <style type="text/css">
+ html, body { background: red; color: white; }
+ html, body, p {
+ margin: 0; padding: 0; border: 0; height: 100%;
+ }
+ p {
+ background: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>This square must be green.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/square-purple.png b/testing/web-platform/tests/css/CSS2/box-display/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/square-teal.png b/testing/web-platform/tests/css/CSS2/box-display/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/square-white.png b/testing/web-platform/tests/css/CSS2/box-display/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/box-display/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/box-display/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/box-display/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/box-display/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/box-display/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/box-display/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/box-display/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/test-bl.png b/testing/web-platform/tests/css/CSS2/box-display/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/test-br.png b/testing/web-platform/tests/css/CSS2/box-display/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/test-outer.png b/testing/web-platform/tests/css/CSS2/box-display/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/test-tl.png b/testing/web-platform/tests/css/CSS2/box-display/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/test-tr.png b/testing/web-platform/tests/css/CSS2/box-display/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/viewport-004-firstcanvas.htm b/testing/web-platform/tests/css/CSS2/box-display/support/viewport-004-firstcanvas.htm
new file mode 100644
index 0000000000..297302f376
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/viewport-004-firstcanvas.htm
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test Suite: Viewport-004 pass conditions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/" />
+ <meta name="assert" content="" />
+ <style type="text/css">
+ body
+ {
+ background: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the page is blue or orange or a combination of both.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/support/viewport-004-secondcanvas.htm b/testing/web-platform/tests/css/CSS2/box-display/support/viewport-004-secondcanvas.htm
new file mode 100644
index 0000000000..c924f8e079
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/support/viewport-004-secondcanvas.htm
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test Suite: </title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/" />
+ <meta name="assert" content="" />
+ <style type="text/css">
+ body
+ {
+ background: orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p></p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/viewport-001.xht b/testing/web-platform/tests/css/CSS2/box-display/viewport-001.xht
new file mode 100644
index 0000000000..a6204458b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/viewport-001.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Viewport resize can change layout</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#viewport" />
+ <meta name="flags" content="interact may" />
+ <meta name="assert" content="Resizing the viewport may change the layout of page." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p>Test passes regardless if this text wraps or does not wrap when the page is resized to a small width.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/viewport-002.xht b/testing/web-platform/tests/css/CSS2/box-display/viewport-002.xht
new file mode 100644
index 0000000000..fc55e20b9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/viewport-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Scrolling mechanism</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#viewport" />
+ <meta name="flags" content="interact scroll should" />
+ <meta name="assert" content="Scrolling mechanism should be available when canvas is larger than viewport." />
+ <style type="text/css">
+ div
+ {
+ margin-top: 2000px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if this page can be scrolled to the words "Bottom of page".</p>
+ <div>Bottom of page</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/viewport-003.xht b/testing/web-platform/tests/css/CSS2/box-display/viewport-003.xht
new file mode 100644
index 0000000000..b67bc3bb1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/viewport-003.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Scrolling mechanism and right-to-left</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#viewport" />
+ <meta name="flags" content="interact scroll should" />
+ <meta name="assert" content="Scrolling mechanism should be available when canvas is larger than viewport even when page is set to right-to-left." />
+ <style type="text/css">
+ body
+ {
+ direction: rtl;
+ }
+ div
+ {
+ margin-top: 2000px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if this page can be scrolled to the words "Bottom of page".&lrm;</p>
+ <div>Bottom of page</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box-display/viewport-004.xht b/testing/web-platform/tests/css/CSS2/box-display/viewport-004.xht
new file mode 100644
index 0000000000..6c748b2fff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/viewport-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Rendering more than one canvas</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#viewport" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="User agents may render more than one canvas." />
+ <style type="text/css">
+ </style>
+ </head>
+ <frameset cols="*,*">
+ <frame src="support/viewport-004-firstcanvas.htm" />
+ <frame src="support/viewport-004-secondcanvas.htm" />
+ <noframes>
+ <body>
+ <p>Test passes if this text is visible.</p>
+ </body>
+ </noframes>
+ </frameset>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/box/left-ltr-ref.xht b/testing/web-platform/tests/css/CSS2/box/left-ltr-ref.xht
new file mode 100644
index 0000000000..e37fd5a183
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box/left-ltr-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ </head>
+ <body>
+ <div>
+ <span style="border: 2px solid; border-right-style: none; padding-left: 5px; margin-left: 30px;">One</span>
+ <br/>
+ <span style="border: 2px solid; border-left-style: none; padding-right: 10px; margin-right: 60px;">Two</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box/left-rtl-ref.xht b/testing/web-platform/tests/css/CSS2/box/left-rtl-ref.xht
new file mode 100644
index 0000000000..a5dce550ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box/left-rtl-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ </head>
+ <body>
+ <div>
+ <span style="border: 2px solid; border-left-style: none; padding-right: 10px; margin-right: 60px;">One</span>
+ <br/>
+ <span style="border: 2px solid; border-right-style: none; padding-left: 5px; margin-left: 30px;">Two</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box/ltr-basic.xht b/testing/web-platform/tests/css/CSS2/box/ltr-basic.xht
new file mode 100644
index 0000000000..fb5a4a9670
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box/ltr-basic.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bidi box model test 1</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="left-ltr-ref.xht"/>
+ <style type="text/css"><![CDATA[
+ .r { direction: rtl; }
+ .l { direction: ltr; }
+ span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+ ]]></style>
+ </head>
+ <body>
+ <div><span>One<br/>Two</span></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box/ltr-ib.xht b/testing/web-platform/tests/css/CSS2/box/ltr-ib.xht
new file mode 100644
index 0000000000..79a772437b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box/ltr-ib.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bidi box model test 5</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="left-ltr-ref.xht"/>
+ <style type="text/css"><![CDATA[
+ .r { direction: rtl; }
+ .l { direction: ltr; }
+ span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+ ]]></style>
+ </head>
+ <body>
+ <div><span>One<div></div>Two</span></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box/ltr-span-only-ib.xht b/testing/web-platform/tests/css/CSS2/box/ltr-span-only-ib.xht
new file mode 100644
index 0000000000..eefdc820a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box/ltr-span-only-ib.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bidi box model test 8</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="right-ltr-ref.xht"/>
+ <style type="text/css"><![CDATA[
+ .r { direction: rtl; }
+ .l { direction: ltr; }
+ span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+ ]]></style>
+ </head>
+ <body>
+ <div class="r"><span class="l">One<div></div>Two</span></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box/ltr-span-only.xht b/testing/web-platform/tests/css/CSS2/box/ltr-span-only.xht
new file mode 100644
index 0000000000..7340bba732
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box/ltr-span-only.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bidi box model test 4</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="right-ltr-ref.xht"/>
+ <style type="text/css"><![CDATA[
+ .r { direction: rtl; }
+ .l { direction: ltr; }
+ span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+ ]]></style>
+ </head>
+ <body>
+ <div class="r"><span class="l">One<br/>Two</span></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box/right-ltr-ref.xht b/testing/web-platform/tests/css/CSS2/box/right-ltr-ref.xht
new file mode 100644
index 0000000000..afb50f34dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box/right-ltr-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ </head>
+ <body>
+ <div style="direction: rtl">
+ <span style="border: 2px solid; border-right-style: none; padding-left: 5px; margin-left: 30px;">One</span>
+ <br/>
+ <span style="border: 2px solid; border-left-style: none; padding-right: 10px; margin-right: 60px;">Two</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box/right-rtl-ref.xht b/testing/web-platform/tests/css/CSS2/box/right-rtl-ref.xht
new file mode 100644
index 0000000000..e040387c7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box/right-rtl-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ </head>
+ <body>
+ <div style="direction: rtl">
+ <span style="border: 2px solid; border-left-style: none; padding-right: 10px; margin-right: 60px;">One</span>
+ <br/>
+ <span style="border: 2px solid; border-right-style: none; padding-left: 5px; margin-left: 30px;">Two</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box/rtl-basic.xht b/testing/web-platform/tests/css/CSS2/box/rtl-basic.xht
new file mode 100644
index 0000000000..5bb0a7f437
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box/rtl-basic.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bidi box model test 2</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="right-rtl-ref.xht"/>
+ <style type="text/css"><![CDATA[
+ .r { direction: rtl; }
+ .l { direction: ltr; }
+ span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+ ]]></style>
+ </head>
+ <body>
+ <div class="r"><span>One<br/>Two</span></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box/rtl-ib.xht b/testing/web-platform/tests/css/CSS2/box/rtl-ib.xht
new file mode 100644
index 0000000000..4815b46f78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box/rtl-ib.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bidi box model test 6</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="right-rtl-ref.xht"/>
+ <style type="text/css"><![CDATA[
+ .r { direction: rtl; }
+ .l { direction: ltr; }
+ span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+ ]]></style>
+ </head>
+ <body>
+ <div class="r"><span>One<div></div>Two</span></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box/rtl-linebreak-notref1.xht b/testing/web-platform/tests/css/CSS2/box/rtl-linebreak-notref1.xht
new file mode 100644
index 0000000000..7467c001be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box/rtl-linebreak-notref1.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ </head>
+ <body>
+ <div style="direction: rtl; width: 20em">
+ <span style="border: 2px solid; border-left-style: none; border-right-style: none; padding-right: 10px; margin-right: 60px;">One</span>
+ <br/>
+ <span style="border: 2px solid; border-right-style: none; padding-left: 5px; margin-left: 30px;">Two</span>
+ Some long text that should make sure we line-wrap. If this didn't line-wrap, it should be longer. It really should. And there should be a black border to the left of "Two" above.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box/rtl-linebreak-notref2.xht b/testing/web-platform/tests/css/CSS2/box/rtl-linebreak-notref2.xht
new file mode 100644
index 0000000000..231b0257db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box/rtl-linebreak-notref2.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ </head>
+ <body>
+ <div style="direction: rtl; width: 20em">
+ <span style="border: 2px solid; border-left-style: none; padding-right: 10px; margin-right: 60px;">One</span>
+ <br/>
+ <span style="border: 2px solid; border-right-style: none; border-left-style: none; padding-left: 5px; margin-left: 30px;">Two</span>
+ Some long text that should make sure we line-wrap. If this didn't line-wrap, it should be longer. It really should. And there should be a black border to the left of "Two" above.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box/rtl-linebreak-ref.xht b/testing/web-platform/tests/css/CSS2/box/rtl-linebreak-ref.xht
new file mode 100644
index 0000000000..f73ac870ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box/rtl-linebreak-ref.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ </head>
+ <body>
+ <div style="direction: rtl; width: 20em">
+ <span style="border: 2px solid; border-left-style: none; padding-right: 10px; margin-right: 60px;">One</span>
+ <br/>
+ <span style="border: 2px solid; border-right-style: none; padding-left: 5px; margin-left: 30px;">Two</span>
+ Some long text that should make sure we line-wrap. If this didn't line-wrap, it should be longer. It really should. And there should be a black border to the left of "Two" above.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box/rtl-linebreak.xht b/testing/web-platform/tests/css/CSS2/box/rtl-linebreak.xht
new file mode 100644
index 0000000000..978f3e38e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box/rtl-linebreak.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bidi box model test 9</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="rtl-linebreak-ref.xht"/>
+ <link rel="mismatch" href="rtl-linebreak-notref1.xht"/>
+ <link rel="mismatch" href="rtl-linebreak-notref2.xht"/>
+ <style type="text/css"><![CDATA[
+ .r { direction: rtl; }
+ .l { direction: ltr; }
+ div.r { width: 20em; }
+ span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+ ]]></style>
+ </head>
+ <body>
+ <div class="r"><span>One<br/>Two</span> Some long text that should make sure we line-wrap. If this didn't line-wrap, it should be longer. It really should. And there should be a black border to the left of "Two" above.</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box/rtl-span-only-ib.xht b/testing/web-platform/tests/css/CSS2/box/rtl-span-only-ib.xht
new file mode 100644
index 0000000000..4976c62fca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box/rtl-span-only-ib.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bidi box model test 7</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="left-rtl-ref.xht"/>
+ <style type="text/css"><![CDATA[
+ .r { direction: rtl; }
+ .l { direction: ltr; }
+ span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+ ]]></style>
+ </head>
+ <body>
+ <div><span class="r">One<div></div>Two</span></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/box/rtl-span-only.xht b/testing/web-platform/tests/css/CSS2/box/rtl-span-only.xht
new file mode 100644
index 0000000000..1445b29586
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box/rtl-span-only.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bidi box model test 3</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="match" href="left-rtl-ref.xht"/>
+ <style type="text/css"><![CDATA[
+ .r { direction: rtl; }
+ .l { direction: ltr; }
+ span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+ ]]></style>
+ </head>
+ <body>
+ <div><span class="r">One<br/>Two</span></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/.htaccess b/testing/web-platform/tests/css/CSS2/cascade-import/.htaccess
new file mode 100644
index 0000000000..f922a1da60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/.htaccess
@@ -0,0 +1,4 @@
+<Files ~ "^cascade-import-002\.(xht|xhtml|xml|html|htm)$">
+ Header add Link "<support/cascade-import-002d.css>; rel=\"stylesheet\""
+ Header add Link "<support/cascade-import-002f.css>; rel=\"stylesheet\""
+</files>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/README b/testing/web-platform/tests/css/CSS2/cascade-import/README
new file mode 100644
index 0000000000..2c0b6e478e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/README
@@ -0,0 +1,5 @@
+See also
+ http://www.hixie.ch/tests/evil/mixed/cascade/httplink.html
+ http://www.hixie.ch/tests/evil/mixed/cascade/acidlinkcascade.html
+ http://www.hixie.ch/tests/evil/mixed/cascade/altcascade.html
+ http://www.hixie.ch/tests/evil/mixed/cascade/minialtcascade.html
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-001.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-001.xht
new file mode 100644
index 0000000000..6068c6ab7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Cascade: Basic ordering test (with data:)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/import/001.html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#at-import"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#at-import"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#at-import"/>
+ <link rel="help" href="http://www.ietf.org/rfc/rfc2397.txt"/>
+ <style type="text/css">
+ @import url(data:text/css,@import%20url\(data:text/css,.test%2520%257B%2520background:%2520maroon;%2520color:%2520white;%2520%257D\);%0D%0A.test.test%20%7B%20background:%20green;%20color:%20white;%20%7D);
+ p { color: yellow; background: red; }
+ </style>
+ </head>
+ <body>
+ <p class="test">This line should be green.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-002.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-002.xht
new file mode 100644
index 0000000000..14e7156c83
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-002.xht
@@ -0,0 +1,81 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Cascade: Ordering test with various import techniques</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/import/002.html"/>
+ <link rel="help" href="http://www.w3.org/TR/html4/present/styles.html#h-14.3"/>
+ <link rel="help" href="http://www.w3.org/TR/html4/present/styles.html#h-14.6"/>
+ <!-- There seems to be no spec defining http-equiv="Link" behavior -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#at-import"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#at-import"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#at-import"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/>
+ <meta name="flags" content="http" />
+
+ <link rel="stylesheet" href="support/cascade-import-002j.css"/>
+ <style type="text/css">
+ @import url(support/cascade-import-002k.css);
+ .l { color: green; }
+ .m { color: red; }
+ .n { color: red; }
+ .o { color: red; }
+ .p { color: red; }
+ .q { color: red; }
+ .r { color: red; }
+ </style>
+ <link rel="stylesheet" href="support/cascade-import-002p.css"/>
+ </head>
+ <body>
+ <div class="a"> This line should be green. (a) </div>
+ <div class="b"> This line should be green. (b) </div>
+ <div class="c"> This line should be green. (c) </div>
+ <div class="d"> This line should be green. (d) </div>
+ <div class="e"> This line should be green. (e) </div>
+ <div class="f"> This line should be green. (f) </div>
+ <div class="i"> This line should be green. (i) </div>
+ <div class="j"> This line should be green. (j) </div>
+ <div class="k"> This line should be green. (k) </div>
+ <div class="l"> This line should be green. (l) </div>
+ <div class="m"> This line should be green. (m) </div>
+ <div class="n"> This line should be green. (n) </div>
+ <div class="o"> This line should be green. (o) </div>
+ <div class="p"> This line should be green. (p) </div>
+ <!--
+ The cascade is as follows:
+ HTTP Link: header
+ @import
+ a Rule
+ @import
+ @import
+ b Rule
+ c Rule
+ d Rule
+ HTTP Link: header
+ @import
+ e Rule
+ f Rule
+ <link rel="stylesheet">
+ @import
+ i Rule
+ j Rule
+ <style type="text/css">
+ @import
+ k Rule
+ l Rule
+ <link rel="stylesheet">
+ @import
+ @import
+ @import
+ m Rule
+ @import
+ n Rule
+ o Rule
+ p Rule
+ -->
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-002.xht.headers b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-002.xht.headers
new file mode 100644
index 0000000000..cf66d0e7f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-002.xht.headers
@@ -0,0 +1 @@
+Link: <support/cascade-import-002d.css>; rel="stylesheet", <support/cascade-import-002f.css>; rel="stylesheet"
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-003.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-003.xht
new file mode 100644
index 0000000000..2cdc96128a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Cascade: Controlled delays with persistent sheets</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/import/003.html"/>
+ <link rel="help" href="http://www.w3.org/TR/html4/present/styles.html#h-14.3"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/>
+
+ <link rel="stylesheet" href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=2&amp;mime=text%2Fcss&amp;text=.a+%7B+color%3A+green%3B+%7D%0D%0A.b+%7B+color%3A+red%3B+%7D%0D%0A.c+%7B+color%3A+red%3B+%7D"/>
+ <link rel="stylesheet" href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=5&amp;mime=text%2Fcss&amp;text=.b+%7B+color%3A+green%3B+%7D%0D%0A.c+%7B+color%3A+red%3B+%7D"/>
+ <link rel="stylesheet" href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=8&amp;mime=text%2Fcss&amp;text=.c+%7B+color%3A+green%3B+%7D"/>
+ </head>
+ <body>
+ <p class="a">This line should be green. (a)</p>
+ <p class="b">This line should be green. (b)</p>
+ <p class="c">This line should be green. (c)</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-004.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-004.xht
new file mode 100644
index 0000000000..5b0cb6574a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-004.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Cascade: Controlled delays with persistent sheets (reversed)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/import/004.html"/>
+ <link rel="help" href="http://www.w3.org/TR/html4/present/styles.html#h-14.3"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/>
+
+ <link rel="stylesheet" href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=8&amp;mime=text%2Fcss&amp;text=.a+%7B+color%3A+green%3B+%7D%0D%0A.b+%7B+color%3A+red%3B+%7D%0D%0A.c+%7B+color%3A+red%3B+%7D"/>
+ <link rel="stylesheet" href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=5&amp;mime=text%2Fcss&amp;text=.b+%7B+color%3A+green%3B+%7D%0D%0A.c+%7B+color%3A+red%3B+%7D"/>
+ <link rel="stylesheet" href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=2&amp;mime=text%2Fcss&amp;text=.c+%7B+color%3A+green%3B+%7D"/>
+ </head>
+ <body>
+ <p class="a">This line should be green. (a)</p>
+ <p class="b">This line should be green. (b)</p>
+ <p class="c">This line should be green. (c)</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-005.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-005.xht
new file mode 100644
index 0000000000..0b1b009e20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Cascade: Controlled delays with two alternate sets</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/import/005.html"/>
+ <link rel="help" href="http://www.w3.org/TR/html4/present/styles.html#h-14.3"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/>
+
+ <link rel="alternate stylesheet" title="1"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=2&amp;mime=text%2Fcss&amp;text=.b+%7B+color%3A+red%3B+display%3A+block%3B+%7D"/>
+ <link rel="stylesheet"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=5&amp;mime=text%2Fcss&amp;text=.a+%7B+color%3A+blue%3B+display%3A+block%3B+%7D%0D%0A.b+%7B+color%3A+green%3B+%7D%0D%0A.c+%7B+color%3A+red%3B+%7D%0D%0Ap+%7B+display%3A+none%3B+%7D"/>
+ <link rel="alternate stylesheet" title="2"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=8&amp;mime=text%2Fcss&amp;text=.c+%7B+color%3A+green%3B+display%3A+block%3B+%7D"/>
+ </head>
+ <body>
+ <p class="a">Select each of the two alternate stylesheets to run this test.</p>
+ <p class="b">This line should be green. (alternate stylesheet 1 selected)</p>
+ <p class="c">This line should be green. (alternate stylesheet 2 selected)</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-006.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-006.xht
new file mode 100644
index 0000000000..c8b6e6b03b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-006.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Cascade: Controlled delays with two alternate sets (reversed)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/import/006.html"/>
+ <link rel="help" href="http://www.w3.org/TR/html4/present/styles.html#h-14.3"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/>
+
+ <link rel="alternate stylesheet" title="1"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=8&amp;mime=text%2Fcss&amp;text=.b+%7B+color%3A+red%3B+display%3A+block%3B+%7D"/>
+ <link rel="stylesheet"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=5&amp;mime=text%2Fcss&amp;text=.a+%7B+color%3A+blue%3B+display%3A+block%3B+%7D%0D%0A.b+%7B+color%3A+green%3B+%7D%0D%0A.c+%7B+color%3A+red%3B+%7D%0D%0Ap+%7B+display%3A+none%3B+%7D"/>
+ <link rel="alternate stylesheet" title="2"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=2&amp;mime=text%2Fcss&amp;text=.c+%7B+color%3A+green%3B+display%3A+block%3B+%7D"/>
+ </head>
+ <body>
+ <p class="a">Select each of the two alternate stylesheets to run this test.</p>
+ <p class="b">This line should be green. (alternate stylesheet 1 selected)</p>
+ <p class="c">This line should be green. (alternate stylesheet 2 selected)</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-007.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-007.xht
new file mode 100644
index 0000000000..856a1dd4e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-007.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Cascade: Controlled delays with two alternate sets (link and meta)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/import/007.html"/>
+ <link rel="help" href="http://www.w3.org/TR/html4/present/styles.html#h-14.3"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/>
+
+ <link rel="alternate stylesheet" title="1"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=2&amp;mime=text%2Fcss&amp;text=.b+%7B+color%3A+red%3B+display%3A+block%3B+%7D"/>
+ <link rel="stylesheet"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=5&amp;mime=text%2Fcss&amp;text=.a+%7B+color%3A+blue%3B+display%3A+block%3B+%7D%0D%0A.b+%7B+color%3A+green%3B+%7D%0D%0A.c+%7B+color%3A+red%3B+%7D%0D%0Ap+%7B+display%3A+none%3B+%7D"/>
+ <meta http-equiv="Link"
+ content='&lt;http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=8&amp;mime=text%2Fcss&amp;text=.c+%7B+color%3A+green%3B+display%3A+block%3B+%7D>; rel="alternate stylesheet"; title="2"' />
+ </head>
+ <body>
+ <p class="a">Select each of the two alternate stylesheets to run this test.</p>
+ <p class="b">This line should be green. (alternate stylesheet 1 selected)</p>
+ <p class="c">This line should be green. (alternate stylesheet 2 selected)</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-008.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-008.xht
new file mode 100644
index 0000000000..4e8d56ee80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-008.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Cascade: Controlled delays with two alternate sets (link and meta; reversed)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/import/008.html"/>
+ <link rel="help" href="http://www.w3.org/TR/html4/present/styles.html#h-14.3"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/>
+
+ <link rel="alternate stylesheet" title="1"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=8&amp;mime=text%2Fcss&amp;text=.b+%7B+color%3A+red%3B+display%3A+block%3B+%7D"/>
+ <link rel="stylesheet"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=5&amp;mime=text%2Fcss&amp;text=.a+%7B+color%3A+blue%3B+display%3A+block%3B+%7D%0D%0A.b+%7B+color%3A+green%3B+%7D%0D%0A.c+%7B+color%3A+red%3B+%7D%0D%0Ap+%7B+display%3A+none%3B+%7D"/>
+ <meta http-equiv="Link"
+ content='&lt;http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=2&amp;mime=text%2Fcss&amp;text=.c+%7B+color%3A+green%3B+display%3A+block%3B+%7D>; rel="alternate stylesheet"; title="2"'/>
+ </head>
+ <body>
+ <p class="a">Select each of the two alternate stylesheets to run this test.</p>
+ <p class="b">This line should be green. (alternate stylesheet 1 selected)</p>
+ <p class="c">This line should be green. (alternate stylesheet 2 selected)</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-009.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-009.xht
new file mode 100644
index 0000000000..e7768e7fc4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-009.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Cascade: Controlled delays with one alternate set</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/import/009.html"/>
+ <link rel="help" href="http://www.w3.org/TR/html4/present/styles.html#h-14.3"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/>
+
+ <link rel="alternate stylesheet" title="Test"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=2&amp;mime=text%2Fcss&amp;text=.b+%7B+color%3A+red%3B+%7D"/>
+ <link rel="stylesheet"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=5&amp;mime=text%2Fcss&amp;text=.a+%7B+color%3A+blue%3B+%7D"/>
+ <link rel="alternate stylesheet" title="Test"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=8&amp;mime=text%2Fcss&amp;text=.b+%7B+color%3A+green%3B+%7D"/>
+ </head>
+ <body>
+ <p class="a">Select the alternate stylesheet to run this test.</p>
+ <p class="b">This line should be green.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-010.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-010.xht
new file mode 100644
index 0000000000..d0763a3360
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-010.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Cascade: Controlled delays with one alternate set (reversed)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/import/010.html"/>
+ <link rel="help" href="http://www.w3.org/TR/html4/present/styles.html#h-14.3"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/>
+
+ <link rel="alternate stylesheet" title="Test"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=8&amp;mime=text%2Fcss&amp;text=.b+%7B+color%3A+red%3B+%7D"/>
+ <link rel="stylesheet"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=5&amp;mime=text%2Fcss&amp;text=.a+%7B+color%3A+blue%3B+%7D"/>
+ <link rel="alternate stylesheet" title="Test"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=2&amp;mime=text%2Fcss&amp;text=.b+%7B+color%3A+green%3B+%7D"/>
+ </head>
+ <body>
+ <p class="a">Select the alternate stylesheet to run this test.</p>
+ <p class="b">This line should be green.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-011.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-011.xht
new file mode 100644
index 0000000000..6980f814b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-011.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Cascade: Controlled delays with one alternate set (link and meta)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/import/011.html"/>
+ <link rel="help" href="http://www.w3.org/TR/html4/present/styles.html#h-14.3"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/>
+
+ <link rel="alternate stylesheet" title="Test"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=2&amp;mime=text%2Fcss&amp;text=.b+%7B+color%3A+red%3B+%7D"/>
+ <link rel="stylesheet"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=5&amp;mime=text%2Fcss&amp;text=.a+%7B+color%3A+blue%3B+%7D"/>
+ <meta http-equiv="Link"
+ content='&lt;http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=8&amp;mime=text%2Fcss&amp;text=.b+%7B+color%3A+green%3B+%7D>; rel="alternate stylesheet"; title="Test"'/>
+ </head>
+ <body>
+ <p class="a">Select the alternate stylesheet to run this test.</p>
+ <p class="b">This line should be green.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-012.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-012.xht
new file mode 100644
index 0000000000..1a56032e21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-012.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Cascade: Controlled delays with one alternate set (link and meta; reversed)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/import/012.html"/>
+ <link rel="help" href="http://www.w3.org/TR/html4/present/styles.html#h-14.3"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/>
+
+ <link rel="alternate stylesheet" title="Test"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=8&amp;mime=text%2Fcss&amp;text=.b+%7B+color%3A+red%3B+%7D"/>
+ <link rel="stylesheet"
+ href="http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=5&amp;mime=text%2Fcss&amp;text=.a+%7B+color%3A+blue%3B+%7D"/>
+ <meta http-equiv="Link"
+ content='&lt;http://software.hixie.ch/utilities/cgi/test-tools/delayed-file?pause=2&amp;mime=text%2Fcss&amp;text=.b+%7B+color%3A+green%3B+%7D>; rel="alternate stylesheet"; title="Test"' />
+ </head>
+ <body>
+ <p class="a">Select the alternate stylesheet to run this test.</p>
+ <p class="b">This line should be green.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-001.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-001.xht
new file mode 100644
index 0000000000..e7e73a46a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>Dynamic sheet append (&lt;style&gt;)</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <script type="text/javascript">
+ var style = document.createElement("style");
+ var text = document.createTextNode("body { color: red; }");
+ style.appendChild(text);
+ document.getElementsByTagName("head")[0].appendChild(style);
+ // note: when this runs, we've only parsed as far as the next line,
+ // so the style element below doesn't exist, so we "append"
+ // before that element.
+ </script>
+ <style type="text/css">
+ body { color: green; }
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-002.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-002.xht
new file mode 100644
index 0000000000..0ace1ca13c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-002.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>Dynamic sheet append (&lt;link&gt;)</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <script type="text/javascript">
+ var style = document.createElementNS("http://www.w3.org/1999/xhtml", "link");
+ style.setAttribute("type", "text/css");
+ style.setAttribute("rel", "stylesheet");
+ style.setAttribute("href", "support/import-red.css");
+ document.getElementsByTagName("head")[0].appendChild(style);
+ // note: when this runs, we've only parsed as far as the next line,
+ // so the style element below doesn't exist, so we "append"
+ // before that element.
+ </script>
+ <link rel="stylesheet" type="text/css" href="support/import-green.css" />
+ </head>
+ <body>
+ <p class="import">This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-003.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-003.xht
new file mode 100644
index 0000000000..fd72e336ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>Dynamic sheet insertion (&lt;style&gt;)</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <script type="text/javascript" id="script">
+ var style = document.createElement("style");
+ var text = document.createTextNode("body { color: red }");
+ style.appendChild(text);
+ document.getElementsByTagName("head")[0].insertBefore(style, document.getElementById("script"));
+ </script>
+ <style type="text/css">
+ body { color: green }
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-004.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-004.xht
new file mode 100644
index 0000000000..006e4cc4d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-004.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>Dynamic sheet insertion (&lt;link&gt;)</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <script type="text/javascript" id="script">
+ var style = document.createElementNS("http://www.w3.org/1999/xhtml", "link");
+ style.setAttribute("type", "text/css");
+ style.setAttribute("rel", "stylesheet");
+ style.setAttribute("href", "support/import-red.css");
+ document.getElementsByTagName("head")[0].insertBefore(style, document.getElementById("script"));
+ </script>
+ <link rel="stylesheet" type="text/css" href="support/import-green.css" />
+ </head>
+ <body>
+ <p class="import">This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-005.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-005.xht
new file mode 100644
index 0000000000..21eb1460b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-005.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>Dynamic sheet deletion (&lt;style&gt;)</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <style type="text/css" id="style">
+ body { color: blue }
+ </style>
+ <script type="text/javascript">
+ document.getElementsByTagName("head")[0].removeChild(document.getElementById("style"));
+ </script>
+ <style type="text/css">
+ body { color: red }
+ </style>
+ </head>
+ <body style="color:green">
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-006.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-006.xht
new file mode 100644
index 0000000000..7d146e1341
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-006.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>Dynamic sheet deletion (&lt;link&gt;)</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <link rel="stylesheet" type="text/css" id="link" href="support/import-red.css" />
+ <script type="text/javascript">
+ document.getElementsByTagName("head")[0].removeChild(document.getElementById("link"));
+ </script>
+ <link rel="stylesheet" type="text/css" href="support/import-red.css" />
+ </head>
+ <body style="color: green" class="import">
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-README b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-README
new file mode 100644
index 0000000000..82447e4924
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-README
@@ -0,0 +1,4 @@
+These tests are meaningless if the control tests do not pass.
+
+Note: These tests are not as trivial as they seem. At least one UA
+failed all but one of them at one point.
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-control.xht b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-control.xht
new file mode 100644
index 0000000000..8460793e71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/cascade-import-dynamic-control.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>Control test</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <style type="text/css" id="test">
+ p { color: red; }
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ <script type="text/javascript">
+ document.getElementsByTagName("head")[0].removeChild(document.getElementById("test"));
+ var style = document.createElement("style");
+ var text = document.createTextNode("body { color: green; }");
+ style.appendChild(text);
+ document.getElementsByTagName("head")[0].appendChild(style);
+ </script>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002a.css b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002a.css
new file mode 100644
index 0000000000..c8e08bc5da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002a.css
@@ -0,0 +1,18 @@
+.a { color: green; }
+.b { color: red; }
+.c { color: red; }
+.d { color: red; }
+.e { color: red; }
+.f { color: red; }
+.g { color: red; }
+.h { color: red; }
+.i { color: red; }
+.j { color: red; }
+.k { color: red; }
+.l { color: red; }
+.m { color: red; }
+.n { color: red; }
+.o { color: red; }
+.p { color: red; }
+.q { color: red; }
+.r { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002b.css b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002b.css
new file mode 100644
index 0000000000..338cd8b432
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002b.css
@@ -0,0 +1,17 @@
+.b { color: green; }
+.c { color: red; }
+.d { color: red; }
+.e { color: red; }
+.f { color: red; }
+.g { color: red; }
+.h { color: red; }
+.i { color: red; }
+.j { color: red; }
+.k { color: red; }
+.l { color: red; }
+.m { color: red; }
+.n { color: red; }
+.o { color: red; }
+.p { color: red; }
+.q { color: red; }
+.r { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002c.css b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002c.css
new file mode 100644
index 0000000000..abe6869c0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002c.css
@@ -0,0 +1,17 @@
+@import "cascade-import-002b.css";
+.c { color: green; }
+.d { color: red; }
+.e { color: red; }
+.f { color: red; }
+.g { color: red; }
+.h { color: red; }
+.i { color: red; }
+.j { color: red; }
+.k { color: red; }
+.l { color: red; }
+.m { color: red; }
+.n { color: red; }
+.o { color: red; }
+.p { color: red; }
+.q { color: red; }
+.r { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002d.css b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002d.css
new file mode 100644
index 0000000000..12edd5bcac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002d.css
@@ -0,0 +1,17 @@
+@import 'cascade-import-002a.css';
+@import url(cascade-import-002c.css);
+.d { color: green; }
+.e { color: red; }
+.f { color: red; }
+.g { color: red; }
+.h { color: red; }
+.i { color: red; }
+.j { color: red; }
+.k { color: red; }
+.l { color: red; }
+.m { color: red; }
+.n { color: red; }
+.o { color: red; }
+.p { color: red; }
+.q { color: red; }
+.r { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002e.css b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002e.css
new file mode 100644
index 0000000000..3e2a1efed3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002e.css
@@ -0,0 +1,14 @@
+.e { color: green; }
+.f { color: red; }
+.g { color: red; }
+.h { color: red; }
+.i { color: red; }
+.j { color: red; }
+.k { color: red; }
+.l { color: red; }
+.m { color: red; }
+.n { color: red; }
+.o { color: red; }
+.p { color: red; }
+.q { color: red; }
+.r { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002f.css b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002f.css
new file mode 100644
index 0000000000..5ebde2f04a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002f.css
@@ -0,0 +1,14 @@
+@import url("cascade-import-002e.css");
+.f { color: green; }
+.g { color: red; }
+.h { color: red; }
+.i { color: red; }
+.j { color: red; }
+.k { color: red; }
+.l { color: red; }
+.m { color: red; }
+.n { color: red; }
+.o { color: red; }
+.p { color: red; }
+.q { color: red; }
+.r { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002i.css b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002i.css
new file mode 100644
index 0000000000..02d53dc300
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002i.css
@@ -0,0 +1,10 @@
+.i { color: green; }
+.j { color: red; }
+.k { color: red; }
+.l { color: red; }
+.m { color: red; }
+.n { color: red; }
+.o { color: red; }
+.p { color: red; }
+.q { color: red; }
+.r { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002j.css b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002j.css
new file mode 100644
index 0000000000..33e5124db2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002j.css
@@ -0,0 +1,10 @@
+@import url(cascade-import-002i.css);
+.j { color: green; }
+.k { color: red; }
+.l { color: red; }
+.m { color: red; }
+.n { color: red; }
+.o { color: red; }
+.p { color: red; }
+.q { color: red; }
+.r { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002k.css b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002k.css
new file mode 100644
index 0000000000..5b8b0e12d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002k.css
@@ -0,0 +1,8 @@
+.k { color: green; }
+.l { color: red; }
+.m { color: red; }
+.n { color: red; }
+.o { color: red; }
+.p { color: red; }
+.q { color: red; }
+.r { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002m.css b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002m.css
new file mode 100644
index 0000000000..10de7fa7eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002m.css
@@ -0,0 +1,6 @@
+.m { color: green; }
+.n { color: red; }
+.o { color: red; }
+.p { color: red; }
+.q { color: red; }
+.r { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002n.css b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002n.css
new file mode 100644
index 0000000000..bd62c257ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002n.css
@@ -0,0 +1,5 @@
+.n { color: green; }
+.o { color: red; }
+.p { color: red; }
+.q { color: red; }
+.r { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002o.css b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002o.css
new file mode 100644
index 0000000000..a17eaaf34a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002o.css
@@ -0,0 +1,6 @@
+@import url(cascade-import-002m.css);
+@import url(cascade-import-002n.css);
+.o { color: green; }
+.p { color: red; }
+.q { color: red; }
+.r { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002p.css b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002p.css
new file mode 100644
index 0000000000..d4c8b351ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/support/cascade-import-002p.css
@@ -0,0 +1,4 @@
+@import url(cascade-import-002o.css);
+.p { color: green; }
+.q { color: red; }
+.r { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/support/import-green.css b/testing/web-platform/tests/css/CSS2/cascade-import/support/import-green.css
new file mode 100644
index 0000000000..537104e663
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/support/import-green.css
@@ -0,0 +1 @@
+.import { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade-import/support/import-red.css b/testing/web-platform/tests/css/CSS2/cascade-import/support/import-red.css
new file mode 100644
index 0000000000..9945ef4711
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade-import/support/import-red.css
@@ -0,0 +1 @@
+.import { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade/at-import-001.xht b/testing/web-platform/tests/css/CSS2/cascade/at-import-001.xht
new file mode 100644
index 0000000000..968624ce13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/at-import-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @import not as the first declaration</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="assert" content="An @import is ignored if it is not the first statement in a style block." />
+ <style type="text/css">
+ body
+ {
+ color: green;
+ }
+ @import url("support/at-import-001.css");
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/at-import-002.xht b/testing/web-platform/tests/css/CSS2/cascade/at-import-002.xht
new file mode 100644
index 0000000000..262cf42515
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/at-import-002.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Importing external stylesheets with @import</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="An @import used to import external stylesheets." />
+ <style type="text/css">
+ @import url("support/at-import-002.css");
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/at-import-003.xht b/testing/web-platform/tests/css/CSS2/cascade/at-import-003.xht
new file mode 100644
index 0000000000..6cd010c088
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/at-import-003.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Importing styles using @import with a string</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="An @import used with just a string is interpreted as if it had url(...) around it." />
+ <style type="text/css">
+ @import "support/at-import-002.css";
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/at-import-004.xht b/testing/web-platform/tests/css/CSS2/cascade/at-import-004.xht
new file mode 100644
index 0000000000..e7ad90c77f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/at-import-004.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Media dependency on @import set to 'print'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="Specifying a media-dependency of print does not apply rules to the user agent display." />
+ <style type="text/css">
+ @import url("support/at-import-004.css") print;
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/at-import-005.xht b/testing/web-platform/tests/css/CSS2/cascade/at-import-005.xht
new file mode 100644
index 0000000000..7e2e08396e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/at-import-005.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Media dependency on @import set to 'all'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Specifying the media-dependency of 'all' applies to all media types including user agent display." />
+ <style type="text/css">
+ @import url("support/at-import-005.css") all;
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/at-import-006.xht b/testing/web-platform/tests/css/CSS2/cascade/at-import-006.xht
new file mode 100644
index 0000000000..9da0e2d98e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/at-import-006.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Media dependency on @import set to 'screen'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Specifying the media-dependent import rules to 'screen' applies to user agent display." />
+ <style type="text/css">
+ @import url("support/at-import-006.css") screen;
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/at-import-007.xht b/testing/web-platform/tests/css/CSS2/cascade/at-import-007.xht
new file mode 100644
index 0000000000..0704cec905
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/at-import-007.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @import with @charset</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="An @import is valid after @charset." />
+ <style type="text/css">
+ @charset "ISO-8859-1";
+ @import url("support/at-import-007.css");
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/at-import-008.xht b/testing/web-platform/tests/css/CSS2/cascade/at-import-008.xht
new file mode 100644
index 0000000000..fdc8a8f8b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/at-import-008.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: @import - media-dependence</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#at-import" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#at-import" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#at-import" />
+ <meta content="paged" name="flags" />
+ <meta content="Media-dependent @import rules" name="assert" />
+
+ <style type="text/css"><![CDATA[
+ @import url("support/a-green.css") print;
+ ]]></style>
+
+ </head>
+
+ <body class="a">
+
+ <p>PREREQUISITE: Switch to print preview or a paged media view of
+ the page.</p>
+
+ <p>Test passes if the whole text of this page is green.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/at-import-009.xht b/testing/web-platform/tests/css/CSS2/cascade/at-import-009.xht
new file mode 100644
index 0000000000..a3198aaa2c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/at-import-009.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @import following a known but invalid @rule</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#at-rules" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="@import is respected after known but ignored @rule." />
+ <style type="text/css">
+ @media;
+ @page;
+ @charset;
+ @import "support/import-green.css";
+ </style>
+ </head>
+ <body>
+ <p class="import">This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/at-import-010.xht b/testing/web-platform/tests/css/CSS2/cascade/at-import-010.xht
new file mode 100644
index 0000000000..6ec33fe700
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/at-import-010.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @import following an invalid selector</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#at-rules" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="@import is respected after invalid (ignored) rule set" />
+ <style type="text/css">
+ # { background: red; }
+ :unknownpseudo { background: red; }
+ @import "support/import-green.css";
+ </style>
+ </head>
+ <body>
+ <p class="import">This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/at-import-011.xht b/testing/web-platform/tests/css/CSS2/cascade/at-import-011.xht
new file mode 100644
index 0000000000..b1370dda27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/at-import-011.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @import following garbage</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#at-rules" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="@import is parsed as part of invalid ruleset
+ after garbage." />
+ <style type="text/css">
+ # :unknownpseudo
+ @import "support/import-red.css";
+ .import { color: red; }
+ p { color: green; }
+ </style>
+ </head>
+ <body>
+ <p class="import">This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-001.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-001.xht
new file mode 100644
index 0000000000..3d9fc19e6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-001.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: User style sheets</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascade" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="Normal user declarations override the default user agent style sheet." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="cascade">PREREQUISITE: The <a href="support/cascade.css">"cascade.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <p class="cascadegreen">Filler Text</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-002.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-002.xht
new file mode 100644
index 0000000000..78e078b79b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Author stylesheets override user stylesheets</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascade" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="Normal author declarations override normal user stylesheet declarations." />
+ <style type="text/css">
+ .cascadered
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p id="cascade">PREREQUISITE: The <a href="support/cascade.css">"cascade.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="cascadered">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-003.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-003.xht
new file mode 100644
index 0000000000..b02072d72d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Author rules with !important and a user stylesheet</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascade" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="Author rules using !important override user stylesheet rules." />
+ <style type="text/css">
+ .cascadered
+ {
+ color: green!important;
+ }
+ </style>
+ </head>
+ <body>
+ <p id="cascade">PREREQUISITE: The <a href="support/cascade.css">"cascade.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="cascadered">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-004.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-004.xht
new file mode 100644
index 0000000000..dac1fcf895
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-004.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: User stylesheet rules using !important and normal author rules</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascade" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="User stylesheet rules using !important override normal author rules." />
+ <style type="text/css">
+ .cascadegreenimportant
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p id="cascade">PREREQUISITE: The <a href="support/cascade.css">"cascade.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="cascadegreenimportant">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-005.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-005.xht
new file mode 100644
index 0000000000..e6011975c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Redefining rules</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascade" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The latter specified rule wins when having the same specificity and weight." />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ }
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-006.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-006.xht
new file mode 100644
index 0000000000..f48379da85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-006.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: User style sheets and redefining rules</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascade" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="The latter specified rule in a style sheet wins when having the same specificity and weight in user styles sheets." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="cascade">PREREQUISITE: The <a href="support/cascade.css">"cascade.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="cascadegreen cascadered">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-007.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-007.xht
new file mode 100644
index 0000000000..2ca08df995
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-007.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Author rules local and external</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascade" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Author rules in embedded stylesheets override author rules in imported stylesheets." />
+ <style type="text/css">
+ @import url("support/cascade-007.css");
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-008.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-008.xht
new file mode 100644
index 0000000000..8aa205f00a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-008.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Shorthand properties with !important</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#important-rules" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#importance" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#importance" />
+ <meta name="assert" content="Shorthand properties with !important apply to all direct sub-properties." />
+ <style type="text/css">
+ div
+ {
+ border: solid green!important;
+ height: 1in;
+ }
+ div
+ {
+ border-top-color: red;
+ border-bottom-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow green box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-009.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-009.xht
new file mode 100644
index 0000000000..48500e75e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-009.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Author rules with !important and other normal author rules</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#important-rules" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#importance" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#importance" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Author rules with !important override normal author rules." />
+ <style type="text/css">
+ div
+ {
+ color: green!important;
+ }
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-009a-ref.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-009a-ref.xht
new file mode 100644
index 0000000000..4940268f27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-009a-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: green;
+ font-size: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the "X" is green.</p>
+
+ <div>X</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-009a.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-009a.xht
new file mode 100644
index 0000000000..21bf13c902
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-009a.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: !important author rule in :first-letter pseudo-element</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#important-rules" title="6.4.2 !important rules" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#importance" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#importance" />
+ <link rel="match" href="cascade-009a-ref.xht" />
+
+ <meta content="Author rules with !important have precedence over normal author rules." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div {font-size: 100px;}
+
+ div:first-letter {color: green !important;}
+
+ div:first-letter {color: red;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the "X" is green.</p>
+
+ <div>X</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-009b-ref.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-009b-ref.xht
new file mode 100644
index 0000000000..6da7b5fb3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-009b-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: green;
+ font-size: 48px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if "Text sample" is green.</p>
+
+ <div>Text sample</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-009b.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-009b.xht
new file mode 100644
index 0000000000..791d173c82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-009b.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: !important author rule in :first-line pseudo-element</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#important-rules" title="6.4.2 !important rules" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#importance" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#importance" />
+ <link rel="match" href="cascade-009b-ref.xht" />
+
+ <meta content="Author rules with !important have precedence over normal author rules." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div {font-size: 48px;}
+
+ div:first-line {color: green !important;}
+
+ div:first-line {color: red;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if "Text sample" is green.</p>
+
+ <div>Text sample</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-010.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-010.xht
new file mode 100644
index 0000000000..05cd775076
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-010.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: User stylesheet rules with !important and !important author rules</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#important-rules" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#importance" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#importance" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="User stylesheet rules with !important override !important author rules." />
+ <style type="text/css">
+ .cascadegreenimportant
+ {
+ color: red!important;
+ }
+ </style>
+ </head>
+ <body>
+ <p id="cascade">PREREQUISITE: The <a href="support/cascade.css">"cascade.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="cascadegreenimportant">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-011.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-011.xht
new file mode 100644
index 0000000000..568be1f0c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-011.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: User stylesheet rules with !important and normal user rules</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#important-rules" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#importance" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#importance" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="User stylesheet rules with !important declarations override user stylesheet rules with normal declarations." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="cascade">PREREQUISITE: The <a href="support/cascade.css">"cascade.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="cascadegreenimportant cascadered">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-012-ref.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-012-ref.xht
new file mode 100644
index 0000000000..aeb5db5408
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-012-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>This text should be green.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-012.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-012.xht
new file mode 100644
index 0000000000..44ef7cddcd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-012.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @import and !important</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/weight/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#at-import" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#at-import" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#at-import" />
+ <link rel="match" href="cascade-012-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ @import "support/cascade-012.css"; /* .test { color: green ! important; } */
+ .test { color: red; }
+ ]]></style>
+ </head>
+ <body>
+ <div class="test">This text should be green.</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-precedence-001.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-precedence-001.xht
new file mode 100644
index 0000000000..53e61f9a9a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-precedence-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: cascade mechanism has precedence over inheritance - font boldness</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specified-value" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#specified" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#specified" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#inheritance" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inheriting" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inheriting" />
+ <meta content="When determining the specified value of a property, the cascade mechanism of (user agent, author, user) style sheets has precedence. If no value results from such mechanism, then the property may inherit from its parent. In this testcase, it is presumed that b elements are specified in the user agents style sheets to embold their text content." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div {font-weight: normal;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the sentence below is bold.</p>
+
+ <div><b>This text should be bold.</b></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/cascade-precedence-002.xht b/testing/web-platform/tests/css/CSS2/cascade/cascade-precedence-002.xht
new file mode 100644
index 0000000000..c39e315e67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/cascade-precedence-002.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: cascade mechanism has precedence over inheritance - font styling</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specified-value" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#specified" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#specified" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#inheritance" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inheriting" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inheriting" />
+ <meta content="When determining the specified value of a property, the cascade mechanism of (user agent, author, user) style sheets has precedence. If no value results from such mechanism, then the property may inherit from its parent. In this testcase, it is presumed that i elements are specified in the user agents style sheets to italicize their text content." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div {font-style: normal;}
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>Test passes if the sentence below is italic.</p>
+
+ <div><i>This text should be italic.</i></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/default-stylesheet-001.xht b/testing/web-platform/tests/css/CSS2/cascade/default-stylesheet-001.xht
new file mode 100644
index 0000000000..6558ccded8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/default-stylesheet-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Overriding the user agent default style sheet</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascade" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="User agent default style sheet settings can be overridden." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ em
+ {
+ font: 1in Ahem;
+ font-style: normal;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is not slanted to one side.</p>
+ <div><em>X</em></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-001.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-001.xht
new file mode 100644
index 0000000000..aedc8627cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'align' vs. CSS 'caption-side' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'align' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ div
+ {
+ border: 1px solid black;
+ float: left;
+ }
+ table
+ {
+ width: 300px;
+ }
+ *
+ {
+ caption-side: bottom;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "Bottom" is centered inside the black box and is below the word "Top".</p>
+ <div>
+ <table>
+ <caption align="right">Bottom</caption>
+ <tr>
+ <td>Top</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-002.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-002.xht
new file mode 100644
index 0000000000..f555d6039b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-002.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'alink' vs. CSS active specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Attribute 'alink' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ *:active
+ {
+ color: green;
+ }
+ a
+ {
+ color: black;
+ }
+ </style>
+ </head>
+ <body alink="red">
+ <p>Test passes if the "Filler Text" below changes to green when the text is activated.</p>
+ <div>
+ <a href="#">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-003.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-003.xht
new file mode 100644
index 0000000000..5649d94b4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-003.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'background' vs. CSS 'background' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Attribute 'background' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ *
+ {
+ background: green;
+ }
+ </style>
+ </head>
+ <body background="support/red15x15.png">
+ <p>Test passes if the background of this page is green.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-004.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-004.xht
new file mode 100644
index 0000000000..c82044f302
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-004.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'bgcolor' vs. CSS 'background-color' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'bgcolor' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ *
+ {
+ background-color: green;
+ }
+ </style>
+ </head>
+ <body bgcolor="red">
+ <p>Test passes if the background of this page is green.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-005.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-005.xht
new file mode 100644
index 0000000000..a6adcb5f18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-005.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'border' vs. CSS border specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'border' has 0 specificity and is overridden by CSS." />
+ <style type="text/css">
+ *
+ {
+ border: 0 none transparent;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has no box around it.</p>
+ <table border="20">
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-006.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-006.xht
new file mode 100644
index 0000000000..842c515596
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-006.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'cellpadding' vs. CSS 'padding' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'cellpadding' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ html, body, p, table, tr
+ {
+ background: white;
+ }
+ *
+ {
+ background: blue;
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue boxes below are only large enough to fit the "Filler Text".</p>
+ <table cellpadding="100">
+ <tr>
+ <td>Filler Text Filler Text</td>
+ </tr>
+ <tr>
+ <td>Filler Text Filler Text</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-007.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-007.xht
new file mode 100644
index 0000000000..d6410a85e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-007.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'cellspacing' vs. CSS border-spacing specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'cellspacing' has 0 specificity and is overridden by CSS." />
+ <style type="text/css">
+ *
+ {
+ border-spacing: 0;
+ }
+ td
+ {
+ background: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one blue box on the page.</p>
+ <table cellspacing="100" cellpadding="0">
+ <tr>
+ <td>FillerText</td>
+ </tr>
+ <tr>
+ <td>FillerText</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-008.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-008.xht
new file mode 100644
index 0000000000..76c49f49ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-008.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'clear' vs. CSS 'clear' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'clear' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ div div
+ {
+ background: blue;
+ float: left;
+ height: 32px;
+ width: 32px;
+ }
+ *
+ {
+ clear: none;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" is to the right of the blue box.</p>
+ <div>
+ <div></div>
+ <br clear="all" />
+ Filler Text
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-009.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-009.xht
new file mode 100644
index 0000000000..1e915f1dc8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-009.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'color' vs. CSS 'color' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Attribute 'color' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ p
+ {
+ color: black;
+ }
+ *
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <font color="red">Filler Text</font>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-010.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-010.xht
new file mode 100644
index 0000000000..0725bd9efa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-010.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'cols' vs CSS 'width' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'cols' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ html, body, p, br, div
+ {
+ border: none;
+ width: auto;
+ }
+ *
+ {
+ border: 1px solid blue;
+ padding: 0;
+ width: 100px;
+ }
+ div div
+ {
+ background: orange;
+ height: 20px;
+ width: 102px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the width of the blue box is the same as the orange bar below.</p>
+ <div>
+ <textarea cols="500" rows="10"></textarea>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-011.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-011.xht
new file mode 100644
index 0000000000..3f3b66ae6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-011.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'width' vs. CSS 'width' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'width' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ html, body, p, table, tr
+ {
+ background: white;
+ width: auto;
+ }
+ *
+ {
+ background: blue;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box below is only large enough to fit the "Filler Text".</p>
+ <table>
+ <tr>
+ <td width="5000">Filler Text</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-012.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-012.xht
new file mode 100644
index 0000000000..d9756f6bee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-012.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'face' vs. CSS 'font-family' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Attribute 'face' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ *
+ {
+ font-family: sans-serif;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two lines of "Filler Text" below look the same.</p>
+ <font face="ahem">
+ Filler Text Filler Text
+ </font>
+ <div>Filler Text Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-013.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-013.xht
new file mode 100644
index 0000000000..970279d226
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-013.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'valign' vs. CSS 'vertical-align' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'valign' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ table
+ {
+ border: 1px solid;
+ border-spacing: 0;
+ height: 200px;
+ width: 100%;
+ }
+ *
+ {
+ padding: 0;
+ vertical-align: top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" is at the top-left corner of the box below.</p>
+ <table>
+ <tr>
+ <td valign="bottom">Filler Text</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-014.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-014.xht
new file mode 100644
index 0000000000..d90974700f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-014.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'frame' vs. CSS 'border' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'frame' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ html, body, p
+ {
+ width: auto;
+ }
+ *
+ {
+ border: none;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" has no box around it.</p>
+ <table frame="box">
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-015.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-015.xht
new file mode 100644
index 0000000000..54217169d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-015.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'rules' vs. CSS border specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'rules' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ html, body, p
+ {
+ width: auto;
+ }
+ *
+ {
+ border: 0 none transparent;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are no lines or boxes around the "Filler Text" below.</p>
+ <table rules="all">
+ <tr>
+ <td>Filler Text</td>
+ <td>Filler Text</td>
+ </tr>
+ <tr>
+ <td>Filler Text</td>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-017.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-017.xht
new file mode 100644
index 0000000000..1b401fce5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-017.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'height' vs. CSS 'height' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'height' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ html, body, p
+ {
+ height: auto;
+ }
+ *
+ {
+ height: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below.</p>
+ <iframe height="0" src="support/html-attribute-017-frame.htm"></iframe>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-018.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-018.xht
new file mode 100644
index 0000000000..b002491518
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-018.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'hspace' vs. CSS 'margin' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Attribute 'hspace' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ html, body, p
+ {
+ margin: 10px;
+ }
+ *
+ {
+ margin: -5px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no space between the green and blue boxes below.</p>
+ <div>
+ <img hspace="200" alt="15x15 blue box" src="support/blue15x15.png" />
+ <img alt="15x15 green box" src="support/green15x15.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-019.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-019.xht
new file mode 100644
index 0000000000..9dc9e9194e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-019.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'vspace' vs. CSS 'margin' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Attribute 'vspace' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ div
+ {
+ font: 16px/15px serif;
+ }
+ img
+ {
+ vertical-align: bottom; /* images must sit at bottom of line box, not on the baseline */
+ }
+ div *
+ {
+ margin: 0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no space between the green and blue boxes below.</p>
+ <div><img vspace="200" alt="15x15 blue box" src="support/blue15x15.png" /></div>
+ <div><img alt="15x15 green box" src="support/green15x15.png" /></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-020.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-020.xht
new file mode 100644
index 0000000000..2a75fd7d41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-020.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'link' vs. CSS ':link' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'link' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ *:link
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body link="red">
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>
+ <a href="#">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-021.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-021.xht
new file mode 100644
index 0000000000..10e10b10a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-021.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'marginheight' vs. CSS 'margin' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'marginheight' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <iframe marginheight="50" src="support/html-attribute-021-frame.htm"></iframe>
+ <p>Test passes if the "Filler Text" appears in the top left corner of the green box.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-022.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-022.xht
new file mode 100644
index 0000000000..0e46e3d9ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-022.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'marginwidth' vs. CSS 'margin' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'marginwidth' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <iframe marginwidth="50" src="support/html-attribute-022-frame.htm"></iframe>
+ <p>Test passes if the "Filler Text" appears in the top left corner of the green box.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-023.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-023.xht
new file mode 100644
index 0000000000..34b9f167a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-023.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: HTML 'noshade' attribute vs CSS color specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'noshade' has 0 specificity and is overridden by CSS." />
+ <style type="text/css">
+ html, body, p
+ {
+ background-color: white;
+ }
+ *
+ {
+ background-color: lime;
+ border-color: lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line below is solid bright green.</p>
+ <hr noshade="noshade" size="6" />
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-024.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-024.xht
new file mode 100644
index 0000000000..ae402ce5cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-024.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'nowrap' vs. CSS 'white-space' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'nowrap' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ table
+ {
+ width: 100px;
+ }
+ td
+ {
+ border: solid thin black;
+ }
+ *
+ {
+ white-space: normal;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both columns of "Filler Text" below wrap to multiple lines.</p>
+ <table>
+ <tr>
+ <td nowrap="nowrap">Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</td>
+ <td nowrap="nowrap">Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-025.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-025.xht
new file mode 100644
index 0000000000..5535a1adc2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-025.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'rows' vs CSS 'height' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'rows' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ html
+ {
+ margin: 10px;
+ }
+ html, body, p, table, tr, td
+ {
+ border: none;
+ border-spacing: 0;
+ height: auto;
+ }
+ *
+ {
+ height: 150px;
+ border: 1px solid blue;
+ padding: 0;
+ margin: 0;
+ vertical-align: top;
+ }
+ div
+ {
+ background: orange;
+ border: none;
+ height: 152px;
+ width: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the height of the blue box is the same as the orange bar below.</p>
+ <table>
+ <tr>
+ <td>
+ <textarea rows="500" cols="5"></textarea>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-027.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-027.xht
new file mode 100644
index 0000000000..2a853ee1fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-027.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'size' vs CSS 'height' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="assert" content="Attribute 'size' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ html, body, p
+ {
+ background: white;
+ height: auto;
+ }
+ *
+ {
+ background: green;
+ height: 1px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a line below.</p>
+ <hr size="100" />
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-028.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-028.xht
new file mode 100644
index 0000000000..936a213ba3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-028.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'text' vs. CSS 'color' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Attribute 'text' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ p
+ {
+ color: black;
+ }
+ *
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body text="red">
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-attribute-029.xht b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-029.xht
new file mode 100644
index 0000000000..74cbfcd3bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-attribute-029.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute 'vlink' vs. CSS ':visited' specificity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <meta name="flags" content="history interact" />
+ <meta name="assert" content="Attribute 'vlink' has a specificity of zero and is overridden by CSS." />
+ <style type="text/css">
+ *:visited
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body vlink="red">
+ <p>PREREQUSITE: Navigate to the "Filler Text" link below.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>
+ <a href="#">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-precedence-001.xht b/testing/web-platform/tests/css/CSS2/cascade/html-precedence-001.xht
new file mode 100644
index 0000000000..de4b834c38
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-precedence-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Element selector precedence</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The 'color' attribute has a specificity equal to 0 which be overridden by subsequent style sheet rules." />
+ <style type="text/css">
+ span
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>
+ <font color="red">
+ <span>Filler Text</span>
+ </font>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-precedence-002.xht b/testing/web-platform/tests/css/CSS2/cascade/html-precedence-002.xht
new file mode 100644
index 0000000000..63c4c8dab6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-precedence-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Universal selector precedence</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="assert" content="The universal selector and the 'color' attribute have the same specificity. The universal selector is applied since CSS takes precedence." />
+ <style type="text/css">
+ *
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>
+ <font color="red">
+ <span>Filler Text</span>
+ </font>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-precedence-003.xht b/testing/web-platform/tests/css/CSS2/cascade/html-precedence-003.xht
new file mode 100644
index 0000000000..f10cc7e5b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-precedence-003.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: User style sheet precedence</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="The 'font' element's 'color' attribute trumps the user stylesheet's universal selector. They have the same specificity but the font element is a virtual author rule." />
+ <style type="text/css">
+ p
+ {
+ color: black;
+ }
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p id="htmlPrecedence003">PREREQUISITE: The <a href="support/html-precedence-003.css">"html-precedence-003.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the "Filler Text" below is green and it is underlined.</p>
+ <div>
+ <font color="green">Filler Text</font>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-precedence-004-ref.xht b/testing/web-platform/tests/css/CSS2/cascade/html-precedence-004-ref.xht
new file mode 100644
index 0000000000..ced3ad7aa2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-precedence-004-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p.green {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p class="green">This text should be green.</p>
+
+ <p>This text should not be bold.</p>
+
+ <p class="green">This line should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-precedence-004.xht b/testing/web-platform/tests/css/CSS2/cascade/html-precedence-004.xht
new file mode 100644
index 0000000000..f7d3b84dfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-precedence-004.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: User Stylesheets and non-CSS Presentational Hints</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/non-css/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html" />
+ <link rel="match" href="html-precedence-004-ref.xht" />
+
+ <meta name="flags" content="userstyle" />
+
+ <style type="text/css">
+ .instructions { color: red; }
+ </style>
+ </head>
+ <body id="hixie-cascade-tests">
+ <div class="instructions">
+ <p>For this test, set your user stylesheet to the following:</p>
+<pre>
+/* User Stylesheet */
+#hixie-cascade-tests .instructions { display: none; }
+#hixie-cascade-tests .red { color: red; }
+#hixie-cascade-tests .green { color: green; }
+#hixie-cascade-tests .normal { font-weight: normal; }
+</pre>
+ </div>
+ <p><font color="green" class="red">This text should be green.</font></p>
+ <p><b class="normal">This text should</b> not be bold.</p>
+ <p class="green">This line should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/html-precedence-005.xht b/testing/web-platform/tests/css/CSS2/cascade/html-precedence-005.xht
new file mode 100644
index 0000000000..80a7870a41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/html-precedence-005.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: User Stylesheets and non-CSS Presentational Hints</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/non/css/002.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html" />
+ <meta name="flags" content="userstyle" />
+
+ <style type="text/css">
+ .instructions { color: red; }
+ </style>
+ </head>
+ <body id="hixie-cascade-tests">
+ <div class="instructions">
+ <p>For this test, set your user stylesheet to the following:</p>
+<pre>
+/* User Stylesheet */
+#hixie-cascade-tests .instructions { display: none; }
+#hixie-cascade-tests .red { color: red; }
+#hixie-cascade-tests .green { color: green; }
+#hixie-cascade-tests .normal { font-weight: normal; }
+</pre>
+ </div>
+ <p><font color="red" class="green">This text should be green.</font></p>
+ <p><b class="normal">This text should</b> not be bold.</p>
+ <p class="green">This line should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/inherit-001.xht b/testing/web-platform/tests/css/CSS2/cascade/inherit-001.xht
new file mode 100644
index 0000000000..92667eae3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/inherit-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inherit keyword</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit" />
+ <meta name="assert" content="Children elements inherit the parents color given the 'inherit' keyword." />
+ <style type="text/css">
+ body
+ {
+ color: green;
+ }
+ div
+ {
+ color: red;
+ }
+ body div
+ {
+ color: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/inherit-002.xht b/testing/web-platform/tests/css/CSS2/cascade/inherit-002.xht
new file mode 100644
index 0000000000..333d657aea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/inherit-002.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inherit on non-inherited properties</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit" />
+ <meta name="assert" content="Inherit can be used on properties which are not normally inherited." />
+ <style type="text/css">
+ div
+ {
+ border: solid blue;
+ }
+ div p
+ {
+ border: inherit;
+ border-color: orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is surrounded by a orange box and a blue box.</p>
+ <div>
+ <p>Filler Text</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/inherit-003.xht b/testing/web-platform/tests/css/CSS2/cascade/inherit-003.xht
new file mode 100644
index 0000000000..2af90d496c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/inherit-003.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inherit on the root element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit" />
+ <meta name="assert" content="If the 'inherit' value is set on the root element, the property is assigned its initial value." />
+ <style type="text/css">
+ html
+ {
+ font-size: 1in;
+ font-size: inherit;
+ font-style: italic;
+ font-style: inherit;
+ font-variant: small-caps;
+ font-variant: inherit;
+ font-weight: bold;
+ font-weight: inherit;
+ }
+ span
+ {
+ font-size: medium;
+ font-style: normal;
+ font-variant: normal;
+ font-weight: normal;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two lines of "Filler Text" below are identical.</p>
+ <div>
+ Filler Text
+ <br />
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/inherit-004.xht b/testing/web-platform/tests/css/CSS2/cascade/inherit-004.xht
new file mode 100644
index 0000000000..5747872625
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/inherit-004.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS inheritance: basic test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/inheritance/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#fonts-intro" />
+
+ <style type="text/css">
+ p { color: blue; }
+ .test { font-weight: inherit; font-style: inherit; color: inherit; }
+ .test span { font-weight: bold; font-style: italic; color: red; }
+ </style>
+ </head>
+ <body>
+ <p> <span class="test"> This sentence should be <span> </span> the same throughout. </span> </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/inherit-border-padding-000.xht b/testing/web-platform/tests/css/CSS2/cascade/inherit-border-padding-000.xht
new file mode 100644
index 0000000000..83a2b70252
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/inherit-border-padding-000.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Explicit Inheritance</title>
+ <link title="6.2 Inheritance" href="http://www.w3.org/TR/CSS21/cascade.html#inheritance" rel="help"/>
+ <link title="8.4 Padding properties" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" rel="help"/>
+ <link title="8.5 Border properties" href="http://www.w3.org/TR/CSS21/box.html#border-properties" rel="help"/>
+ <link rel="author" href="mailto:Alan.Harder@Sun.COM" title="Alan Harder"/>
+ <style type="text/css">
+ .a { border: 0 solid lime; }
+ .b { border-width: thick; border-style: inherit; border-color: inherit; }
+ .c { padding: 8px 0; background-color: red; }
+ .d { padding: inherit; background-color: lime; }
+ </style>
+ </head>
+ <body>
+ <p class="a">
+ This sentence should have no border.
+ <span class="b"> This sentence should have a green border. </span>
+ </p>
+ <p>
+ <span class="c"><span class="d"> This sentence should be in a green bar, with no red present. </span></span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/inherit-computed-001-ref.html b/testing/web-platform/tests/css/CSS2/cascade/inherit-computed-001-ref.html
new file mode 100644
index 0000000000..32efe5b4f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/inherit-computed-001-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference File</title>
+<link rel="author" title="Bert Bos" href="mailto:bert@w3.org">
+
+<style>
+ p {font-size: larger}
+ p, em {border: medium solid}
+</style>
+
+<p>This line is all <span>in one font</span> size
+<em></em> and there is no red.
diff --git a/testing/web-platform/tests/css/CSS2/cascade/inherit-computed-001.html b/testing/web-platform/tests/css/CSS2/cascade/inherit-computed-001.html
new file mode 100644
index 0000000000..08f4848f32
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/inherit-computed-001.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS cascading: Inherit the computed value</title>
+<link rel="help" href="http://www.w3.org/TR/CSS22/cascade.html#value-def-inherit">
+<link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.6.2.1">
+<meta name="assert" content="Each property may also have a cascaded value of 'inherit', which means that, for a given element, the property takes as specified value the computed value of the element's parent.">
+<link rel="match" href="inherit-computed-001-ref.html">
+<link rel="author" title="Bert Bos" href="mailto:bert@w3.org">
+
+<style>
+ p {font-size: larger; border: medium solid}
+ span {font-size: inherit}
+ em {color: red; border: inherit}
+</style>
+
+<p>This line is all <span>in one font</span> size
+<em></em> and there is no red.
diff --git a/testing/web-platform/tests/css/CSS2/cascade/inherit-computed-002-ref.html b/testing/web-platform/tests/css/CSS2/cascade/inherit-computed-002-ref.html
new file mode 100644
index 0000000000..d127db1e42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/inherit-computed-002-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference File</title>
+<link rel="author" title="Bert Bos" href="mailto:bert@w3.org">
+
+<style>
+ div {border-width: 1em; border-style: solid; padding: 0.5em}
+ p {font-size: 2em; border-width: 0.5em; border-style: solid}
+</style>
+
+<div><p>All borders are the same thickness.</div>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/inherit-computed-002.html b/testing/web-platform/tests/css/CSS2/cascade/inherit-computed-002.html
new file mode 100644
index 0000000000..867a8badc2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/inherit-computed-002.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS cascading: Inherit the computed value</title>
+<link rel="help" href="http://www.w3.org/TR/CSS22/cascade.html#value-def-inherit">
+<link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.6.2.1">
+<meta name="assert" content="Each property may also have a cascaded value of 'inherit', which means that, for a given element, the property takes as specified value the computed value of the element's parent.">
+<link rel="match" href="inherit-computed-002-ref.html">
+<link rel="author" title="Bert Bos" href="mailto:bert@w3.org">
+
+<style>
+ div {border-width: 1em; border-style: solid; padding: 0.5em}
+ p {font-size: 2em; border-width: inherit; border-style: solid}
+</style>
+
+<div><p>All borders are the same thickness.</div>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/inherited-value-001.xht b/testing/web-platform/tests/css/CSS2/cascade/inherited-value-001.xht
new file mode 100644
index 0000000000..d56091453e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/inherited-value-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inheritance</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#inheritance" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inheriting" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inheriting" />
+ <meta name="assert" content="Children elements can inherit properties from parents." />
+ <style type="text/css">
+ body
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/inherited-value-002.xht b/testing/web-platform/tests/css/CSS2/cascade/inherited-value-002.xht
new file mode 100644
index 0000000000..6e489b858e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/inherited-value-002.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inheriting computed values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The computed value of a font-size with a percentage is the percentage of its parent's font-size value. A nested element which also has a percentage applies the parents' specified value (which is inherited)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .container
+ {
+ font-family: Ahem;
+ font-size: 96px;
+ }
+ div div
+ {
+ background: blue;
+ height: 48px;
+ width: 48px;
+ }
+ div p
+ {
+ font-size: 50%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box and the blue box are the same width.</p>
+ <div class="container">
+ <p>X</p>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/non-inherited-value-001.xht b/testing/web-platform/tests/css/CSS2/cascade/non-inherited-value-001.xht
new file mode 100644
index 0000000000..7a516f4cdb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/non-inherited-value-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-inherited values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specified-value" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#specified" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#specified" />
+ <meta name="assert" content="If the cascade results in a value, use it." />
+ <style type="text/css">
+ *
+ {
+ color: green;
+ }
+ body
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/sort-by-order-001.xht b/testing/web-platform/tests/css/CSS2/cascade/sort-by-order-001.xht
new file mode 100644
index 0000000000..83c43f9975
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/sort-by-order-001.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Casdading order - sort by order specified</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="6.4.1 Cascading order" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="If 2 declarations have the same media, the same importance (normal or !important), the same origin (author, user or user agent) and the same specificity, then the latter specified wins." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 100px;
+ width: 100px;
+ }
+
+ div#parent > div /* a=0 b=1 c=0 d=2 -> specificity = 0,1,0,2 */
+ {
+ background-color: red;
+ }
+
+ div > div#child /* a=0 b=1 c=0 d=2 -> specificity = 0,1,0,2 */
+ {
+ background-color: green;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="parent">
+ <div id="child"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/specificity-001.xht b/testing/web-platform/tests/css/CSS2/cascade/specificity-001.xht
new file mode 100644
index 0000000000..d0044ad1b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/specificity-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Calculating specificity - Specificity 0010 vs. 0001</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The attribute selector has an higher specificity over the element selector - specificity 0010 takes precedence over 0001." />
+ <style type="text/css">
+ [id=id1] /* a=0 b=0 c=1 d=0 -> specificity = 0,0,1,0 */
+ {
+ color: green;
+ }
+ div /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 */
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div id="id1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/specificity-002.xht b/testing/web-platform/tests/css/CSS2/cascade/specificity-002.xht
new file mode 100644
index 0000000000..293232ec12
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/specificity-002.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Calculating specificity - Inline Style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Specificity of the inline style trumps all other selectors." />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+ #id1 /* a=0 b=1 c=0 d=0 -> specificity = 0,1,0,0 */
+ {
+ color: red;
+ }
+ div:first-child /* a=0 b=0 c=1 d=1 -> specificity = 0,0,1,1 */
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div id="id1" style="color: green">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/specificity-003.xht b/testing/web-platform/tests/css/CSS2/cascade/specificity-003.xht
new file mode 100644
index 0000000000..e17733e264
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/specificity-003.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Calculating specificity - Specificity 0100 vs. 0011</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The ID attribute in a selector has the higher specificity than the combined pseudo-class and element selectors - specificity 0100 takes precedence over 0011." />
+ <style type="text/css">
+ #id1 /* a=0 b=1 c=0 d=0 -> specificity = 0,1,0,0 */
+ {
+ color: green;
+ }
+ div:first-child /* a=0 b=0 c=1 d=1 -> specificity = 0,0,1,1 */
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div id="id1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/specificity-004.xht b/testing/web-platform/tests/css/CSS2/cascade/specificity-004.xht
new file mode 100644
index 0000000000..edb41a5a42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/specificity-004.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Calculating specificity - Specificity 0011 vs. 0010</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The combined pseudo-class and element selectors have a higher specificity than the attribute selector - specificity 0011 takes precedence over 0010." />
+ <style type="text/css">
+ div:first-child /* a=0 b=0 c=1 d=1 -> specificity = 0,0,1,1 */
+ {
+ color: green;
+ }
+ [id=id1] /* a=0 b=0 c=1 d=0 -> specificity = 0,0,1,0 */
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>
+ <div id="id1">Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/specificity-005.xht b/testing/web-platform/tests/css/CSS2/cascade/specificity-005.xht
new file mode 100644
index 0000000000..58c0251739
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/specificity-005.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Calculating specificity - Specificity 0002 vs. 0001</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="An element selector with a pseudo-element selector wins over a pseudo-element selector - specificity 0002 takes precedence over 0001." />
+ <style type="text/css">
+ div:first-line /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
+ {
+ color: green;
+ }
+ :first-line /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 */
+ {
+ color: red;
+ }
+ #p1:first-line
+ {
+ color: black;
+ }
+ </style>
+ </head>
+ <body>
+ <p id="p1">Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/specificity-006.xht b/testing/web-platform/tests/css/CSS2/cascade/specificity-006.xht
new file mode 100644
index 0000000000..d178b8941b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/specificity-006.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Calculating specificity - Pseudo-element vs. simple element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The combination of a pseudo-element selector with an element selector takes takes precedence over simple and single element selector - specificity 0002 takes precedence over 0001." />
+ <style type="text/css">
+ div:first-line /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
+ {
+ color: green;
+ }
+ div /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 */
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/specificity-007.xht b/testing/web-platform/tests/css/CSS2/cascade/specificity-007.xht
new file mode 100644
index 0000000000..3d4bd830c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/specificity-007.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Calculating specificity - Specificity 0001 vs. 0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The element selector has a higher specificity over the universal selector - specificity 0001 takes precedence over 0000." />
+ <style type="text/css">
+ div /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 */
+ {
+ color: green;
+ }
+ * /* a=0 b=0 c=0 d=0 -> specificity = 0,0,0,0 */
+ {
+ color: red;
+ }
+ p
+ {
+ color: black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/specificity-008.xht b/testing/web-platform/tests/css/CSS2/cascade/specificity-008.xht
new file mode 100644
index 0000000000..fbf5eac1cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/specificity-008.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Calculating specificity - specificity 0012 vs. 0002</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The combined specificity of an element selector, with a pseudo-class selector and a pseudo-element selector achieves an higher specificity than the combined specificity of an element selector with a pseudo-element selector." />
+ <style type="text/css">
+ div:first-child:first-line /* a=0 b=0 c=1 d=2 -> specificity = 0,0,1,2 */
+ {
+ color: green;
+ }
+ div:first-line /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/specificity-009.xht b/testing/web-platform/tests/css/CSS2/cascade/specificity-009.xht
new file mode 100644
index 0000000000..84cb67a30d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/specificity-009.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Calculating specificity - specificity 0003 vs. 0002</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity" />
+ <meta name="assert" content="First-line selector with highest specificity wins - specificity 0003 take precedence over 0002." />
+ <style type="text/css">
+ html > body > *:first-line /* a=0 b=0 c=0 d=3 -> specificity = 0,0,0,3 */
+ {
+ color: green;
+ }
+ div:first-line /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/specificity-011-ref.xht b/testing/web-platform/tests/css/CSS2/cascade/specificity-011-ref.xht
new file mode 100644
index 0000000000..037e6e5288
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/specificity-011-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ span
+ {
+ border-bottom: blue solid;
+ border-top: teal solid;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This test has: <span>PASSED</span></p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/specificity-011.xht b/testing/web-platform/tests/css/CSS2/cascade/specificity-011.xht
new file mode 100644
index 0000000000..3c3952bd87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/specificity-011.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Generated Content via Universal Selectors</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/specificity/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity" />
+ <link rel="match" href="specificity-011-ref.xht" />
+
+ <style type="text/css">
+ p:after { content: "FAILED"; border: none; }
+ div :after { content: "PASSED"; border-top: solid teal; }
+ body div :after { border-bottom: solid blue; }
+ </style>
+ </head>
+ <body>
+ <div>
+ <p>This test has: </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/specificity-012.xht b/testing/web-platform/tests/css/CSS2/cascade/specificity-012.xht
new file mode 100644
index 0000000000..06936b385d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/specificity-012.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo-class Specificity</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/specificity/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity" />
+
+ <meta name="flags" content="history interact" />
+
+ <style type="text/css">
+ a:link { color: yellow; background: red; }
+ a:hover { color: red; background: yellow; font-weight: bold; }
+ a:visited { color: green; background: white; }
+ </style>
+ </head>
+ <body>
+ <p><a href="002.html">This text should be green <strong>when you
+ hover over it</strong>.</a> (If it starts red, click the link to
+ make sure the link is marked visited.)</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/specificity-013-ref.xht b/testing/web-platform/tests/css/CSS2/cascade/specificity-013-ref.xht
new file mode 100644
index 0000000000..8f9e2bdb69
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/specificity-013-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ background-color: green;
+ border: lime solid medium;
+ color: white;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The background of this sentence should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/specificity-013.xht b/testing/web-platform/tests/css/CSS2/cascade/specificity-013.xht
new file mode 100644
index 0000000000..a0089b0f67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/specificity-013.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Specificity with universal selector</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/specificity/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity" />
+ <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity" />
+ <link rel="match" href="specificity-013-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ p { color: yellow; background: red; border: maroon; } /* selects the <p> with 0,0,0,1 */
+ div * { color: white; background: green; } /* selects the <p> with 0,0,0,1 and so should override */
+ body div * { border: solid lime; } /* selects the <p> with 0,0,0,2 */
+ ]]></style>
+ </head>
+ <body>
+ <div>
+ <p>The background of this sentence should be green.</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/cascade/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/cascade/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/cascade/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/cascade/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/cascade/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/cascade/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/cascade/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/cascade/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/a-green.css b/testing/web-platform/tests/css/CSS2/cascade/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/at-import-001.css b/testing/web-platform/tests/css/CSS2/cascade/support/at-import-001.css
new file mode 100644
index 0000000000..747d0b7193
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/at-import-001.css
@@ -0,0 +1,4 @@
+div
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/at-import-002.css b/testing/web-platform/tests/css/CSS2/cascade/support/at-import-002.css
new file mode 100644
index 0000000000..1274411ed0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/at-import-002.css
@@ -0,0 +1,4 @@
+div
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/at-import-004.css b/testing/web-platform/tests/css/CSS2/cascade/support/at-import-004.css
new file mode 100644
index 0000000000..747d0b7193
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/at-import-004.css
@@ -0,0 +1,4 @@
+div
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/at-import-005.css b/testing/web-platform/tests/css/CSS2/cascade/support/at-import-005.css
new file mode 100644
index 0000000000..1274411ed0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/at-import-005.css
@@ -0,0 +1,4 @@
+div
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/at-import-006.css b/testing/web-platform/tests/css/CSS2/cascade/support/at-import-006.css
new file mode 100644
index 0000000000..1274411ed0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/at-import-006.css
@@ -0,0 +1,4 @@
+div
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/at-import-007.css b/testing/web-platform/tests/css/CSS2/cascade/support/at-import-007.css
new file mode 100644
index 0000000000..1274411ed0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/at-import-007.css
@@ -0,0 +1,4 @@
+div
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/b-green.css b/testing/web-platform/tests/css/CSS2/cascade/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/cascade/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/c-red.css b/testing/web-platform/tests/css/CSS2/cascade/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/cascade-007.css b/testing/web-platform/tests/css/CSS2/cascade/support/cascade-007.css
new file mode 100644
index 0000000000..747d0b7193
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/cascade-007.css
@@ -0,0 +1,4 @@
+div
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/cascade-012.css b/testing/web-platform/tests/css/CSS2/cascade/support/cascade-012.css
new file mode 100644
index 0000000000..b68db0e060
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/cascade-012.css
@@ -0,0 +1 @@
+.test { color: green ! important; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/cascade.css b/testing/web-platform/tests/css/CSS2/cascade/support/cascade.css
new file mode 100644
index 0000000000..ab1084f632
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/cascade.css
@@ -0,0 +1,22 @@
+#user-stylesheet-indication
+{
+ /* Used by the harness to display and indication there is a user-stylesheet applied */
+ display: block!important;
+}
+#cascade
+{
+ /* Used by the test to hide the prerequsite */
+ display: none;
+}
+.cascadered
+{
+ color: red;
+}
+.cascadegreen
+{
+ color: green;
+}
+.cascadegreenimportant
+{
+ color: green!important;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/cat.png b/testing/web-platform/tests/css/CSS2/cascade/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/diamond.png b/testing/web-platform/tests/css/CSS2/cascade/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/green15x15.png b/testing/web-platform/tests/css/CSS2/cascade/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/html-attribute-017-frame.htm b/testing/web-platform/tests/css/CSS2/cascade/support/html-attribute-017-frame.htm
new file mode 100644
index 0000000000..7c93a6986a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/html-attribute-017-frame.htm
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test Suite: Frame for html-attribute-017</title>
+ <style type="text/css">
+ body
+ {
+ background-color: green;
+ }
+ </style>
+ </head>
+ <body>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/html-attribute-021-frame.htm b/testing/web-platform/tests/css/CSS2/cascade/support/html-attribute-021-frame.htm
new file mode 100644
index 0000000000..83eeaed2b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/html-attribute-021-frame.htm
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test Suite: Frame for html-attribute-021</title>
+ <style type="text/css">
+ *
+ {
+ background-color: green;
+ margin: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/html-attribute-022-frame.htm b/testing/web-platform/tests/css/CSS2/cascade/support/html-attribute-022-frame.htm
new file mode 100644
index 0000000000..fcbe694940
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/html-attribute-022-frame.htm
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test Suite: Frame for html-attribute-022</title>
+ <style type="text/css">
+ *
+ {
+ background-color: green;
+ margin: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/html-precedence-003.css b/testing/web-platform/tests/css/CSS2/cascade/support/html-precedence-003.css
new file mode 100644
index 0000000000..9c7bf87c62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/html-precedence-003.css
@@ -0,0 +1,18 @@
+#user-stylesheet-indication
+{
+ /* Used by the harness to display and indication there is a user-stylesheet applied */
+ display: block!important;
+}
+#htmlPrecedence003
+{
+ /* Used by the test to hide the prerequsite */
+ display: none;
+}
+*
+{
+ color: red;
+}
+font
+{
+ text-decoration: underline;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/import-green.css b/testing/web-platform/tests/css/CSS2/cascade/support/import-green.css
new file mode 100644
index 0000000000..537104e663
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/import-green.css
@@ -0,0 +1 @@
+.import { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/import-red.css b/testing/web-platform/tests/css/CSS2/cascade/support/import-red.css
new file mode 100644
index 0000000000..9945ef4711
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/import-red.css
@@ -0,0 +1 @@
+.import { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/cascade/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/cascade/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/cascade/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/cascade/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/red15x15.png b/testing/web-platform/tests/css/CSS2/cascade/support/red15x15.png
new file mode 100644
index 0000000000..39005d7e6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/red15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/ring.png b/testing/web-platform/tests/css/CSS2/cascade/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/square-purple.png b/testing/web-platform/tests/css/CSS2/cascade/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/square-teal.png b/testing/web-platform/tests/css/CSS2/cascade/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/square-white.png b/testing/web-platform/tests/css/CSS2/cascade/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/cascade/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/cascade/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/cascade/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/cascade/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/cascade/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/cascade/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/cascade/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/test-bl.png b/testing/web-platform/tests/css/CSS2/cascade/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/test-br.png b/testing/web-platform/tests/css/CSS2/cascade/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/test-outer.png b/testing/web-platform/tests/css/CSS2/cascade/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/test-tl.png b/testing/web-platform/tests/css/CSS2/cascade/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/test-tr.png b/testing/web-platform/tests/css/CSS2/cascade/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/cascade/support/user-stylesheet.css b/testing/web-platform/tests/css/CSS2/cascade/support/user-stylesheet.css
new file mode 100644
index 0000000000..2583799c46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/support/user-stylesheet.css
@@ -0,0 +1,83 @@
+#user-stylesheet-indication
+{
+ /* Used by the harness to display and indication there is a user-stylesheet applied */
+ display: block!important;
+}
+#user-stylesheet
+{
+ /* Used by the test to hide the prerequsite */
+ display: none;
+}
+/* Style rules separated to eliminate grouping issues */
+#user-stylesheet-001
+{
+ color: green;
+}
+#user-stylesheet-002
+{
+ color: green;
+}
+#user-stylesheet-003
+{
+ color: red;
+}
+#user-stylesheet-004
+{
+ color: red;
+}
+#user-stylesheet-005 span
+{
+ color: green;
+}
+#user-stylesheet-006 > span
+{
+ color: green;
+}
+#user-stylesheet-007 + p
+{
+ color: green;
+}
+*[class=user-stylesheet-008]
+{
+ color: green;
+}
+#user-stylesheet-009
+{
+ color: green;
+}
+#user-stylesheet-010 > *:first-child
+{
+ color: green;
+}
+#user-stylesheet-011:first-line
+{
+ color: green;
+}
+#user-stylesheet-012:link
+{
+ color: green;
+}
+#user-stylesheet-013:visited
+{
+ color: green;
+}
+#user-stylesheet-014:hover
+{
+ color: green;
+}
+#user-stylesheet-015:active
+{
+ color: green;
+}
+#user-stylesheet-016:first-letter
+{
+ color: green;
+}
+#user-stylesheet-017:before
+{
+ content: "PASS PASS";
+}
+#user-stylesheet-018:after
+{
+ content: "PASS PASS";
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-001.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-001.xht
new file mode 100644
index 0000000000..f2d686307c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-001.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: User defined stylesheet can be applied</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="User stylesheet can be applied to the page." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <p id="user-stylesheet-001">Filler Text</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-002.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-002.xht
new file mode 100644
index 0000000000..15a6476533
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-002.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: User defined stylesheet can be applied and persisted</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="interact userstyle" />
+ <meta name="assert" content="The user stylesheet is still applied after close and reopen the user agent window." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>PREREQUISITE: Close the user agent, reopen user agent, and navigate to this page.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <p id="user-stylesheet-002">Filler Text</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-003.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-003.xht
new file mode 100644
index 0000000000..056ee6d8b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Rules with normal declarations in an user defined stylesheet can be overriden by rules with normal declarations from author in a style block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="A CSS rule (with normal - not !important - declarations) in an author style sheet have more weight than a CSS rule (with normal - not !important -declarations) in an user style sheet." />
+ <style type="text/css">
+ #user-stylesheet-003
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <p id="user-stylesheet-003">Filler Text</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-004.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-004.xht
new file mode 100644
index 0000000000..163d5c4c84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-004.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Rules with normal declarations in an user defined stylesheet can be overriden by normal declarations from author in an inline style attribute</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="A normal - not !important - declaration in an inline style from author have more weight than a CSS rule (with normal - not !important -) declarations in an user style sheet." />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <p id="user-stylesheet-004" style="color: green;">Filler Text</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-005.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-005.xht
new file mode 100644
index 0000000000..bfa4db39fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-005.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Descendant selector defined in user stylesheet can be applied</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="The descendant selector defined in user stylesheet is applied to the appropriate element." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if below, the left "Green Text" is green and the right "Black Text" is black.</p>
+ <p id="user-stylesheet-005">
+ <span>Green Text</span>
+ Black Text
+ </p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-006.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-006.xht
new file mode 100644
index 0000000000..3a2bdcee5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-006.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Child selector defined in user stylesheet can be applied</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="The child selector defined in user stylesheet is applied to the appropriate element." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if below, the left "Green Text" is green and the right "Black Text" is black.</p>
+ <div id="user-stylesheet-006">
+ <span>Green Text</span>
+ Black Text
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-007.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-007.xht
new file mode 100644
index 0000000000..55b0a5bc52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-007.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Adjacent sibling selector defined in user stylesheet can be applied</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="The adjacent sibling selector defined in user stylesheet is applied to the appropriate element." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div id="user-stylesheet-007"></div>
+ <p>Filler Text</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-008.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-008.xht
new file mode 100644
index 0000000000..804f771dec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-008.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute selector defined in user stylesheet can be applied</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="The attribute selector defined in user stylesheet is applied to the appropriate element." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <p class="user-stylesheet-008">Filler Text</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-009.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-009.xht
new file mode 100644
index 0000000000..4788a923f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-009.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: ID selector defined in user stylesheet can be applied</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="The ID selector defined in user stylesheet is applied to the appropriate element." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <p id="user-stylesheet-009">Filler Text</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-010.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-010.xht
new file mode 100644
index 0000000000..a43c8763bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-010.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo-class selector :first-child defined in user stylesheet can be applied</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="The pseudo-class selector :first-child defined in user stylesheet is applied to the first child of an element." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if below the upper "Filler Text" is green and the lower "Filler Text" is black.</p>
+ <div id="user-stylesheet-010">
+ <p>Filler Text</p>
+ <p>Filler Text</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-011.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-011.xht
new file mode 100644
index 0000000000..206203e3d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-011.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo-element first-line selector defined in user stylesheet can be applied</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="The pseudo-element selector :first-line defined in user stylesheet is applied to the first line of an element." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div id="user-stylesheet-011">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-012.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-012.xht
new file mode 100644
index 0000000000..add16869dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-012.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Link defined in user stylesheet can be applied</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="history userstyle" />
+ <meta name="assert" content="The pseudo-class selector :link defined in user stylesheet is applied to all links." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the "Filler Text" below is green. Do not navigate the link. Note: it might be necessary to clear all navigation history.</p>
+ <div>
+ <a id="user-stylesheet-012" href="/404error/">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-013.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-013.xht
new file mode 100644
index 0000000000..085f013a45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-013.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visited selector defined in user stylesheet can be applied</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="interact userstyle" />
+ <meta name="assert" content="The pseudo-class selector :visited defined in user stylesheet is applied when a link has already been visited." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>PREREQUSITE: Navigate to the "Filler Text" link below.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>
+ <a id="user-stylesheet-013" href="./user-stylesheet-013.htm">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-014.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-014.xht
new file mode 100644
index 0000000000..c34a064b94
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-014.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Hover defined in user stylesheet can be applied</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="interact userstyle" />
+ <meta name="assert" content="The pseudo-class selector :hover defined in user stylesheet is applied when the mouse is above an element." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if hovering over the "Filler Text" below changes the text color to green.</p>
+ <div>
+ <a id="user-stylesheet-014" href="#">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-015.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-015.xht
new file mode 100644
index 0000000000..f461aa2a17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-015.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo-class :active defined in user stylesheet can be applied</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="interact userstyle" />
+ <meta name="assert" content="The pseudo-class selector :active defined in user stylesheet is implemented." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if activating the "Filler Text" below changes the text color to green.</p>
+ <div>
+ <a id="user-stylesheet-015" href="#">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-016.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-016.xht
new file mode 100644
index 0000000000..6d2549c2da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-016.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo-element first-letter selector defined in user stylesheet can be applied</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="The pseudo-element selector :first-letter defined in user stylesheet is applied to the first letter of an element." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the letter "F" in the "Filler Text" below is green.</p>
+ <div id="user-stylesheet-016">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-017.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-017.xht
new file mode 100644
index 0000000000..32bf169475
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-017.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo-element before selector defined in user stylesheet can be applied</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="The pseudo-element selector :before defined in user stylesheet is inserted before an element." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the words "PASS PASS" appear below.</p>
+ <div id="user-stylesheet-017"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-018.xht b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-018.xht
new file mode 100644
index 0000000000..e89589bd30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/cascade/user-stylesheet-018.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo-element after selector defined in user stylesheet can be applied</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/" />
+ <meta name="flags" content="userstyle" />
+ <meta name="assert" content="The pseudo-element selector :after defined in user stylesheet is inserted after an element." />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p id="user-stylesheet">PREREQUISITE: The <a href="support/user-stylesheet.css">"user-stylesheet.css"</a> file is enabled as the user agent's user style sheet.</p>
+ <p>Test passes if the words "PASS PASS" appear below.</p>
+ <div id="user-stylesheet-018"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/bidi-color-001.xht b/testing/web-platform/tests/css/CSS2/colors/bidi-color-001.xht
new file mode 100644
index 0000000000..3159f30ea7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/bidi-color-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Applying color to elements split by bidi</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors"/>
+ <meta name="assert" content="Color should be applied only to the part of the text it has been specified for, even after bidi has rearranged the words to be non-consecutive"/>
+ <style type="text/css"><![CDATA[
+ span {
+ color: blue;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ Words 2 and 4 from left should be <span>blue</span>:
+ </p>
+ <p>abc <span>def &#1604;&#1610;&#1589;</span> &#1575;&#1601;&#1578;</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-001-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-001-ref.xht
new file mode 100644
index 0000000000..acd2384afd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-001-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-bottom: 10px;}
+
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/1x1-green.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/1x1-green.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-001.xht b/testing/web-platform/tests/css/CSS2/colors/color-001.xht
new file mode 100644
index 0000000000..cbbb323c4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with 5 digits which is invalid and is equivalent to minimum minus one value for 6 digit hex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-10 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-001-ref.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to '#00000' falls back to the initial value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: green;
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ color: #00000;
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ background-color: green;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-002-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-002-ref.xht
new file mode 100644
index 0000000000..b469a4cb8d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-002-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-002.xht b/testing/web-platform/tests/css/CSS2/colors/color-002.xht
new file mode 100644
index 0000000000..3bca3b6987
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-002.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with the minimum value, #000000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#000000' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #000000;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-003-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-003-ref.xht
new file mode 100644
index 0000000000..ecc99ecb07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-003-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/010101_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/010101_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-003.xht b/testing/web-platform/tests/css/CSS2/colors/color-003.xht
new file mode 100644
index 0000000000..de955098e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-003.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with the minimum plus one value, #010101</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-003-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#010101' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #010101;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #010101;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-004-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-004-ref.xht
new file mode 100644
index 0000000000..f0ae15aefb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-004-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/999_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/999_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-004.xht b/testing/web-platform/tests/css/CSS2/colors/color-004.xht
new file mode 100644
index 0000000000..4026d9ee65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-004.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with a nominal value #999999</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#999999' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #999999;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #999999;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-005-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-005-ref.xht
new file mode 100644
index 0000000000..6ace4bbbbd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-005-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {background-color: black;}
+
+ p {color: white;}
+
+ div {margin-top: 10px;}
+
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fefefe_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fefefe_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-005.xht b/testing/web-platform/tests/css/CSS2/colors/color-005.xht
new file mode 100644
index 0000000000..49f2d60d50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-005.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with the maximum minus one value of #fefefe</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-005-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#fefefe' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ background: black;
+ color: white;
+ }
+ #test
+ {
+ color: #fefefe;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #fefefe;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-006-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-006-ref.xht
new file mode 100644
index 0000000000..5041fb87d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-006-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {background-color: black;}
+
+ p {color: white;}
+
+ div {margin-top: 10px;}
+
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fff_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fff_color.png" />
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-006.xht b/testing/web-platform/tests/css/CSS2/colors/color-006.xht
new file mode 100644
index 0000000000..9fdd3e9b83
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-006.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with the maximum value of #ffffff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-006-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#ffffff' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #test
+ {
+ color: #ffffff;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #ffffff;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-007.xht b/testing/web-platform/tests/css/CSS2/colors/color-007.xht
new file mode 100644
index 0000000000..c7b745537e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-007.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with the maximum plus one value of #1000000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to '#1000000' falls back to the initial value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #1000000;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-008.xht b/testing/web-platform/tests/css/CSS2/colors/color-008.xht
new file mode 100644
index 0000000000..519dbd7f1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-008.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with the maximum plus one value of #fgfgfg</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to '#fgfgfg' falls back to the initial value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #fgfgfg;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-009-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-009-ref.xht
new file mode 100644
index 0000000000..e818c26885
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-009-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/010000_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/010000_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-009.xht b/testing/web-platform/tests/css/CSS2/colors/color-009.xht
new file mode 100644
index 0000000000..0d82fccc08
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-009.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with a red set to minimum plus one value, #010000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-009-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#010000' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #010000;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #010000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-010-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-010-ref.xht
new file mode 100644
index 0000000000..8dbab72574
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-010-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/900_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/900_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-010.xht b/testing/web-platform/tests/css/CSS2/colors/color-010.xht
new file mode 100644
index 0000000000..51241a507c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-010.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with a red set to a nominal value, #990000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-010-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#990000' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #990000;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #990000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-011-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-011-ref.xht
new file mode 100644
index 0000000000..9f4b87fd5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-011-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fe0000_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fe0000_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-011.xht b/testing/web-platform/tests/css/CSS2/colors/color-011.xht
new file mode 100644
index 0000000000..2950e06613
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-011.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with a red set to maximum minus one value, #fe0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-011-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#fe0000' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #fe0000;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #fe0000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-012-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-012-ref.xht
new file mode 100644
index 0000000000..59025f39b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-012-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/f00_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/f00_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-012.xht b/testing/web-platform/tests/css/CSS2/colors/color-012.xht
new file mode 100644
index 0000000000..54e33725d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-012.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with a red set to the maximum value, #ff0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-012-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#ff0000' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #ff0000;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #ff0000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-013.xht b/testing/web-platform/tests/css/CSS2/colors/color-013.xht
new file mode 100644
index 0000000000..61b0a0edac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-013.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with a red set to the maximum plus one value, #fg0000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to '#fg0000' falls back to the initial value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #fg0000;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-014-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-014-ref.xht
new file mode 100644
index 0000000000..cdfa33419c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-014-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000100_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000100_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-014.xht b/testing/web-platform/tests/css/CSS2/colors/color-014.xht
new file mode 100644
index 0000000000..3de6f57473
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-014.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with a green set to minimum plus one value, #000100</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-014-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#000100' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #000100;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000100;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-015-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-015-ref.xht
new file mode 100644
index 0000000000..150cb97303
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-015-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/090_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/090_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-015.xht b/testing/web-platform/tests/css/CSS2/colors/color-015.xht
new file mode 100644
index 0000000000..f5cba09b5c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-015.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with a green set to a nominal value, #009900</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-015-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#009900' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #009900;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #009900;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-016-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-016-ref.xht
new file mode 100644
index 0000000000..60460bd998
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-016-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00fe00_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00fe00_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-016.xht b/testing/web-platform/tests/css/CSS2/colors/color-016.xht
new file mode 100644
index 0000000000..643a98af83
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-016.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with a green set to maximum minus one value, #00fe00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-016-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#00fe00' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #00fe00;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #00fe00;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-017-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-017-ref.xht
new file mode 100644
index 0000000000..3c84188199
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-017-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0f0_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0f0_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-017.xht b/testing/web-platform/tests/css/CSS2/colors/color-017.xht
new file mode 100644
index 0000000000..1faddb628d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-017.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with a green set to the maximum value, #00ff00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-017-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#00ff00' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #00ff00;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #00ff00;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-018.xht b/testing/web-platform/tests/css/CSS2/colors/color-018.xht
new file mode 100644
index 0000000000..ecffe0f5d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-018.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with a green set to the maximum plus one value, #00fg00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to '#00fg00' falls back to the initial value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #00fg00;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-019-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-019-ref.xht
new file mode 100644
index 0000000000..79ac025807
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-019-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000001_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000001_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-019.xht b/testing/web-platform/tests/css/CSS2/colors/color-019.xht
new file mode 100644
index 0000000000..2bf43bd69c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-019.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with a blue set to minimum plus one value, #000001</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-019-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#000001' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #000001;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000001;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-020-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-020-ref.xht
new file mode 100644
index 0000000000..290b880fe8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-020-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/009_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/009_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-020.xht b/testing/web-platform/tests/css/CSS2/colors/color-020.xht
new file mode 100644
index 0000000000..7a33fccf87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-020.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with a blue set to a nominal value, #000099</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-020-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #000099;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000099;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-021-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-021-ref.xht
new file mode 100644
index 0000000000..2c7402ed17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-021-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0000fe_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0000fe_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-021.xht b/testing/web-platform/tests/css/CSS2/colors/color-021.xht
new file mode 100644
index 0000000000..0ce481e0f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-021.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with a blue set to maximum minus one value, #0000fe</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-021-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#0000fe' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #0000fe;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #0000fe;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-022-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-022-ref.xht
new file mode 100644
index 0000000000..307427e5b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-022-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00f_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00f_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-022.xht b/testing/web-platform/tests/css/CSS2/colors/color-022.xht
new file mode 100644
index 0000000000..44807afcac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-022.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with a blue set to the maximum value, #0000ff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-022-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#0000ff' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #0000ff;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #0000ff;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-023.xht b/testing/web-platform/tests/css/CSS2/colors/color-023.xht
new file mode 100644
index 0000000000..33220ab80d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-023.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with six digits with a blue set to the maximum plus one value, #0000fg</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to '#0000fg' falls back to the initial value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #0000fg;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-024.xht b/testing/web-platform/tests/css/CSS2/colors/color-024.xht
new file mode 100644
index 0000000000..0e29e3ea53
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-024.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with 2 digits which is invalid and is equivalent to minimum minus one value for 3 digit hex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to '#00' falls back to the initial value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #00;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-025.xht b/testing/web-platform/tests/css/CSS2/colors/color-025.xht
new file mode 100644
index 0000000000..9795770761
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-025.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with the minimum possible value #000</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#000' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #000;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-026-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-026-ref.xht
new file mode 100644
index 0000000000..0b2d2856df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-026-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/111_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/111_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-026.xht b/testing/web-platform/tests/css/CSS2/colors/color-026.xht
new file mode 100644
index 0000000000..03b18efc87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-026.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with the minimum plus one value, #111</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-026-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#111' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #111;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #111;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-027-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-027-ref.xht
new file mode 100644
index 0000000000..f0ae15aefb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-027-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/999_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/999_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-027.xht b/testing/web-platform/tests/css/CSS2/colors/color-027.xht
new file mode 100644
index 0000000000..bec008afcb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-027.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with a nominal value #999</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-027-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#999' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #999;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #999;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-028-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-028-ref.xht
new file mode 100644
index 0000000000..59a7fa02b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-028-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/eee_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/eee_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-028.xht b/testing/web-platform/tests/css/CSS2/colors/color-028.xht
new file mode 100644
index 0000000000..ae5e8fda5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-028.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with the maximum minus one value of #eee</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-028-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#eee' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #eee;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #eee;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-029.xht b/testing/web-platform/tests/css/CSS2/colors/color-029.xht
new file mode 100644
index 0000000000..1e996d38e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-029.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with the maximum value of #fff</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-006-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#fff' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #test
+ {
+ color: #fff;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #fff;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-031.xht b/testing/web-platform/tests/css/CSS2/colors/color-031.xht
new file mode 100644
index 0000000000..9b2e3f0161
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-031.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with the maximum plus one value of #ggg</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to '#ggg' falls back to the initial value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #ggg;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-032-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-032-ref.xht
new file mode 100644
index 0000000000..366b222e9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-032-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/100_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/100_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-032.xht b/testing/web-platform/tests/css/CSS2/colors/color-032.xht
new file mode 100644
index 0000000000..6c10a66f1b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-032.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with a red set to minimum plus one value, #100</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-032-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#100' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #100;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #100;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-033-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-033-ref.xht
new file mode 100644
index 0000000000..8dbab72574
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-033-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/900_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/900_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-033.xht b/testing/web-platform/tests/css/CSS2/colors/color-033.xht
new file mode 100644
index 0000000000..eb4fb2eb0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-033.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with a red set to a nominal value, #900</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-033-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#900' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #900;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #900;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-034-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-034-ref.xht
new file mode 100644
index 0000000000..9f135dc745
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-034-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/e00_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/e00_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-034.xht b/testing/web-platform/tests/css/CSS2/colors/color-034.xht
new file mode 100644
index 0000000000..24535253c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-034.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with a red set to maximum minus one value, #e00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-034-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#e00' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #e00;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #e00;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-035.xht b/testing/web-platform/tests/css/CSS2/colors/color-035.xht
new file mode 100644
index 0000000000..a8a55d0d41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-035.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with a red set to the maximum value, #f00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-012-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#f00' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #f00;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #ff0000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-036.xht b/testing/web-platform/tests/css/CSS2/colors/color-036.xht
new file mode 100644
index 0000000000..3b70d6d453
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-036.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with a red set to the maximum plus one value, #g00</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to '#g00' falls back to the initial value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #g00;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-037-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-037-ref.xht
new file mode 100644
index 0000000000..75cf4a2f34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-037-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/010_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/010_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-037.xht b/testing/web-platform/tests/css/CSS2/colors/color-037.xht
new file mode 100644
index 0000000000..6c55c51b5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-037.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with a green set to minimum plus one value, #010</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-037-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#010' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #010;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #010;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-038.xht b/testing/web-platform/tests/css/CSS2/colors/color-038.xht
new file mode 100644
index 0000000000..f945274b9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-038.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with a green set to a nominal value, #090</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-015-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#090' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #090;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #090;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-039-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-039-ref.xht
new file mode 100644
index 0000000000..6d08ab5895
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-039-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0e0_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/0e0_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-039.xht b/testing/web-platform/tests/css/CSS2/colors/color-039.xht
new file mode 100644
index 0000000000..0d57bedd70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-039.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with a green set to maximum minus one value, #0e0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-039-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#0e0' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #0e0;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #0e0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-040.xht b/testing/web-platform/tests/css/CSS2/colors/color-040.xht
new file mode 100644
index 0000000000..75382609b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-040.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with a green set to the maximum value, #0f0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-017-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#0f0' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #0f0;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #0f0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-041.xht b/testing/web-platform/tests/css/CSS2/colors/color-041.xht
new file mode 100644
index 0000000000..5f8b438257
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-041.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with a green set to the maximum plus one value, #0g0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to '#0g0' falls back to the initial value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #0g0;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-042-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-042-ref.xht
new file mode 100644
index 0000000000..916cd6647c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-042-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/001_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/001_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-042.xht b/testing/web-platform/tests/css/CSS2/colors/color-042.xht
new file mode 100644
index 0000000000..108311f383
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-042.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with a blue set to minimum plus one value, #001</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-042-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#001' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #001;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #001;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-043.xht b/testing/web-platform/tests/css/CSS2/colors/color-043.xht
new file mode 100644
index 0000000000..aa4c250004
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-043.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with a blue set to a nominal value, #009</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-020-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#009' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #009;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #009;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-044-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-044-ref.xht
new file mode 100644
index 0000000000..1435c39446
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-044-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00e_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/00e_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-044.xht b/testing/web-platform/tests/css/CSS2/colors/color-044.xht
new file mode 100644
index 0000000000..5579b1ee13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-044.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with a blue set to maximum minus one value, #00e</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-044-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#00e' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #00e;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #00e;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-045.xht b/testing/web-platform/tests/css/CSS2/colors/color-045.xht
new file mode 100644
index 0000000000..be7091e498
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-045.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with a blue set to the maximum value, #00f</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-022-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to '#00f' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #00f;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #00f;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-046.xht b/testing/web-platform/tests/css/CSS2/colors/color-046.xht
new file mode 100644
index 0000000000..9732adc739
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-046.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to hex with three digits with a blue set to the maximum plus one value, #00g</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to '#00g' falls back to the initial value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: #00g;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-047.xht b/testing/web-platform/tests/css/CSS2/colors/color-047.xht
new file mode 100644
index 0000000000..db607cd726
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-047.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with the minimum minus one value, rgb(-1%, -1%, -1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to 'rgb(-1%, -1%, -1%)' truncates to a valid value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(-1%, -1%, -1%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-048.xht b/testing/web-platform/tests/css/CSS2/colors/color-048.xht
new file mode 100644
index 0000000000..1f63db1b02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-048.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with the minimum value, rgb(0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, 0%, 0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, 0%, 0%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-049-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-049-ref.xht
new file mode 100644
index 0000000000..f6fbe6b75c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-049-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(1%, 1%, 1%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-049.xht b/testing/web-platform/tests/css/CSS2/colors/color-049.xht
new file mode 100644
index 0000000000..85f5500c05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-049.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with the minimum plus one value, rgb(1%, 1%, 1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-049-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(1%, 1%, 1%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(1%, 1%, 1%);
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(1%, 1%, 1%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-050.xht b/testing/web-platform/tests/css/CSS2/colors/color-050.xht
new file mode 100644
index 0000000000..ef04321c4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-050.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with the minimum value and minus sign, rgb(-0%, -0%, -0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(-0%, -0%, -0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(-0%, -0%, -0%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-051.xht b/testing/web-platform/tests/css/CSS2/colors/color-051.xht
new file mode 100644
index 0000000000..0d7033fcc8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-051.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with the minimum value and plus sign, rgb(+0%, +0%, +0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(+0%, +0%, +0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(+0%, +0%, +0%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-052-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-052-ref.xht
new file mode 100644
index 0000000000..336b50856b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-052-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(50%, 50%, 50%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-052.xht b/testing/web-platform/tests/css/CSS2/colors/color-052.xht
new file mode 100644
index 0000000000..de534c3496
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-052.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with a nominal value, rgb(50%, 50%, 50%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-052-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(50%, 50%, 50%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(50%, 50%, 50%);
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(50%, 50%, 50%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-053.xht b/testing/web-platform/tests/css/CSS2/colors/color-053.xht
new file mode 100644
index 0000000000..d56a8c69b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-053.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with a nominal value and a plus sign, rgb(+50%, +50%, +50%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-052-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(+50%, +50%, +50%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(+50%, +50%, +50%);
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(50%, 50%, 50%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-054-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-054-ref.xht
new file mode 100644
index 0000000000..129435262e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-054-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ div
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(99%, 99%, 99%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-054.xht b/testing/web-platform/tests/css/CSS2/colors/color-054.xht
new file mode 100644
index 0000000000..1f02452e23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-054.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with a maximum minus one value, rgb(99%, 99%, 99%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-054-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(99%, 99%, 99%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #test
+ {
+ color: rgb(99%, 99%, 99%);
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(99%, 99%, 99%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-055.xht b/testing/web-platform/tests/css/CSS2/colors/color-055.xht
new file mode 100644
index 0000000000..f3385e0b65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-055.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with a maximum value, rgb(100%, 100%, 100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-006-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(100%, 100%, 100%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #test
+ {
+ color: rgb(100%, 100%, 100%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #ffffff;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-056.xht b/testing/web-platform/tests/css/CSS2/colors/color-056.xht
new file mode 100644
index 0000000000..3d1d8079b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-056.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with plus sign on each maximum value, rgb(+100%, +100%, +100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-006-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(+100%, +100%, +100%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #test
+ {
+ color: rgb(+100%, +100%, +100%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #ffffff;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-057.xht b/testing/web-platform/tests/css/CSS2/colors/color-057.xht
new file mode 100644
index 0000000000..d336939912
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-057.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with a maximum plus one value, rgb(101%, 101%, 101%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-006-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to 'rgb(101%, 101%, 101%)' truncates to a valid value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #test
+ {
+ color: rgb(101%, 101%, 101%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #ffffff;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-058.xht b/testing/web-platform/tests/css/CSS2/colors/color-058.xht
new file mode 100644
index 0000000000..891d93f156
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-058.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with the minimum minus one value, rgb(-1, -1, -1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to 'rgb(-1, -1, -1)' truncates to a valid value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(-1, -1, -1);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-059.xht b/testing/web-platform/tests/css/CSS2/colors/color-059.xht
new file mode 100644
index 0000000000..4e360860b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-059.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with the minimum value, rgb(0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, 0, 0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, 0, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-060.xht b/testing/web-platform/tests/css/CSS2/colors/color-060.xht
new file mode 100644
index 0000000000..d63b315976
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-060.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with the minimum plus one value, rgb(1, 1, 1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-003-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(1, 1, 1)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(1, 1, 1);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #010101;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-061.xht b/testing/web-platform/tests/css/CSS2/colors/color-061.xht
new file mode 100644
index 0000000000..9a8b1dd519
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-061.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with the minimum value and minus sign, rgb(-0, -0, -0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(-0, -0, -0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(-0, -0, -0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-062.xht b/testing/web-platform/tests/css/CSS2/colors/color-062.xht
new file mode 100644
index 0000000000..53445905e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-062.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with the minimum value and plus sign, rgb(+0, +0, +0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(+0, +0, +0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(+0, +0, +0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-063-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-063-ref.xht
new file mode 100644
index 0000000000..43cbdd9099
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-063-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/808080_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/808080_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-063.xht b/testing/web-platform/tests/css/CSS2/colors/color-063.xht
new file mode 100644
index 0000000000..ce6d66b75e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-063.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with a nominal value, rgb(128, 128, 128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-063-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(128, 128, 128)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(128, 128, 128);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(128, 128, 128);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-064.xht b/testing/web-platform/tests/css/CSS2/colors/color-064.xht
new file mode 100644
index 0000000000..8c144b9198
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-064.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with a nominal value and a plus sign, rgb(+128, +128, +128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-063-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(+128, +128, +128)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(+128, +128, +128);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(128, 128, 128);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-065.xht b/testing/web-platform/tests/css/CSS2/colors/color-065.xht
new file mode 100644
index 0000000000..366ceaef99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-065.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with a maximum minus one value, rgb(254, 254, 254)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-005-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(254, 254, 254)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #test
+ {
+ color: rgb(254, 254, 254);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #fefefe;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-066.xht b/testing/web-platform/tests/css/CSS2/colors/color-066.xht
new file mode 100644
index 0000000000..d0ff349859
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-066.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with a maximum value, rgb(255, 255, 255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-006-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(255, 255, 255)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #test
+ {
+ color: rgb(255, 255, 255);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #ffffff;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-067.xht b/testing/web-platform/tests/css/CSS2/colors/color-067.xht
new file mode 100644
index 0000000000..26e211a912
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-067.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with a maximum value and a plus sign, rgb(+255, +255, +255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-006-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(+255, +255, +255)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #test
+ {
+ color: rgb(+255, +255, +255);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #ffffff;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-068.xht b/testing/web-platform/tests/css/CSS2/colors/color-068.xht
new file mode 100644
index 0000000000..db83bf1e80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-068.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with a maximum plus one value, rgb(256, 256, 256)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-006-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to 'rgb(256, 256, 256)' truncates to a valid value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #test
+ {
+ color: rgb(256, 256, 256);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #ffffff;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-069.xht b/testing/web-platform/tests/css/CSS2/colors/color-069.xht
new file mode 100644
index 0000000000..9fa1f4a6a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-069.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with red set to the minimum minus one value, rgb(-1%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to 'rgb(-1%, 0%, 0%)' truncates to a valid value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(-1%, 0%, 0%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-070-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-070-ref.xht
new file mode 100644
index 0000000000..7f93e3ad88
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-070-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(1%, 0%, 0%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-070.xht b/testing/web-platform/tests/css/CSS2/colors/color-070.xht
new file mode 100644
index 0000000000..fc77dc33dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-070.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with red set to the minimum plus one value, rgb(1%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-070-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(1%, 0%, 0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ color: rgb(1%, 0%, 0%);
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ background-color: rgb(1%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-071.xht b/testing/web-platform/tests/css/CSS2/colors/color-071.xht
new file mode 100644
index 0000000000..73d0e3d455
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-071.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with red set to the minimum value and minus sign, rgb(-0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(-0%, 0%, 0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(-0%, 0%, 0%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-072.xht b/testing/web-platform/tests/css/CSS2/colors/color-072.xht
new file mode 100644
index 0000000000..cb15f2bebb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-072.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with red set to the minimum value and plus sign, rgb(+0%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(+0%, 0%, 0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(+0%, 0%, 0%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-073-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-073-ref.xht
new file mode 100644
index 0000000000..10485f719b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-073-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(50%, 0%, 0%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-073.xht b/testing/web-platform/tests/css/CSS2/colors/color-073.xht
new file mode 100644
index 0000000000..e424b405e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-073.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with red set to a nominal value, rgb(50%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-073-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(50%, 0%, 0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ color: rgb(50%, 0%, 0%);
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ background-color: rgb(50%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-074.xht b/testing/web-platform/tests/css/CSS2/colors/color-074.xht
new file mode 100644
index 0000000000..ab4f02a6e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-074.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with red set to a nominal value with a plus sign, rgb(+50%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-073-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(+50%, 0%, 0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ color: rgb(+50%, 0%, 0%);
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ background-color: rgb(50%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-075-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-075-ref.xht
new file mode 100644
index 0000000000..cc2c24969a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-075-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(99%, 0%, 0%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-075.xht b/testing/web-platform/tests/css/CSS2/colors/color-075.xht
new file mode 100644
index 0000000000..325ab22dbe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-075.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with red set to a maximum minus one value, rgb(99%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-075-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(99%, 0%, 0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #test
+ {
+ color: rgb(99%, 0%, 0%);
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ background-color: rgb(99%, 0%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-076.xht b/testing/web-platform/tests/css/CSS2/colors/color-076.xht
new file mode 100644
index 0000000000..a7d7bc7bf0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-076.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with red set to a maximum value, rgb(100%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-012-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(100%, 0%, 0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(100%, 0%, 0%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #ff0000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-077.xht b/testing/web-platform/tests/css/CSS2/colors/color-077.xht
new file mode 100644
index 0000000000..d7d0820282
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-077.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with red set to a maximum value with a plus sign, rgb(+100%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-012-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(+100%, 0%, 0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(+100%, 0%, 0%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #ff0000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-078.xht b/testing/web-platform/tests/css/CSS2/colors/color-078.xht
new file mode 100644
index 0000000000..37d93a04f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-078.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with red set to a maximum plus one value, rgb(101%, 0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-012-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to 'rgb(101%, 0%, 0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(101%, 0%, 0%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #ff0000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-079.xht b/testing/web-platform/tests/css/CSS2/colors/color-079.xht
new file mode 100644
index 0000000000..b3db446c85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-079.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with red set to the minimum minus one value, rgb(-1, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to 'rgb(-1, 0, 0)' truncates to a valid value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(-1, 0, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-080.xht b/testing/web-platform/tests/css/CSS2/colors/color-080.xht
new file mode 100644
index 0000000000..31aa42ef4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-080.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with red set to the minimum plus one value, rgb(1, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-009-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(1, 0, 0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(1, 0, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #010000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-081.xht b/testing/web-platform/tests/css/CSS2/colors/color-081.xht
new file mode 100644
index 0000000000..f69dd2bd6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-081.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with red set to the minimum value with a minus sign, rgb(-0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(-0, 0, 0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(-0, 0, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-082.xht b/testing/web-platform/tests/css/CSS2/colors/color-082.xht
new file mode 100644
index 0000000000..3401e0a7d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-082.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with red set to the minimum value with a plus sign, rgb(+0, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(+0, 0, 0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(+0, 0, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-083-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-083-ref.xht
new file mode 100644
index 0000000000..5417ef07e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-083-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/800000_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/800000_color.png" />
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-083.xht b/testing/web-platform/tests/css/CSS2/colors/color-083.xht
new file mode 100644
index 0000000000..91b3bbb199
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-083.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with red set to a nominal value, rgb(128, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-083-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(128, 0, 0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(128, 0, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(128, 0, 0);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-084.xht b/testing/web-platform/tests/css/CSS2/colors/color-084.xht
new file mode 100644
index 0000000000..8b7fed81e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-084.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with red set to a nominal value with a plus sign, rgb(+128, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-083-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(+128, 0, 0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(+128, 0, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(128, 0, 0);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-085.xht b/testing/web-platform/tests/css/CSS2/colors/color-085.xht
new file mode 100644
index 0000000000..fd6e6dc64c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-085.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with red set to a maximum minus one value, rgb(254, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-011-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(254, 0, 0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(254, 0, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #fe0000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-086.xht b/testing/web-platform/tests/css/CSS2/colors/color-086.xht
new file mode 100644
index 0000000000..44d510c18b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-086.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with red set to a maximum value, rgb(255, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-012-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(255, 0, 0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(255, 0, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #ff0000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-087.xht b/testing/web-platform/tests/css/CSS2/colors/color-087.xht
new file mode 100644
index 0000000000..77043a40c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-087.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with red set to a maximum value with a plus sign, rgb(+255, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-012-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(+255, 0, 0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(+255, 0, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #ff0000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-088.xht b/testing/web-platform/tests/css/CSS2/colors/color-088.xht
new file mode 100644
index 0000000000..29aa25a2d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-088.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with red set to a maximum plus one value, rgb(256, 0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-012-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to 'rgb(256, 0, 0)' truncates to a valid value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(256, 0, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #ff0000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-089.xht b/testing/web-platform/tests/css/CSS2/colors/color-089.xht
new file mode 100644
index 0000000000..09b5aa3903
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-089.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with green set to the minimum minus one value, rgb(0%, -1%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, -1%, 0%)' truncates to a valid value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, -1%, 0%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-090-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-090-ref.xht
new file mode 100644
index 0000000000..017bcb95e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-090-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 1%, 0%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-090.xht b/testing/web-platform/tests/css/CSS2/colors/color-090.xht
new file mode 100644
index 0000000000..0a28f0a37a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-090.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with green set to the minimum plus one value, rgb(0%, 1%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-090-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, 1%, 0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, 1%, 0%);
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 1%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-091.xht b/testing/web-platform/tests/css/CSS2/colors/color-091.xht
new file mode 100644
index 0000000000..5305543d2a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-091.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with green set to the minimum value and minus sign, rgb(0%, -0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, -0%, 0%)' renders the correct foreground color of an element's text content. ." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, -0%, 0%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-092.xht b/testing/web-platform/tests/css/CSS2/colors/color-092.xht
new file mode 100644
index 0000000000..4864039f72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-092.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with green set to the minimum value and plus sign, rgb(0%, +0%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, +0%, 0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, +0%, 0%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-093-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-093-ref.xht
new file mode 100644
index 0000000000..aae9251147
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-093-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 50%, 0%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-093.xht b/testing/web-platform/tests/css/CSS2/colors/color-093.xht
new file mode 100644
index 0000000000..c79c1faac3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-093.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with green set to a nominal value, rgb(0%, 50%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-093-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, 50%, 0%) renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, 50%, 0%);
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 50%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-094.xht b/testing/web-platform/tests/css/CSS2/colors/color-094.xht
new file mode 100644
index 0000000000..09ff6583f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-094.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with green set to a nominal value with a plus sign, rgb(0%, +50%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-093-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, +50%, 0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, +50%, 0%);
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 50%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-095-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-095-ref.xht
new file mode 100644
index 0000000000..62e3f7b7f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-095-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 99%, 0%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-095.xht b/testing/web-platform/tests/css/CSS2/colors/color-095.xht
new file mode 100644
index 0000000000..e133b672af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-095.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with green set to a maximum minus one value, rgb(0%, 99%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-095-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, 99%, 0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, 99%, 0%);
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 99%, 0%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-096.xht b/testing/web-platform/tests/css/CSS2/colors/color-096.xht
new file mode 100644
index 0000000000..ceb224d62c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-096.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with green set to a maximum value, rgb(0%, 100%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-017-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, 100%, 0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, 100%, 0%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #00ff00;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-097.xht b/testing/web-platform/tests/css/CSS2/colors/color-097.xht
new file mode 100644
index 0000000000..b0e245ddc3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-097.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with green set to a maximum value with a plus sign, rgb(0%, +100%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-017-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, +100%, 0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, +100%, 0%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #00ff00;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-098.xht b/testing/web-platform/tests/css/CSS2/colors/color-098.xht
new file mode 100644
index 0000000000..4ebe556439
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-098.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with green set to a maximum plus one value, rgb(0%, 101%, 0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-017-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, 101%, 0%)' truncates to a valid value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, 101%, 0%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #00ff00;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-099.xht b/testing/web-platform/tests/css/CSS2/colors/color-099.xht
new file mode 100644
index 0000000000..3bcce2f1ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-099.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with green set to the minimum minus one value, rgb(0, -1, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to 'rgb(-1, 0, 0)' truncates to a valid value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(-1, 0, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-100.xht b/testing/web-platform/tests/css/CSS2/colors/color-100.xht
new file mode 100644
index 0000000000..d6bfba8aa1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-100.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with green set to the minimum plus one value, rgb(0, 1, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-014-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, 1, 0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+
+ #test
+ {
+ color: rgb(0, 1, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000100;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-101.xht b/testing/web-platform/tests/css/CSS2/colors/color-101.xht
new file mode 100644
index 0000000000..306f2b84e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-101.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with green set to the minimum value with a minus sign, rgb(0, -0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, -0, 0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, -0, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-102.xht b/testing/web-platform/tests/css/CSS2/colors/color-102.xht
new file mode 100644
index 0000000000..508431035b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-102.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with green set to the minimum value with a plus sign, rgb(0, +0, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, +0, 0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, +0, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-103-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-103-ref.xht
new file mode 100644
index 0000000000..934fcd6da6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-103-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/008000_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/008000_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-103.xht b/testing/web-platform/tests/css/CSS2/colors/color-103.xht
new file mode 100644
index 0000000000..15281e045a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-103.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with green set to a nominal value, rgb(0, 128, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-103-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, 128, 0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, 128, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0, 128, 0);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-104.xht b/testing/web-platform/tests/css/CSS2/colors/color-104.xht
new file mode 100644
index 0000000000..6079f5b44e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-104.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with green set to a nominal value with a plus sign, rgb(0, +128, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-103-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, +128, 0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, +128, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0, 128, 0);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-105.xht b/testing/web-platform/tests/css/CSS2/colors/color-105.xht
new file mode 100644
index 0000000000..076e67b78d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-105.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with green set to a maximum minus one value, rgb(0, 254, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-016-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, 254, 0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, 254, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #00fe00;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-106.xht b/testing/web-platform/tests/css/CSS2/colors/color-106.xht
new file mode 100644
index 0000000000..f53813104d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-106.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with green set to a maximum value, rgb(0, 255, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-017-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, 255, 0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, 255, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #00ff00;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-107.xht b/testing/web-platform/tests/css/CSS2/colors/color-107.xht
new file mode 100644
index 0000000000..3ba4d20b9a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-107.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with green set to a maximum value with a plus sign, rgb(0, +255, 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-017-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, +255, 0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, +255, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #00ff00;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-108.xht b/testing/web-platform/tests/css/CSS2/colors/color-108.xht
new file mode 100644
index 0000000000..a89e3ee562
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-108.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with green set to a maximum plus one value, rgb(0, 256 0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-017-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, 256, 0)' properly truncates to a valid value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, 256, 0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #00ff00;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-109.xht b/testing/web-platform/tests/css/CSS2/colors/color-109.xht
new file mode 100644
index 0000000000..d0ffb7df9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-109.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with blue set to the minimum minus one value, rgb(0%, 0%, -1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, 0%, -1%)' truncates to a valid value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, 0%, -1%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-110-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-110-ref.xht
new file mode 100644
index 0000000000..a382d1c2fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-110-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 0%, 1%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-110.xht b/testing/web-platform/tests/css/CSS2/colors/color-110.xht
new file mode 100644
index 0000000000..c9be48fcc3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-110.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with blue set to the minimum plus one value, rgb(0%, 0%, 1%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-110-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, 0%, 1%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, 0%, 1%);
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 0%, 1%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-111.xht b/testing/web-platform/tests/css/CSS2/colors/color-111.xht
new file mode 100644
index 0000000000..73090dea16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-111.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with blue set to the minimum value and minus sign, rgb(0%, 0%, -0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, 0%, -0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, 0%, -0%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-112.xht b/testing/web-platform/tests/css/CSS2/colors/color-112.xht
new file mode 100644
index 0000000000..c00cb43771
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-112.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with blue set to the minimum value and plus sign, rgb(0%, 0%, +0%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, 0%, +0%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, 0%, +0%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-113-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-113-ref.xht
new file mode 100644
index 0000000000..2f53e51875
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-113-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 0%, 50%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-113.xht b/testing/web-platform/tests/css/CSS2/colors/color-113.xht
new file mode 100644
index 0000000000..46315c97ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-113.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with blue set to a nominal value, rgb(0%, 0%, 50%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-113-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, 0%, 50%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, 0%, 50%);
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 0%, 50%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-114.xht b/testing/web-platform/tests/css/CSS2/colors/color-114.xht
new file mode 100644
index 0000000000..f1160978b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-114.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with blue set to a nominal value with a plus sign, rgb(0%, 0%, +50%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-113-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, 0%, +50%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, 0%, +50%);
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 0%, 50%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-115-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-115-ref.xht
new file mode 100644
index 0000000000..d574618ac5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-115-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 0%, 99%);
+ margin-top: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-115.xht b/testing/web-platform/tests/css/CSS2/colors/color-115.xht
new file mode 100644
index 0000000000..bd30598487
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-115.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with blue set to a maximum minus one value, rgb(0%, 0%, 99%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-07-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-115-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, 0%, 99%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, 0%, 99%);
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0%, 0%, 99%);
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-116.xht b/testing/web-platform/tests/css/CSS2/colors/color-116.xht
new file mode 100644
index 0000000000..5aa956c0d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-116.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with blue set to a maximum value, rgb(0%, 0%, 100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-022-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, 0%, 100%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, 0%, 100%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #0000ff;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-117.xht b/testing/web-platform/tests/css/CSS2/colors/color-117.xht
new file mode 100644
index 0000000000..fdff7c6edc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-117.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with blue set to a maximum value with a plus sign, rgb(0%, 0%, +100%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-022-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, 0%, +100%)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, 0%, +100%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #0000ff;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-118.xht b/testing/web-platform/tests/css/CSS2/colors/color-118.xht
new file mode 100644
index 0000000000..e52ff64967
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-118.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using percentages with blue set to a maximum plus one value, rgb(0%, 0%, 101%)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-022-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to 'rgb(0%, 0%, 101%)' truncates to a valid value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0%, 0%, 101%);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #0000ff;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-119.xht b/testing/web-platform/tests/css/CSS2/colors/color-119.xht
new file mode 100644
index 0000000000..e30e50be37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-119.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with blue set to the minimum minus one value, rgb(0, 0, -1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, 0, -1)' truncates to a valid value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, 0, -1);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-120.xht b/testing/web-platform/tests/css/CSS2/colors/color-120.xht
new file mode 100644
index 0000000000..601b866f96
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-120.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with blue set to the minimum plus one value, rgb(0, 0, 1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-019-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, 0, 1)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, 0, 1);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000001;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-121.xht b/testing/web-platform/tests/css/CSS2/colors/color-121.xht
new file mode 100644
index 0000000000..1b7cc721a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-121.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with blue set to the minimum value with a minus sign, rgb(0, 0, -0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, 0, -0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, 0, -0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-122.xht b/testing/web-platform/tests/css/CSS2/colors/color-122.xht
new file mode 100644
index 0000000000..36b9ab5376
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-122.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with blue set to the minimum value with a plus sign, rgb(0, 0, +0)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, 0, +0)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, 0, +0);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #000000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-123-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-123-ref.xht
new file mode 100644
index 0000000000..68617d2c43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-123-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000080_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000080_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-123.xht b/testing/web-platform/tests/css/CSS2/colors/color-123.xht
new file mode 100644
index 0000000000..b90e61fd40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-123.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with blue set to a nominal value, rgb(0, 0, 128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-123-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, 0, 128)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, 0, 128);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0, 0, 128);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-124.xht b/testing/web-platform/tests/css/CSS2/colors/color-124.xht
new file mode 100644
index 0000000000..59c84bd8a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-124.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with blue set to a nominal value with a plus sign, rgb(0, 0, +128)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-123-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, 0, +128)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, 0, +128);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0, 0, 128);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-125.xht b/testing/web-platform/tests/css/CSS2/colors/color-125.xht
new file mode 100644
index 0000000000..13fa480d97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-125.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with blue set to a maximum minus one value, rgb(0, 0, 254)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-021-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, 0, 254)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, 0, 254);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: rgb(0, 0, 254);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-126.xht b/testing/web-platform/tests/css/CSS2/colors/color-126.xht
new file mode 100644
index 0000000000..7699694de8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-126.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with blue set to a maximum value, rgb(0, 0, 255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-022-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, 0, 255)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, 0, 255);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #0000ff;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-127.xht b/testing/web-platform/tests/css/CSS2/colors/color-127.xht
new file mode 100644
index 0000000000..ad17330271
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-127.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with blue set to a maximum value with a plus sign, rgb(0, 0, +255)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-022-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, 0, +255)' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, 0, +255);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #0000ff;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-128.xht b/testing/web-platform/tests/css/CSS2/colors/color-128.xht
new file mode 100644
index 0000000000..74bd11b4aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-128.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to rgb() using integers with blue set to a maximum plus one value, rgb(0, 0, 256)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-022-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'color' set to 'rgb(0, 0, 256)' properly truncates to a valid value and renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: rgb(0, 0, 256);
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: #0000ff;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-129-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-129-ref.xht
new file mode 100644
index 0000000000..bf2a612ed0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-129-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/aqua_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/aqua_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-129.xht b/testing/web-platform/tests/css/CSS2/colors/color-129.xht
new file mode 100644
index 0000000000..cb0e6e0d3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-129.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to aqua</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-129-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'aqua' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: aqua;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: aqua;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-130-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-130-ref.xht
new file mode 100644
index 0000000000..b469a4cb8d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-130-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-130.xht b/testing/web-platform/tests/css/CSS2/colors/color-130.xht
new file mode 100644
index 0000000000..9eb2cbb344
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-130.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to black</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-130-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'black' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: black;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-131-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-131-ref.xht
new file mode 100644
index 0000000000..2dad381d88
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-131-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/swatch-blue.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/swatch-blue.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-131.xht b/testing/web-platform/tests/css/CSS2/colors/color-131.xht
new file mode 100644
index 0000000000..010a0ddc1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-131.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to blue</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-131-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'blue' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: blue;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-132-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-132-ref.xht
new file mode 100644
index 0000000000..9d6a313268
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-132-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fuchsia_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fuchsia_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-132.xht b/testing/web-platform/tests/css/CSS2/colors/color-132.xht
new file mode 100644
index 0000000000..c3fa91422f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-132.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to fuchsia</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-132-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'fuchsia' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: fuchsia;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: fuchsia;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-133-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-133-ref.xht
new file mode 100644
index 0000000000..43cbdd9099
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-133-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/808080_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/808080_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-133.xht b/testing/web-platform/tests/css/CSS2/colors/color-133.xht
new file mode 100644
index 0000000000..7df4870759
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-133.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to gray</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-133-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'gray' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: gray;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: gray;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-134-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-134-ref.xht
new file mode 100644
index 0000000000..10db5fbb5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-134-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/swatch-green.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/swatch-green.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-134.xht b/testing/web-platform/tests/css/CSS2/colors/color-134.xht
new file mode 100644
index 0000000000..6366437e61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-134.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to green</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-134-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'green' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: green;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-135-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-135-ref.xht
new file mode 100644
index 0000000000..aa547b0a54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-135-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/swatch-lime.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/swatch-lime.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-135.xht b/testing/web-platform/tests/css/CSS2/colors/color-135.xht
new file mode 100644
index 0000000000..1ae5b5f62a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-135.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to lime</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-135-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'lime' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: lime;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-136-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-136-ref.xht
new file mode 100644
index 0000000000..c3382a769a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-136-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/maroon_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/maroon_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-136.xht b/testing/web-platform/tests/css/CSS2/colors/color-136.xht
new file mode 100644
index 0000000000..aadbc51389
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-136.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to maroon</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-136-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'maroon' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: maroon;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: maroon;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-137-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-137-ref.xht
new file mode 100644
index 0000000000..68617d2c43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-137-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000080_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/000080_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-137.xht b/testing/web-platform/tests/css/CSS2/colors/color-137.xht
new file mode 100644
index 0000000000..729e7faece
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-137.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to navy</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-137-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'navy' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: navy;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: navy;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-138-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-138-ref.xht
new file mode 100644
index 0000000000..832375425c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-138-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/olive_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/olive_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-138.xht b/testing/web-platform/tests/css/CSS2/colors/color-138.xht
new file mode 100644
index 0000000000..ad0ba8f164
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-138.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to olive</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-138-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'olive' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: olive;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: olive;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-139-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-139-ref.xht
new file mode 100644
index 0000000000..280a5fc35b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-139-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/swatch-orange.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/swatch-orange.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-139.xht b/testing/web-platform/tests/css/CSS2/colors/color-139.xht
new file mode 100644
index 0000000000..9a5f2f1544
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-139.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to orange</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-139-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'orange' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: orange;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-140-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-140-ref.xht
new file mode 100644
index 0000000000..056f8e4dcf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-140-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/purple_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/purple_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-140.xht b/testing/web-platform/tests/css/CSS2/colors/color-140.xht
new file mode 100644
index 0000000000..7a3d95c0f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-140.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to purple</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-140-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'purple' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: purple;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: purple;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-141-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-141-ref.xht
new file mode 100644
index 0000000000..59025f39b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-141-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/f00_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/f00_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-141.xht b/testing/web-platform/tests/css/CSS2/colors/color-141.xht
new file mode 100644
index 0000000000..e4f5d4d8cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-141.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to red</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-141-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'red' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: red;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-142-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-142-ref.xht
new file mode 100644
index 0000000000..3f7ffb2f2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-142-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/silver_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/silver_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-142.xht b/testing/web-platform/tests/css/CSS2/colors/color-142.xht
new file mode 100644
index 0000000000..dbab988bce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-142.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to silver</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-142-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'silver' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: silver;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: silver;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-143-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-143-ref.xht
new file mode 100644
index 0000000000..70c54ff1a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-143-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/teal_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/teal_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-143.xht b/testing/web-platform/tests/css/CSS2/colors/color-143.xht
new file mode 100644
index 0000000000..0d80203ccb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-143.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to teal</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-143-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'teal' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: teal;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: teal;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-144-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-144-ref.xht
new file mode 100644
index 0000000000..5041fb87d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-144-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {background-color: black;}
+
+ p {color: white;}
+
+ div {margin-top: 10px;}
+
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fff_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/fff_color.png" />
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-144.xht b/testing/web-platform/tests/css/CSS2/colors/color-144.xht
new file mode 100644
index 0000000000..35c22c12c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-144.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to white</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-144-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'white' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #test
+ {
+ color: white;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: white;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-145-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-145-ref.xht
new file mode 100644
index 0000000000..1d05b5f071
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-145-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 10px;}
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/yellow_color.png" />
+ </div>
+
+ <div>
+ <img alt="Image download support must be enabled" src="support/yellow_color.png" />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-145.xht b/testing/web-platform/tests/css/CSS2/colors/color-145.xht
new file mode 100644
index 0000000000..ba6467f94f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-145.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to yellow</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-145-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'yellow' renders the correct foreground color of an element's text content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ color: yellow;
+ font: 100px/1 Ahem;
+ margin-bottom: 10px;
+ }
+ #reference
+ {
+ height: 100px;
+ width: 100px;
+ background-color: yellow;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p>
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-174.xht b/testing/web-platform/tests/css/CSS2/colors/color-174.xht
new file mode 100644
index 0000000000..93bff69ec3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-174.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'color' set to 'inherit' adopts the foreground color of an element's parent container." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #wrapper
+ {
+ color: green;
+ }
+ div div
+ {
+ color: red;
+ }
+ #test
+ {
+ color: inherit;
+ font: 100px/1 Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-175-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-175-ref.xht
new file mode 100644
index 0000000000..5c4e0b7de5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-175-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ td {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <table><tr><td>This text should be green.</td></tr></table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-175.xht b/testing/web-platform/tests/css/CSS2/colors/color-175.xht
new file mode 100644
index 0000000000..e082f3be76
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-175.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS Colours: Inheritance into tables.</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/color/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-175-ref.xht" />
+
+ <style type="text/css">
+ div { color: green; }
+ </style>
+ </head>
+ <body>
+ <div>
+ <table> <tr> <td> This text should be green. </td> </tr> </table>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-176.xht b/testing/web-platform/tests/css/CSS2/colors/color-176.xht
new file mode 100644
index 0000000000..af01bb36a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-176.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color Inheritance</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/color/007.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/color/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
+
+ <style type="text/css">
+ html { color: green; }
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-177.xht b/testing/web-platform/tests/css/CSS2/colors/color-177.xht
new file mode 100644
index 0000000000..acc7f01af7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-177.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS Colours: Inheritance into tables.</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/color/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-175-ref.xht" />
+
+ <style type="text/css">
+ body { color: green; }
+ </style>
+ </head>
+ <body>
+ <table> <tr> <td> This text should be green. </td> </tr> </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-001-ref.xht
new file mode 100644
index 0000000000..235e10691b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-001-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 green "Filler Text".</p>
+
+ <div>Filler Text</div>
+
+ <div>Filler Text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-001.xht
new file mode 100644
index 0000000000..5d7dfb1be0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-001.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'color' property applies to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ color: green;
+ display: table-row-group;
+ }
+ #table
+ {
+ color: red;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 green "Filler Text".</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">Filler</div><div class="cell">&nbsp;Text</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">Filler</div><div class="cell">&nbsp;Text</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-002.xht
new file mode 100644
index 0000000000..830cbb2503
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-002.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'color' property applies to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ color: green;
+ display: table-header-group;
+ }
+ #table
+ {
+ color: red;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 green "Filler Text".</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">Filler</div><div class="cell">&nbsp;Text</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">Filler</div><div class="cell">&nbsp;Text</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-003.xht
new file mode 100644
index 0000000000..e60baaa549
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-003.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'color' property applies to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ color: green;
+ display: table-footer-group;
+ }
+ #table
+ {
+ color: red;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 green "Filler Text".</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">Filler</div><div class="cell">&nbsp;Text</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">Filler</div><div class="cell">&nbsp;Text</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-004.xht
new file mode 100644
index 0000000000..7cc6c0fe95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-004.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'color' property applies to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ color: red;
+ display: table;
+ }
+ .row
+ {
+ color: green;
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 green "Filler Text".</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">Filler</div><div class="cell">&nbsp;Text</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">Filler</div><div class="cell">&nbsp;Text</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-applies-to-005-ref.xht b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-005-ref.xht
new file mode 100644
index 0000000000..13545524d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-005-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div>Filler Text</div>
+
+ <div>Filler Text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-005.xht
new file mode 100644
index 0000000000..a24c90c72b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-005.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-applies-to-005-ref.xht" />
+
+ <meta name="assert" content="The 'color' property does not apply to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ color: red;
+ }
+ #table
+ {
+ display: table;
+ }
+
+ .col
+ {
+ display: table-column;
+ }
+
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="table">
+
+ <div id="test"><div class="col"></div><div class="col"></div></div>
+
+ <div class="row">
+ <div class="cell">Filler</div><div class="cell">&nbsp;Text</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">Filler</div><div class="cell">&nbsp;Text</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-006.xht
new file mode 100644
index 0000000000..6ab6c05aef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-006.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-applies-to-005-ref.xht" />
+
+ <meta name="assert" content="The 'color' property does not apply to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ .test
+ {
+ color: red;
+ display: table-column;
+ }
+ #table
+ {
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="table">
+
+ <div class="test"></div><div class="test"></div>
+
+ <div class="row">
+ <div class="cell">Filler</div><div class="cell">&nbsp;Text</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">Filler</div><div class="cell">&nbsp;Text</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-007.xht
new file mode 100644
index 0000000000..0072e8852c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-007.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'color' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ color: red;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: green;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 green "Filler Text".</p>
+ <div id="table">
+ <div class="row">
+ <div class="cell">Filler Text</div>
+ </div>
+ <div class="row">
+ <div class="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-008.xht
new file mode 100644
index 0000000000..ff93a02643
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'color' property applies to elements with 'display' set to 'inline'." />
+ <style type="text/css">
+ div
+ {
+ color: green;
+ display: inline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 green "Filler Text".</p>
+ <div>Filler Text</div>
+ <div><br />Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-009.xht
new file mode 100644
index 0000000000..b4eef6f592
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-009.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'color' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ div {color: red;}
+
+ span
+ {
+ color: green;
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 green "Filler Text".</p>
+ <div>
+ <span>Filler Text</span>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-010.xht
new file mode 100644
index 0000000000..d3c122b5d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-010.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <meta name="assert" content="The 'color' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ color: green;
+ display: list-item;
+ margin-left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green and if there is a green marker bullet on its left-hand side.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-012.xht
new file mode 100644
index 0000000000..1824f953ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-012.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'color' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ }
+
+ span#inline-block
+ {
+ color: green;
+ display: inline-block;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 green "Filler Text".</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant">Filler Text</span>
+ <span class="block-descendant">Filler Text</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-013.xht
new file mode 100644
index 0000000000..4a3fdadd91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-013.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'color' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ color: green;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 green "Filler Text".</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">Filler</div><div class="cell">&nbsp;Text</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">Filler</div><div class="cell">&nbsp;Text</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-014.xht
new file mode 100644
index 0000000000..41772b0781
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-014.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'color' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ color: green;
+ display: inline-table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 green "Filler Text".</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">Filler</div><div class="cell">&nbsp;Text</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">Filler</div><div class="cell">&nbsp;Text</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/color-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-015.xht
new file mode 100644
index 0000000000..a365889658
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/color-applies-to-015.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
+ <link rel="match" href="color-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'color' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #table
+ {
+ color: red;
+ display: table;
+ }
+ #caption
+ {
+ color: green;
+ display: table-caption;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 green "Filler Text".</p>
+ <div id="table">
+ <div id="caption">Filler&nbsp;Text<br />Filler&nbsp;Text</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/colors-007-ref.xht b/testing/web-platform/tests/css/CSS2/colors/colors-007-ref.xht
new file mode 100644
index 0000000000..684fad284e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/colors-007-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: green;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>This sentence must be green.</p>
+
+ <p>This sentence must be green.</p>
+
+ <p>This sentence must be green.</p>
+
+ <p>This sentence must be green.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/colors-007.xht b/testing/web-platform/tests/css/CSS2/colors/colors-007.xht
new file mode 100644
index 0000000000..142df128a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/colors-007.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color keyword syntax</title>
+ <link rel="author" title="Germain Garand" href="mailto:germain@ebooksfrance.org"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#color-units"/>
+ <link rel="match" href="colors-007-ref.xht" />
+
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+ p.correct { color: red }
+ p.incorrect { color: green }
+ p#keyword { color: green }
+ p#quoted { color: 'red'; color: "red"; }
+ p#hash { color: #red }
+ p#escape { color: g\re\45n }
+ </style>
+ </head>
+ <body>
+ <p class="incorrect" id="quoted">This sentence must be green.</p>
+ <p class="incorrect" id="hash">This sentence must be green.</p>
+ <p class="correct" id="keyword">This sentence must be green.</p>
+ <p class="correct" id="escape">This sentence must be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/000001_color.png b/testing/web-platform/tests/css/CSS2/colors/support/000001_color.png
new file mode 100644
index 0000000000..44e8f5fc3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/000001_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/000002_color.png b/testing/web-platform/tests/css/CSS2/colors/support/000002_color.png
new file mode 100644
index 0000000000..6825fc50d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/000002_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/00007f_color.png b/testing/web-platform/tests/css/CSS2/colors/support/00007f_color.png
new file mode 100644
index 0000000000..e650990901
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/00007f_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/000080_color.png b/testing/web-platform/tests/css/CSS2/colors/support/000080_color.png
new file mode 100644
index 0000000000..a45e346be3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/000080_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/0000fc_color.png b/testing/web-platform/tests/css/CSS2/colors/support/0000fc_color.png
new file mode 100644
index 0000000000..91d607c63f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/0000fc_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/0000fe_color.png b/testing/web-platform/tests/css/CSS2/colors/support/0000fe_color.png
new file mode 100644
index 0000000000..85b46c91f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/0000fe_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/000100_color.png b/testing/web-platform/tests/css/CSS2/colors/support/000100_color.png
new file mode 100644
index 0000000000..f588ea6a54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/000100_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/000200_color.png b/testing/web-platform/tests/css/CSS2/colors/support/000200_color.png
new file mode 100644
index 0000000000..96780cea16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/000200_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/000_color.png b/testing/web-platform/tests/css/CSS2/colors/support/000_color.png
new file mode 100644
index 0000000000..77ff0976b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/001_color.png b/testing/web-platform/tests/css/CSS2/colors/support/001_color.png
new file mode 100644
index 0000000000..07142d0174
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/001_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/007f00_color.png b/testing/web-platform/tests/css/CSS2/colors/support/007f00_color.png
new file mode 100644
index 0000000000..795241a77b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/007f00_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/008000_color.png b/testing/web-platform/tests/css/CSS2/colors/support/008000_color.png
new file mode 100644
index 0000000000..7d36483c20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/008000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/009_color.png b/testing/web-platform/tests/css/CSS2/colors/support/009_color.png
new file mode 100644
index 0000000000..59c8c225b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/009_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/00e_color.png b/testing/web-platform/tests/css/CSS2/colors/support/00e_color.png
new file mode 100644
index 0000000000..890627ef9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/00e_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/00f_color.png b/testing/web-platform/tests/css/CSS2/colors/support/00f_color.png
new file mode 100644
index 0000000000..d86f444a9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/00f_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/00fc00_color.png b/testing/web-platform/tests/css/CSS2/colors/support/00fc00_color.png
new file mode 100644
index 0000000000..45b2d4e491
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/00fc00_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/00fe00_color.png b/testing/web-platform/tests/css/CSS2/colors/support/00fe00_color.png
new file mode 100644
index 0000000000..d87dfad1a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/00fe00_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/010000_color.png b/testing/web-platform/tests/css/CSS2/colors/support/010000_color.png
new file mode 100644
index 0000000000..4fb66c452b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/010000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/010101_color.png b/testing/web-platform/tests/css/CSS2/colors/support/010101_color.png
new file mode 100644
index 0000000000..3d12cdf283
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/010101_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/010_color.png b/testing/web-platform/tests/css/CSS2/colors/support/010_color.png
new file mode 100644
index 0000000000..aa02c2fc07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/010_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/020000_color.png b/testing/web-platform/tests/css/CSS2/colors/support/020000_color.png
new file mode 100644
index 0000000000..b9081b2c52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/020000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/020202_color.png b/testing/web-platform/tests/css/CSS2/colors/support/020202_color.png
new file mode 100644
index 0000000000..4609f7e32b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/020202_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/090_color.png b/testing/web-platform/tests/css/CSS2/colors/support/090_color.png
new file mode 100644
index 0000000000..08486ddd2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/090_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/0e0_color.png b/testing/web-platform/tests/css/CSS2/colors/support/0e0_color.png
new file mode 100644
index 0000000000..9b3da18419
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/0e0_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/0f0_color.png b/testing/web-platform/tests/css/CSS2/colors/support/0f0_color.png
new file mode 100644
index 0000000000..b79feb73e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/0f0_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/100_color.png b/testing/web-platform/tests/css/CSS2/colors/support/100_color.png
new file mode 100644
index 0000000000..3252b1203a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/100_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/111_color.png b/testing/web-platform/tests/css/CSS2/colors/support/111_color.png
new file mode 100644
index 0000000000..3f87769d3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/111_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/colors/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/colors/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/colors/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/colors/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/colors/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/colors/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/colors/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/colors/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/7f0000_color.png b/testing/web-platform/tests/css/CSS2/colors/support/7f0000_color.png
new file mode 100644
index 0000000000..73c14d8efc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/7f0000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/7f7f7f_color.png b/testing/web-platform/tests/css/CSS2/colors/support/7f7f7f_color.png
new file mode 100644
index 0000000000..96b704d3bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/7f7f7f_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/800000_color.png b/testing/web-platform/tests/css/CSS2/colors/support/800000_color.png
new file mode 100644
index 0000000000..5e366ce05a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/800000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/808080_color.png b/testing/web-platform/tests/css/CSS2/colors/support/808080_color.png
new file mode 100644
index 0000000000..86da9d7b5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/808080_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/900_color.png b/testing/web-platform/tests/css/CSS2/colors/support/900_color.png
new file mode 100644
index 0000000000..7ebcd4d596
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/900_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/999_color.png b/testing/web-platform/tests/css/CSS2/colors/support/999_color.png
new file mode 100644
index 0000000000..a6732b17c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/999_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/a-green.css b/testing/web-platform/tests/css/CSS2/colors/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/aqua_color.png b/testing/web-platform/tests/css/CSS2/colors/support/aqua_color.png
new file mode 100644
index 0000000000..0a26c7d00d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/aqua_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/b-green.css b/testing/web-platform/tests/css/CSS2/colors/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/colors/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/c-red.css b/testing/web-platform/tests/css/CSS2/colors/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/cat.png b/testing/web-platform/tests/css/CSS2/colors/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/diamond.png b/testing/web-platform/tests/css/CSS2/colors/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/e00_color.png b/testing/web-platform/tests/css/CSS2/colors/support/e00_color.png
new file mode 100644
index 0000000000..099ac40636
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/e00_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/eee_color.png b/testing/web-platform/tests/css/CSS2/colors/support/eee_color.png
new file mode 100644
index 0000000000..0fee0d2701
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/eee_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/f00_color.png b/testing/web-platform/tests/css/CSS2/colors/support/f00_color.png
new file mode 100644
index 0000000000..e04c3e1b79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/f00_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/fc0000_color.png b/testing/web-platform/tests/css/CSS2/colors/support/fc0000_color.png
new file mode 100644
index 0000000000..08db9a3d40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/fc0000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/fcfcfc_color.png b/testing/web-platform/tests/css/CSS2/colors/support/fcfcfc_color.png
new file mode 100644
index 0000000000..1f60f7f655
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/fcfcfc_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/fe0000_color.png b/testing/web-platform/tests/css/CSS2/colors/support/fe0000_color.png
new file mode 100644
index 0000000000..a37fde2585
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/fe0000_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/fefefe_color.png b/testing/web-platform/tests/css/CSS2/colors/support/fefefe_color.png
new file mode 100644
index 0000000000..aaf3e29683
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/fefefe_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/fff_color.png b/testing/web-platform/tests/css/CSS2/colors/support/fff_color.png
new file mode 100644
index 0000000000..dae1772055
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/fff_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/fuchsia_color.png b/testing/web-platform/tests/css/CSS2/colors/support/fuchsia_color.png
new file mode 100644
index 0000000000..65e6878bb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/fuchsia_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/green15x15.png b/testing/web-platform/tests/css/CSS2/colors/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/maroon_color.png b/testing/web-platform/tests/css/CSS2/colors/support/maroon_color.png
new file mode 100644
index 0000000000..a85b5ae150
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/maroon_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/olive_color.png b/testing/web-platform/tests/css/CSS2/colors/support/olive_color.png
new file mode 100644
index 0000000000..ba0173f374
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/olive_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/colors/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/colors/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/colors/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/colors/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/purple_color.png b/testing/web-platform/tests/css/CSS2/colors/support/purple_color.png
new file mode 100644
index 0000000000..cc5bf7e45a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/purple_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/ring.png b/testing/web-platform/tests/css/CSS2/colors/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/silver_color.png b/testing/web-platform/tests/css/CSS2/colors/support/silver_color.png
new file mode 100644
index 0000000000..ceb4e510f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/silver_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/square-purple.png b/testing/web-platform/tests/css/CSS2/colors/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/square-teal.png b/testing/web-platform/tests/css/CSS2/colors/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/square-white.png b/testing/web-platform/tests/css/CSS2/colors/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/colors/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/colors/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/colors/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/colors/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/colors/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/colors/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/colors/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/teal_color.png b/testing/web-platform/tests/css/CSS2/colors/support/teal_color.png
new file mode 100644
index 0000000000..2fde04855d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/teal_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/test-bl.png b/testing/web-platform/tests/css/CSS2/colors/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/test-br.png b/testing/web-platform/tests/css/CSS2/colors/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/test-outer.png b/testing/web-platform/tests/css/CSS2/colors/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/test-tl.png b/testing/web-platform/tests/css/CSS2/colors/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/test-tr.png b/testing/web-platform/tests/css/CSS2/colors/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/support/yellow_color.png b/testing/web-platform/tests/css/CSS2/colors/support/yellow_color.png
new file mode 100644
index 0000000000..d0d02000d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/support/yellow_color.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/colors/table-backgrounds-bs-row-002.xht b/testing/web-platform/tests/css/CSS2/colors/table-backgrounds-bs-row-002.xht
new file mode 100644
index 0000000000..986448b173
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/colors/table-backgrounds-bs-row-002.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: background-position - table-row</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties"/>
+ <meta name="flags" content="image"/>
+ <meta name="assert" content="Positioning a background image on a table row
+ positions it within a box that extends from the left edge of its leftmost
+ table cell to the right edge of its rightmost tabel cell."/>
+ <style type="text/css">
+ #test{
+ display:table;
+ width:500px;
+ }
+ .table-row{
+ background:url(support/swatch-red.png) repeat-y 50% 0;
+ display:table-row;
+ }
+ .table-cell{
+ display:table-cell;
+ height:100px;
+ }
+ .border-left{
+ border-left:8px solid green;
+ }
+ .border-right{
+ border-right:8px solid green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>To pass, there <strong>must not</strong> be any red below.</p>
+ <div id="test">
+ <div class="table-row">
+ <div class="table-cell border-right"></div>
+ <div class="table-cell border-left"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css-e-notation-ref-1.html b/testing/web-platform/tests/css/CSS2/css-e-notation-ref-1.html
new file mode 100644
index 0000000000..950be19c52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css-e-notation-ref-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<title>CSS test Reference File</title>
+<link rel="author" title="Bert Bos" href="mailto:bert@w3.org">
+<style>
+ body {background: white; color: black; min-width: 300px}
+ .t {background: black; color: white; width: 300px}
+</style>
+<body>
+<p>Test passes if all rectangles below are 300px wide
+
+<p>
+<svg height="190px" width="400px" viewbox="0 0 400 190"
+ xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">
+ line {stroke: black; stroke-width: 300px}
+</style>
+<line id="p0" x1="200" y1="0" x2="200" y2="10"/>
+<line id="p1" x1="200" y1="20" x2="200" y2="30"/>
+<line id="p2" x1="200" y1="40" x2="200" y2="50"/>
+<line id="p3" x1="200" y1="60" x2="200" y2="70"/>
+<line id="p4" x1="200" y1="80" x2="200" y2="90"/>
+<line id="p5" x1="200" y1="100" x2="200" y2="110"/>
+<line id="p6" x1="200" y1="120" x2="200" y2="130"/>
+<line id="p7" x1="200" y1="140" x2="200" y2="150"/>
+<line id="p8" x1="200" y1="160" x2="200" y2="170"/>
+<line id="p9" x1="200" y1="180" x2="200" y2="190"/>
+</svg>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/css-e-notation-ref-2.html b/testing/web-platform/tests/css/CSS2/css-e-notation-ref-2.html
new file mode 100644
index 0000000000..4b6c044c92
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css-e-notation-ref-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<title>CSS test Reference File</title>
+<link rel="author" title="Bert Bos" href="mailto:bert@w3.org">
+<style>
+ body {background: white; color: black; min-width: 300px}
+ .t {background: black; color: white; width: 300px}
+</style>
+<body>
+ <p>Test passes if all rectangles below are 300px wide
+ <p class=t>300px
+ <p class=t>300px
+ <p class=t>300px
+ <p class=t>300px
+ <p class=t>300px
+ <p class=t>300px
+ <p class=t>300px
+ <p class=t>300px
+ <p class=t>300px
+ <p class=t>300px
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/css-e-notation-test-1.html b/testing/web-platform/tests/css/CSS2/css-e-notation-test-1.html
new file mode 100644
index 0000000000..1391f4b9de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css-e-notation-test-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<title>CSS test: E-notation</title>
+<link rel="author" title="Bert Bos" href="mailto:bert@w3.org">
+<link rel="help" href="http://www.w3.org/TR/CSS2/syndata.html#numbers">
+<link rel="match" href="css-e-notation-ref-1.html">
+<meta name="flags" content="asis">
+<meta name="assert" content="Test checks interpretation of numbers in e-notation.">
+<style>
+ body {background: white; color: black; min-width: 400px}
+</style>
+<body>
+<p>Test passes if all rectangles below are 300px wide
+
+<p>
+<svg height="190px" width="400px" viewbox="0 0 400 190"
+ xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">
+ line {stroke: black}
+ #p0 {stroke-width: 300px}
+ #p1 {stroke-width: 3e2px}
+ #p2 {stroke-width: 3.0e2px}
+ #p3 {stroke-width: 30.0e1px}
+ #p4 {stroke-width: 300.0e0px}
+ #p5 {stroke-width: 3e+2px}
+ #p6 {stroke-width: 3E+2px}
+ #p7 {stroke-width: 0.3E+3px}
+ #p8 {stroke-width: 3000.0E-1px}
+ #p9 {stroke-width: 30000.000000000000000E-2px}
+</style>
+<line id="p0" x1="200" y1="0" x2="200" y2="10"/>
+<line id="p1" x1="200" y1="20" x2="200" y2="30"/>
+<line id="p2" x1="200" y1="40" x2="200" y2="50"/>
+<line id="p3" x1="200" y1="60" x2="200" y2="70"/>
+<line id="p4" x1="200" y1="80" x2="200" y2="90"/>
+<line id="p5" x1="200" y1="100" x2="200" y2="110"/>
+<line id="p6" x1="200" y1="120" x2="200" y2="130"/>
+<line id="p7" x1="200" y1="140" x2="200" y2="150"/>
+<line id="p8" x1="200" y1="160" x2="200" y2="170"/>
+<line id="p9" x1="200" y1="180" x2="200" y2="190"/>
+</svg>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/css-e-notation-test-2.html b/testing/web-platform/tests/css/CSS2/css-e-notation-test-2.html
new file mode 100644
index 0000000000..8bbceab0be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css-e-notation-test-2.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<title>CSS test: E-notation</title>
+<link rel="author" title="Bert Bos" href="mailto:bert@w3.org">
+<link rel="help" href="http://www.w3.org/TR/CSS2/syndata.html#numbers">
+<link rel="match" href="css-e-notation-ref-2.html">
+<meta name="flags" content="asis">
+<meta name="assert" content="Test checks interpretation of numbers in e-notation.">
+<style>
+ body {background: white; color: black; min-width: 300px}
+ .t {background: black; color: white}
+ #p0 {width: 300px}
+ #p1 {width: 3e2px}
+ #p2 {width: 3.0e2px}
+ #p3 {width: 30.0e1px}
+ #p4 {width: 300.0e0px}
+ #p5 {width: 3e+2px}
+ #p6 {width: 3E+2px}
+ #p7 {width: 0.3E+3px}
+ #p8 {width: 3000.0E-1px}
+ #p9 {width: 30000.000000000000000E-2px}
+</style>
+<body>
+ <p>Test passes if all rectangles below are 300px wide
+ <p class=t id=p0>300px
+ <p class=t id=p1>300px
+ <p class=t id=p2>300px
+ <p class=t id=p3>300px
+ <p class=t id=p4>300px
+ <p class=t id=p5>300px
+ <p class=t id=p6>300px
+ <p class=t id=p7>300px
+ <p class=t id=p8>300px
+ <p class=t id=p9>300px
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/css1/README b/testing/web-platform/tests/css/CSS2/css1/README
new file mode 100644
index 0000000000..58452029e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/README
@@ -0,0 +1,5 @@
+These are tests converted from the CSS1 test suite.
+They are post-processed from the tests in ../../archive.
+Please edit the originals and rebuild rather than editing
+these directly.
+
diff --git a/testing/web-platform/tests/css/CSS2/css1/c11-import-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c11-import-000-ref.xht
new file mode 100644
index 0000000000..1f2fd4bf3b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c11-import-000-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This text should be green.</p>
+
+ <p>This text should be green.</p>
+
+ <p>This text should be green.</p>
+
+ <p>This text should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c11-import-000.xht b/testing/web-platform/tests/css/CSS2/css1/c11-import-000.xht
new file mode 100644
index 0000000000..f214001d11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c11-import-000.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Basic Containment</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#containment-in-html"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ @import url(support/a-green.css);
+ @import "support/b-green.css";
+ .c { color: green; }
+ @import url(support/c-red.css);
+ <!-- .d { color: green; } -->
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#at-import" title="6.3 The @import rule"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#at-import"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#at-import"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" title="4.1.9 Comments"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri" title="4.3.4 URLs and URIs"/>
+ <link rel="match" href="c11-import-000-ref.xht" />
+
+ </head>
+ <body>
+ <p class="a">This text should be green.</p>
+ <p class="b">This text should be green.</p>
+ <p class="c">This text should be green.</p>
+ <p class="d">This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c12-grouping-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c12-grouping-000-ref.xht
new file mode 100644
index 0000000000..b1622054ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c12-grouping-000-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c12-grouping-000.xht b/testing/web-platform/tests/css/CSS2/css1/c12-grouping-000.xht
new file mode 100644
index 0000000000..0cea3173dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c12-grouping-000.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Grouping</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#grouping"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ .one, .two, .three { color: green; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#grouping" title="5.2.1 Grouping"/>
+ <link rel="match" href="c12-grouping-000-ref.xht" />
+
+ </head>
+ <body>
+ <p class="one"> This sentence should be green. </p>
+ <p class="two"> This sentence should be green. </p>
+ <p class="three"> This sentence should be green. </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c13-inh-underlin-000.xht b/testing/web-platform/tests/css/CSS2/css1/c13-inh-underlin-000.xht
new file mode 100644
index 0000000000..15177ee3c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c13-inh-underlin-000.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inheritance</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#inheritance"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+
+ <style type="text/css"><![CDATA[
+ body { color: navy; }
+ .a { text-decoration: underline; }
+ #a { font-style: italic; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#inheritance" title="6.2 Inheritance"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inheriting"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inheriting"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property"/>
+ </head>
+ <body>
+
+ <p class="a"> This should be blue and underlined. </p>
+
+ <p class="a"> This sentence should be underlined, including
+ <code>this part</code>, <cite>this part</cite>, <em>this part</em>,
+ and <strong>this part</strong>. </p>
+
+ <p class="a" id="a"> This sentence should also be underlined, as
+ well as italics, <strong>including this part</strong>. </p>
+
+ <p> This sentence should be blue but not underlined, like
+ <strong>this part</strong>, but <em style="text-decoration:
+ underline;">this part should be underlined</em>. </p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c13-inheritance-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c13-inheritance-000-ref.xht
new file mode 100644
index 0000000000..42711bdef2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c13-inheritance-000-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: green;}
+
+ p#background
+ {
+ background-color: green;
+ color: white;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This sentence should be green.</p>
+
+ <p id="background">This sentence <i>should be</i> white on green.</p>
+
+ <p><i>PASS</i> <b>&nbsp;</b></p>
+
+ <p>PASS</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c13-inheritance-000.xht b/testing/web-platform/tests/css/CSS2/css1/c13-inheritance-000.xht
new file mode 100644
index 0000000000..a5ddcaab18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c13-inheritance-000.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inheritance</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#inheritance"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c13-inheritance-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ body { color: green; }
+ .a { background: green; color: white; }
+ .a1 { font-style: italic; }
+ .b { color: white; }
+ em { color: green; }
+ dfn { color: white; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#inheritance" title="6.2 Inheritance"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inheriting"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inheriting"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" title="14.1 Foreground color: the 'color' property"/>
+
+ </head>
+ <body>
+ <p> This sentence should be green. </p>
+ <p class="a"> This sentence <span class="a1">should be</span> white on green. </p>
+ <p class="b"> <em>PASS</em> <strong>FAIL</strong> </p>
+ <p class="c"> PASS <dfn>FAIL</dfn> </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c14-classes-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c14-classes-000-ref.xht
new file mode 100644
index 0000000000..8dcab7f5b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c14-classes-000-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p, pre, li {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <pre>This sentence should be green.</pre>
+
+ <ul><li>This sentence should be green.</li></ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c14-classes-000.xht b/testing/web-platform/tests/css/CSS2/css1/c14-classes-000.xht
new file mode 100644
index 0000000000..a6e33c6eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c14-classes-000.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Class as selector</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#class-as-selector"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c14-classes-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ body { color: red; }
+ div { color: green; }
+
+ .one { color: green; }
+ .1 { color: red; }
+ .a1 {color: green;}
+ p.two { color: green; }
+ p.three { color: red; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" title="5.8.3 Class selectors"/>
+ </head>
+ <body>
+ <p class="one"> This sentence should be green. </p>
+ <div> <p class="1"> This sentence should be green. </p> </div>
+ <p class="a1"> This sentence should be green. </p>
+ <p class="two"> This sentence should be green. </p>
+ <div> <pre class="three">This sentence should be green.</pre> </div>
+ <div> <ul> <li class="three">This sentence should be green. </li> </ul> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c15-ids-000.xht b/testing/web-platform/tests/css/CSS2/css1/c15-ids-000.xht
new file mode 100644
index 0000000000..a018acce83
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c15-ids-000.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: ID as selector</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#id-as-selector"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c12-grouping-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ body {color: red;}
+ #test1 {color: green;}
+ #test2 {color: green;}
+ p#test3 {color: green;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#id-selectors" title="5.9 ID selectors"/>
+ </head>
+ <body>
+ <p id="test1"> This sentence should be green. </p>
+ <p id="test2"> This sentence should be green. </p>
+ <p id="test3"> This sentence should be green. </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c15-ids-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c15-ids-001-ref.xht
new file mode 100644
index 0000000000..bd7a5cd496
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c15-ids-001-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p, pre, li {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This sentence should be green.</p>
+
+ <pre> This sentence should be green.</pre>
+
+ <ul><li>This sentence should be green.</li></ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c15-ids-001.xht b/testing/web-platform/tests/css/CSS2/css1/c15-ids-001.xht
new file mode 100644
index 0000000000..4c8fd7a1f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c15-ids-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: ID as selector</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#id-as-selector"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 -->
+ <link rel="match" href="c15-ids-001-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ body, span { color: green; }
+ p#test1a, p#test1b { color: red; }
+ ul#test2 { color: red; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#id-selectors" title="5.9 ID selectors"/>
+ </head>
+ <body>
+ <p id="test1a"> <span> This sentence should be green. </span> </p>
+ <pre id="test1b"> This sentence should be green. </pre>
+ <ul>
+ <li id="test2"> This sentence should be green. </li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c16-descendant-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-000-ref.xht
new file mode 100644
index 0000000000..d9a6d2ac3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-000-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p, li {color: green;}
+ ul {list-style-type: none;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p> This sentence should be green. </p>
+
+ <ul>
+ <li>This sentence should be green.
+ <ul>
+ <li>This sentence should be green.</li>
+ </ul>
+ </li>
+ </ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c16-descendant-000.xht b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-000.xht
new file mode 100644
index 0000000000..97c6c5f2bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-000.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Descendant selectors (Contextual selectors)</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#contextual-selectors"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c16-descendant-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ body {color: red;}
+ p {color: green;}
+ li {list-style: none;}
+ html body div p {color: red;}
+ span, ul li li {color: green;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" title="5.5 Descendant selectors"/>
+ </head>
+ <body>
+ <p> This sentence should be green. </p>
+ <ul>
+ <li>
+ <span> This sentence should be green. </span>
+ <ul>
+ <li> This sentence should be green. </li>
+ </ul>
+ </li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c16-descendant-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-001-ref.xht
new file mode 100644
index 0000000000..680aec3266
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-001-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p, li {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This sentence should be green.</p>
+
+ <ul>
+ <li>This sentence should be green.</li>
+ </ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c16-descendant-001.xht b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-001.xht
new file mode 100644
index 0000000000..6dbd9073ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Contextual selectors</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#contextual-selectors"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c16-descendant-001-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ ul {color: green;}
+ p {color: red;}
+ html body div p {color: green;}
+ span, ul li li {color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" title="5.5 Descendant selectors"/>
+ </head>
+ <body>
+ <div><p> This sentence should be green. </p></div>
+ <ul>
+ <li>
+ <span> </span> This sentence should be green.
+ </li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c16-descendant-002.xht b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-002.xht
new file mode 100644
index 0000000000..d7383e786e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c16-descendant-002.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Contextual selectors</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#contextual-selectors"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
+
+ <style type="text/css"><![CDATA[
+ p {color: green;}
+ html body div {color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" title="5.5 Descendant selectors"/>
+ </head>
+ <body>
+ <div><p> This text should be green. </p></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c17-comments-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c17-comments-000-ref.xht
new file mode 100644
index 0000000000..4e69c4f941
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c17-comments-000-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c17-comments-000.xht b/testing/web-platform/tests/css/CSS2/css1/c17-comments-000.xht
new file mode 100644
index 0000000000..6a8357f46d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c17-comments-000.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Comments</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#comments"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c17-comments-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ body { color: red; }
+ /* This is a CSS comment. */
+ .one {color: green;} /* Another comment */
+ /* The following should not be used:
+ .two {color: red;} */
+ .three {color: green; /* color: red; */}
+ /**
+ .four {color: red;} */
+ .five {color: green;}
+ /**/
+ .six {color: green;}
+ /*********/
+ .seven {color: green;}
+ /* a comment **/
+ .eight {color: green;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" title="4.1.9 Comments"/>
+ </head>
+ <body>
+ <p class="one">
+ This sentence should be green.
+ </p>
+ <p class="three">
+ This sentence should be green.
+ </p>
+ <p class="five">
+ This sentence should be green.
+ </p>
+ <p class="six">
+ This sentence should be green.
+ </p>
+ <p class="seven">
+ This sentence should be green.
+ </p>
+ <p class="eight">
+ This sentence should be green.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c17-comments-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c17-comments-001-ref.xht
new file mode 100644
index 0000000000..43770adeb6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c17-comments-001-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c17-comments-001.xht b/testing/web-platform/tests/css/CSS2/css1/c17-comments-001.xht
new file mode 100644
index 0000000000..617b52a529
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c17-comments-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Comments</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#comments"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c17-comments-001-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ body { color: green; }
+ /* This is a CSS comment. */
+ .one {color: green;} /* Another comment */
+ /* The following should not be used:
+ .two {color: red;} */
+ .three {color: green; /* color: red; */}
+ /**
+ .four {color: red;} */
+ .five {color: green;}
+ /**/
+ .six {color: green;}
+ /*********/
+ .seven {color: green;}
+ /* a comment **/
+ .eight {color: green;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" title="4.1.9 Comments"/>
+ </head>
+ <body>
+ <p class="two">
+ This sentence should be green.
+ </p>
+ <p class="four">
+ This sentence should be green.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-activ-ln-000.xht b/testing/web-platform/tests/css/CSS2/css1/c21-activ-ln-000.xht
new file mode 100644
index 0000000000..13e8550348
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c21-activ-ln-000.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: anchor</title>
+ <meta name="flags" content="interact" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ a {color: red;}
+ a:link {color: blue;}
+ a:visited {color: blue;}
+ a:hover {color: blue;}
+ a:focus {color: blue;}
+ a:active {color: green;}
+ #one {color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" title="5.11.3 The dynamic pseudo-classes: :hover, :active, and :focus"/>
+ </head>
+ <body>
+ <p><a href="">While you are activating this link, it should go green.</a> Check that once you have stopped activating it, it goes blue again.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-focus-ln-000.xht b/testing/web-platform/tests/css/CSS2/css1/c21-focus-ln-000.xht
new file mode 100644
index 0000000000..4f4d3324f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c21-focus-ln-000.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: anchor</title>
+ <meta name="flags" content="interact" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ a {color: red;}
+ a:link {color: blue;}
+ a:visited {color: blue;}
+ a:hover {color: blue;}
+ a:focus {color: green;}
+ a:active {color: red;}
+ #one {color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" title="5.11.3 The dynamic pseudo-classes: :hover, :active, and :focus"/>
+ </head>
+ <body>
+ <p><a href="">If you focus this link, it should go green.</a></p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-hover-ln-000.xht b/testing/web-platform/tests/css/CSS2/css1/c21-hover-ln-000.xht
new file mode 100644
index 0000000000..34a3c67d12
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c21-hover-ln-000.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: anchor</title>
+ <meta name="flags" content="interact" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ a {color: red;}
+ a:link {color: blue;}
+ a:visited {color: blue;}
+ a:hover {color: green;}
+ a:focus {color: red;}
+ a:active {color: red;}
+ #one {color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" title="5.11.3 The dynamic pseudo-classes: :hover, :active, and :focus"/>
+ </head>
+ <body>
+ <p><a href="">While you are hovering over this link, it should go green.</a></p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-pseu-cls-000.xht b/testing/web-platform/tests/css/CSS2/css1/c21-pseu-cls-000.xht
new file mode 100644
index 0000000000..c9c68f2887
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c21-pseu-cls-000.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: anchor</title>
+ <meta name="flags" content="interact" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ a:link {color: red;}
+ a:visited {color: red;}
+ a:hover {color: red;}
+ a:focus {color: red;}
+ a:active {color: red;}
+ a.test {color: green;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" title="6.4.3 Calculating a selector's specificity"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity"/>
+ <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascade" title="6.4 The cascade"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#pseudo-class-selectors" title="5.11 Pseudo-classes"/>
+ </head>
+ <body>
+ <p><a href="" class="test">Whatever you do to this link, it should stay green.</a> (hover, focus, activate, follow)</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-pseu-id-000.xht b/testing/web-platform/tests/css/CSS2/css1/c21-pseu-id-000.xht
new file mode 100644
index 0000000000..52831f72f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c21-pseu-id-000.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: anchor</title>
+ <meta name="flags" content="interact" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ #one {color: green;}
+ a {color: red;}
+ a:link {color: red;}
+ a:visited {color: red;}
+ a:hover {color: red;}
+ a:focus {color: red;}
+ a:active {color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" title="6.4.3 Calculating a selector's specificity"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity"/>
+ <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascade" title="6.4 The cascade"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#pseudo-class-selectors" title="5.11 Pseudo-classes"/>
+ </head>
+ <body>
+ <p><a href="" id="one">Whatever you do to this link, it should stay green.</a> (hover, focus, activate, follow)</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-pseud-anch-000.xht b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-anch-000.xht
new file mode 100644
index 0000000000..b2fd6fcbfa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-anch-000.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: anchor</title>
+ <meta name="flags" content="interact" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ a {color: green;}
+ a:link {color: red;}
+ a:visited {color: red;}
+ a:hover {color: green;}
+ a:focus {color: red;}
+ a:active {color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#pseudo-class-selectors" title="5.11 Pseudo-classes"/>
+ </head>
+ <body>
+ <p><a>This sentence should be green.</a> Check that it remains green after you click it. Note: the link should turn red while clicked.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-000.xht b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-000.xht
new file mode 100644
index 0000000000..0055097c1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-000.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: anchor</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ a {color: red;}
+ a:link {color: green;}
+ a:visited {color: red;}
+ a:hover {color: red;}
+ a:focus {color: red;}
+ a:active {color: red;}
+ #one {color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#pseudo-class-selectors" title="5.11 Pseudo-classes"/>
+ </head>
+ <body>
+ <p><a href="http://unvisited.example.com/">This link should be green.</a> (do not hover over it or activate it)</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-001.xht b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-001.xht
new file mode 100644
index 0000000000..c95b13e7e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: anchor</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ a {color: red;}
+ a:visited {color: red;}
+ a:link {color: green;}
+ a:hover {color: red;}
+ a:focus {color: red;}
+ a:active {color: red;}
+ #one {color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#pseudo-class-selectors" title="5.11 Pseudo-classes"/>
+ </head>
+ <body>
+ <p><a href="http://unvisited.example.com/">This link should be green.</a> (do not hover over it or activate it)</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-002.xht b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-002.xht
new file mode 100644
index 0000000000..cc11faccbc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: anchor</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ a {color: red;}
+ a:link {color: red;}
+ a:visited {color: green;}
+ a:hover {color: red;}
+ a:focus {color: red;}
+ a:active {color: red;}
+ #one {color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#pseudo-class-selectors" title="5.11 Pseudo-classes"/>
+ </head>
+ <body>
+ <p><a href="c21-pseud-link-002.xht">This link should be green.</a> (do not hover over it or activate it)</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-003.xht b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-003.xht
new file mode 100644
index 0000000000..6b79dafd9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c21-pseud-link-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: anchor</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ a {color: red;}
+ a:visited {color: green;}
+ a:link {color: red;}
+ a:hover {color: red;}
+ a:focus {color: red;}
+ a:active {color: red;}
+ #one {color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#pseudo-class-selectors" title="5.11 Pseudo-classes"/>
+ </head>
+ <body>
+ <p><a href="c21-pseud-link-003.xht">This link should be green.</a> (do not hover over it or activate it)</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c23-first-line-000.xht b/testing/web-platform/tests/css/CSS2/css1/c23-first-line-000.xht
new file mode 100644
index 0000000000..e67cd49727
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c23-first-line-000.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: first-line</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#the-first-line-pseudo-element"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body { color: blue; }
+ p:first-line { color: green; }
+ .two:first-line { font-size: 200%; }
+ .three:first-line { font-variant: small-caps; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" title="5.12.1 The :first-line pseudo-element"/>
+ </head>
+ <body>
+ <p>
+ The <strong>first line</strong> of this paragraph, and only that
+ one, should be <strong>green</strong>. If this precise combination
+ does not occur, then the user agent has failed this test. Remember
+ that in order to ensure a complete test, the paragraph must be
+ displayed on more than one line. Dummy text. Dummy text. Dummy
+ text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.
+ Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy
+ text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.
+ Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy
+ text. Dummy text. Dummy text. Dummy text.
+ </p>
+ <p class="two">
+ The <strong>first line</strong> of this paragraph, and only that
+ one, should be a <strong>larger</strong> font size as well as
+ <strong>green</strong>. If this precise combination does not occur,
+ then the user agent has failed this test. Remember that in order to
+ ensure a complete test, the paragraph must be displayed on more
+ than one line. Dummy text. Dummy text. Dummy text. Dummy text.
+ Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy
+ text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.
+ Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy
+ text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.
+ Dummy text. Dummy text.
+ </p>
+ <p class="three">
+ The <strong>first line</strong> of this paragraph, and only that
+ one, should be displayed in <strong>small-caps</strong> style as
+ well as <strong>green</strong>. Thus, if the first line is not in
+ small-caps style, or if the entire paragraph turns out in
+ small-caps, then the user agent has failed this test. Dummy text.
+ Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy
+ text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.
+ Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy
+ text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.
+ Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c24-first-lttr-000.xht b/testing/web-platform/tests/css/CSS2/css1/c24-first-lttr-000.xht
new file mode 100644
index 0000000000..a69c6a3dc8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c24-first-lttr-000.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: first-letter</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#the-first-letter-pseudo-element"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+
+ <style type="text/css"><![CDATA[
+ body { color: blue; }
+ p:first-letter {color: green;}
+ .two:first-letter {font-size: 200%;}
+ p.three:first-letter {font-size: 350%;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" title="5.12.2 The :first-letter pseudo-element"/>
+
+ </head>
+ <body>
+ <p>
+ The <strong>first letter</strong> of this paragraph, and only that
+ one, should be <strong>green</strong>. If this precise combination
+ does not occur, then the user agent has failed this test.
+ </p>
+ <p class="two">
+ The <strong>first letter</strong> of this paragraph, and only that
+ one, should be in a <strong>larger</strong> font size, as well as
+ <strong>green</strong>. If this precise combination does not occur,
+ then the user agent has failed this test.
+ </p>
+
+ <p class="three">
+ "The <strong>first two characters</strong> in this paragraph (a
+ double-quote mark and a capital 'T') should be in a <strong>much
+ larger</strong> font size than the rest of the paragraph, and
+ <strong>green</strong>. If this precise combination does not occur,
+ then the user agent has failed this test.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c25-pseudo-elmnt-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c25-pseudo-elmnt-000-ref.xht
new file mode 100644
index 0000000000..9e5181107a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c25-pseudo-elmnt-000-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ span
+ {
+ background-color: green;
+ color: white;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>There should be two sentences below.</div>
+
+ <p><span>This sentence should have white text on green background.</span></p>
+
+ <p><span>This sentence should have white text on green background.</span></p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c25-pseudo-elmnt-000.xht b/testing/web-platform/tests/css/CSS2/css1/c25-pseudo-elmnt-000.xht
new file mode 100644
index 0000000000..26fa2b2579
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c25-pseudo-elmnt-000.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo-elements in Selectors</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#pseudo-elements-in-selectors"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c25-pseudo-elmnt-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .test { color: red; }
+ p:first-line { background: green; }
+ p.test:first-line { color: white; }
+ p:first-line.two { color: yellow; background: red; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#pseudo-elements" title="5.10 Pseudo-elements and pseudo-classes"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" title="5.12.1 The :first-line pseudo-element"/>
+ <meta name="flags" content="invalid" />
+
+ </head>
+ <body>
+ <div>There should be two sentences below.</div>
+ <p class="test one"> This sentence should have white text on green background. </p>
+ <p class="test two"> This sentence should have white text on green background. </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c26-psudo-nest-000.xht b/testing/web-platform/tests/css/CSS2/css1/c26-psudo-nest-000.xht
new file mode 100644
index 0000000000..48aff05251
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c26-psudo-nest-000.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Multiple Pseudo-Elements</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#multiple-pseudo-elements"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body { color: blue; }
+ p:first-line { color: teal; }
+ p:first-letter { color: aqua; }
+ .one:first-line { font-size: 300%; }
+ .one:first-letter { font-size: 300%; }
+ p.two:first-letter { font-size: 200%; }
+ p.two:first-line { font-variant: small-caps; }
+ /* three uses the default styles */
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" title="5.12.2 The :first-letter pseudo-element"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" title="5.12.1 The :first-line pseudo-element"/>
+ </head>
+ <body>
+ <p class="one">
+ The <strong>first letter</strong> of this paragraph, and only that
+ one, should be <strong>600% bigger</strong> than the normal text and
+ <strong>aqua</strong>, while the entire <strong>first line</strong>
+ should be <strong>300% bigger</strong> than normal text and
+ <strong>teal</strong>. If this precise combination does not occur,
+ then the user agent has failed this test. Remember that in order to
+ ensure a complete test, the paragraph must be displayed on more
+ than one line. (TEST1)
+ </p>
+ <p class="two">
+ "Test": The first <strong>two characters</strong> in this paragraph
+ (a double-quote mark and a capital 'T') should be <strong>200%
+ bigger</strong> than the rest of the paragraph, and
+ <strong>aqua</strong>. In addition, the entire <strong>first
+ line</strong> should be in a <strong>small-caps font and
+ teal</strong>. Remember that in order to ensure a complete test,
+ the paragraph must be displayed on more than one line. (TEST2)
+ </p>
+ <p>
+ The <strong>first letter</strong> of this paragraph, and only that
+ one, should be <strong>aqua</strong>, while the entire
+ <strong>first line</strong> should be <strong>teal</strong>. If
+ this precise combination does not occur, then the user agent has
+ failed this test. Remember that in order to ensure a complete test,
+ the paragraph must be displayed on more than one line. (TEST3)
+ </p>
+ <div>You should see the words <strong>"TEST1"</strong>,
+ <strong>"TEST2"</strong>, and <strong>"TEST3"</strong> at the end of
+ three paragraphs above.</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c31-important-000.xht b/testing/web-platform/tests/css/CSS2/css1/c31-important-000.xht
new file mode 100644
index 0000000000..424ca56dd0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c31-important-000.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: important</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#important"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c12-grouping-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ p { color: green ! important; }
+ p { color: red; }
+ p#id1 { color: red; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#important-rules" title="6.4.2 !important rules"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#importance"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#importance"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order" title="6.4.1 Cascading order"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/>
+ </head>
+ <body>
+ <p> This sentence should be green. </p>
+ <p id="id1"> This sentence should be green. </p>
+ <p style="color: red;"> This sentence should be green. </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c32-cascading-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c32-cascading-000-ref.xht
new file mode 100644
index 0000000000..023e1773da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c32-cascading-000-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>This sentence should be green.</div>
+ <div>This sentence should be green.</div>
+ <div>This sentence should be green.</div>
+ <div>This sentence should be green.</div>
+ <div>This sentence should be green.</div>
+ <div>This sentence should be green.</div>
+ <div>This sentence should be green.</div>
+ <div>This sentence should be green.</div>
+ <div>This sentence should be green.</div>
+ <div>This sentence should be green.</div>
+ <div>This sentence should be green.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c32-cascading-000.xht b/testing/web-platform/tests/css/CSS2/css1/c32-cascading-000.xht
new file mode 100644
index 0000000000..c70eced3e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c32-cascading-000.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cascading Order</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#cascading-order"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="stylesheet" href="support/c-red.css"/>
+ <link rel="match" href="c32-cascading-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ body * { color: red; list-style: none; margin: 0; padding: 0; }
+ span { color: red; }
+ li span.a { color: red; }
+ li span.b { color: red; }
+ li span.c { color: red; }
+ li span.d { color: red; }
+ li span.e { color: red; }
+ li span.f { color: red; }
+ ul li span.a { color: green; }
+ ul li span.b { color: green; }
+ ul li li span.c { color: red; }
+ ul li li span.d { color: red; }
+ ul li li span.e { color: red; }
+ ul li li span.f { color: red; }
+ ul li li span.c { color: green; }
+ li.test1 span.d { color: green; }
+ ul li.test2 span.e { color: green; }
+ ul li.test3 span.f { color: red; }
+ ul li#test3 span.f { color: green; }
+ .test4 { color: red; }
+ .test4 { color: green; }
+ .c { color: green; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order" title="6.4.1 Cascading order"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" title="6.4.3 Calculating a selector's specificity"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-selectors/#specificity"/>
+ <link rel="help" href="http://www.w3.org/TR/selectors4/#specificity"/>
+
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ </head>
+ <body>
+ <ul>
+ <li> <span class="a"> This sentence should be green. </span> </li>
+ <li> <span class="b"> This sentence should be green. </span>
+ <ul>
+ <li> <span class="c"> This sentence should be green. </span> </li>
+ <li> <span class="c"> This sentence should be green. </span> </li>
+ <li class="test1"> <span class="d"> This sentence should be green. </span> </li>
+ </ul>
+ </li>
+ <li class="test2"> <span class="e"> This sentence should be green. </span> </li>
+ <li class="test3" id="test3"> <span class="f"> This sentence should be green. </span> </li>
+ <li> <span class="a"> This sentence should be green. </span> </li>
+ </ul>
+ <p style="color: green;"> This sentence should be green. </p>
+ <p class="test4"> This sentence should be green. </p>
+ <p class="c"> This sentence should be green. </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c411-vt-mrgn-000.xht b/testing/web-platform/tests/css/CSS2/css1/c411-vt-mrgn-000.xht
new file mode 100644
index 0000000000..9892b9a31d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c411-vt-mrgn-000.xht
@@ -0,0 +1,104 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical Formatting</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#vertical-formatting"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+
+ <style type="text/css"><![CDATA[
+
+ /* test */
+ p.one { margin-top: 0; margin-bottom: 2cm; }
+ p.two { margin-top: 2cm; margin-bottom: 0; }
+ p.three { margin-top: 0; margin-bottom: 0; }
+ p.four { margin-top: -1cm; margin-bottom: 0; }
+ div.five { margin-top: 1cm; margin-bottom: 1cm; padding-top: 1cm; }
+ p.six { margin-top: 1cm; margin-bottom: 1cm; }
+ p.seven { margin-top: 1cm; margin-bottom: 0; }
+ p.eight { margin-top: 0; margin-bottom: -1cm; padding-bottom: 2cm; }
+ p.nine { margin-top: -1cm; margin-bottom: 1cm; padding-top: 1cm; }
+ p.ten { margin-top: 1cm; margin-bottom: 0; float: left; width: 50%; }
+ p.eleven { margin-top: 1cm; margin-bottom: 0; }
+ p.twelve { margin-top: 0; margin-bottom: 0; padding-bottom: 1cm; clear: both; }
+ p.thirteen { margin-top: 0; margin-bottom: 0; padding-top: 1cm; }
+
+ /* control */
+ td { width: 5em; padding: 0; border: solid; }
+ .p { margin: 0; padding: 0; height: auto; }
+ .h1 { margin: 0; padding: 0; height: 1cm; }
+ .h2 { margin: 0; padding: 0; height: 2cm; }
+ .h3 { margin: 0; padding: 0; height: 3cm; }
+ .w50 { width: 50%; }
+ .l50 { margin-left: 50%; }
+ .contain { position: relative; } /* XXX relies on CSS2 stuff */
+ .bottom { position: absolute; bottom: 0; }
+ .left { position: absolute; left: 0; }
+
+ /* colours */
+ .teal, .test { background: teal; }
+ .yellow, .one, .seven, .thirteen { background: yellow; }
+ .fuchsia, .two, .eight { background: fuchsia; }
+ .lime, .three, .nine { background: lime; }
+ .white, .four, .ten { background: white; }
+ .aqua, .five, .eleven { background: aqua; }
+ .orange, .six, .twelve { background: orange; }
+
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" title="8.3.1 Collapsing margins"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>The two columns below should be identical.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <p class="one"> - </p>
+ <p class="two"> - </p>
+ <p class="one"> - </p>
+ <p class="three"> - </p>
+ <p class="one"> - </p>
+ <p class="four"> - </p>
+ <div class="five">
+ <p class="six"> - </p>
+ </div>
+ <p class="seven"> - </p>
+ <p class="eight"> - </p>
+ <p class="nine"> - </p>
+ <p class="ten"> - </p>
+ <p class="eleven"> - </p>
+ <p class="twelve"> - </p>
+ <p class="thirteen"> - </p>
+ </td>
+ <td class="control">
+ <div class="yellow p">-</div>
+ <div class="teal h2"></div>
+ <div class="fuchsia p">-</div>
+ <div class="yellow p">-</div>
+ <div class="teal h2"></div>
+ <div class="lime p">-</div>
+ <div class="yellow p">-</div>
+ <div class="teal h1"></div>
+ <div class="white p">-</div>
+ <div class="teal h1"></div>
+ <div class="aqua h2"></div>
+ <div class="orange p">-</div>
+ <div class="teal h1"></div>
+ <div class="yellow p">-</div>
+ <div class="fuchsia p">-</div>
+ <div class="fuchsia h1"></div>
+ <div class="lime h1"></div>
+ <div class="lime p">-</div>
+ <div class="teal h1"></div>
+ <div class="aqua"><div class="l50 p">-</div></div>
+ <div class="teal h1 contain"><div class="white p bottom left w50">-</div></div>
+ <div class="orange p">-</div>
+ <div class="orange h1"></div>
+ <div class="yellow h1"></div>
+ <div class="yellow p">-</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c412-blockw-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c412-blockw-000-ref.xht
new file mode 100644
index 0000000000..8b28ab82ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c412-blockw-000-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 120px;
+ margin: 10px;
+ width: 120px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 identical filled green squares and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c412-blockw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c412-blockw-000.xht
new file mode 100644
index 0000000000..2fd1b32120
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c412-blockw-000.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Horizontal Formatting</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#horizontal-formatting"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c412-blockw-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .test { font: 10px/1 Ahem; margin: 1em; border: solid 1em; width: 100px; background: red no-repeat; color: green; }
+ .test p, .test div { margin-top: 0; margin-bottom: 0; }
+ .test.a { background-image: url(support/css1test412b-a.png); }
+ .test.b { background-image: url(support/css1test412b-b.png); }
+ .test.b p { background-color: green; }
+ p.one {margin-left: 10px;}
+ div.two {margin-left: 10px;}
+ p.three {margin-left: 0; width: 50%; margin-right: auto;}
+ p.four {margin-left: auto; width: 50%; margin-right: auto;}
+ p.five {margin-left: auto; width: 50%; margin-right: 0;}
+ p.six {margin-left: auto; width: auto; margin-right: 0;}
+ p.seven {margin-left: 0; width: auto; margin-right: auto;}
+ p.eight {margin-left: auto; width: auto; margin-right: auto;}
+ p.nine {padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; width: 50%;}
+ p.ten {margin-left: auto; width: 100%; margin-right: auto;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" title="10.3.3 Block-level, non-replaced elements in normal flow"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>Test passes if there are 2 identical filled green squares and <strong>no red</strong>.</p>
+ <div class="test a"> <!-- this tests the text alignment -->
+ <p class="one"> X </p>
+ <div class="two">
+ <p class="one"> X </p>
+ </div>
+ <p class="three"> X </p>
+ <p class="four"> X </p>
+ <p class="five"> X </p>
+ <p class="six"> X </p>
+ <p class="seven"> X </p>
+ <p class="eight"> X </p>
+ <p class="nine"> X </p>
+ <p class="ten"> X </p>
+ </div>
+ <div class="test b"> <!-- this tests the size of the content area -->
+ <p class="one"> X </p>
+ <div class="two">
+ <p class="one"> X </p>
+ </div>
+ <p class="three"> X </p>
+ <p class="four"> X </p>
+ <p class="five"> X </p>
+ <p class="six"> X </p>
+ <p class="seven"> X </p>
+ <p class="eight"> X </p>
+ <p class="nine"> X </p>
+ <p class="ten"> X </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c412-hz-box-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c412-hz-box-000-ref.xht
new file mode 100644
index 0000000000..d37e9d4c74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c412-hz-box-000-ref.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin-bottom: 20px;}
+
+ div {margin: 1em 0;}
+
+ img {vertical-align: bottom;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The two diagrams below should be identical.</p>
+
+ <div><img src="support/css1test412a.png"
+ alt="The diagram above should be as described here: A 40px white
+ square (which will appear as a 40px indent from the left margin),
+ a 40px fuchsia square, six 40px aqua squares separated by five
+ 40px blue squares, and a final fuchsia square." />
+ </div>
+
+ <div><img src="support/css1test412a.png"
+ alt="The diagram above should be as described here: A 40px white
+ square (which will appear as a 40px indent from the left margin),
+ a 40px fuchsia square, six 40px aqua squares separated by five
+ 40px blue squares, and a final fuchsia square." />
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c412-hz-box-000.xht b/testing/web-platform/tests/css/CSS2/css1/c412-hz-box-000.xht
new file mode 100644
index 0000000000..d425fb3d92
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c412-hz-box-000.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Horizontal Formatting</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#horizontal-formatting"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 -->
+ <link rel="match" href="c412-hz-box-000-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ p#ruled {
+ font: 40px/1 Ahem;
+ width: 360px; background-color: aqua; color: blue;
+ border-style: solid; border-color: fuchsia;
+ border-top-width: 0px; border-right-width: 40px; border-bottom-width: 0px; border-left-width: 40px;
+ padding-top: 0px; padding-right: 40px; padding-bottom: 0px; padding-left: 40px;
+ margin-top: 0px; margin-right: 40px; margin-bottom: 0px; margin-left: 40px;
+ }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#box-dimensions" title="8.1 Box dimensions"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>The two diagrams below should be identical.</p>
+ <div class="test">
+ <p id="ruled">X X X X X</p>
+ <p id="control">
+ <img src="support/css1test412a.png"
+ alt="The diagram above should be as described here: A 40px white
+ square (which will appear as a 40px indent from the left margin),
+ a 40px fuchsia square, six 40px aqua squares separated by five
+ 40px blue squares, and a final fuchsia square." />
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-000.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-000.xht
new file mode 100644
index 0000000000..4de6921408
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-000.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-Replaced Float Alignment to Containing Block Edges</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: navy; }
+ .test div { margin: 1em; padding: 0 0 0.5em; border: 0.5em solid; border-bottom: none; background: navy; color: blue; }
+ .test p { width: 10em; padding: 0.25em; margin: 0; border: 0.25em solid; background: teal; color: aqua; }
+ .test p.left { float: left; }
+ .test p.right { float: right; }
+ ]]></style>
+ <meta name="assert" content="A floated box is shifted to the left or right until its outer edge touches the containing block edge."/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/>
+ </head>
+ <body>
+ <p>In the following test, the teal blocks must be just inside the
+ top and sides of the blue rectangle.</p>
+ <div class="test">
+ <div>
+ <p class="left"> Teal block. Teal block. Teal block. Teal block. Teal block. Teal block. Teal block. Teal block. </p>
+ <p class="right"> Teal block. Teal block. Teal block. Teal block. Teal block. Teal block. Teal block. Teal block. </p>
+ Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle.
+ Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-001.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-001.xht
new file mode 100644
index 0000000000..5fc326f384
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-001.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-Replaced Floating Left vs. Right</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: navy; }
+ .test div { margin: 1em; padding: 0.5em; background: teal; color: aqua; }
+ .test p { width: 10em; padding: 0.25em; margin: 0; border: 0.25em solid blue; background: navy; color: white; }
+ .test p.left { float: left; }
+ .test p.right { float: right; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/>
+ </head>
+ <body>
+ <p>In the following test, the blue blocks should be on the given sides of the teal rectangle.</p>
+ <div class="test">
+ <div>
+ <p class="left"> &#x21E6; This blue block should be on the left. </p>
+ <p class="right"> &#x21E8; This blue block should be on the right. </p>
+ Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle.
+ Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-002.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-002.xht
new file mode 100644
index 0000000000..9dd94aa6e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Replaced Float Alignment to Containing Block Edges</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: navy; }
+ .test div { margin: 1em; padding: 0 0 0.5em; border: 0.5em solid; border-bottom: none; background: navy; color: blue; }
+ .test img { width: 10em; background: red; color: yellow; }
+ .test img.left { float: left; }
+ .test img.right { float: right; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/>
+ </head>
+ <body>
+ <p>In the following test, the teal squares must be just inside the
+ top and sides of the blue rectangle.</p>
+ <div class="test">
+ <div>
+ <img src="support/square-teal.png" alt="FAIL: You need image support." class="left"/>
+ <img src="support/square-teal.png" alt="FAIL: You need image support." class="right"/>
+ Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle.
+ Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-003.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-003.xht
new file mode 100644
index 0000000000..0d474d7284
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-003.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Replaced Floating Left vs. Right</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: navy; }
+ .explanation img { height: 1.2em; vertical-align: text-bottom; }
+ .test div { margin: 1em; padding: 0.5em; background: navy; color: blue; }
+ .test img { width: 10em; }
+ .test img.left { float: left; }
+ .test img.right { float: right; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/>
+ </head>
+ <body>
+ <p class="explanation">In the following test, the purple square
+ should be on the left (&#x21E6;<img src="support/square-purple.png"
+ alt="Image download support must be enabled"/>), and the teal square on the right (<img
+ src="support/square-teal.png" alt="Image download support must be enabled"/>&#x21E8;) of the blue rectangle.</p>
+ <div class="test">
+ <div>
+ <img src="support/square-purple.png" alt="FAIL: You need image support." class="left"/>
+ <img src="support/square-teal.png" alt="FAIL: You need image support." class="right"/>
+ Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle.
+ Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-000-ref.xht
new file mode 100644
index 0000000000..49f2b02d99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-000-ref.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ font: 16px monospace;
+ border-collapse: separate;
+ border: blue solid medium;
+ border-spacing: 0px;
+ margin-left: 10px;
+ padding: 1em;
+ table-layout: fixed;
+ width: 16.375em;
+ /*
+ 14em (5em column + 5em column + 4em column)
+ + 2em (left and right horizontal padding)
+ + 6px (2 vertical 3px borders)
+ =====
+ 16.375em
+ */
+ }
+
+ col {width: 5em;}
+
+ col#special {width: 4em;}
+
+ td
+ {
+ padding: 0;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be five numbers, in numerical order, below: on the first line 1, 2 and 3, on the second, 4 and 5.</p>
+
+ <table>
+
+ <col></col> <col></col> <col id="special"></col>
+
+ <tr><td>1</td><td>2</td><td>3</td></tr>
+
+ <tr><td>4</td><td>5</td><td></td></tr>
+
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-000.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-000.xht
new file mode 100644
index 0000000000..15a53e4aa0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-000.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Stacking Non-Replaced Left Floats</title>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="match" href="c414-flt-fit-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ div { font: 16px monospace; border: solid blue; padding: 1em; width: 14em; margin: 10px; }
+ div p { margin: 0; width: 5em; float: left; }
+ ]]></style>
+
+ </head>
+ <body>
+ <p>There should be five numbers, in numerical order, below: on the first line 1, 2 and 3, on the second, 4 and 5.</p>
+ <div>
+ <p> 1 </p>
+ <p> 2 </p>
+ <p> 4 </p>
+ 3
+ 5&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <!-- the font is set to monospace so we know how wide a nbsp is -->
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-001-ref.xht
new file mode 100644
index 0000000000..2ed56d9903
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-001-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: blue solid 5px;
+ margin: 10px;
+ width: 250px;
+ }
+
+ img {vertical-align: bottom;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a complete unbroken drawing of a yin-yang (&#x262F;) symbol below, slightly on the left (&#x21E6;) inside a blue box.</p>
+
+ <div><img src="support/test-tl.png" alt="Image download support must be enabled" /><img src="support/test-tr.png" alt="Image download support must be enabled" /><img src="support/test-bl.png" alt="Image download support must be enabled" /><img src="support/test-br.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-001.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-001.xht
new file mode 100644
index 0000000000..9032cab91f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Stacking Replaced Left Floats</title>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="match" href="c414-flt-fit-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+
+ <style type="text/css"><![CDATA[
+ div { border: 5px solid blue; width: 250px; margin: 10px; line-height: 0; }
+ div p { margin: 0; float: left; }
+ ]]></style>
+
+ </head>
+ <body>
+ <p>There should be a complete unbroken drawing of a yin-yang (&#x262F;) symbol below, slightly on the left (&#x21E6;) inside a blue box.</p>
+ <div>
+ <p> <img src="support/test-tl.png" alt="FAIL: You need images enabled."/> </p>
+ <p> <img src="support/test-tr.png" alt="FAIL: You need images enabled."/> </p>
+ <p> <img src="support/test-bl.png" alt="FAIL: You need images enabled."/> </p>
+ <img src="support/test-br.png" alt="FAIL: You need images enabled."/>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-002-ref.xht
new file mode 100644
index 0000000000..fc40d70582
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-002-ref.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#wrapper
+ {
+ margin-left: 1.25em;
+ margin-top: 1.25em;
+ }
+
+ div#wrapper > div {display: inline-block;}
+
+ div#left {margin-right: 0.5em;}
+
+ div#wrapper > div > div
+ {
+ background-color: navy;
+ border: blue solid medium;
+ color: white;
+ margin-bottom: 0.5em;
+ padding: 0.25em;
+ width: 7em;
+ }
+
+ div#B4, div#B6, div#B8
+ {
+ margin-left: 3.25em;
+ text-align: right;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The blue rectangles should be in numeric order and form a "D". (Boxes labelled "A" should be in the first column; boxes labelled "B" should be in the second; arrows indicate the correct alignment.)</p>
+
+ <div id="wrapper">
+
+ <div id="left">
+ <div>&#x21E6; A 1</div>
+ <div>&#x21E6; A 3</div>
+ <div>&#x21E6; A 5</div>
+ <div>&#x21E6; A 7</div>
+ <div>&#x21E6; A 9</div>
+ </div><div>
+ <div>&#x21E6; B 2</div>
+ <div id="B4">B 4 &#x21E8;</div>
+ <div id="B6">B 6 &#x21E8;</div>
+ <div id="B8">B 8 &#x21E8;</div>
+ <div>&#x21E6; B 10</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-002.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-002.xht
new file mode 100644
index 0000000000..997913c6f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-002.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Stacking Mixed Floats Part I</title>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="match" href="c414-flt-fit-002-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ div { margin: 1em; width: 20em; }
+ div p { margin: 0.25em; border: solid blue; padding: 0.25em; width: 7em; background: navy; color: white; }
+ div p.left { float: left; }
+ div p.right { float: right; text-align: right; }
+ ]]></style>
+
+ </head>
+ <body>
+ <p>The blue rectangles should be in numeric order and form a "D".
+ (Boxes labelled "A" should be in the first column; boxes labelled
+ "B" should be in the second; arrows indicate the correct
+ alignment.)</p>
+ <div>
+ <p class="left"> &#x21E6; A 1 </p>
+ <p class="left"> &#x21E6; B 2 </p>
+ <p class="left"> &#x21E6; A 3 </p>
+ <p class="right"> B 4 &#x21E8; </p>
+ <p class="left"> &#x21E6; A 5 </p>
+ <p class="right"> B 6 &#x21E8; </p>
+ <p class="right"> B 8 &#x21E8; </p>
+ <p class="left"> &#x21E6; A 7 </p>
+ <p class="left"> &#x21E6; A 9 </p>
+ <p class="left"> &#x21E6; B 10 </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-003-ref.xht
new file mode 100644
index 0000000000..8870dcc228
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-003-ref.xht
@@ -0,0 +1,67 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#wrapper
+ {
+ margin-left: 1.25em;
+ margin-top: 1.25em;
+ }
+
+ div#wrapper > div {display: inline-block;}
+
+ div#left {margin-right: 0.5em;}
+
+ div#wrapper > div > div
+ {
+ background-color: navy;
+ border: blue solid medium;
+ color: white;
+ margin-bottom: 0.5em;
+ padding: 0.25em;
+ text-align: right;
+ width: 7em;
+ }
+
+ div#A1, div#A9
+ {
+ margin-left: 3.25em;
+ text-align: left;
+ }
+
+ div#A3, div#A5, div#A7 {text-align: left !important;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The blue rectangles should be in numeric order and form a backwards "D". (Boxes labelled "A" should be in the first column; boxes labelled "B" should be in the second; arrows indicate the correct alignment.)</p>
+
+ <div id="wrapper">
+
+ <div id="left">
+ <div id="A1">A 1 &#x21E8;</div>
+ <div id="A3">&#x21E6; A 3</div>
+ <div id="A5">&#x21E6; A 5</div>
+ <div id="A7">&#x21E6; A 7</div>
+ <div id="A9">A 9 &#x21E8;</div>
+ </div><div>
+ <div>B 2 &#x21E8;</div>
+ <div>B 4 &#x21E8;</div>
+ <div>B 6 &#x21E8;</div>
+ <div>B 8 &#x21E8;</div>
+ <div>B 10 &#x21E8;</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-003.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-003.xht
new file mode 100644
index 0000000000..2a14208c9a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-003.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Stacking Mixed Floats Part II</title>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="match" href="c414-flt-fit-003-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ div { margin: 1em; width: 20em; }
+ div p { margin: 0.25em; border: solid blue; padding: 0.25em; width: 7em; background: navy; color: white; }
+ div p.left { float: left; }
+ div p.right { float: right; text-align: right; }
+ ]]></style>
+
+ </head>
+ <body>
+ <p>The blue rectangles should be in numeric order and form a
+ backwards "D". (Boxes labelled "A" should be in the first column;
+ boxes labelled "B" should be in the second; arrows indicate the
+ correct alignment.)</p>
+ <div>
+ <p class="right"> B 2 &#x21E8; </p>
+ <p class="right"> A 1 &#x21E8; </p>
+ <p class="right"> B 4 &#x21E8; </p>
+ <p class="left"> &#x21E6; A 3 </p>
+ <p class="right"> B 6 &#x21E8; </p>
+ <p class="left"> &#x21E6; A 5 </p>
+ <p class="left"> &#x21E6; A 7 </p>
+ <p class="right"> B 8 &#x21E8; </p>
+ <p class="right"> B 10 &#x21E8; </p>
+ <p class="right"> A 9 &#x21E8; </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-004-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-004-ref.xht
new file mode 100644
index 0000000000..56812ee2db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-004-ref.xht
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#wrapper
+ {
+ margin-left: 1.25em;
+ margin-top: 1.25em;
+ }
+
+ div#wrapper > div {display: inline-block;}
+
+ div#left {margin-right: 0.5em;}
+
+ div#wrapper > div > div
+ {
+ background-color: navy;
+ border: blue solid medium;
+ color: white;
+ margin-bottom: 0.5em;
+ padding: 0.25em;
+ width: 7em;
+ }
+
+ div#B4, div#B6, div#B10, div#B12
+ {
+ margin-left: 3.25em;
+ text-align: right;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The blue rectangles should be in numeric order and form a "B". (Boxes labelled "A" should be in the first column; boxes labelled "B" should be in the second; arrows indicate the correct alignment.)</p>
+
+ <div id="wrapper">
+
+ <div id="left">
+ <div>&#x21E6; A 1</div>
+ <div>&#x21E6; A 3</div>
+ <div>&#x21E6; A 5</div>
+ <div>&#x21E6; A 7</div>
+ <div>&#x21E6; A 9</div>
+ <div>&#x21E6; A 11</div>
+ <div>&#x21E6; A 13</div>
+ </div><div>
+ <div>&#x21E6; B 2</div>
+ <div id="B4">B 4 &#x21E8;</div>
+ <div id="B6">B 6 &#x21E8;</div>
+ <div>&#x21E6; B 8</div>
+ <div id="B10">B 10 &#x21E8;</div>
+ <div id="B12">B 12 &#x21E8;</div>
+ <div>&#x21E6; B 14</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-004.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-004.xht
new file mode 100644
index 0000000000..451471c67b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-004.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Stacking Mixed Floats Part III</title>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="match" href="c414-flt-fit-004-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ div { margin: 1em; width: 20em; }
+ div p { margin: 0.25em; border: solid blue; padding: 0.25em; width: 7em; background: navy; color: white; }
+ div p.left { float: left; }
+ div p.right { float: right; text-align: right; }
+ ]]></style>
+
+ </head>
+ <body>
+ <p>The blue rectangles should be in numeric order and form a "B".
+ (Boxes labelled "A" should be in the first column; boxes labelled
+ "B" should be in the second; arrows indicate the correct
+ alignment.)</p>
+ <div>
+ <p class="left"> &#x21E6; A 1 </p>
+ <p class="left"> &#x21E6; B 2 </p>
+ <p class="left"> &#x21E6; A 3 </p>
+ <p class="right"> B 4 &#x21E8; </p>
+ <p class="left"> &#x21E6; A 5 </p>
+ <p class="right"> B 6 &#x21E8; </p>
+ <p class="left"> &#x21E6; A 7 </p>
+ <p class="left"> &#x21E6; B 8 </p>
+ <p class="left"> &#x21E6; A 9 </p>
+ <p class="right"> B 10 &#x21E8; </p>
+ <p class="left"> &#x21E6; A 11 </p>
+ <p class="right"> B 12 &#x21E8; </p>
+ <p class="left"> &#x21E6; A 13 </p>
+ <p class="left"> &#x21E6; B 14 </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-005-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-005-ref.xht
new file mode 100644
index 0000000000..3aaa6687b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-005-ref.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div.control {padding: 1em;}
+
+ div.control > div
+ {
+ background: navy;
+ color: yellow;
+ width: 10em;
+ }
+
+ div.control > div.right
+ {
+ margin-left: 5em;
+ text-align: right;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test pass if the 2 patterns are identical with <strong>no red</strong>.</p>
+
+ <div class="control">
+ <div>&#x00A0;&#x262E;</div>
+ <div class="right">&#x262E;&#x00A0;</div>
+ </div>
+
+ <div class="control">
+ <div>&#x00A0;&#x262E;</div>
+ <div class="right">&#x262E;&#x00A0;</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-005.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-005.xht
new file mode 100644
index 0000000000..1cb824995d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-005.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-Replaced Float Not Fitting Beside Opposite Float</title>
+
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/>
+ <link rel="match" href="c414-flt-fit-005-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .control { padding: 1em; }
+ .control div { width: 10em; background: navy; color: yellow; }
+ .control div.right { margin-left: 5em; text-align: right; }
+ .test { width: 15em; margin: 1em; }
+ .test div { margin: 0; padding: 0; background: red; }
+ .test p { margin: 0; padding: 0; width: 10em; background: navy; color: yellow; }
+ .test p.left { float: left; text-align: left; }
+ .test p.right { float: right; text-align: right; }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test pass if the 2 patterns are identical with <strong>no red</strong>.</p>
+ <div class="control">
+ <div class="left"> &#x00A0;&#x262E; </div>
+ <div class="right"> &#x262E;&#x00A0; </div>
+ </div>
+ <div class="test">
+ <div>
+ <p class="left"> &#x00A0;&#x262E; </p>
+ <p class="right"> &#x262E;&#x00A0; </p>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-006-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-006-ref.xht
new file mode 100644
index 0000000000..ac795b7eb1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-006-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {padding: 1em;}
+
+ img
+ {
+ display: block;
+ height: 1em;
+ width: 10em;
+ }
+
+ img.right {margin-left: 5em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 patterns are identical with <strong>no red</strong>.</p>
+
+ <div><img src="support/square-teal.png" alt="Image download support must be enabled" /> <img src="support/square-purple.png" alt="Image download support must be enabled" class="right" /></div>
+
+ <div><img src="support/square-teal.png" alt="Image download support must be enabled" /> <img src="support/square-purple.png" alt="Image download support must be enabled" class="right" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-006.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-006.xht
new file mode 100644
index 0000000000..6f688769e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-fit-006.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Replaced Float Not Fitting Beside Opposite Float</title>
+ <meta name="flags" content="image" />
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-05 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="match" href="c414-flt-fit-006-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ img { background: red; color: yellow; }
+ .control { padding: 1em; }
+ .control img { width: 10em; height: 1em; display: block; }
+ .control img.right { margin-left: 5em; }
+ .test { width: 15em; margin: 1em; }
+ .test div { margin: 0; padding: 0; background: red; }
+ .test img { width: 10em; height: 1em; }
+ .test img.left { float: left; }
+ .test img.right { float: right;}
+ ]]></style>
+
+ </head>
+ <body>
+ <p>Test passes if the 2 patterns are identical with <strong>no red</strong>.</p>
+ <div class="control">
+ <img src="support/square-teal.png" alt="FAIL: You need image support for this test." class="left"/>
+ <img src="support/square-purple.png" alt="FAIL: You need image support for this test." class="right"/>
+ </div>
+ <div class="test">
+ <div>
+ <img src="support/square-teal.png" alt="FAIL: You need image support for this test." class="left"/>
+ <img src="support/square-purple.png" alt="FAIL: You need image support for this test." class="right"/>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-000.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-000.xht
new file mode 100644
index 0000000000..d3a8a69215
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-000.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical Position of Floats</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: navy; }
+ div { border: 5px solid purple; padding: 1em; margin: 1em; color: silver; font: 1em serif; }
+ div p { width: 7em; padding: 1em; margin: 0; }
+ div .a { border: solid aqua; background-color: teal; color: white; }
+ div p.a { float: left; }
+ div .b { border: solid fuchsia; background-color: purple; color: white; }
+ div p.b { float: right; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/>
+ </head>
+ <body>
+ <p>The big coloured boxes should be level with the top of the small
+ coloured boxes of the same color (unless there is not enough room
+ for the big box to fit on the small box's line after the small box,
+ in which case the big box should be level with the bottom of the
+ respective small box).</p>
+ <div>
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ <span class="a">A</span>
+ <p class="a">AAAA</p>
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ <span class="b">B</span>
+ <p class="b">BBBB</p>
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-001.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-001.xht
new file mode 100644
index 0000000000..0574c34620
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-001.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical Position of Floats</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: navy; }
+ div { border: 5px solid purple; padding: 1em; margin: 1em; color: silver; font: 1em serif; }
+ div img { width: 7em; color: red; }
+ div span.a { border: solid aqua; background-color: teal; color: white; }
+ div img.a { float: left; }
+ div span.b { border: solid fuchsia; background-color: purple; color: white; }
+ div img.b { float: right; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/>
+ </head>
+ <body>
+ <p>The big coloured boxes should be level with the top of the small
+ coloured boxes of the same color (unless there is not enough room
+ for the big box to fit on the small box's line, in which case the
+ big box should be level with the bottom of the respective small
+ box).</p>
+ <div>
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ <span class="a">&#x21E6;</span>
+ <img src="support/square-teal.png" alt="FAIL: Images required for this test." class="a"/>
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ <span class="b">&#x21E8;</span>
+ <img src="support/square-purple.png" alt="FAIL: Images required for this test." class="b"/>
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-002.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-002.xht
new file mode 100644
index 0000000000..9996543966
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-002.xht
@@ -0,0 +1,81 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical Position of Floats</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <meta name="flags" content="interact"/>
+ <style type="text/css"><![CDATA[
+ .gutter { width: 9em; background: yellow; border-left: solid 9em aqua;
+ margin-left: auto; /* CSS1 agents */
+ position: absolute; top: 0; right: 0; bottom: 0; z-index: -1; /* CSS2 agents */ }
+ p, ul { color: navy; }
+ .test { position: relative; font: 1em serif;
+ border: 5px solid gray; margin: 1em; color: silver; }
+ .test p { width: 7em; padding: 1em; margin: 0; }
+ .test p, .test span { color: white; }
+ .test .a { background-color: blue; }
+ .test p.a { float: left; }
+ .test .b { background-color: purple; }
+ .test p.b { float: right; }
+ .test .c { background-color: orange; }
+ .test p.c { float: left; }
+ .test .d { background-color: green; }
+ .test p.d { float: left; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/>
+ </head>
+ <body>
+ <p>Test passes if for each matching pair of colored boxes either:</p>
+ <ul>
+ <li>the top of the small box is level with the top of the big box <em>or</em></li>
+ <li>the top of the big box is level with the bottom of the the small box
+ and either
+ <ul>
+ <li>the small box crosses into the righthand region marked by the yellow box or</li>
+ <li>the small box crosses into the righthand region marked by the aqua box and
+ the region marked by the yellow box on the small box's line is filled by another big box</li>
+ </ul>
+ </li>
+ </ul>
+ <p>These conditions must hold true even if the window is resized or the font
+ size changed.</p>
+ <div class="test">
+ <div class="gutter"></div>
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text
+ <span class="a">A</span>
+ <p class="a">AAAA</p>
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ <span class="b">B</span>
+ <p class="b">BBBB</p>
+ dummy text dummy text dummy text
+ <span class="c">C</span>
+ <p class="c">CCCC</p>
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ <span class="d">D</span>
+ <p class="d">DDDD</p>
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-003.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-003.xht
new file mode 100644
index 0000000000..04271bebb1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-ln-003.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical Position of Floats</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: navy; }
+ div { border: 5px solid purple; padding: 1em; margin: 1em; color: silver; font: 1em serif; }
+ div p { width: 7em; padding: 1em; margin: 0; }
+ div .a { border: solid aqua; background-color: teal; color: white; }
+ div p.a { float: left; }
+ div .b { border: solid fuchsia; background-color: purple; color: white; }
+ div p.b { float: right; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/>
+ </head>
+ <body>
+ <p>The big coloured boxes should be level with the top of the small
+ coloured boxes of the same color (unless there is not enough room
+ for the big box to fit on the small box's line after the small box,
+ in which case the big box should be as high as possible below the
+ small box).</p>
+ <div>
+ dummy text dummy text dummy text dummy text
+ <span class="a">A</span>
+ <p class="a">AAAA</p>
+ <span class="b">B</span>
+ <p class="b">BBBB</p>
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-000.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-000.xht
new file mode 100644
index 0000000000..f3001244b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-000.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text Not Fitting Beside Non-Replaced Float</title>
+
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+
+ <meta name="assert" content="If a shortened line box is too small to contain any further content, then it is shifted downward until either it fits or there are no more floats present." />
+ <style type="text/css"><![CDATA[
+ p { color: navy; }
+ .test { width: 15em; margin: 1em; padding: 0; background: white; color: white; }
+ .test p { margin: 0; padding: 0.01em; }
+ .test p.left { float: left; }
+ .test p.right { float: right; width: 14.98em; background: teal; color: aqua; text-align: center; }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if the word "fail" does not appear.</p>
+ <div class="test">
+ <p class="left"> TEST: </p>
+ <p class="right"> PASS </p>
+ fail fail fail fail fail fail fail fail fail fail
+ fail fail fail fail fail fail fail fail fail fail
+ fail fail fail fail fail fail fail fail fail fail
+ fail fail fail fail fail fail fail fail fail fail
+ fail fail fail fail fail fail fail fail fail fail
+ </div>
+ <!-- this test actually failed in Mozilla once -->
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-001-ref.xht
new file mode 100644
index 0000000000..bd5da11aa7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-001-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 7em;
+ margin-left: 1em;
+ margin-top: 17px;
+ width: 15em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and if the word "FAIL" does not appear.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-001.xht b/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-001.xht
new file mode 100644
index 0000000000..04ed209a56
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c414-flt-wrap-001.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text Not Fitting Beside Replaced Float</title>
+
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="match" href="c414-flt-wrap-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+
+ <style type="text/css"><![CDATA[
+ .test { width: 15em; margin: 1em; padding: 0; background: white; color: white; }
+ .test img.left { float: left; }
+ .test img.right { float: right; width: 15em; height: 7em; }
+ .test span { font: 6em monospace; }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and if the word "FAIL" does not appear.</p>
+ <div class="test">
+ <img src="support/1x1-white.png" alt="FAIL: You need image support for this test." class="left"/>
+ <img src="support/1x1-green.png" alt="FAIL: You need image support for this test." class="right"/>
+ <span> FAIL </span>
+ </div>
+ <!-- this test actually failed in Mozilla once -->
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c42-ibx-ht-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c42-ibx-ht-000-ref.xht
new file mode 100644
index 0000000000..6340e95b03
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c42-ibx-ht-000-ref.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: green;
+ font: 10px/12px Ahem;
+ width: 20em;
+ }
+
+ span
+ {
+ background-color: lime;
+ color: lime;
+ }
+
+ span > span {padding: 0.2em 0em;}
+
+ span.green-square
+ {
+ color: green;
+ padding: 0em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be no red below, only green lines and dots.</p>
+
+ <div>1 3 <span>5 7 9 1 3 5 7 9
+ 1 3 <span>5</span> 7 9 1 3 5 7 9
+ 1 3 5 7 9 1 <span class="green-square">3</span> <span class="green-square">5</span> <span class="green-square">7</span> <span class="green-square">9</span>
+ <span class="green-square">1</span> <span class="green-square">3</span> <span class="green-square">5</span> <span class="green-square">7</span> <span class="green-square">9</span> <span>1</span> <span class="green-square">3</span> <span class="green-square">5</span> <span class="green-square">7</span> <span class="green-square">9</span>
+ <span class="green-square">1</span> <span class="green-square">3</span> <span class="green-square">5</span> <span class="green-square">7</span> <span class="green-square">9</span> <span class="green-square">1</span></span> 3 5 7 9</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c42-ibx-ht-000.xht b/testing/web-platform/tests/css/CSS2/css1/c42-ibx-ht-000.xht
new file mode 100644
index 0000000000..fe30367030
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c42-ibx-ht-000.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline Elements</title>
+
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-27 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#inline-elements"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-non-replaced" title="10.6.1 Inline, non-replaced elements"/>
+ <link rel="match" href="c42-ibx-ht-000-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { width: 20em; font: 10px/12px Ahem; color: green; }
+ span { border: solid 10px lime; padding: 2px 0 2px 10px; margin: 10px 10px 0 0; }
+ em { font: 1em/1 Ahem; color: red; }
+ ]]></style>
+ </head>
+ <body>
+ <p>There should be no red below, only green lines and dots.</p>
+ <div>
+ z z <em> x x x x x x x x x x </em> <span> <em> x x x x x x x x x x
+ x x x </em> y y y y y y y y y </span> y y y y y y y y y y z z z z
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c42-ibx-pad-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c42-ibx-pad-000-ref.xht
new file mode 100644
index 0000000000..966bf24028
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c42-ibx-pad-000-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ td
+ {
+ border: 2px solid black;
+ padding: 0;
+ }
+
+ img {vertical-align: bottom;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 diagrams are <strong>identical</strong> and with <strong>no red</strong>.</p>
+
+ <table>
+ <tr>
+ <td><img src="support/css1test42a.png" alt="FAIL: Images required for this test."/></td>
+
+ <td><img src="support/css1test42a.png" alt="FAIL: Images required for this test."/></td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c42-ibx-pad-000.xht b/testing/web-platform/tests/css/CSS2/css1/c42-ibx-pad-000.xht
new file mode 100644
index 0000000000..38e84af17b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c42-ibx-pad-000.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline Elements</title>
+
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#inline-elements"/>
+ <link rel="match" href="c42-ibx-pad-000-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 10px/240% Ahem; color: black; width: 200px; margin: 0 0 0 10px; }
+ span { border: solid 10px blue; padding: 2px 20px 2px 10px; margin: 40px 30px 0 40px; }
+ td { padding: 0; border: 2px solid black; }
+ img { display: block; }
+ .control { background: red; color: yellow; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" title="9.4.2 Inline formatting context"/>
+ </head>
+ <body>
+ <p>Test passes if the 2 diagrams are <strong>identical</strong> and with <strong>no red</strong>.</p>
+ <table>
+ <tr>
+ <td>
+ <div>
+ 1 2 3 4 5 6 7 8 9 0
+ 1 2 3 <span> 7 8 9 0
+ 1 2 3 4 5 6 7 8 9 0
+ 1 2 3 4 </span> 8 9 0
+ 1 2 3 4 5 6 7 8 9 0
+ </div>
+ </td>
+ <td class="control">
+ <img src="support/css1test42a.png" alt="FAIL: Images required for this test."/>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c43-center-000.xht b/testing/web-platform/tests/css/CSS2/css1/c43-center-000.xht
new file mode 100644
index 0000000000..f393f4b82f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c43-center-000.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Replaced Elements</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#replaced-elements"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { margin: 0; background: url(support/swatch-red.png) center repeat-y; font-size: 10px; }
+ .a img { display: block; margin-right: auto; margin-left: auto; width: auto; }
+ .b { text-align: center; }
+ .b img { vertical-align: top; height: 20px; width: 20px; }
+ .c { text-align: center; font: 20px/1 Ahem; color: blue; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" title="10.3.4 Block-level, replaced elements in normal flow"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8 Line height calculations: the 'line-height' and 'vertical-align' properties"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <p>There should be a single small column of blue below with no red:</p>
+ <div class="a"><img src="support/blue20x20.png" alt="FAIL: Replaced content did not get replaced."/></div>
+ <div class="b"><img src="support/swatch-blue.png" alt="FAIL: Replaced content did not get replaced."/></div>
+ <div class="c">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-000.xht b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-000.xht
new file mode 100644
index 0000000000..34920c7abb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-000.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Replaced Elements</title>
+
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#replaced-elements"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" title="10.3.4 Block-level, replaced elements in normal flow"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" title="10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements"/>
+
+ <meta name="flags" content="image" />
+
+ <style type="text/css"><![CDATA[
+ html, body, p { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
+ img { display: block; margin-right: auto; margin-left: auto; width: 50%; }
+ ]]></style>
+ </head>
+ <body>
+ <p>
+ Test passes if there is a big blue square half the width of the window and centered.
+ </p>
+ <p><img src="support/swatch-blue.png" alt="FAIL: Images required for this test."/></p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-001.xht b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-001.xht
new file mode 100644
index 0000000000..762483709e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Replaced Elements</title>
+
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#replaced-elements"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" title="10.3.4 Block-level, replaced elements in normal flow"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" title="10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements"/>
+
+ <meta name="flags" content="image" />
+
+ <style type="text/css"><![CDATA[
+ html, body, p { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
+ img { display: block; margin-right: 0; margin-left: auto; width: 50%; }
+ ]]></style>
+ </head>
+ <body>
+ <p>
+ Test passes if there is a big blue square half the width of the window and aligned flush with the right hand side (&#x21E8;).
+ </p>
+ <p><img src="support/swatch-blue.png" alt="FAIL: Images required for this test."/></p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-002-ref.xht
new file mode 100644
index 0000000000..8e43a6685a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-002-ref.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ margin-left: 16px;
+ margin-bottom: 5px;
+ }
+
+ div.first-pair-blue-squares
+ {
+ height: 15px;
+ width: 15px;
+ }
+
+ div.second-pair-blue-squares
+ {
+ height: 60px;
+ width: 60px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong> anywhere.</p>
+
+ <p>There should be <strong>2 identical squares</strong> after this line:</p>
+
+ <div class="first-pair-blue-squares"></div>
+
+ <div class="first-pair-blue-squares"></div>
+
+ <p>There should be <strong>2 identical squares</strong> after this line:</p>
+
+ <div class="second-pair-blue-squares"></div>
+
+ <div class="second-pair-blue-squares"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-002.xht b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-002.xht
new file mode 100644
index 0000000000..cc6808352a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-bbx-002.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Replaced Elements</title>
+
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/evil/css/css21/tests/t1004-c43-rpl-bbx-00-d-ag.htm" type="text/html"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#replaced-elements"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" title="10.3.3 Block-level, non-replaced elements in normal flow"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" title="10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements"/>
+ <link rel="match" href="c43-rpl-bbx-002-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {margin: 1em;}
+
+ img
+ {
+ display: block;
+ margin-bottom: 5px;
+ }
+
+ span
+ {
+ background: red;
+ color: blue;
+ display: block;
+ font: 15px/1 Ahem;
+ width: 1em;
+ }
+
+ .b > img, .b > span
+ {
+ font-size: 3.75em;
+ height: 1em;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p> There should be <strong>no red</strong> anywhere. </p>
+ <p> There should be <strong>2 identical squares</strong> after this line: </p>
+ <div class="a">
+ <img src="support/swatch-blue.png" alt="FAIL: Replaced content did not get replaced." />
+ <span>X</span>
+ </div>
+ <p> There should be <strong>2 identical squares</strong> after this line: </p>
+ <div class="b">
+ <img src="support/swatch-blue.png" alt="FAIL: Replaced content did not get replaced." />
+ <span>X</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c43-rpl-ibx-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-ibx-000-ref.xht
new file mode 100644
index 0000000000..eb41edf24e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-ibx-000-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ strong {line-height: 1;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>no red</strong> anywhere.</p>
+
+ <p>There should be <strong>2 identical squares</strong> at the end of this line: <img src="support/swatch-blue.png" width="15" height="15" alt="Image download support must be enabled" /> <img src="support/swatch-blue.png" width="15" height="15" alt="Image download support must be enabled" /></p>
+
+ <p>There should be <strong>2 identical squares</strong> at the end of this line: <img src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /> <img src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /></p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c43-rpl-ibx-000.xht b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-ibx-000.xht
new file mode 100644
index 0000000000..45ef15f58e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c43-rpl-ibx-000.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Replaced Elements</title>
+
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/evil/css/css21/tests/t1004-c43-rpl-ibx-00-d-ag.htm" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#replaced-elements"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" title="10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements"/>
+ <link rel="match" href="c43-rpl-ibx-000-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ strong {line-height: 1;}
+
+ span
+ {
+ background: red;
+ color: blue;
+ font: 15px/1 Ahem;
+ vertical-align: top;
+ }
+
+ .b > img
+ {
+ font-size: 3.75em;
+ height: 1em;
+ }
+
+ .b > span {font-size: 3.75em;}
+ ]]></style>
+ </head>
+ <body>
+ <p>There should be <strong>no red</strong> anywhere.</p>
+ <p class="a">
+ There should be <strong>2 identical squares</strong> at the end of this line:
+ <img src="support/swatch-blue.png" alt="FAIL: Replaced content did not get replaced." />
+ <span>X</span>
+ </p>
+ <p class="b">
+ There should be <strong>2 identical squares</strong> at the end of this line:
+ <img src="support/swatch-blue.png" alt="FAIL: Replaced content did not get replaced." />
+ <span>X</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-000-ref.xht
new file mode 100644
index 0000000000..4942a2cf66
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-000-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: green solid 10px;
+ height: 8.75em;
+ width: 13.125em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be no red below, just the outline of an empty green box.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-000.xht b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-000.xht
new file mode 100644
index 0000000000..f225ed468e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-000.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The Height of Lines</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#the-height-of-lines"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c44-ln-box-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 10px/20px Ahem; color: white; background: red url(support/css1test44a.png) no-repeat;
+ width: 19em; padding: 0.5em 1em; border: 1em solid green; }
+ img.onea, img.oneb { width: 4em; height: 4em; }
+ img.onea { vertical-align: text-bottom; }
+ img.oneb { vertical-align: text-top; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8 Line height calculations: the 'line-height' and 'vertical-align' properties"/>
+ </head>
+ <body>
+ <p>There should be no red below, just the outline of an empty green box.</p>
+ <div>
+ xxxx xxxx xxxx xxxx
+ xxxx xxxx xxxx xxxx
+ <img src="support/swatch-white.png" alt="Image download support must be enabled" class="onea" />
+ xxxx
+ <img src="support/swatch-white.png" alt="Image download support must be enabled" class="oneb" />
+ xxxx
+ xxxx xxxx xxxx xxxx
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-001-ref.xht
new file mode 100644
index 0000000000..8dd3992748
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: green solid 10px;
+ height: 13.75em;
+ width: 25.625em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is an hollow green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-001.xht b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-001.xht
new file mode 100644
index 0000000000..0e90993785
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The Height of Lines</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#the-height-of-lines"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="match" href="c44-ln-box-001-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 10px/20px Ahem; color: white; background: red url(support/css1test44b.png) no-repeat;
+ width: 39em; padding: 0.5em 1em; border: 1em solid green; }
+ img.twoa, img.twob { width: 3em; height: 3em; padding: 0.5em; border-style: solid; border-width: 1em; margin: 1.5em; }
+ img.twoa { vertical-align: text-bottom; }
+ img.twob { vertical-align: text-top; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8 Line height calculations: the 'line-height' and 'vertical-align' properties"/>
+ </head>
+ <body>
+ <p>Test passes if there is an hollow green rectangle and <strong>no red</strong>.</p>
+ <div>
+ xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
+ xxxx
+ <img src="support/swatch-white.png" alt="Image download support must be enabled" class="twoa" />
+ xxxx xxxx
+ <img src="support/swatch-white.png" alt="Image download support must be enabled" class="twob" />
+ xxxx
+ xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-002-ref.xht
new file mode 100644
index 0000000000..915e145ab3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-002-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: green solid 20px;
+ height: 13.75em;
+ width: 20em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is an hollow green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-002.xht b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-002.xht
new file mode 100644
index 0000000000..abb35ef7bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-002.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The Height of Lines</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#the-height-of-lines"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c44-ln-box-002-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 20px/40px Ahem; color: white; background: red url(support/css1test44c.png) no-repeat;
+ width: 14em; padding: 0.5em 1em; border: 1em solid green; }
+ img.twoc { vertical-align: middle; width: 2em; height: 2em;
+ padding: 0.9em 0.5em 0.1em; border: solid 1em; margin: -1.5em -0.5em -1.7em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8 Line height calculations: the 'line-height' and 'vertical-align' properties"/>
+ </head>
+ <body>
+ <p>Test passes if there is an hollow green rectangle and <strong>no red</strong>.</p>
+ <div>
+ xxxx xxxx xxxx
+ xxxx xxxx xxxx
+ xxxx
+ <img src="support/swatch-white.png" alt="Image download support must be enabled" class="twoc" />
+ xxxx
+ xxxx xxxx xxxx
+ xxxx xxxx xxxx
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-003.xht b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-003.xht
new file mode 100644
index 0000000000..eb20083f8c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c44-ln-box-003.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The Height of Lines</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#the-height-of-lines"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c44-ln-box-002-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 20px/40px Ahem; color: white; background: red url(support/css1test44d.png) no-repeat;
+ width: 14em; padding: 0.5em 1em; border: 1em solid green; }
+ img.twoc { vertical-align: -0.7em
+ /* 0.4em is exactly equal to 0.5ex which is exactly equal to the distance that 'middle'
+ causes the centerpoint of the image to be from the baseline. Since the centerpoint
+ is 1em above the bottom of the image, that means the bottom of the image has to be
+ moved -0.6em so that it is at the same position as it would be with 'vertical-align'
+ set to 'middle'. The bottom of the image is a further 0.6em+1em-1.5em from the bottom
+ margin edge of the whole replaced element, which is what needs to be moved away from
+ the baseline. So -(0.6em+(0.6em+1em-1.5em)) = -0.7em is the distance to move. */;
+ width: 2em; height: 2em; padding: 0.4em 0.5em 0.6em; border: solid 1em; margin: -1.5em -0.5em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8 Line height calculations: the 'line-height' and 'vertical-align' properties"/>
+ </head>
+ <body>
+ <p>Test passes if there is an hollow green rectangle and <strong>no red</strong>.</p>
+ <div>
+ xxxx xxxx xxxx
+ xxxx xxxx xxxx
+ xxxx
+ <img src="support/swatch-white.png" alt="Image download support must be enabled" class="twoc" />
+ xxxx
+ xxxx xxxx xxxx
+ xxxx xxxx xxxx
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c45-bg-canvas-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c45-bg-canvas-000-ref.xht
new file mode 100644
index 0000000000..6abae5a54d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c45-bg-canvas-000-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: purple;
+ margin: 8px;
+ }
+
+ p
+ {
+ background-color: navy;
+ color: white;
+ margin: 25px 17px 25px 17px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This paragraph should be in a blue block near the top of the page. Around it on all sides should be purple.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c45-bg-canvas-000.xht b/testing/web-platform/tests/css/CSS2/css1/c45-bg-canvas-000.xht
new file mode 100644
index 0000000000..600b65fdc8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c45-bg-canvas-000.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The Canvas</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#the-canvas"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c45-bg-canvas-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ html { background-color: purple; }
+ body { background-color: navy; background-image: none; margin: 25px; color: white; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" title="14.2 The background"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/intro.html#the-canvas" title="2.3.1 The canvas"/>
+ </head>
+ <body>
+ <p>This paragraph should be in a blue block near the top of the
+ page. Around it on all sides should be purple.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c522-font-family-000.xht b/testing/web-platform/tests/css/CSS2/css1/c522-font-family-000.xht
new file mode 100644
index 0000000000..997681fc0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c522-font-family-000.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font-family</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-family"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { margin: 0; color: navy; }
+ div.a {font-family: serif;}
+ div.b {font-family: monospace;}
+ .one {font-family: serif;}
+ .two {font-family: sans-serif;}
+ .three {font-family: cursive;}
+ .four {font-family: fantasy;}
+ .five {font-family: monospace;}
+ .six {font-family: sans-serif,cursive;}
+ .seven {font-family: monospace,serif;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ </head>
+ <body>
+ <div class="a">
+ <p> This sentence should be in a serif font. </p>
+ <p class="one"> This sentence should be in a serif font. </p>
+ <p class="two"> This sentence should be in a sans-serif font. </p>
+ <p class="three"> This sentence should be in a cursive font. </p>
+ <p class="four"> This sentence should be in a fantasy font. </p>
+ <p class="five"> This sentence should be in a monospace font. </p>
+ </div>
+ <p class="six"> This sentence should be in a sans-serif font. </p>
+ <p class="seven"> This sentence should be in a monospace font. </p>
+ <div class="b">
+ <p> This sentence should be in a monospace font. </p>
+ <p class="one"> This sentence should be in a serif font. </p>
+ <p class="two"> This sentence should be in a sans-serif font. </p>
+ <p class="three"> This sentence should be in a cursive font. </p>
+ <p class="four"> This sentence should be in a fantasy font. </p>
+ <p class="five"> This sentence should be in a monospace font. </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c523-font-style-000.xht b/testing/web-platform/tests/css/CSS2/css1/c523-font-style-000.xht
new file mode 100644
index 0000000000..1710dd002f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c523-font-style-000.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font-style</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-style"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: navy; }
+ .one {font-style: italic;}
+ .two {font-style: oblique;}
+ .three, i {font-style: normal;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
+ </head>
+ <body>
+ <p class="one">
+ This sentence should be in italics.
+ <span class="three">This sentence should be normal.</span>
+ </p>
+ <p class="two"> This sentence should be oblique. </p>
+ <p> <i>This sentence should be normal.</i> </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c524-font-var-000.xht b/testing/web-platform/tests/css/CSS2/css1/c524-font-var-000.xht
new file mode 100644
index 0000000000..2be38d95c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c524-font-var-000.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font-variant</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-variant"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: navy; }
+ .one {font-variant: small-caps;}
+ .two {font-variant: normal;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ </head>
+ <body>
+ <p class="one">This sentence Should be In small Caps with Every other Word capitalized. </p>
+ <p class="one">
+ This sentence Should be In small Caps with Every other Word capitalized.
+ <span class="two">This sentence Should be In normal Mixed case (Every other Word capitalized).</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c525-font-wt-000.xht b/testing/web-platform/tests/css/CSS2/css1/c525-font-wt-000.xht
new file mode 100644
index 0000000000..65e4fe91e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c525-font-wt-000.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font-weight</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-weight"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { margin: 0.5em 0; }
+ p, h4 { color: navy; }
+ .bold {font-weight: bold;}
+ .bolder {font-weight: bolder;}
+ b {font-weight: lighter;}
+ .normal { font-weight: normal; }
+
+ .one { font-weight: 100; }
+ .two { font-weight: 200; }
+ .three { font-weight: 300; }
+ .four { font-weight: 400; }
+ .five { font-weight: 500; }
+ .six { font-weight: 600; }
+ .seven { font-weight: 700; }
+ .eight { font-weight: 800; }
+ .nine { font-weight: 900; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ </head>
+ <body>
+ <p>This sentence is normal. </p>
+ <p class="normal">This sentence should also be normal.</p>
+ <p class="four">This sentence should also be normal.</p>
+ <p class="bolder"> This sentence should be bolder than normal. </p>
+ <p class="bold"> This sentence should be bold. </p>
+ <h4> Whatever this line looks like... </h4>
+ <h4 class="bolder"> ...this line should look bolder (or the same).</h4>
+ <p> <b>This sentence should be lighter than normal (or the same).</b> </p>
+ <p class="bold">
+ This sentence should be bold.
+ <span class="normal"> This sentence should be normal.</span>
+ </p>
+
+ <hr/>
+
+ <p>For the following nine lines, each must be bolder or the same as the previous:</p>
+ <p class="one">Line 1 (Lightest)</p>
+ <p class="two">Line 2</p>
+ <p class="three">Line 3</p>
+ <p class="four">Line 4 (Normal)</p>
+ <p class="five">Line 5</p>
+ <p class="six">Line 6</p>
+ <p class="seven">Line 7</p>
+ <p class="eight">Line 8</p>
+ <p class="nine">Line 9 (Boldest)</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-000.xht b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-000.xht
new file mode 100644
index 0000000000..b6bf673cef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-000.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font-size</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-size"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: navy; margin: 10px; }
+ .one {font-size: medium;}
+ .two {font-size: larger;}
+ .three {font-size: smaller;}
+ .four {font-size: xx-small;}
+ .five {font-size: x-small;}
+ .six {font-size: small;}
+ .seven {font-size: large;}
+ .eight {font-size: x-large;}
+ .nine {font-size: xx-large;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop" />
+ </head>
+ <body>
+ <p> This sentence should be normal. </p>
+ <p class="one"> This sentence should be the same. </p>
+ <p class="two"> This sentence should be larger than normal. </p>
+ <p class="three"> This sentence should be smaller than normal. </p>
+ <p class="four">
+ This sentence should be very small.
+ <span class="one">This sentence should be back to normal.</span>
+ </p>
+ <p class="five">
+ This sentence should be rather small.
+ <span class="one">This sentence should be back to normal.</span>
+ </p>
+ <p class="six">
+ This sentence should be small.
+ <span class="one">This sentence should be back to normal.</span>
+ </p>
+ <p class="seven">
+ This sentence should be large.
+ <span class="one">This sentence should be back to normal.</span>
+ </p>
+ <p class="eight">
+ This sentence should be rather large.
+ <span class="one">This sentence should be back to normal.</span>
+ </p>
+ <p class="nine">
+ This sentence should be very large.
+ <span class="one">This sentence should be back to normal.</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-001-ref.xht
new file mode 100644
index 0000000000..dd2fea9992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-001-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 360px;
+ margin-left: 120px;
+ width: 60px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is an uninterrupted smooth column of blue.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-001.xht b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-001.xht
new file mode 100644
index 0000000000..387e916bff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-001.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font-size</title>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-27 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-size"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop" />
+ <link rel="match" href="c526-font-sz-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { color: blue; font: 3.75em/1 Ahem; margin: 0 2em; }
+ .a {font-size: 0.625in;}
+ .b {font-size: 1.5875cm;}
+ .c {font-size: 15.875mm;}
+ .d {font-size: 45pt;}
+ .e {font-size: 3.75pc;}
+ .h {font-size: 60px;}
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is an uninterrupted smooth column of blue.</p>
+ <div class="a"> x </div>
+ <div class="b"> x </div>
+ <div class="c"> x </div>
+ <div class="d"> x </div>
+ <div class="e"> x </div>
+ <div class="h"> x </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-002-ref.xht
new file mode 100644
index 0000000000..a50503fb85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-002-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 120px;
+ width: 40px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short uninterrupted smooth column of blue.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-002.xht b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-002.xht
new file mode 100644
index 0000000000..218c28e312
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font-size</title>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-27 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-size"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop" />
+ <link rel="match" href="c526-font-sz-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .ahem { font: 1.25em/1 Ahem; color: blue; }
+ .f {font-size: 2em;}
+ .g {font-size: 2.5ex;}
+ .i {font-size: 200%;}
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a short uninterrupted smooth column of blue.</p>
+ <div class="ahem">
+ <div class="f"> x </div>
+ <div class="g"> x </div>
+ <div class="i"> x </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-003-ref.xht
new file mode 100644
index 0000000000..9de6850621
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-003-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: navy;
+ height: 60px;
+ margin: 10px 30px;
+ width: 60px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 blue navy squares have the <strong>same size</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-003.xht b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-003.xht
new file mode 100644
index 0000000000..816287dda9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c526-font-sz-003.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font-size</title>
+
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font-size"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 -->
+ <link rel="match" href="c526-font-sz-003-ref.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .j { font-size: 3.75em; color: navy; font-family: Ahem; line-height: 1; }
+ .a { font-size: 1em; }
+ .b { font-size: 1em; font-size: -0.5in; }
+ .j p { margin: 10px 30px; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop" />
+ </head>
+ <body>
+ <p>Test passes if the 2 blue navy squares have the <strong>same size</strong>.</p>
+ <div class="j">
+ <p class="a"> x </p>
+ <p class="b"> x </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-000.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-000.xht
new file mode 100644
index 0000000000..516c42109b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-000.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body {font-size: 12px; color: navy;}
+ .one {font: italic small-caps 13px Helvetica;}
+ span.dummy {color: silver;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ </head>
+ <body>
+ <p class="one">
+ This text should be 13px Helvetica in small-caps and italicized. There should be a small gap between each line.
+ <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text </span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-001.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-001.xht
new file mode 100644
index 0000000000..3b37c5cd0b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-001.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body {font-size: 12px; color: navy;}
+ .two {font: 150%/150% serif;}
+ span.dummy {color: silver;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop" />
+ </head>
+ <body>
+ <p class="two">
+ This text should be 18px serif. There should be 27px between baselines
+ (9px gap between lines).
+ <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text </span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-002.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-002.xht
new file mode 100644
index 0000000000..ef7feb9a05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-002.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body {font-size: 12px; color: navy;}
+ .three {font: 150%/150% sans-serif;}
+ span.dummy {color: silver;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ </head>
+ <body>
+ <p class="three">
+ This text should be 18px sans-serif. There should be 27px between baselines
+ (9px gap between lines).
+ <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text </span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-003.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-003.xht
new file mode 100644
index 0000000000..e37aa6dd12
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-003.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body {font-size: 12px; color: navy;}
+ .four {font: small/200% cursive;}
+ span.dummy {color: silver;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+
+ </head>
+ <body>
+ <p class="four">
+ This text should be small and cursive, with double line spacing.
+ <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text </span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-004.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-004.xht
new file mode 100644
index 0000000000..323d4bc843
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-004.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body {font-size: 12px; color: navy;}
+ .five {font: italic small-caps 900 150%/150% sans-serif;}
+ span.dummy {color: silver;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ </head>
+ <body>
+ <p class="five">
+ This text should be 18px sans-serif, in small-caps, italicized, and very bold.
+ There should be 27px between baselines (9px gap between lines).
+ <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text </span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-005.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-005.xht
new file mode 100644
index 0000000000..2e18d59caf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-005.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body {font-size: 12px; color: navy;}
+ .six {font: italic small-caps 100 150%/300% sans-serif;}
+ span.dummy {color: silver;}
+ span.color {background-color: silver;}
+ span.color span.dummy {color: gray;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+
+ </head>
+ <body>
+ <p class="six">
+ This text should be 18px sans-serif, in small-caps, italicized, and very light.
+ There should be 54px between baselines (36px gap between lines).
+ <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text </span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-006.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-006.xht
new file mode 100644
index 0000000000..95f340376a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-006.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body {font-size: 12px; color: navy;}
+ .seven {font: italic small-caps 900 150%/2em monospace;}
+ span.dummy {color: silver;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ </head>
+ <body>
+ <p class="seven">
+ This text should be 18px monospace, in small-caps, italicized, and very bold, with double line spacing.
+ <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text </span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-007.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-007.xht
new file mode 100644
index 0000000000..c6ecd3eb81
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-007.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body {font-size: 12px; color: navy;}
+ .eight {font: italic small-caps 500 150%/1in sans-serif;}
+ span.dummy {color: silver;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ </head>
+ <body>
+ <p class="eight">
+ This text should be 18px sans-serif, in small-caps and italicized.
+ The baselines should be one inch apart.
+ <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text </span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-008.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-008.xht
new file mode 100644
index 0000000000..ba6aa2003f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-008.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body {font-size: 12px; color: navy;}
+ .nine {font: oblique normal 700 18px/200% sans-serif;}
+ span.dummy {color: silver;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ </head>
+ <body>
+ <p class="nine">
+ This text should be 18px sans-serif, oblique, and bold.
+ There should be 36px between baselines (18px gap between lines).
+ <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text </span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-009.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-009.xht
new file mode 100644
index 0000000000..b3596c3225
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-009.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body {font-size: 16px; color: navy;}
+ .ten {font: normal 400 75%/2.5 sans-serif;}
+ span.dummy {color: silver;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ </head>
+ <body>
+ <p class="ten">
+ This test should be 12px, sans-serif, and light.
+ There should be 30px between baselines (18px gap between lines).
+ <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text </span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c527-font-10.xht b/testing/web-platform/tests/css/CSS2/css1/c527-font-10.xht
new file mode 100644
index 0000000000..3df39b764f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c527-font-10.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body {font-size: 12px;}
+ .eleven {font: italic small-caps 100 150%/300% sans-serif;}
+ span.color {background-color: navy; color: white; }
+ span.dummy {color: blue;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ </head>
+ <body>
+ <p class="eleven">
+ <span class="color">
+ This text should be 18px sans-serif, in small-caps, italicized,
+ and very light. There should be 54px between baselines, with a
+ 36px gap between lines. The text should have a blue background,
+ the gap should not.
+ <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text </span>
+ </span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c531-color-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c531-color-000-ref.xht
new file mode 100644
index 0000000000..d5f76d6ed0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c531-color-000-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: green;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>This text should be green.</p>
+
+ <p>This text should be green.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c531-color-000.xht b/testing/web-platform/tests/css/CSS2/css1/c531-color-000.xht
new file mode 100644
index 0000000000..1568eff2ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c531-color-000.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: color</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#color"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c531-color-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .one {color: green;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" title="14.1 Foreground color: the 'color' property"/>
+ </head>
+ <body>
+ <p class="one">
+ This text should be green.
+ </p>
+ <p style="color: green;">
+ This text should be green.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-000-ref.xht
new file mode 100644
index 0000000000..5de84cf3f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-000-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {background-color: lime;}
+ p#pale {background-color: #AFA;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>This sentence should have a bright green background.</p>
+
+ <p>This sentence should have a bright green background too.</p>
+
+ <p id="pale">This sentence should have a pale green background.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-000.xht b/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-000.xht
new file mode 100644
index 0000000000..5436d312fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-000.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: background-color</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-color"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c532-bgcolor-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ p {background-color: lime;}
+ .one {background-color: #AAFFAA;}
+ .two {background-color: transparent;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <p> This sentence should have a bright green background. </p>
+ <p> This sentence <span class="two">should have a bright green background</span> too.</p>
+ <p class="one"> This sentence should have a pale green background. </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-001.xht b/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-001.xht
new file mode 100644
index 0000000000..8ea2987175
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c532-bgcolor-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: background-color</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-color"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
+
+ <style type="text/css"><![CDATA[
+ body { color: green; }
+ p {background-color: red;}
+ .two {background-color: transparent;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <p class="two">
+ This text should be green.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-000-ref.xht
new file mode 100644
index 0000000000..7faa527a28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-000-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {background-color: lime;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>This sentence should have a bright green background.</p>
+
+ <p>This sentence should have a bright green background too.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-000.xht b/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-000.xht
new file mode 100644
index 0000000000..1cfd5320b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-000.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: background-image</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-image"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c533-bgimage-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ p {background-image: url(support/1x1-lime.png);}
+ .one {background-image: none;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <p> This sentence should have a bright green background. </p>
+ <p> This sentence <span class="one">should have a bright green background</span> too.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-001.xht b/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-001.xht
new file mode 100644
index 0000000000..8505c53044
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c533-bgimage-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: background-image</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-image"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
+
+ <style type="text/css"><![CDATA[
+ body { color: green; }
+ p {background-image: url(support/1x1-red.png);}
+ .two {background-image: none;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <p class="two">
+ This text should be green.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgre-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgre-000-ref.xht
new file mode 100644
index 0000000000..ad8648ad5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgre-000-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 231px;
+ width: 156px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgre-000.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgre-000.xht
new file mode 100644
index 0000000000..cd546ba75a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgre-000.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: background-repeat</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-repeat"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c534-bgre-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .test { font: 15px/1 Ahem; width: 10em; background: red; color: green; border: solid green; }
+ .one {background-image: url(support/swatch-green.png); background-repeat: repeat-y;}
+ .two {background-image: url(support/swatch-green.png); background-repeat: repeat-x;}
+ .three {background-image: url(support/swatch-green.png); background-repeat: no-repeat;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle.</p>
+ <div class="test">
+ <div class="one">
+ &#xA0;xxxxxxxxx
+ &#xA0;xxxxxxxxx
+ &#xA0;xxxxxxxxx
+ &#xA0;xxxxxxxxx
+ &#xA0;xxxxxxxxx
+ </div>
+ <div class="two">
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ xxxxxxxxxx
+ xxxxxxxxxx
+ xxxxxxxxxx
+ xxxxxxxxxx
+ </div>
+ <div class="three">
+ &#xA0;xxxxxxxxx
+ xxxxxxxxxx
+ xxxxxxxxxx
+ xxxxxxxxxx
+ xxxxxxxxxx
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgre-001.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgre-001.xht
new file mode 100644
index 0000000000..9a93878fae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgre-001.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: background-repeat</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-repeat"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c534-bgre-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .test { font: 15px/1 Ahem; width: 10em; background: green; color: green; border: solid green; }
+ .one {background-image: url(support/swatch-red.png); background-repeat: repeat-y;}
+ .two {background-image: url(support/swatch-red.png); background-repeat: repeat-x;}
+ .three {background-image: url(support/swatch-red.png); background-repeat: no-repeat;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle.</p>
+ <div class="test">
+ <div class="one">
+ z&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ z&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ z&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ z&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ z&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ </div>
+ <div class="two">
+ zzzzzzzzzz
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ </div>
+ <div class="three">
+ z&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-000-ref.xht
new file mode 100644
index 0000000000..56afa1106d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-000-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 106px;
+ width: 226px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-000.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-000.xht
new file mode 100644
index 0000000000..5f22d22280
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-000.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: background-repeat</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-repeat"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c534-bgreps-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .test { font: 20px/1 Ahem; width: 11em; background: red; color: green; border: solid green; }
+ .one {background-image: url(support/pattern-grg-rgr-grg.png); background-position: 50% 50%; background-repeat: repeat-y;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle.</p>
+ <div class="test">
+ <div class="one">
+ xxxx&#xA0;x&#xA0;xxxx
+ xxxx&#xA0;x&#xA0;xxxx
+ xxxxx&#xA0;xxxxx
+ xxxx&#xA0;x&#xA0;xxxx
+ xxxx&#xA0;x&#xA0;xxxx
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-001.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-001.xht
new file mode 100644
index 0000000000..50dab70528
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: background-repeat</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-repeat"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c534-bgreps-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .test { font: 20px/1 Ahem; width: 11em; background: green; color: green; border: solid green; }
+ .one {background-image: url(support/pattern-grg-rgr-grg.png); background-position: 50% 50%; background-repeat: repeat-y;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle.</p>
+ <div class="test">
+ <div class="one">
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;x&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;x&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;x&#xA0;x&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;x&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;x&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-002.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-002.xht
new file mode 100644
index 0000000000..e424052214
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: background-repeat</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-repeat"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c534-bgreps-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .test { font: 20px/1 Ahem; width: 11em; background: red; color: green; border: solid green; }
+ .one {background-image: url(support/pattern-grg-rgr-grg.png); background-position: 50% 50%;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle.</p>
+ <div class="test">
+ <div class="one">
+ &#xA0;&#xA0;_&#xA0;&#xA0;_&#xA0;&#xA0;_&#xA0;&#xA0;
+ &#xA0;&#xA0;_&#xA0;&#xA0;_&#xA0;&#xA0;_&#xA0;&#xA0;
+ __&#xA0;__&#xA0;__&#xA0;__
+ &#xA0;&#xA0;_&#xA0;&#xA0;_&#xA0;&#xA0;_&#xA0;&#xA0;
+ &#xA0;&#xA0;_&#xA0;&#xA0;_&#xA0;&#xA0;_&#xA0;&#xA0;
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-003.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-003.xht
new file mode 100644
index 0000000000..5653e9bfd9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-003.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: background-repeat</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-repeat"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c534-bgreps-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .test { font: 20px/1 Ahem; width: 11em; background: red; color: green; border: solid green; }
+ .one {background-image: url(support/pattern-grg-rgr-grg.png); background-position: center top;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle.</p>
+ <div class="test">
+ <div class="one">
+ &#xA0;&#xA0;r&#xA0;&#xA0;r&#xA0;&#xA0;r&#xA0;&#xA0;
+ rr&#xA0;rr&#xA0;rr&#xA0;rr
+ &#xA0;&#xA0;r&#xA0;&#xA0;r&#xA0;&#xA0;r&#xA0;&#xA0;
+ &#xA0;&#xA0;r&#xA0;&#xA0;r&#xA0;&#xA0;r&#xA0;&#xA0;
+ rr&#xA0;rr&#xA0;rr&#xA0;rr
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-004.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-004.xht
new file mode 100644
index 0000000000..4e92c2621e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-004.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: background-repeat</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-repeat"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c534-bgreps-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .test { font: 20px/1 Ahem; width: 11em; background: red; color: green; border: solid green; }
+ .one {background-image: url(support/pattern-grg-rgr-grg.png); background-position: top left;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle.</p>
+ <div class="test">
+ <div class="one">
+ &#xA0;r&#xA0;&#xA0;r&#xA0;&#xA0;r&#xA0;&#xA0;r
+ r&#xA0;rr&#xA0;rr&#xA0;rr&#xA0;
+ &#xA0;r&#xA0;&#xA0;r&#xA0;&#xA0;r&#xA0;&#xA0;r
+ &#xA0;r&#xA0;&#xA0;r&#xA0;&#xA0;r&#xA0;&#xA0;r
+ r&#xA0;rr&#xA0;rr&#xA0;rr&#xA0;
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-005.xht b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-005.xht
new file mode 100644
index 0000000000..1987859c39
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c534-bgreps-005.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: background-repeat</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-repeat"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c534-bgreps-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .test { font: 20px/1 Ahem; width: 11em; background: red; color: green; border: solid green; }
+ .one {background-image: url(support/pattern-grg-rgr-grg.png); background-position: bottom right;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle.</p>
+ <div class="test">
+ <div class="one">
+ &#xA0;rr&#xA0;rr&#xA0;rr&#xA0;r
+ r&#xA0;&#xA0;r&#xA0;&#xA0;r&#xA0;&#xA0;r&#xA0;
+ r&#xA0;&#xA0;r&#xA0;&#xA0;r&#xA0;&#xA0;r&#xA0;
+ &#xA0;rr&#xA0;rr&#xA0;rr&#xA0;r
+ r&#xA0;&#xA0;r&#xA0;&#xA0;r&#xA0;&#xA0;r&#xA0;
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c535-bg-fixd-000.xht b/testing/web-platform/tests/css/CSS2/css1/c535-bg-fixd-000.xht
new file mode 100644
index 0000000000..0942ddba60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c535-bg-fixd-000.xht
@@ -0,0 +1,178 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: background-attachment</title>
+ <meta name="flags" content="image interact scroll" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-attachment"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ html {background-image: url(support/swatch-blue.png); background-repeat: repeat-x; background-attachment: fixed;}
+ div { color: silver; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <p>Scroll this document. A line of blue should remain stuck at the
+ top of the viewport the whole time.</p>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ <div>Dummy text.</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-000-ref.xht
new file mode 100644
index 0000000000..eb61515069
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-000-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ height: 260px;
+ margin: 31px 0px 0px 0px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <div>There should be no red on this page (look in the upper right hand corner too).</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-000.xht b/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-000.xht
new file mode 100644
index 0000000000..0b8ec1f67d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-000.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: background-position</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-position"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 -->
+ <link rel="match" href="c536-bgpos-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ html,body,div { margin: 0; border: 0; padding: 0; }
+ div { font: 15px/1 Ahem; color: white; width: 11em; }
+ .right { width: auto; text-align: right; }
+
+ /* tests */
+ body {background-image: url(support/swatch-red.png); background-position: right top;
+ background-repeat: no-repeat;}
+ .one {background-image: url(support/swatch-red.png); background-position: center;
+ background-repeat: no-repeat;}
+ .two {background-image: url(support/swatch-red.png); background-position: 50% 50%;
+ background-repeat: no-repeat;}
+ .three {background-image: url(support/swatch-red.png); background-position: bottom right;
+ background-repeat: no-repeat;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <div class="right">X</div>
+ <p>There should be no red on this page (look in the upper right hand corner too).</p>
+ <div class="one">
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;X&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ </div>
+ <div class="two">
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;X&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ </div>
+ <div class="three">
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;X
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-001-ref.xht
new file mode 100644
index 0000000000..949546fbc5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-001-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ height: 335px;
+ margin: 16px 0px 0px 0px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <div>There should be no red on this page.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-001.xht b/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-001.xht
new file mode 100644
index 0000000000..bec5a16db3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c536-bgpos-001.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: background-position</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background-position"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 -->
+ <link rel="match" href="c536-bgpos-001-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ html,body,div { margin: 0; border: 0; padding: 0; }
+ div { font: 15px/1 Ahem; color: white; width: 11em; }
+
+ /* tests */
+ .four {background-image: url(support/swatch-red.png); background-position: 100% 100%;
+ background-repeat: no-repeat;}
+ .five {background-image: url(support/swatch-red.png); background-position: 0% 50%;
+ background-repeat: no-repeat;}
+ .six {background-image: url(support/swatch-red.png); background-position: 80% 25%;
+ background-repeat: no-repeat;}
+ .seven {background-image: url(support/swatch-red.png); background-position: 30px 30px;
+ background-repeat: no-repeat;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <p>There should be no red on this page.</p>
+ <div class="four">
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;X
+ </div>
+ <div class="five">
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ X&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ </div>
+ <div class="six">
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;X&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ </div>
+ <div class="seven">
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;X&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c537-bgfxps-000.xht b/testing/web-platform/tests/css/CSS2/css1/c537-bgfxps-000.xht
new file mode 100644
index 0000000000..3ed68448b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c537-bgfxps-000.xht
@@ -0,0 +1,94 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: background</title>
+ <meta name="flags" content="ahem image interact scroll" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#background"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ html {background: url(support/swatch-blue.png) repeat-x center top fixed;}
+ div { font: 15px/1 Ahem; background: red; color: green; width: 11em; margin: 0 0 0 2em; }
+ .dummy { color: silver; }
+ .one {background: green url(support/swatch-red.png) repeat-y 100% 0%;}
+ .two {background: green url(support/swatch-red.png) repeat-y center top;}
+ .three {background: green url(support/swatch-red.png) repeat-x left top;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p>Scroll this document. A line of blue should remain stuck at the
+ top of the viewport the whole time, and there should be no red
+ below, just a block of green.</p>
+ <div class="one">
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;X
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;X
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;X
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;X
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;X
+ </div>
+ <div class="two">
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;X&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;X&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;X&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;X&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;X&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ </div>
+ <div class="three">
+ XXXXXXXXXXX
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
+ </div>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ <p class="dummy">Dummy text.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-000-ref.xht
new file mode 100644
index 0000000000..309cac45ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-000-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 30px/1 Ahem; width: 18em; background: yellow; color: aqua; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" title="16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties"/>
+ </head>
+ <body>
+ <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p>
+ <div class="test">x&#xA0;&#xA0;xx&#xA0;&#xA0;xxx&#xA0;&#xA0;xxxx</div>
+ <div class="test">x&#xA0;&#xA0;xx&#xA0;&#xA0;xxx&#xA0;&#xA0;xxxx</div>
+ <div class="test">x&#xA0;&#xA0;xx&#xA0;&#xA0;xxx&#xA0;&#xA0;xxxx</div>
+ <div class="test">x&#xA0;&#xA0;xx&#xA0;&#xA0;xxx&#xA0;&#xA0;xxxx</div>
+ <div class="test">x&#xA0;&#xA0;xx&#xA0;&#xA0;xxx&#xA0;&#xA0;xxxx</div>
+ <div class="test">x&#xA0;&#xA0;xx&#xA0;&#xA0;xxx&#xA0;&#xA0;xxxx</div>
+ <div class="test">x&#xA0;&#xA0;xx&#xA0;&#xA0;xxx&#xA0;&#xA0;xxxx</div>
+ <div class="test">x&#xA0;&#xA0;xx&#xA0;&#xA0;xxx&#xA0;&#xA0;xxxx</div>
+ <div class="test">x&#xA0;&#xA0;xx&#xA0;&#xA0;xxx&#xA0;&#xA0;xxxx</div>
+ <div class="test">x&#xA0;&#xA0;xx&#xA0;&#xA0;xxx&#xA0;&#xA0;xxxx</div>
+ <div class="test">x&#xA0;&#xA0;xx&#xA0;&#xA0;xxx&#xA0;&#xA0;xxxx</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-000.xht b/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-000.xht
new file mode 100644
index 0000000000..92130a1bb2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-000.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: word-spacing</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#word-spacing"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-06-08 -->
+ <link rel="match" href="c541-word-sp-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 30px/1 Ahem; width: 18em; background: yellow; color: aqua; }
+ .one {word-spacing: 0.3125in;}
+ .two {word-spacing: 0.79375cm;}
+ .three {word-spacing: 7.9375mm;}
+ .four {word-spacing: 22.5pt;}
+ .five {word-spacing: 1.875pc;}
+ .six {word-spacing: 1em;}
+ .seven {word-spacing: 1.25ex;}
+ .eight {word-spacing: 30px;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" title="16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties"/>
+ </head>
+ <body>
+ <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p>
+ <div class="test">x&#xA0;&#xA0;xx&#xA0;&#xA0;xxx&#xA0;&#xA0;xxxx</div>
+ <div class="test">x&#xA0;&#xA0;xx&#xA0;&#xA0;xxx&#xA0;&#xA0;xxxx</div>
+ <div class="test">x&#xA0;&#xA0;xx&#xA0;&#xA0;xxx&#xA0;&#xA0;xxxx</div>
+ <div class="one"> x xx xxx xxxx </div>
+ <div class="two"> x xx xxx xxxx </div>
+ <div class="three"> x xx xxx xxxx </div>
+ <div class="four"> x xx xxx xxxx </div>
+ <div class="five"> x xx xxx xxxx </div>
+ <div class="six"> x xx xxx xxxx </div>
+ <div class="seven"> x xx xxx xxxx </div>
+ <div class="eight"> x xx xxx xxxx </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-001-ref.xht
new file mode 100644
index 0000000000..25dcde1859
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-001-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 25px/1 Ahem; width: 12em; background: yellow; color: aqua; margin: 0 0 0 2em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" title="16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties"/>
+ </head>
+ <body>
+ <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p>
+ <div class="test">x&#xA0;&#xA0;x&#xA0;&#xA0;xx&#xA0;xx</div>
+ <div class="test">x&#xA0;&#xA0;x&#xA0;&#xA0;xx&#xA0;xx</div>
+ <div class="test">x&#xA0;&#xA0;x&#xA0;&#xA0;xx&#xA0;xx</div>
+ <div class="test">x&#xA0;&#xA0;x&#xA0;&#xA0;xx&#xA0;xx</div>
+ <div class="test">x&#xA0;&#xA0;x&#xA0;&#xA0;xx&#xA0;xx</div>
+ <div class="test">x&#xA0;&#xA0;x&#xA0;&#xA0;xx&#xA0;xx</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-001.xht b/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-001.xht
new file mode 100644
index 0000000000..8b83eb8316
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c541-word-sp-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: word-spacing</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#word-spacing"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c541-word-sp-001-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 25px/1 Ahem; width: 12em; background: yellow; color: aqua; margin: 0 0 0 2em; }
+ .eight {word-spacing: 25px;}
+ .nine {word-spacing: normal;}
+ .ten {word-spacing: 300%;}
+ .eleven {word-spacing: -1em;}
+ .fill { color: yellow; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" title="16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties"/>
+ </head>
+ <body>
+ <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p>
+ <div class="test">x&#xA0;&#xA0;x&#xA0;&#xA0;xx&#xA0;xx</div>
+ <div class="test">x&#xA0;&#xA0;x&#xA0;&#xA0;xx&#xA0;xx</div>
+ <div class="test">x&#xA0;&#xA0;x&#xA0;&#xA0;xx&#xA0;xx</div>
+ <div class="eight"> x x <span class="nine">xx xx</span> </div>
+ <div class="ten"> x&#xA0; x &#xA0;xx xx </div>
+ <div class="eleven"> x&#xA0; &#xA0;<span class="nine"> &#xA0;</span>x&#xA0;&#xA0;<span class="fill">xx</span> xx&#xA0; <span class="fill">x</span>xx </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-000-ref.xht
new file mode 100644
index 0000000000..e0672d94c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-000-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: aqua;
+ width: 540px;
+ }
+
+ img
+ {
+ margin-left: 30px;
+ vertical-align: bottom;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p>
+
+ <div><img src="support/swatch-yellow.png" width="30" height="330" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="90" height="330" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="30" height="330" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="90" height="330" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="30" height="330" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="90" height="330" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-000.xht b/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-000.xht
new file mode 100644
index 0000000000..4fa5f81a3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-000.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: letter-spacing</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#letter-spacing"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-06-08 -->
+ <link rel="match" href="c542-letter-sp-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 30px/1 Ahem; width: 18em; background: yellow; color: aqua; }
+ .one {letter-spacing: 0.3125in;}
+ .two {letter-spacing: 0.79375cm;}
+ .three {letter-spacing: 7.9375mm;}
+ .four {letter-spacing: 22.5pt;}
+ .five {letter-spacing: 1.875pc;}
+ .six {letter-spacing: 1em;}
+ .seven {letter-spacing: 1.25ex;}
+ .eight {letter-spacing: 30px;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" title="16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties"/>
+ </head>
+ <body>
+ <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p>
+ <div class="test">x&#xA0;x&#xA0;&#xA0;&#xA0;x&#xA0;x&#xA0;&#xA0;&#xA0;x&#xA0;x </div>
+ <div class="test">x&#xA0;x&#xA0;&#xA0;&#xA0;x&#xA0;x&#xA0;&#xA0;&#xA0;x&#xA0;x </div>
+ <div class="test">x&#xA0;x&#xA0;&#xA0;&#xA0;x&#xA0;x&#xA0;&#xA0;&#xA0;x&#xA0;x </div>
+ <div class="one"> xx xx xx </div>
+ <div class="two"> xx xx xx </div>
+ <div class="three"> xx xx xx </div>
+ <div class="four"> xx xx xx </div>
+ <div class="five"> xx xx xx </div>
+ <div class="six"> xx xx xx </div>
+ <div class="seven"> xx xx xx </div>
+ <div class="eight"> xx xx xx </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-001-ref.xht
new file mode 100644
index 0000000000..f4ee866e5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-001-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: aqua;
+ margin-left: 60px;
+ width: 450px;
+ }
+
+ img
+ {
+ margin-left: 30px;
+ vertical-align: bottom;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p>
+
+ <div><img src="support/swatch-yellow.png" width="60" height="180" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="150" height="180" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="60" height="180" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="60" height="180" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-001.xht b/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-001.xht
new file mode 100644
index 0000000000..9c489e9067
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c542-letter-sp-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: letter-spacing</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#letter-spacing"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c542-letter-sp-001-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 30px/1 Ahem; width: 15em; background: yellow; color: aqua; margin: 0 0 0 2em; }
+ .eight {letter-spacing: 60px;}
+ .nine {letter-spacing: normal;}
+ .ten {letter-spacing: 300%;}
+ .eleven {letter-spacing: -0.5em;}
+ .fill { color: yellow; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" title="16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties"/>
+ </head>
+ <body>
+ <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p>
+ <div class="test">x&#xA0;&#xA0;x&#xA0;&#xA0;&#xA0;&#xA0; x&#xA0; x </div>
+ <div class="test">x&#xA0;&#xA0;x&#xA0;&#xA0;&#xA0;&#xA0; x&#xA0; x </div>
+ <div class="test"><span class="eight"> xx xx </span></div>
+ <div class="eight"><span class="nine">x&#xA0;&#xA0;x&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;x&#xA0;&#xA0;x </span></div>
+ <div class="ten">x &#xA0;x&#xA0;&#xA0; &#xA0; x &#xA0;x </div>
+ <div class="eleven">x&#xA0; &#xA0;&#xA0; x&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;<span class="fill">x</span>&#xA0;x&#xA0;&#xA0;&#xA0;<span class="fill">x</span> x </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c543-txt-decor-000.xht b/testing/web-platform/tests/css/CSS2/css1/c543-txt-decor-000.xht
new file mode 100644
index 0000000000..1f36523cc3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c543-txt-decor-000.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: text-decoration</title>
+ <meta name="flags" content="animated image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#text-decoration"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: navy; }
+ .one {text-decoration: underline;}
+ .two {text-decoration: overline;}
+ .three {text-decoration: line-through;}
+ .four {text-decoration: blink;}
+ b.five {text-decoration: none;}
+ .six {text-decoration: underline overline;}
+ .seven {text-decoration: underline overline line-through;}
+ div, strong, img { color: red; }
+ .eight { color: white; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ </head>
+ <body>
+ <p class="one"> This sentence should be underlined. </p>
+ <p class="two"> This sentence should be overlined. </p>
+ <p class="three"> This sentence should be stricken out. </p>
+ <p class="four"> This sentence should be blinking (if the UA supports that). </p>
+ <p class="one"> The sentence should be underlined. <b class="five">This sentence should be underlined</b>. </p>
+ <p class="six"> This sentence should be underlined and overlined. </p>
+ <p class="seven"> This sentence should be underlined, overlined, and stricken. </p>
+ <div class="seven"></div> <!-- there should be no red on this page -->
+ <p> There should be no red at the end of this line.<img src="support/swatch-white.png" alt="FAIL: Images required." class="one"/>&#xA0;</p>
+ <p class="one">
+ The text of this sentence and all<span> </span>its<span>&nbsp;</span>spaces (including the space between the images)
+ <img src="support/square-teal.png" alt="FAIL: Images required."/>
+ <img src="support/square-purple.png" alt="FAIL: Images required."/>
+ should be underlined, but the images themselves should <em>not</em> be underlined.
+ </p>
+ <p class="one">
+ This sentence should have a long blue underline including between the two
+ arrows here&rarr;<span class="eight"> FAIL FAIL FAIL FAIL </span>&larr;and here.
+ </p>
+ <p>There should be a long blue underline between here&rarr;<span class="one"> &#xA0; &#xA0;&#xA0;&#xA0; &#xA0;&#xA0;&#xA0;&#xA0; &#xA0;&#xA0;&#xA0;&#xA0; &#xA0;&#xA0;&#xA0;&#xA0; </span> &larr;and here.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c544-valgn-000.xht b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-000.xht
new file mode 100644
index 0000000000..9cb30e7f3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-000.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: vertical-align</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#vertical-align"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {font: 50px/1 Ahem; color: white; margin: 1em; padding: 0.25em; background: teal url(support/square-teal.png) top left;}
+ img {height: 50px;}
+ .one {vertical-align: sub;}
+ .two {vertical-align: super;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ </head>
+ <body>
+ <p>There should be four identical white boxes in the teal block below, all the same size, each one a little lower down on the line, in a step pattern.</p>
+ <div> <span class="two">X</span> <img src="support/swatch-white.png" alt="FAIL: Image support required."/> X <span class="one">X</span></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c544-valgn-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-001-ref.xht
new file mode 100644
index 0000000000..7d115c3c8d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-001-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 240px;
+ margin-left: 15px;
+ width: 90px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and no red.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c544-valgn-001.xht b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-001.xht
new file mode 100644
index 0000000000..83ea2ef415
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: vertical-align</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#vertical-align"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c544-valgn-001-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .test {font: 15px/1 Ahem; color: green; background: red url(support/css1test544b.png) no-repeat; width: 90px; margin: 0 1em;}
+ img {height: 30px;}
+ .big {font-size:200%;}
+ .three {vertical-align: top; font-size: 15px;}
+ .four {vertical-align: text-top; font-size: 15px;}
+ .five {vertical-align: middle; font-size: 15px;}
+ .six {vertical-align: bottom; font-size: 15px;}
+ .seven {vertical-align: text-bottom; font-size: 15px;}
+ .eight {vertical-align: baseline; font-size: 15px;}
+ .nine {vertical-align: 50%; font-size: 15px; line-height: 20px;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and no red.</p>
+ <div class="test">
+ <div><img src="support/swatch-green.png" alt="FAIL: Image support required."/><span class="three">X</span>X</div>
+ <div><img src="support/swatch-green.png" alt="FAIL: Image support required."/><span class="big"><span class="four">X</span>X</span></div>
+ <div><img src="support/swatch-green.png" alt="FAIL: Image support required." class="five"/>X</div>
+ <div><img src="support/swatch-green.png" alt="FAIL: Image support required."/><span class="big"><span class="six">X</span>X</span></div>
+ <div><img src="support/swatch-green.png" alt="FAIL: Image support required."/><span class="big"><span class="seven">X</span>X</span></div>
+ <div><img src="support/swatch-green.png" alt="FAIL: Image support required."/><span class="big"><span class="eight">X</span>X</span></div>
+ <div><img src="support/swatch-green.png" alt="FAIL: Image support required."/><span class="nine">X</span>X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c544-valgn-002.xht b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-002.xht
new file mode 100644
index 0000000000..7d83ff5f18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-002.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: vertical-align</title>
+ <meta name="flags" content="ahem image interact" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#vertical-align"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ p {font-size: 12pt;}
+ p.example { font: 15px/1 Ahem; color: blue; background: white url(support/square-white.png); border: 1px solid silver; padding: 0.5em; margin: 1em; }
+ .no {color: silver;}
+ big {font-size: 20px;}
+ small {font-size: 10px;}
+ .ttopalign {vertical-align: text-top;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ </head>
+ <body>
+ <p class="explain">
+ Change your window size. However the lines wrap, the blue
+ rectanglues should always have their tops on the same alignment as
+ other blue rectangles on the line.
+ </p>
+ <p class="example">
+ xxx
+ <img src="support/swatch-blue.png" alt="[Image]" height="30" class="ttopalign" />
+ <span class="no" style="font-size: 250%;">xxx</span>
+ <img src="support/swatch-blue.png" alt="[Image]" height="50" class="ttopalign" />
+ <big class="no">xxx</big>
+ <img src="support/swatch-blue.png" alt="[Image]" height="10" class="ttopalign" />
+ <small class="no">xxx</small>
+ <img src="support/swatch-blue.png" alt="[Image]" height="20" class="ttopalign" />
+ xxx
+ <img src="support/swatch-blue.png" alt="[Image]" height="65" class="ttopalign" />
+ <span class="no" style="font-size: 2em;">xxx</span>
+ <img src="support/swatch-blue.png" alt="[Image]" height="35" class="ttopalign" />
+ xxx
+ <img src="support/swatch-blue.png" alt="[Image]" height="30" class="ttopalign" />
+ <span class="no" style="font-size: 150%;">xxx <span style="font-size: 250%;">xxx</span> xxx</span>
+ <img src="support/swatch-blue.png" alt="[Image]" height="50" class="ttopalign" />
+ <small class="no">xxx</small>
+ <img src="support/swatch-blue.png" alt="[Image]" height="15" class="ttopalign" />
+ <big class="no">xxx</big>
+ <img src="support/swatch-blue.png" alt="[Image]" height="90" class="ttopalign" />
+ xxx
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c544-valgn-003.xht b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-003.xht
new file mode 100644
index 0000000000..9b07fa6dcd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-003.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: vertical-align</title>
+ <meta name="flags" content="ahem image interact" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#vertical-align"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ p {font-size: 12pt;}
+ p.example { font: 15px/1 Ahem; color: blue; background: white url(support/square-white.png); border: 1px solid silver; padding: 0.5em; margin: 1em; }
+ .no {color: silver;}
+ big {font-size: 20px;}
+ small {font-size: 10px;}
+ .midalign {vertical-align: middle;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ </head>
+ <body>
+ <p class="explain">
+ Change your window size. However the lines wrap, the blue
+ rectanglues should always have their middles on the same alignment as
+ other blue rectangles on the line.
+ </p>
+ <p class="example">
+ &#xC9;&#xC9;&#xC9;
+ <img src="support/swatch-blue.png" alt="[Image]" height="30" class="midalign" />
+ <span class="no" style="font-size: 250%;">xxx</span>
+ <img src="support/swatch-blue.png" alt="[Image]" height="50" class="midalign" />
+ &#xC9;&#xC9;&#xC9;
+ <img src="support/swatch-blue.png" alt="[Image]" height="10" class="midalign" />
+ <small class="no">xxx</small>
+ <img src="support/swatch-blue.png" alt="[Image]" height="20" class="midalign" />
+ &#xC9;&#xC9;&#xC9;
+ <img src="support/swatch-blue.png" alt="[Image]" height="65" class="midalign" />
+ &#xC9;&#xC9;&#xC9;
+ <img src="support/swatch-blue.png" alt="[Image]" height="35" class="midalign" />
+ <span class="no" style="font-size: 2em;">xxx</span>
+ <img src="support/swatch-blue.png" alt="[Image]" height="50" class="midalign" />
+ <span class="no" style="font-size: 150%;">xxx <span style="font-size: 250%;">xxx</span> xxx</span>
+ <img src="support/swatch-blue.png" alt="[Image]" height="50" class="midalign" />
+ <small class="no">xxx</small>
+ <img src="support/swatch-blue.png" alt="[Image]" height="15" class="midalign" />
+ <big class="no">xxx</big>
+ <img src="support/swatch-blue.png" alt="[Image]" height="90" class="midalign" />
+ &#xC9;&#xC9;&#xC9;
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c544-valgn-004.xht b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-004.xht
new file mode 100644
index 0000000000..51c4c63a3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c544-valgn-004.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: vertical-align</title>
+ <meta name="flags" content="ahem image interact" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#vertical-align"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ p {font-size: 12pt;}
+ p.example { font: 15px/1 Ahem; color: blue; background: white url(support/square-white.png); border: 1px solid silver; padding: 0.5em; margin: 1em; }
+ .no {color: silver;}
+ big {font-size: 20px;}
+ small {font-size: 10px;}
+ .topalign {vertical-align: top;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ </head>
+ <body>
+ <p class="explain">
+ Change your window size. However the lines wrap, the blue
+ rectanglues should always have their tops on the same alignment as
+ other blue rectangles on the line.
+ </p>
+ <p class="example">
+ <span class="topalign">xxx</span>
+ <img src="support/swatch-blue.png" alt="[Image]" height="10" class="topalign" />
+ <span style="font-size: 250%;" class="topalign">xxx</span>
+ <img src="support/swatch-blue.png" alt="[Image]" height="10" class="topalign" />
+ <span class="topalign">xxx</span>
+ <img src="support/swatch-blue.png" alt="[Image]" height="10" class="topalign" />
+ <span class="topalign">xxx</span>
+ <img src="support/swatch-blue.png" alt="[Image]" height="10" class="topalign" />
+ <big class="topalign">xxx</big>
+ <img src="support/swatch-blue.png" alt="[Image]" height="20" class="topalign" />
+ <span class="topalign">xxx</span>
+ <img src="support/swatch-blue.png" alt="[Image]" height="65" class="topalign" />
+ <span class="topalign">xxx</span>
+ <img src="support/swatch-blue.png" alt="[Image]" height="35" class="topalign" />
+ <span style="font-size: 2em;" class="topalign">xxx</span>
+ <img src="support/swatch-blue.png" alt="[Image]" height="50" class="topalign" />
+ <span class="topalign">xxx</span>
+ <img src="support/swatch-blue.png" alt="[Image]" height="15" class="topalign" />
+ <big class="topalign">xxx</big>
+ <img src="support/swatch-blue.png" alt="[Image]" height="90" class="topalign" />
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c545-txttrans-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c545-txttrans-000-ref.xht
new file mode 100644
index 0000000000..7908955a2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c545-txttrans-000-ref.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: text-transform</title>
+ <style type="text/css"><![CDATA[
+ div { background: green; border: solid black; width: 320px; height: 150px; }
+ p { margin: 0; }
+ ]]></style>
+ </head>
+ <body>
+ <p>There should be a green box below.</p>
+ <div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c545-txttrans-000.xht b/testing/web-platform/tests/css/CSS2/css1/c545-txttrans-000.xht
new file mode 100644
index 0000000000..31f708335e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c545-txttrans-000.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: text-transform</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#text-transform"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#propdef-text-transform"/>
+ <link rel="match" href="c545-txttrans-000-ref.xht"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 10px/1 Ahem; color: green; background: red url(support/css1test545.png); border: solid black; width: 32em; image-rendering: pixelated; image-rendering: crisp-edges; }
+ p { margin: 0; }
+ .ttn {text-transform: none;}
+ .cap {text-transform: capitalize;}
+ .upp {text-transform: uppercase;}
+ .low {text-transform: lowercase;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" title="16.5 Capitalization: the 'text-transform' property"/>
+ </head>
+ <body>
+ <p>There should be a green box below.</p>
+ <div>
+ <p class="">
+ Xx xx x. (x.x. XX) x&#xA0;x <span class="cap">xx</span>xxx <span class="ttn">xxx</span>
+ Pp pp p. (p.p. PP) p&#xA0;p <span class="cap">pp</span>ppp <span class="ttn">ppp</span>
+ &#xC9;&#xE9; &#xE9;&#xE9; &#xE9;. (&#xE9;.&#xE9;. &#xC9;&#xC9;) &#xE9;&#xA0;&#xE9; <span class="cap">&#xE9;&#xE9;</span>&#xE9;&#xE9;&#xE9; <span class="ttn">&#xE9;&#xE9;&#xE9;</span>
+ </p>
+ <p class="ttn">
+ Xx xx x. (x.x. XX) x&#xA0;x <span class="cap">xx</span>xxx <span class="ttn">xxx</span>
+ Pp pp p. (p.p. PP) p&#xA0;p <span class="cap">pp</span>ppp <span class="ttn">ppp</span>
+ &#xC9;&#xE9; &#xE9;&#xE9; &#xE9;. (&#xE9;.&#xE9;. &#xC9;&#xC9;) &#xE9;&#xA0;&#xE9; <span class="cap">&#xE9;&#xE9;</span>&#xE9;&#xE9;&#xE9; <span class="ttn">&#xE9;&#xE9;&#xE9;</span>
+ </p>
+ <p class="cap">
+ Xx xx x. (x.x. XX) x&#xA0;x <span class="cap">xx</span>xxx <span class="ttn">xxx</span>
+ Pp pp p. (p.p. PP) p&#xA0;p <span class="cap">pp</span>ppp <span class="ttn">ppp</span>
+ &#xC9;&#xE9; &#xE9;&#xE9; &#xE9;. (&#xE9;.e. &#xC9;&#xC9;) &#xE9;&#xA0;&#xE9; <span class="cap">&#xE9;&#xE9;</span>&#xE9;&#xE9;&#xE9; <span class="ttn">&#xE9;&#xE9;&#xE9;</span>
+ </p>
+ <p class="upp">
+ Xx xx x. (x.x. XX) x&#xA0;x <span class="cap">xx</span>xxx <span class="ttn">xxx</span>
+ Pp pp p. (p.p. PP) p&#xA0;p <span class="cap">pp</span>ppp <span class="ttn">ppp</span>
+ &#xC9;&#xE9; &#xE9;&#xE9; &#xE9;. (&#xE9;.&#xE9;. &#xC9;&#xC9;) &#xE9;&#xA0;&#xE9; <span class="cap">&#xE9;&#xE9;</span>&#xE9;&#xE9;&#xE9; <span class="ttn">&#xE9;&#xE9;&#xE9;</span>
+ </p>
+ <p class="low">
+ Xx xx x. (x.x. XX) x&#xA0;x <span class="cap">xx</span>xxx <span class="ttn">xxx</span>
+ Pp pp p. (p.p. PP) p&#xA0;p <span class="cap">pp</span>ppp <span class="ttn">ppp</span>
+ &#xC9;&#xE9; &#xE9;&#xE9; &#xE9;. (&#xE9;.&#xE9;. &#xC9;&#xC9;) &#xE9;&#xA0;&#xE9; <span class="cap">&#xE9;&#xE9;</span>&#xE9;&#xE9;&#xE9; <span class="ttn">&#xE9;&#xE9;&#xE9;</span>
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c546-txt-align-000.xht b/testing/web-platform/tests/css/CSS2/css1/c546-txt-align-000.xht
new file mode 100644
index 0000000000..70e2cef57a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c546-txt-align-000.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: text-align</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#text-align"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: navy; }
+ span { color: silver; }
+ .one {text-align: left;}
+ .two {text-align: right;}
+ .three {text-align: center;}
+ .four {text-align: justify;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/>
+ </head>
+ <body>
+ <p class="one">
+ This sentence should be left-justified.
+ </p>
+ <p class="two">
+ This sentence should be right-justified.
+ </p>
+ <p class="three">
+ This sentence should be centered.
+ </p>
+ <p class="four">
+ This paragraph should be justified (the right and left margins
+ should line up). <span> This is just lovely dummy text. Dummy text. Dummy
+ text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
+ This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
+ text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
+ This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
+ text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
+ This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
+ text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
+ This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
+ text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
+ This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
+ text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
+ This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
+ text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
+ This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
+ text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
+ This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
+ text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
+ This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
+ text. Dummy text. </span> This sentence should be at the end of the
+ block, not justified.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c547-indent-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c547-indent-000-ref.xht
new file mode 100644
index 0000000000..ad5e4eb456
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c547-indent-000-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style type="text/css">
+div {
+ font: 24px/1 Ahem;
+ width: 18em;
+ color: blue;
+}
+</style>
+</head>
+<body>
+<p>There should be a tall solid unbroken column of blue below.</p>
+<div>&#xA0;x</div>
+<div>&#xA0;x</div>
+<div>&#xA0;x</div>
+<div>&#xA0;x</div>
+<div>&#xA0;x</div>
+<div>&#xA0;x</div>
+<div>&#xA0;x</div>
+<div>&#xA0;x</div>
+<div>&#xA0;x</div>
+<div>&#xA0;x</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c547-indent-000.xht b/testing/web-platform/tests/css/CSS2/css1/c547-indent-000.xht
new file mode 100644
index 0000000000..1d4fb02c9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c547-indent-000.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: text-indent</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#text-indent"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c547-indent-000-ref.xht"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 24px/1 Ahem; width: 18em; color: blue; }
+ .one {text-indent: 0.25in;}
+ .two {text-indent: 0.635cm;}
+ .three {text-indent: 6.35mm;}
+ .four {text-indent: 18pt;}
+ .five {text-indent: 1.5pc;}
+ .six {text-indent: 1em;}
+ .seven {text-indent: 1.25ex;}
+ .eight {text-indent: 24px;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" title="16.1 Indentation: the 'text-indent' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" title="4.3.2 Lengths"/>
+ </head>
+ <body>
+ <p>There should be a tall solid unbroken column of blue below.</p>
+ <div class="test">&#xA0;x</div>
+ <div class="one"> x </div>
+ <div class="two"> x </div>
+ <div class="three"> x </div>
+ <div class="four"> x </div>
+ <div class="five"> x </div>
+ <div class="six"> x </div>
+ <div class="seven"> x </div>
+ <div class="eight"> x </div>
+ <div class="test">&#xA0;x</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c547-indent-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c547-indent-001-ref.xht
new file mode 100644
index 0000000000..013a5414bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c547-indent-001-ref.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p.eight:before
+ {
+ color: aqua;
+ content: "generated content before";
+ display: inline-block;
+ width: 50%;
+ }
+
+ p.eight {background-color: aqua;}
+
+ p.one-first
+ {
+ background-color: aqua;
+ margin-bottom: 0em;
+ padding-left: 5em;
+ }
+
+ p.one
+ {
+ background-color: aqua;
+ margin-top: 0em;
+ }
+
+ div
+ {
+ background-color: aqua;
+ width: 25%;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p class="eight">The first line of this sentence should be indented halfway across the page, but the rest of it should be flush with the normal left margin of the page.</p>
+
+ <p class="one-first">Only the first line of this sentence</p>
+
+ <p class="one">should be indented,<br />
+ the others should all be<br />
+ <em>aligned on the left</em> of the window.</p>
+
+ <div><span style="padding-left:50%">X The first X in this sentence should be indented to the center of this block.</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c547-indent-001.xht b/testing/web-platform/tests/css/CSS2/css1/c547-indent-001.xht
new file mode 100644
index 0000000000..ed58f887e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c547-indent-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: text-indent</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#text-indent"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c547-indent-001-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .one {text-indent: 5em; background: aqua;}
+ .eight {text-indent: 50%; background: aqua;}
+ div {text-indent: 50%; background: aqua;width: 25%;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" title="16.1 Indentation: the 'text-indent' property"/>
+ </head>
+ <body>
+ <p class="eight">
+ The first line of this sentence should be indented halfway across the
+ page, but the rest of it should be flush with the normal left margin
+ of the page.
+ </p>
+ <p class="one">
+ Only the first line of this sentence<br />
+ should be indented,<br />
+ the others should all be<br />
+ <em>aligned on the left</em> of the window.
+ </p>
+ <div>
+ X The first X in this sentence should be indented to the center of this block.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-leadin-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c548-leadin-000-ref.xht
new file mode 100644
index 0000000000..ae504f8b9a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c548-leadin-000-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: black solid medium;
+ width: 75px;
+ }
+
+ img
+ {
+ padding: 13px 0px;
+ vertical-align: top;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 3 stripes of green and 2 stripes of bright green and if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/1x1-lime.png" width="75" height="25" alt="Image download support must be enabled" /><img src="support/1x1-lime.png" width="75" height="25" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-leadin-000.xht b/testing/web-platform/tests/css/CSS2/css1/c548-leadin-000.xht
new file mode 100644
index 0000000000..79e41971df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c548-leadin-000.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: line-height</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#line-height"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-06 -->
+ <link rel="match" href="c548-leadin-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 25px Ahem; line-height: 51px; width: 3em; color: lime; background: green; border: solid black; }
+ span { background-color: red; }
+ /*
+ Nota bene: line-height computed value minus font-size computed value
+ must be dividable by 2 without fractional remainder otherwise
+ actual top-half-leading and the bottom-half-leading values may not
+ be equal.
+ */
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ </head>
+ <body>
+ <p>Test passes if there are 3 stripes of green and 2 stripes of bright green and if there is <strong>no red</strong>.</p>
+ <div>
+ <span>xxx xxx</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-000-ref.xht
new file mode 100644
index 0000000000..45568558d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-000-ref.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ background-color: teal;
+ border: navy solid medium;
+ border-spacing: 28px 28px;
+ margin: 15px;
+ padding: 1px;
+ }
+
+ img {vertical-align: bottom;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The two blocks below should be identical:</p>
+
+ <table>
+
+ <tr><td><img src="support/swatch-aqua.png" width="30" height="30" alt="Image download support must be enabled" /></td><td><img src="support/swatch-aqua.png" width="30" height="30" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/swatch-aqua.png" width="30" height="30" alt="Image download support must be enabled" /></td><td><img src="support/swatch-aqua.png" width="30" height="30" alt="Image download support must be enabled" /></td></tr>
+
+ </table>
+
+ <table>
+
+ <tr><td><img src="support/swatch-aqua.png" width="30" height="30" alt="Image download support must be enabled" /></td><td><img src="support/swatch-aqua.png" width="30" height="30" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/swatch-aqua.png" width="30" height="30" alt="Image download support must be enabled" /></td><td><img src="support/swatch-aqua.png" width="30" height="30" alt="Image download support must be enabled" /></td></tr>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-000.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-000.xht
new file mode 100644
index 0000000000..9069d6be72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-000.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: line-height</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#line-height"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-31 -->
+ <link rel="match" href="c548-ln-ht-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .test { font: 30px Ahem; background: teal; color: aqua; width: 4em; padding: 0.5em 0 0.5em 1em; border: solid navy; margin: 0.5em; line-height: 60px; }
+ .control { font: 30px/1 Ahem; background: teal; color: aqua; width: 5em; padding: 0; border: solid navy; margin: 0.5em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ </head>
+ <body>
+ <p>The two blocks below should be identical:</p>
+ <div class="test"> X X X X </div>
+ <pre class="control">
+ X X
+
+ X X
+ </pre>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-001-ref.xht
new file mode 100644
index 0000000000..a99bde70ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-001-ref.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {margin: 0;}
+
+ table
+ {
+ background-color: green;
+ border: black solid medium;
+ border-spacing: 20px;
+ margin: 10px;
+ }
+
+ td {padding: 0px;}
+
+ img {vertical-align: bottom;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 20 small lime squares inside a filled green tall rectangle and if there is <strong>no red</strong>.</p>
+
+ <table>
+
+ <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /></td></tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-001.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-001.xht
new file mode 100644
index 0000000000..21bd6ce58a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-001.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: line-height</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#line-height"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-31 and 2013-12-03 -->
+ <link rel="match" href="c548-ln-ht-001-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 20px Ahem; background: red url(support/pattern-gg-gr.png); color: lime; width: 4em; padding: 0.5em 0 0.5em 1em; border: solid black; margin: 0.5em; }
+ p { margin: 0; }
+ /*
+ .one {line-height: 0.41667in;}
+ */
+ .two {line-height: 1.05834cm;} /* 1.05833cm will not suffice! */
+ .three {line-height: 10.58334mm;} /* 10.58333cm will not suffice! */
+ .four {line-height: 30pt;}
+ .five {line-height: 2.5pc;}
+ .six {line-height: 2em;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ </head>
+ <body>
+ <p>Test passes if there are 20 small lime squares inside a filled green tall rectangle and if there is <strong>no red</strong>.</p>
+ <div>
+<!--
+ <p class="one"> X X X X </p>-->
+ <p class="two"> X X X X </p>
+ <p class="three"> X X X X </p>
+ <p class="four"> X X X X </p>
+ <p class="five"> X X X X </p>
+ <p class="six"> X X X X </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-002.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-002.xht
new file mode 100644
index 0000000000..952453c1d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-002.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: line-height</title>
+ <meta name="flags" content="ahem image invalid" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#line-height"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-31 -->
+ <link rel="match" href="c548-ln-ht-001-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 20px Ahem; background: red url(support/pattern-gg-gr.png); color: lime; width: 4em; padding: 0.5em 0 0.5em 1em; border: solid black; margin: 0.5em; }
+ p { margin: 0; }
+ .eight {line-height: 200%;}
+ .nine {line-height: 2;}
+ .ten {line-height: 40px;}
+ .eleven {line-height: -1em; line-height: 2em; line-height: -1em;}
+ .seven {line-height: 2.5ex;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ </head>
+ <body>
+ <p>Test passes if there are 20 small lime squares inside a filled green tall rectangle and if there is <strong>no red</strong>.</p>
+ <div>
+ <p class="eight"> X X X X </p>
+ <p class="nine"> X X X X </p>
+ <p class="ten"> X X X X </p>
+ <p class="eleven"> X X X X </p>
+ <p class="seven"> X X X X </p> <!-- ex comes last because it is the least likely to be supported -->
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-003-ref.xht
new file mode 100644
index 0000000000..5180a3fcc5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-003-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {margin: 0px;}
+
+ div
+ {
+ background-color: green;
+ border: black solid 3px;
+ height: 240px;
+ margin: 20px;
+ width: 80px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>There should be no red below:</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-003.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-003.xht
new file mode 100644
index 0000000000..174c5fa8e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-003.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: line-height</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#line-height"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-?? -->
+ <link rel="match" href="c548-ln-ht-003-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 20px Ahem; width: 4em; color: green; background: red url(support/css1test548d.png); margin: 1em; border: solid black; }
+ p { margin: 0; }
+ .eight {line-height: 200%;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#inheritance" title="6.2 Inheritance"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inheriting"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inheriting"/>
+ </head>
+ <body>
+ <p>There should be no red below:</p>
+ <div class="eight">
+ x x x x
+ <p style="font-size: 200%;">
+ x x
+ </p>
+ x x x x
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-004-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-004-ref.xht
new file mode 100644
index 0000000000..5dedaed600
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-004-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {margin: 0px;}
+
+ div
+ {
+ background-color: green;
+ border: black solid 3px;
+ height: 320px;
+ margin: 20px;
+ width: 80px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>There should be no red below:</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-004.xht b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-004.xht
new file mode 100644
index 0000000000..3768c9e659
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c548-ln-ht-004.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: line-height</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#line-height"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-?? -->
+ <link rel="match" href="c548-ln-ht-004-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 20px Ahem; width: 4em; color: green; background: red url(support/css1test548e.png); margin: 1em; border: solid black; }
+ p { margin: 0; }
+ .nine {line-height: 2;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#inheritance" title="6.2 Inheritance"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inheriting"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inheriting"/>
+ </head>
+ <body>
+ <p>There should be no red below:</p>
+ <div class="nine">
+ x x x x
+ <p style="font-size: 200%;">
+ x x
+ </p>
+ x x x x
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5501-imrgn-t-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5501-imrgn-t-000-ref.xht
new file mode 100644
index 0000000000..4d42befc97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5501-imrgn-t-000-ref.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin: 1.25em 0;}
+
+ img {vertical-align: bottom;}
+
+ img.swatch-lime
+ {
+ border-bottom: yellow solid 1.25em;
+ border-top: yellow solid 1.25em;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The three diagrams below should be identical:</p>
+
+ <div>
+ <img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled" height="20" width="20" class="swatch-lime"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" height="60" width="60" />
+ </div>
+
+ <div>
+ <img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled" height="20" width="20" class="swatch-lime"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" height="60" width="60" />
+ </div>
+
+ <div>
+ <img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled" height="20" width="20" class="swatch-lime"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" height="60" width="60" />
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5501-imrgn-t-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5501-imrgn-t-000.xht
new file mode 100644
index 0000000000..882ad4211a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5501-imrgn-t-000.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-top</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-top"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 -->
+ <link rel="match" href="c5501-imrgn-t-000-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .test { background-color: yellow; color: orange; margin: 1em 0; width: 10em; font: 20px/1 Ahem; }
+ .one { margin-top: 25px; background-color: lime; }
+ .two { margin-top: -10px; background-color: lime; }
+ img.b { border: 20px yellow; border-style: solid none; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>The three diagrams below should be identical:</p>
+ <p class="test"> xxx xxx <span class="one">xxx xxx</span> xxx xxx </p>
+ <p class="test"> xxx xxx <span class="two">xxx xxx</span> xxx xxx </p>
+ <div>
+ <img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled" height="20" width="20" class="b"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" height="60" width="60"/>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5501-mrgn-t-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5501-mrgn-t-000-ref.xht
new file mode 100644
index 0000000000..97ba036e92
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5501-mrgn-t-000-ref.xht
@@ -0,0 +1,105 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {margin: 0px;}
+
+ td {border: black solid medium; padding: 0px;}
+
+ div.teal {background-color: teal;}
+
+ div.aqua {background-color: aqua;}
+
+ div.blue {background-color: blue;}
+
+ div.yellow {background-color: yellow;}
+
+ div.long {width: 70px; height: 10px; background-color: orange;}
+
+ div.short {width: 40px; height: 10px; background-color: orange;}
+
+ div.blank {width: 100px; height: 20px;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The two diagrams below should be identical, with no red present.</p>
+
+ <table>
+ <tr>
+ <td>
+ <div class="teal"><div class="long"></div><div class="short"></div></div>
+
+ <div class="yellow"><div class="blank"></div></div>
+
+ <div class="aqua"><div class="long"></div><div class="short"></div></div>
+
+ <div class="yellow"><div class="blank"></div></div>
+
+ <div class="blue"><div class="long"></div><div class="short"></div></div>
+
+ <div class="yellow"><div class="blank"></div></div>
+
+ <div class="aqua"><div class="long"></div><div class="short"></div></div>
+
+ <div class="yellow"><div class="blank"></div></div>
+
+ <div class="teal"><div class="long"></div><div class="short"></div></div>
+
+ <div class="yellow"><div class="blank"></div></div>
+
+ <div class="blue"><div class="long"></div><div class="short"></div></div>
+
+ <div class="blue"><div class="blank"></div></div>
+
+ <div class="blue"><div class="long"></div><div class="short"></div></div>
+
+ <div class="aqua"><div class="long"></div><div class="short"></div></div>
+
+ </td>
+
+ <td>
+ <div class="teal"><div class="long"></div><div class="short"></div></div>
+
+ <div class="yellow"><div class="blank"></div></div>
+
+ <div class="aqua"><div class="long"></div><div class="short"></div></div>
+
+ <div class="yellow"><div class="blank"></div></div>
+
+ <div class="blue"><div class="long"></div><div class="short"></div></div>
+
+ <div class="yellow"><div class="blank"></div></div>
+
+ <div class="aqua"><div class="long"></div><div class="short"></div></div>
+
+ <div class="yellow"><div class="blank"></div></div>
+
+ <div class="teal"><div class="long"></div><div class="short"></div></div>
+
+ <div class="yellow"><div class="blank"></div></div>
+
+ <div class="blue"><div class="long"></div><div class="short"></div></div>
+
+ <div class="blue"><div class="blank"></div></div>
+
+ <div class="blue"><div class="long"></div><div class="short"></div></div>
+
+ <div class="aqua"><div class="long"></div><div class="short"></div></div>
+
+ </td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5501-mrgn-t-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5501-mrgn-t-000.xht
new file mode 100644
index 0000000000..3ec63a62a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5501-mrgn-t-000.xht
@@ -0,0 +1,89 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-top</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-top"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5501-mrgn-t-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .test { font: 10px/1 Ahem; width: 10em; border: solid black; padding: 0; background: yellow; color: orange; }
+ .zero {background-color: teal; margin-top: 0;}
+ .one {margin-top: 5.29166mm; background-color: aqua;}
+ .two {margin-top: 20px; background-color: blue;}
+ .three {margin-top: 2em; background-color: aqua;}
+ .four {margin-top: 20%; background-color: teal;}
+ .five {margin-top: 20px;}
+ .six {margin-top: -10px; background-color: aqua;}
+ p, ul, li {margin: 0; padding: 0; list-style:none;}
+
+ .control { border: solid black; padding: 0; background: red; }
+ .control .teal { background: teal; }
+ .control .aqua { background: aqua; }
+ .control .blue { background: blue; }
+ .control .yellow { background: yellow; }
+ .control .long { width: 70px; height: 10px; background: orange; }
+ .control .short { width: 40px; height: 10px; background: orange; }
+ .control .blank { width: 100px; height: 20px; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>The two diagrams below should be identical, with no red present.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <p class="zero">
+ xxxxxxx
+ </p>
+ <p class="zero">
+ xxxx
+ </p>
+ <p class="one">
+ xxxxxxx xxxx
+ </p>
+ <p class="two">
+ xxxxxxx xxxx
+ </p>
+ <p class="three">
+ xxxxxxx xxxx
+ </p>
+ <p class="four">
+ xxxxxxx xxxx
+ </p>
+ <ul class="two">
+ <li>xxxxxxx</li>
+ <li>xxxx</li>
+ <li class="five">xxxxxxx</li>
+ <li>xxxx</li>
+ </ul>
+ <p class="zero">
+ xxxxxxx
+ </p>
+ <p class="six">
+ xxxxxxx xxxx
+ </p>
+ </td>
+ <td class="control">
+ <div class="teal"><div class="long"></div><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="aqua"><div class="long"></div><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="blue"><div class="long"></div><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="aqua"><div class="long"></div><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="teal"><div class="long"></div><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="blue"><div class="long"></div><div class="short"></div></div>
+ <div class="blue"><div class="blank"></div></div>
+ <div class="blue"><div class="long"></div><div class="short"></div></div>
+ <div class="aqua"><div class="long"></div><div class="short"></div></div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-000-ref.xht
new file mode 100644
index 0000000000..bda241b0cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-000-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 30px;
+ left: 120px;
+ position: relative;
+ width: 15px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short green vertical bar and no red.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-000.xht
new file mode 100644
index 0000000000..68f1f1f15a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-000.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-right</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5502-imrgn-r-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; margin: 1em; background: yellow; }
+ .one { width: 8em; height: 2em; background: red url(support/swatch-green.png) right repeat-y; color: white; }
+ .one p { width: 7em; background: white; }
+ .one span { margin-right: 4em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a short green vertical bar and no red.</p>
+ <div class="one">
+ <p>x <span>x</span>x</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-001-ref.xht
new file mode 100644
index 0000000000..dfeba34c2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-001-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 15px;
+ margin-left: 15px;
+ margin-top: 46px;
+ width: 195px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a green horizontal bar and no red.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-001.xht
new file mode 100644
index 0000000000..8c45fb5542
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-right</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5502-imrgn-r-001-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; margin: 1em; background: yellow; }
+ .two { width: 13em; height: 3em; background: green; }
+ .two p { color: white; background: white url(support/swatch-red.png) 3em 0 no-repeat; }
+ .two span { margin-right: 4em; color: white; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a green horizontal bar and no red.</p>
+ <div class="two">
+ <p>x <span>xxxxx xxxxx</span> x</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-002-ref.xht
new file mode 100644
index 0000000000..c43d796295
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-002-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 30px;
+ margin-left: 15px;
+ margin-top: 31px;
+ width: 30px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and no red.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-002.xht
new file mode 100644
index 0000000000..a65f5cfbff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-002.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-right</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5502-imrgn-r-002-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; margin: 1em; background: yellow; }
+ .three { width: 5em; height: 4em; background: red; }
+ .three p { color: white; background: white; }
+ .three span { margin-right: 4em; background: red; color: green; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and no red.</p>
+ <div class="three">
+ <p>xx xx <span>xx xx</span> xx xx</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-003-ref.xht
new file mode 100644
index 0000000000..812189a1c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-003-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {padding-left: 45px;}
+
+ img#h-horiz-bar {vertical-align: 30px;}
+
+ img#I {padding-left: 25px;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>It should say "HI" below:</p>
+
+ <div><img src="support/1x1-navy.png" width="15" height="75" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="30" height="15" alt="Image download support must be enabled" id="h-horiz-bar" /><img src="support/1x1-navy.png" width="15" height="75" alt="Image download support must be enabled" /> <img src="support/1x1-navy.png" width="15" height="75" alt="Image download support must be enabled" id="I" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-003.xht
new file mode 100644
index 0000000000..795cdc4cf0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-003.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-right</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5502-imrgn-r-003-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; margin: 1em; background: yellow; }
+ .four { width: 11em; color: white; background: navy; }
+ .four span { margin-right: 3em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>It should say "HI" below:</p>
+ <div class="four">
+ xx xx xx <span>xx xx xx xx xx xx</span> xx xx xx xx xx xx xx xx xx xx
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-004-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-004-ref.xht
new file mode 100644
index 0000000000..fbf97a3d0d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-004-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 15px;
+ margin-left: 15px;
+ margin-top: 46px;
+ width: 120px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short green horizontal bar and no red.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-004.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-004.xht
new file mode 100644
index 0000000000..56b2b6fcdd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-004.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-right</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5502-imrgn-r-004-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .five { font: 15px/1 Ahem; margin: 1em; background: green; width: 8em; height: 3em; }
+ .five p { background: white url(support/swatch-red.png) top right no-repeat; color: white; }
+ .five span { margin-right: -4em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a short green horizontal bar and no red.</p>
+ <div class="five">
+ <p>x x x x<span>x</span>x x x x x x</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-005-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-005-ref.xht
new file mode 100644
index 0000000000..da461758d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-005-ref.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#first {margin: 15px auto auto 15px;}
+
+ div#second {margin: 11px auto auto 15px;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The following two bars should be identical:</p>
+
+ <div id="first">
+ <img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-blue.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-blue.png" alt="Image download support must be enabled"/>
+ </div>
+
+ <div id="second">
+ <img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-blue.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-blue.png" alt="Image download support must be enabled"/>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-005.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-005.xht
new file mode 100644
index 0000000000..73f9f4135b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-005.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-right</title>
+
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ <link rel="match" href="c5502-imrgn-r-005-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; margin: 1em; }
+ .six { width: 12em; }
+ .six p { background: yellow; color: lime; }
+ .six span { margin-right: -4em; background: blue; color: orange; }
+ ]]></style>
+ </head>
+ <body>
+ <p>The following two bars should be identical:</p>
+ <div class="six">
+ <p>xx <span>xx xx xx </span> xx</p>
+ </div>
+ <div>
+ <img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-blue.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-blue.png" alt="Image download support must be enabled"/>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-006-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-006-ref.xht
new file mode 100644
index 0000000000..e227ae0f0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-006-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#second {margin-top: 11px;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The following two bars should be identical:</p>
+
+ <div>
+ <img src="support/swatch-white.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"/>
+ </div>
+
+ <div id="second">
+ <img src="support/swatch-white.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"/>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-006.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-006.xht
new file mode 100644
index 0000000000..9e60035934
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-imrgn-r-006.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-right</title>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ <link rel="match" href="c5502-imrgn-r-006-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .seven { font: 15px/1 Ahem; margin: 1em 2em; width: 5em; }
+ .seven p { background: yellow; color: lime; }
+ .seven span { margin-right: -4em; background: red; color: orange; }
+ ]]></style>
+ </head>
+ <body>
+ <p class="criteria">The following two bars should be identical:</p>
+ <div class="seven">
+ <p><span>xx</span> xx</p>
+ </div>
+ <div>
+ <img src="support/swatch-white.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"/>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-000-ref.xht
new file mode 100644
index 0000000000..e768a27b2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-000-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: navy;}
+
+ div
+ {
+ background-color: maroon;
+ height: 10px;
+ margin-bottom: 10px;
+ width: 152px;
+ }
+
+ img {float: right;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The five "matches" below should be identical.</p>
+
+ <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-000.xht
new file mode 100644
index 0000000000..2fc45712dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-000.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-right</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5502-mrgn-r-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body { color: navy; }
+ div { font: 10px/1 Ahem; width: 200px; color: orange; }
+ img { vertical-align: bottom; }
+ .zero {margin-right: 0; text-align: right; background-color: maroon;}
+ .one {margin-right: 0.5in; text-align: right; background-color: maroon;}
+ .two {margin-right: 48px; text-align: right; background-color: maroon;}
+ .three {margin-right: 4.8em; text-align: right; background-color: maroon;}
+ .four {margin-right: 24%; text-align: right; background-color: maroon;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/>
+ </head>
+ <body>
+ <p>The five "matches" below should be identical.</p>
+ <div>
+ <p class="zero">
+ x<img src="support/swatch-white.png" alt="Image download support must be enabled" height="10" width="48"/>
+ </p>
+ <p class="one">
+ x
+ </p>
+ <p class="two">
+ x
+ </p>
+ <p class="three">
+ x
+ </p>
+ <p class="four">
+ x
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-001-ref.xht
new file mode 100644
index 0000000000..79afce9051
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-001-ref.xht
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ color: navy;
+ margin: 0;
+ }
+
+ div.control
+ {
+ border: black solid medium;
+ margin: 1.25em;
+ width: 12.5em;
+ }
+
+ div.control div {height: 1.25em;}
+
+ div.a
+ {
+ border-left: yellow solid 8.75em;
+ border-right: orange solid 2.5em;
+ }
+
+ div.aa {border-right: teal solid 1.25em;}
+
+ div.b
+ {
+ border-left: aqua solid 6.25em;
+ border-right: orange solid 2.5em;
+ }
+
+ div.bb
+ {
+ border-left: teal solid 1.25em;
+ border-right: yellow solid 2.5em;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The following two diagrams should look identical.</p>
+
+ <div class="control">
+ <div class="a"><div class="aa"></div></div>
+ <div class="b"><div class="bb"></div></div>
+ <div class="a"><div class="aa"></div></div>
+ </div>
+
+ <div class="control">
+ <div class="a"><div class="aa"></div></div>
+ <div class="b"><div class="bb"></div></div>
+ <div class="a"><div class="aa"></div></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-001.xht
new file mode 100644
index 0000000000..8436101036
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-001.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-right</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 -->
+ <link rel="match" href="c5502-mrgn-r-001-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.control { margin: 1.25em; }
+ p.criteria { color: navy; }
+ p, ul, li { margin: 0; padding: 0; list-style: none; }
+
+ div.test { border: solid black; width: 10em; background-color: orange; font: 1.25em/1 Ahem; color: teal; margin: 1em; }
+ ul.test, li.test { margin-right: 2em; text-align: right; }
+ li.test { background-color: aqua; }
+ ul.test { background-color: yellow; }
+
+ .control { border: solid; width: 12.5em; background: red; }
+ .control div { border-style: none solid; height: 1.25em; }
+ .control .a { border-color: red orange red yellow; border-width: 0 2.5em 0 8.75em; }
+ .control .aa { border-color: red teal red red; border-width: 0 1.25em 0 0; }
+ .control .b { border-color: red orange red aqua; border-width: 0 2.5em 0 6.25em; }
+ .control .bb { border-color: red yellow red teal; border-width: 0 2.5em 0 1.25em; }
+
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p class="criteria">The following two diagrams should look identical.</p>
+ <div class="test">
+ <ul class="test">
+ <li>-</li>
+ <li class="test">-</li>
+ <li>-</li>
+ </ul>
+ </div>
+ <div class="control">
+ <div class="a"><div class="aa"></div></div>
+ <div class="b"><div class="bb"></div></div>
+ <div class="a"><div class="aa"></div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-002.xht
new file mode 100644
index 0000000000..ef93fd531f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-002.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-right</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <meta name="flags" content="image scroll should"/>
+ <style type="text/css"><![CDATA[
+ html { margin: 0; padding: 0; }
+ body { margin: 0; padding: 0; }
+ .five { margin-right: -2em; padding-right: 2em; color: navy;
+ background: url(support/swatch-green.png) no-repeat right; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p class="five">Test passes if you can scroll to the right and see a green square.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-003-ref.xht
new file mode 100644
index 0000000000..d0531cfd5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-003-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: navy;
+ color: yellow;
+ margin: 1em 0em;
+ width: 15em;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The next two bars should be identical:</p>
+
+ <div>TEST</div>
+
+ <div>TEST</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-003.xht
new file mode 100644
index 0000000000..087d5a3edd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5502-mrgn-r-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-right</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5502-mrgn-r-003-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .test { width: 10em; }
+ .test p { margin-right: -5em; color: yellow; background: navy; }
+ .control { width: 15em; color: yellow; background: navy; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/>
+ </head>
+ <body>
+ <p>The next two bars should be identical:</p>
+ <div class="test"> <p> TEST </p> </div>
+ <div class="control"> TEST </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5503-imrgn-b-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5503-imrgn-b-000.xht
new file mode 100644
index 0000000000..f206087af2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5503-imrgn-b-000.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-bottom</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-bottom"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 -->
+ <link rel="match" href="c5501-imrgn-t-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .test { background-color: yellow; color: orange; margin: 1em 0; width: 10em; font: 20px/1 Ahem; }
+ .one { margin-bottom: 25px; background-color: lime; }
+ .two { margin-bottom: -10px; background-color: lime; }
+ img.b { border: 20px yellow; border-style: solid none; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>The three diagrams below should be identical:</p>
+ <p class="test"> xxx xxx <span class="one">xxx xxx</span> xxx xxx </p>
+ <p class="test"> xxx xxx <span class="two">xxx xxx</span> xxx xxx </p>
+ <div>
+ <img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled" height="20" width="20" class="b"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" height="60" width="60"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" height="60" width="60"/>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5503-mrgn-b-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5503-mrgn-b-000-ref.xht
new file mode 100644
index 0000000000..6629128341
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5503-mrgn-b-000-ref.xht
@@ -0,0 +1,81 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {margin: 0em;}
+
+ .control { border: black solid medium; padding: 0;}
+
+ .control .teal { background-color: teal; }
+
+ .control .aqua { background-color: aqua; }
+
+ .control .blue { background-color: blue; }
+
+ .control .yellow { background-color: yellow; }
+
+ .control .long { width: 70px; height: 10px; background-color: orange; }
+
+ .control .short { width: 40px; height: 10px; background-color: orange; }
+
+ .control .blank { width: 100px; height: 20px; }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The two diagrams below should be identical, with no red present.</p>
+
+<table>
+ <tr>
+ <td class="control">
+ <div class="teal"><div class="long"></div><div class="short"></div></div>
+ <div class="aqua"><div class="long"></div><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="blue"><div class="long"></div><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="aqua"><div class="long"></div><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="teal"><div class="long"></div><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="blue"><div class="long"></div><div class="short"></div><div class="long"></div></div>
+ <div class="blue"><div class="blank"></div></div>
+ <div class="blue"><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="teal"><div class="long"></div><div class="short"></div></div>
+ <div class="aqua"><div class="long"></div></div>
+ <div class="teal"><div class="short"></div></div>
+ </td>
+
+ <td class="control">
+ <div class="teal"><div class="long"></div><div class="short"></div></div>
+ <div class="aqua"><div class="long"></div><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="blue"><div class="long"></div><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="aqua"><div class="long"></div><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="teal"><div class="long"></div><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="blue"><div class="long"></div><div class="short"></div><div class="long"></div></div>
+ <div class="blue"><div class="blank"></div></div>
+ <div class="blue"><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="teal"><div class="long"></div><div class="short"></div></div>
+ <div class="aqua"><div class="long"></div></div>
+ <div class="teal"><div class="short"></div></div>
+ </td>
+ </tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5503-mrgn-b-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5503-mrgn-b-000.xht
new file mode 100644
index 0000000000..8bd1a2a9ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5503-mrgn-b-000.xht
@@ -0,0 +1,94 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-bottom</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-bottom"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5503-mrgn-b-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .test { font: 10px/1 Ahem; width: 10em; border: solid black; padding: 0; background: yellow; color: orange; }
+ .zero {background-color: teal; margin-bottom: 0;}
+ .one {margin-bottom: 5.29166mm; background-color: aqua;}
+ .two {margin-bottom: 20px; background-color: blue;}
+ .three {margin-bottom: 2em; background-color: aqua;}
+ .four {margin-bottom: 20%; background-color: teal;}
+ .five {margin-bottom: 20px;}
+ .six {margin-bottom: -10px; background-color: aqua;}
+ p, ul, li {margin: 0; padding: 0; list-style:none;}
+
+ .control { border: solid black; padding: 0; background: red; }
+ .control .teal { background: teal; }
+ .control .aqua { background: aqua; }
+ .control .blue { background: blue; }
+ .control .yellow { background: yellow; }
+ .control .long { width: 70px; height: 10px; background: orange; }
+ .control .short { width: 40px; height: 10px; background: orange; }
+ .control .blank { width: 100px; height: 20px; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>The two diagrams below should be identical, with no red present.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <p class="zero">
+ xxxxxxx
+ </p>
+ <p class="zero">
+ xxxx
+ </p>
+ <p class="one">
+ xxxxxxx xxxx
+ </p>
+ <p class="two">
+ xxxxxxx xxxx
+ </p>
+ <p class="three">
+ xxxxxxx xxxx
+ </p>
+ <p class="four">
+ xxxxxxx xxxx
+ </p>
+ <ul class="two">
+ <li>xxxxxxx</li>
+ <li>xxxx</li>
+ <li class="five">xxxxxxx</li>
+ <li>xxxx</li>
+ </ul>
+ <p class="zero">
+ xxxxxxx xxxx
+ </p>
+ <p class="six">
+ xxxxxxx xxxx
+ </p>
+ <p class="zero">
+ xxxx
+ </p>
+ </td>
+ <td class="control">
+ <div class="teal"><div class="long"></div><div class="short"></div></div>
+ <div class="aqua"><div class="long"></div><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="blue"><div class="long"></div><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="aqua"><div class="long"></div><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="teal"><div class="long"></div><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="blue"><div class="long"></div><div class="short"></div><div class="long"></div></div>
+ <div class="blue"><div class="blank"></div></div>
+ <div class="blue"><div class="short"></div></div>
+ <div class="yellow"><div class="blank"></div></div>
+ <div class="teal"><div class="long"></div><div class="short"></div></div>
+ <div class="aqua"><div class="long"></div></div>
+ <div class="teal"><div class="short"></div></div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-000.xht
new file mode 100644
index 0000000000..0ed52db049
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-000.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-left</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5502-imrgn-r-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; margin: 1em; background: yellow; }
+ .one { width: 8em; height: 2em; background: red url(support/swatch-green.png) right repeat-y; color: white; }
+ .one p { width: 7em; background: white; }
+ .one span { margin-left: 4em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a short green vertical bar and no red.</p>
+ <div class="one">
+ <p>x <span>x</span>x</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-001.xht
new file mode 100644
index 0000000000..a08e7dad71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-left</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5502-imrgn-r-001-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; margin: 1em; background: yellow; }
+ .two { width: 13em; height: 3em; background: green; }
+ .two p { color: white; background: white url(support/swatch-red.png) 6em 1em no-repeat; }
+ .two span { margin-left: 4em; color: white; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a green horizontal bar and no red.</p>
+ <div class="two">
+ <p>x <span>xxxxx xxxxx</span> x</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-002-ref.xht
new file mode 100644
index 0000000000..c5ade75574
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-002-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ left: 105px;
+ position: relative;
+ top: 15px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a small light green square below:</p>
+
+ <div><img src="support/swatch-lime.png" width="15" height="15" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-002.xht
new file mode 100644
index 0000000000..1a875f5c17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-left</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5504-imrgn-l-002-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .three { background: url(support/swatch-red.png) no-repeat 6em 1em; font: 15px/1 Ahem; margin: 1em; }
+ .three p { width: 5em; color: white; }
+ .three span { margin-left: 4em; background: red; color: lime; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>There should be a small light green square below:</p>
+ <div class="three">
+ <p>xx xx<span>x</span> xx xx</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-003.xht
new file mode 100644
index 0000000000..36225165aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-003.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-left</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5502-imrgn-r-003-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; margin: 1em; background: navy; }
+ .four { width: 11em; color: white; }
+ .four span { margin-left: 3em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>It should say "HI" below:</p>
+ <div class="four">
+ xx xx xx xx xx xx xx xx xx <span>xx xx xx xx xx xx</span> xx xx xx xx
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-004.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-004.xht
new file mode 100644
index 0000000000..633d3ae7de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-004.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-left</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5502-imrgn-r-004-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .five { font: 15px/1 Ahem; margin: 1em; background: green; width: 8em; height: 3em; }
+ .five p { background: white url(support/swatch-red.png) 3em 0 no-repeat; color: white; }
+ .five span { margin-left: -4em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a short green horizontal bar and no red.</p>
+ <div class="five">
+ <p>x x x x<span>x</span>x x x x x x</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-005-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-005-ref.xht
new file mode 100644
index 0000000000..39d57f38c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-005-ref.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#first {margin: 15px auto auto 15px;}
+ div#second {margin: 11px auto auto 15px;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The following two bars should be identical:</p>
+
+ <div id="first">
+ <img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-blue.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-blue.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"/>
+ </div>
+
+ <div id="second">
+ <img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-blue.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-blue.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"/>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-005.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-005.xht
new file mode 100644
index 0000000000..0c19cbe20e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-005.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-left</title>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ <link rel="match" href="c5504-imrgn-l-005-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; margin: 1em; }
+ .six { width: 13em; }
+ .six p { background: yellow; color: lime; }
+ .six span { margin-left: -4em; background: blue; color: orange; }
+ ]]></style>
+ </head>
+ <body>
+ <p>The following two bars should be identical:</p>
+ <div class="six">
+ <p>xx xx xx <span>xx xx </span> xx</p>
+ </div>
+ <div>
+ <img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-blue.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-blue.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"/>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-006-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-006-ref.xht
new file mode 100644
index 0000000000..2f41a57862
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-006-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#second {margin-top: 11px;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The following two bars should be identical:</p>
+
+ <div>
+ <img src="support/swatch-white.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"/>
+ </div>
+
+ <div id="second">
+ <img src="support/swatch-white.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"/>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-006.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-006.xht
new file mode 100644
index 0000000000..c3e3645156
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5504-imrgn-l-006.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-left</title>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ <link rel="match" href="c5504-imrgn-l-006-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .seven { font: 15px/1 Ahem; margin: 1em 2em; width: 5em; }
+ .seven p { background: yellow; color: lime; }
+ .seven span { margin-left: -4em; background: red; color: orange; }
+ ]]></style>
+ </head>
+ <body>
+ <p class="criteria">The following two bars should be identical:</p>
+ <div class="seven">
+ <p>xx <span>xx</span></p>
+ </div>
+ <div>
+ <img src="support/swatch-white.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"/>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-000-ref.xht
new file mode 100644
index 0000000000..5ad43d13fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-000-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: navy;}
+
+ div
+ {
+ background-color: maroon;
+ height: 10px;
+ margin-bottom: 10px;
+ margin-left: 48px;
+ width: 152px;
+ }
+
+ img {float: left;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The five "matches" below should be identical.</p>
+
+ <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-000.xht
new file mode 100644
index 0000000000..505e8a8426
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-000.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-left</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5504-mrgn-l-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body { color: navy; }
+ div { font: 10px/1 Ahem; width: 200px; color: orange; }
+ img { vertical-align: bottom; }
+ .zero {margin-left: 0; text-align: left; background-color: maroon;}
+ .one {margin-left: 0.5in; text-align: left; background-color: maroon;}
+ .two {margin-left: 48px; text-align: left; background-color: maroon;}
+ .three {margin-left: 4.8em; text-align: left; background-color: maroon;}
+ .four {margin-left: 24%; text-align: left; background-color: maroon;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/>
+ </head>
+ <body>
+ <p>The five "matches" below should be identical.</p>
+ <div>
+ <p class="zero">
+ <img src="support/swatch-white.png" alt="Image download support must be enabled" height="10" width="48"/>x
+ </p>
+ <p class="one">
+ x
+ </p>
+ <p class="two">
+ x
+ </p>
+ <p class="three">
+ x
+ </p>
+ <p class="four">
+ x
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-001-ref.xht
new file mode 100644
index 0000000000..133a5c41ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-001-ref.xht
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ color: navy;
+ margin: 0;
+ }
+
+ div.control
+ {
+ border: black solid medium;
+ margin: 1.25em;
+ width: 12.5em;
+ }
+
+ div.control div {height: 1.25em;}
+
+ div.a
+ {
+ border-left: orange solid 2.5em;
+ border-right: yellow solid 8.75em;
+ }
+
+ div.aa {border-right: teal solid 1.25em;}
+
+ div.b
+ {
+ border-left: orange solid 2.5em;
+ border-right: aqua solid 6.25em;
+ }
+
+ div.bb
+ {
+ border-left: yellow solid 2.5em;
+ border-right: teal solid 1.25em;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The following two diagrams should look identical.</p>
+
+ <div class="control">
+ <div class="a"><div class="aa"></div></div>
+ <div class="b"><div class="bb"></div></div>
+ <div class="a"><div class="aa"></div></div>
+ </div>
+
+ <div class="control">
+ <div class="a"><div class="aa"></div></div>
+ <div class="b"><div class="bb"></div></div>
+ <div class="a"><div class="aa"></div></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-001.xht
new file mode 100644
index 0000000000..c005d30e58
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-001.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-left</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 -->
+ <link rel="match" href="c5504-mrgn-l-001-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.control { margin: 1.25em; }
+ p.criteria { color: navy; }
+ p, ul, li { margin: 0; padding: 0; list-style: none; }
+
+ div.test { border: solid black; width: 10em; background-color: orange; font: 1.25em/1 Ahem; color: teal; margin: 1em; }
+ ul.test, li.test { margin-left: 2em; text-align: left; }
+ li.test { background-color: aqua; }
+ ul.test { background-color: yellow; }
+
+ .control { border: solid; width: 12.5em; background: red; }
+ .control div { border-style: none solid; height: 1.25em; }
+ .control .a { border-color: red yellow red orange; border-width: 0 8.75em 0 2.5em; }
+ .control .aa { border-color: red red red teal; border-width: 0 0 0 1.25em; }
+ .control .b { border-color: red aqua red orange; border-width: 0 6.25em 0 2.5em; }
+ .control .bb { border-color: red teal red yellow; border-width: 0 1.25em 0 2.5em; }
+
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p class="criteria">The following two diagrams should look identical.</p>
+ <div class="test">
+ <ul class="test">
+ <li>-</li>
+ <li class="test">-</li>
+ <li>-</li>
+ </ul>
+ </div>
+ <div class="control">
+ <div class="a"><div class="aa"></div></div>
+ <div class="b"><div class="bb"></div></div>
+ <div class="a"><div class="aa"></div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-002.xht
new file mode 100644
index 0000000000..71a089784a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-002.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-left</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <meta name="flags" content="image scroll should"/>
+ <style type="text/css"><![CDATA[
+ html { margin: 0; padding: 0; }
+ body { margin: 0; padding: 0; }
+ .five { margin-left: -2em; padding-left: 2em; color: navy;
+ background: url(support/swatch-green.png) no-repeat left; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p class="five">Test passes if you can scroll to the left and see a green box.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-003-ref.xht
new file mode 100644
index 0000000000..ae5b31492f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-003-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: navy;
+ color: yellow;
+ margin: 1em 5em;
+ width: 15em;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The next two bars should be identical:</p>
+
+ <div>TEST</div>
+
+ <div>TEST</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-003.xht
new file mode 100644
index 0000000000..a64f480d06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5504-mrgn-l-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin-left</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5504-mrgn-l-003-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .test { width: 10em; margin: 1em 10em; }
+ .test p { margin-left: -5em; color: yellow; background: navy; }
+ .control { width: 15em; margin: 1em 5em; color: yellow; background: navy; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/>
+ </head>
+ <body>
+ <p>The next two bars should be identical:</p>
+ <div class="test"> <p> TEST </p> </div>
+ <div class="control"> TEST </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-imrgn-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-imrgn-000-ref.xht
new file mode 100644
index 0000000000..14805407fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5505-imrgn-000-ref.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#first {margin: 15px 15px 12px;}
+
+ div#second {margin: 12px 16px 16px;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The two bars below should be identical:</p>
+
+ <div id="first">
+ <img src="support/swatch-green.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-green.png" alt="Image download support must be enabled"
+ />
+ </div>
+
+ <div id="second">
+ <img src="support/swatch-green.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-green.png" alt="Image download support must be enabled"
+ />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-imrgn-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-imrgn-000.xht
new file mode 100644
index 0000000000..8f735f89ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5505-imrgn-000.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin</title>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ <link rel="match" href="c5505-imrgn-000-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .one, .two { margin: 1em; }
+ .one { font: 15px/1 Ahem; width: 7em; background: red; }
+ .one div { color: green; background: lime; }
+ .one span { margin: 1em; background: orange; color: yellow; }
+ ]]></style>
+ </head>
+ <body>
+ <p>The two bars below should be identical:</p>
+ <div class="one"><div> x<span> x </span>x </div></div>
+ <div class="two">
+ <img src="support/swatch-green.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-lime.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-green.png" alt="Image download support must be enabled"
+ />
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-000-ref.xht
new file mode 100644
index 0000000000..447172d3e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-000-ref.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: navy;}
+
+ div
+ {
+ background-color: maroon;
+ height: 10px;
+ margin: 16px 24px 24px;
+ width: 152px;
+ }
+
+ img {float: left;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The six "matches" below should be <strong>identical and equally spaced</strong>.</p>
+
+ <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" height="10" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-000.xht
new file mode 100644
index 0000000000..b40bcf2226
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-000.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5505-mrgn-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body { color: navy; }
+ div { font: 10px/1 Ahem; width: 200px; color: orange; }
+ img { vertical-align: bottom; }
+ .zero {margin: 0; background-color: maroon;}
+ .one {margin: 0.25in; background-color: maroon;}
+ .two {margin: 24px; background-color: maroon;}
+ .three {margin: 2.4em; background-color: maroon;}
+ .four {margin: 12%; background-color: maroon;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>The six "matches" below should be <strong>identical and equally spaced</strong>.</p>
+ <div>
+ <p class="zero">
+ <img src="support/swatch-white.png" alt="Image download support must be enabled" height="10" width="24"
+ />x<img src="support/1x1-maroon.png" alt="Image download support must be enabled" height="10" width="142"
+ /><img src="support/swatch-white.png" alt="Image download support must be enabled" height="10" width="24"/>
+ </p>
+ <p class="one">
+ x
+ </p>
+ <p class="two">
+ x
+ </p>
+ <p class="three">
+ x
+ </p>
+ <p class="four">
+ x
+ </p>
+ <p class="zero">
+ <img src="support/swatch-white.png" alt="Image download support must be enabled" height="10" width="24"
+ />x<img src="support/1x1-maroon.png" alt="Image download support must be enabled" height="10" width="142"
+ /><img src="support/swatch-white.png" alt="Image download support must be enabled" height="10" width="24"/>
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-001-ref.xht
new file mode 100644
index 0000000000..82d658018f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-001-ref.xht
@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ color: navy;
+ margin: 0em;
+ }
+
+ div.control
+ {
+ border: black solid medium;
+ margin: 1.25em;
+ width: 12.5em;
+ }
+
+ div.orange
+ {
+ background-color: yellow;
+ border: orange solid 1.25em;
+ }
+
+ div.teal
+ {
+ background-color: teal;
+ height: 1.25em;
+ width: 1.25em;
+ }
+
+ div.aqua
+ {
+ background-color: aqua;
+ border: yellow solid 1.25em;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The following two diagrams should look identical.</p>
+
+ <div class="control">
+ <div class="orange">
+ <div class="teal"></div>
+ <div class="aqua"><div class="teal"></div></div>
+ <div class="teal"></div>
+ </div>
+ </div>
+
+ <div class="control">
+ <div class="orange">
+ <div class="teal"></div>
+ <div class="aqua"><div class="teal"></div></div>
+ <div class="teal"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-001.xht
new file mode 100644
index 0000000000..1bb2bc69b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-001.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 -->
+ <link rel="match" href="c5505-mrgn-001-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.control { margin: 1.25em; }
+ p.criteria { color: navy; }
+ p, ul, li { margin: 0; padding: 0; list-style: none; }
+
+ div.test { border: solid black; width: 10em; background-color: orange; font: 1.25em/1 Ahem; color: teal; margin: 1em; }
+ ul.test, li.test { margin: 1em; }
+ li.test { background-color: aqua; }
+ ul.test { background-color: yellow; }
+
+ .control { border: solid; width: 12.5em; background: red; }
+ .control .orange { border: solid 1.25em orange; background: yellow; }
+ .control .teal { height: 1.25em; width: 1.25em; background: teal; }
+ .control .aqua { border: solid 1.25em yellow; background: aqua; }
+
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p class="criteria">The following two diagrams should look identical.</p>
+ <div class="test">
+ <ul class="test">
+ <li>-</li>
+ <li class="test">-</li>
+ <li>-</li>
+ </ul>
+ </div>
+ <div class="control">
+ <div class="orange">
+ <div class="teal"></div>
+ <div class="aqua"><div class="teal"></div></div>
+ <div class="teal"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-002.xht
new file mode 100644
index 0000000000..413fc71a51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-002.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ html { margin: 0; padding: 8px; }
+ body { margin: 0; padding: 0; }
+ .five { margin: -10px; color: navy; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p class="five"> <br/>&#x00A0;&#x00A0;This page should have a horizontal scroll bar. </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-003-ref.xht
new file mode 100644
index 0000000000..3229414bef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-003-ref.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: orange;
+ border: black solid medium;
+ height: 1.25em;
+ margin: 1.25em;
+ width: 10em;
+ }
+
+ div.yellow
+ {
+ background-color: yellow;
+ border: none 0px;
+ left: 50%;
+ margin: 0;
+ position: relative;
+ width: 50%;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the two bars are identical.</p>
+
+ <div>
+ <div class="yellow"></div>
+ </div>
+
+ <div>
+ <div class="yellow"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-003.xht
new file mode 100644
index 0000000000..dfc6afd7cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5505-mrgn-003.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 -->
+ <link rel="match" href="c5505-mrgn-003-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 1.25em/1 Ahem; margin: 1em; }
+ .test { width: 6em; padding: 1em 1em 0; border: solid; }
+ .test p { margin: -1em; color: orange; background: yellow; }
+ .control { width: 8em; background: red; border: solid; }
+ .control .a { width: 4em; height: 1em; vertical-align: bottom; }
+ .control .b { width: 4em; height: 1em; vertical-align: bottom; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/>
+ </head>
+ <body>
+ <p>Test passes if the two bars are identical.</p>
+ <!-- This test is too complicated. -->
+ <div class="test"> <p> TEST </p> </div>
+ <div class="control">
+ <img src="support/swatch-orange.png" alt="Image download support must be enabled" class="a"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" class="b"/>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-000-ref.xht
new file mode 100644
index 0000000000..1b44c33f8f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-000-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 20px;
+ position: relative;
+ top: 20px;
+ width: 40px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short green horizontal bar and no red.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-000.xht
new file mode 100644
index 0000000000..9b3a7817e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-000.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-top</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-top"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5506-ipadn-t-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 20px/1 Ahem; width: 6em; color: white; }
+ .red { color: red; }
+ .one { padding-top: 20px; background-color: green; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a short green horizontal bar and no red.</p>
+ <div>
+ xx xx <span class="red">xx</span> xx <span class="one">xx</span> xx
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-001.xht
new file mode 100644
index 0000000000..be11c9f66a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-top</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-top"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5506-ipadn-t-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 20px/1 Ahem; width: 6em; color: white; }
+ .green { color: green; }
+ .two { padding-top: -20px; background-color: red; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a short green horizontal bar and no red.</p>
+ <div>
+ xx xx <span class="green">xx</span> xx <span class="two">xx</span> xx
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-002-ref.xht
new file mode 100644
index 0000000000..119d8b12bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-002-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 20px;
+ margin-top: 28px;
+ width: 40px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short green horizontal bar.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-002.xht
new file mode 100644
index 0000000000..9d85ce53b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5506-ipadn-t-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-top</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-top"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5506-ipadn-t-002-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ p { margin-bottom: 3em; }
+ div { font: 20px/1 Ahem; width: 6em; color: white; }
+ .one { padding-top: 20px; background-color: green; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a short green horizontal bar.</p>
+ <div>
+ <span class="one">xx</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5506-padn-t-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5506-padn-t-000-ref.xht
new file mode 100644
index 0000000000..5467c8b199
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5506-padn-t-000-ref.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {margin: 0;}
+
+ td
+ {
+ border: black solid medium;
+ padding: 0;
+ width: 100px;
+ }
+
+ div.blue {border-top: blue solid 20px;}
+
+ div.yellow {border-top: yellow solid 20px;}
+
+ div.aqua {border-top: aqua solid 20px;}
+
+ div.lime {border-top: lime solid 20px;}
+
+ div.fuchsia {border-top: fuchsia solid 20px;}
+
+ div.orange {border-top: orange solid 20px;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The next two columns should be identical.</p>
+
+ <table>
+ <tr>
+ <td>
+ <div class="blue"></div>
+ <div class="yellow"></div>
+ <div class="aqua"></div>
+ <div class="lime"></div>
+ <div class="fuchsia"></div>
+ <div class="blue"></div>
+ <div class="orange"></div>
+ <div class="aqua"></div>
+ <div class="yellow"></div>
+ <div class="lime"></div>
+ </td>
+
+ <td>
+ <div class="blue"></div>
+ <div class="yellow"></div>
+ <div class="aqua"></div>
+ <div class="lime"></div>
+ <div class="fuchsia"></div>
+ <div class="blue"></div>
+ <div class="orange"></div>
+ <div class="aqua"></div>
+ <div class="yellow"></div>
+ <div class="lime"></div>
+ </td>
+ </tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5506-padn-t-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5506-padn-t-000.xht
new file mode 100644
index 0000000000..1364456b35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5506-padn-t-000.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-top</title>
+ <meta name="flags" content="ahem invalid" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-top"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 -->
+ <link rel="match" href="c5506-padn-t-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ td { padding: 0; border: solid black; }
+ p { margin: 0; }
+ .test { font: 20px/1 Ahem; width: 5em; }
+ .zero {padding-top: 0; background-color: orange; color: blue;}
+ .one {padding-top: 0.20833in; background-color: yellow; color: aqua;}
+ .two {padding-top: 20px; background-color: lime; color: fuchsia;}
+ .three {padding-top: 1em; background-color: blue; color: orange;}
+ .four {padding-top: 20%; background-color: aqua; color: yellow;}
+ .five {padding-top: -20px; background-color: fuchsia; color: lime;}
+
+ .control { width: 100px; background: red; }
+ .control .blue { border-top: solid blue 20px; }
+ .control .yellow { border-top: solid yellow 20px; }
+ .control .aqua { border-top: solid aqua 20px; }
+ .control .lime { border-top: solid lime 20px; }
+ .control .fuchsia { border-top: solid fuchsia 20px; }
+ .control .orange { border-top: solid orange 20px; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" title="4.3.2 Lengths"/>
+ </head>
+ <body>
+ <p>The next two columns should be identical.</p>
+ <table>
+ <tr>
+ <td>
+ <div class="test">
+ <p class="zero"> xxxxx </p>
+ <p class="one"> xxxxx </p>
+ <p class="two"> xxxxx </p>
+ <p class="three"> xxxxx </p>
+ <p class="four"> xxxxx </p>
+ <p class="five"> xxxxx </p>
+ </div>
+ </td>
+ <td class="control">
+ <div class="blue"></div>
+ <div class="yellow"></div>
+ <div class="aqua"></div>
+ <div class="lime"></div>
+ <div class="fuchsia"></div>
+ <div class="blue"></div>
+ <div class="orange"></div>
+ <div class="aqua"></div>
+ <div class="yellow"></div>
+ <div class="lime"></div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-000.xht
new file mode 100644
index 0000000000..a51c63f299
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-000.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-right</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5502-imrgn-r-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; margin: 1em; }
+ .one { width: 8em; height: 2em; background: red url(support/swatch-green.png) right repeat-y; color: white; }
+ .one p { width: 7em; background: white; }
+ .one span { padding-right: 4em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a short green vertical bar and no red.</p>
+ <div class="one">
+ <p>x <span>x</span>x</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-001.xht
new file mode 100644
index 0000000000..cb01ad37e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-right</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5502-imrgn-r-001-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; margin: 1em; }
+ .two { width: 13em; height: 3em; background: green; }
+ .two p { color: white; background: white url(support/swatch-red.png) 3em 0 no-repeat; }
+ .two span { padding-right: 4em; color: white; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a green horizontal bar and no red.</p>
+ <div class="two">
+ <p>x <span>xxxxx xxxxx</span> x</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-002.xht
new file mode 100644
index 0000000000..c3bec3f3c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-002.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-right</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5502-imrgn-r-002-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .three { background: url(support/swatch-red.png) 5em 2em no-repeat; font: 15px/1 Ahem; margin: 1em; }
+ .three div { width: 5em; height: 4em; background: red; }
+ .three p { background: white; color: white; }
+ .three span { padding-right: 4em; background: white; color: green; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and no red.</p>
+ <div class="three">
+ <div>
+ <p>xx xx <span>xx xx</span> xx xx</p>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-003.xht
new file mode 100644
index 0000000000..9934a0925e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-003.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-right</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="match" href="c5502-imrgn-r-003-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; margin: 1em; }
+ .four { width: 11em; color: white; background: navy; }
+ .four span { padding-right: 3em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>It should say "HI" below:</p>
+ <div class="four">
+ xx xx xx <span>xx xx xx xx xx xx</span> xx xx xx xx xx xx xx xx xx xx
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-004-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-004-ref.xht
new file mode 100644
index 0000000000..35e7fcc621
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-004-ref.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#first {margin: 15px auto auto 15px;}
+ div#second {margin: 12px auto auto 15px;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The following two bars should be identical:</p>
+
+ <div id="first">
+ <img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ />
+ </div>
+
+ <div id="second">
+ <img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-004.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-004.xht
new file mode 100644
index 0000000000..c00687437e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5507-ipadn-r-004.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-right</title>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ <link rel="match" href="c5507-ipadn-r-004-ref.xht" />
+
+ <meta name="flags" content="ahem image invalid" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; margin: 1em; background: yellow; }
+ .four { width: 9em; color: yellow; background: orange; }
+ .four span { padding-right: 3em; padding-right: -3em; }
+ ]]></style>
+ </head>
+ <body>
+ <p>The following two bars should be identical:</p>
+ <div class="four">
+ x<span>x</span>x
+ </div>
+ <p>
+ <img src="support/swatch-white.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ />
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-000-ref.xht
new file mode 100644
index 0000000000..86023f4532
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-000-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: navy;}
+
+ div
+ {
+ background-color: navy;
+ height: 10px;
+ margin-top: 10px;
+ text-align: center;
+ width: 106px;
+ }
+
+ img {vertical-align: top;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The five bars below should be identical.</p>
+
+ <div><img src="support/swatch-blue.png" width="10" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-blue.png" width="10" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-blue.png" width="10" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-blue.png" width="10" height="10" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-blue.png" width="10" height="10" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-000.xht
new file mode 100644
index 0000000000..a9b9b0b07a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-000.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-right</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 -->
+ <link rel="match" href="c5507-padn-r-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body { color: navy; }
+ div { font: 10px/1 Ahem; width: 106px; color: blue; }
+ img { vertical-align: bottom; }
+ .zero {padding-right: 0; text-align: center; background-color: navy;}
+ .one {padding-right: 0.5in; text-align: right; background-color: navy;}
+ .two {padding-right: 48px; text-align: right; background-color: navy;}
+ .three {padding-right: 4.8em; text-align: right; background-color: navy;}
+ .four {padding-right: 45.3%; text-align: right; background-color: navy;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/>
+ </head>
+ <body>
+ <p>The five bars below should be identical.</p>
+ <div>
+ <p class="zero">
+ x
+ </p>
+ <p class="one">
+ x
+ </p>
+ <p class="two">
+ x
+ </p>
+ <p class="three">
+ x
+ </p>
+ <p class="four">
+ x
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-001-ref.xht
new file mode 100644
index 0000000000..3aa347a7e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-001-ref.xht
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ color: navy;
+ margin: 0;
+ }
+
+ div.control
+ {
+ border: black solid medium;
+ margin: 1.25em;
+ width: 12.5em;
+ }
+
+ div.control div {height: 1.25em;}
+
+ div.a
+ {
+ border-left: yellow solid 8.75em;
+ border-right: yellow solid 2.5em;
+ }
+
+ div.aa {border-right: teal solid 1.25em;}
+
+ div.b
+ {
+ border-left: aqua solid 6.25em;
+ border-right: yellow solid 2.5em;
+ }
+
+ div.bb
+ {
+ border-left: teal solid 1.25em;
+ border-right: aqua solid 2.5em;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The following two diagrams should look identical.</p>
+
+ <div class="control">
+ <div class="a"><div class="aa"></div></div>
+ <div class="b"><div class="bb"></div></div>
+ <div class="a"><div class="aa"></div></div>
+ </div>
+
+ <div class="control">
+ <div class="a"><div class="aa"></div></div>
+ <div class="b"><div class="bb"></div></div>
+ <div class="a"><div class="aa"></div></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-001.xht
new file mode 100644
index 0000000000..57c4f02592
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-001.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-right</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 -->
+ <link rel="match" href="c5507-padn-r-001-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.control { margin: 1.25em; }
+ p.criteria { color: navy; }
+ p, ul, li { margin: 0; padding: 0; list-style: none; }
+
+ div.test { border: solid black; width: 10em; background-color: orange; font: 1.25em/1 Ahem; color: teal; margin: 1em; }
+ ul.test, li.test { padding-right: 2em; text-align: right; }
+ li.test { background-color: aqua; }
+ ul.test { background-color: yellow; }
+
+ .control { border: solid; width: 12.5em; background: red; }
+ .control div { border-style: none solid; height: 1.25em; }
+ .control .a { border-color: red yellow red yellow; border-width: 0 2.5em 0 8.75em; }
+ .control .aa { border-color: red teal red red; border-width: 0 1.25em 0 0; }
+ .control .b { border-color: red yellow red aqua; border-width: 0 2.5em 0 6.25em; }
+ .control .bb { border-color: red aqua red teal; border-width: 0 2.5em 0 1.25em; }
+
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p class="criteria">The following two diagrams should look identical.</p>
+ <div class="test">
+ <ul class="test">
+ <li>-</li>
+ <li class="test">-</li>
+ <li>-</li>
+ </ul>
+ </div>
+ <div class="control">
+ <div class="a"><div class="aa"></div></div>
+ <div class="b"><div class="bb"></div></div>
+ <div class="a"><div class="aa"></div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-002-ref.xht
new file mode 100644
index 0000000000..706022ba51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-002-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-right: green solid 1em;
+ margin-top: 1em;
+ width: 10em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>There should be a green block to the right of this text.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-002.xht
new file mode 100644
index 0000000000..4ee8a6da1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-002.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-right</title>
+ <meta name="flags" content="invalid" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5507-padn-r-002-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .five { width: 10em; background: white; border-right: solid 1em green; padding-right: -1em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p class="five"> There should be a green block to the right of this text. </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-003-ref.xht
new file mode 100644
index 0000000000..9e427b6b74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-003-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: navy;
+ color: yellow;
+ margin: 1em;
+ width: 12em;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The next two bars should be identical:</p>
+
+ <div>TEST</div>
+
+ <div>TEST</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-003.xht
new file mode 100644
index 0000000000..1348247c16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5507-padn-r-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-right</title>
+ <meta name="flags" content="invalid" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5507-padn-r-003-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ div { margin: 1em; color: yellow; background: navy; }
+ .test { width: 10em; padding-right: 2em; padding-right: -5em; }
+ .control { width: 12em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/>
+ </head>
+ <body>
+ <p>The next two bars should be identical:</p>
+ <div class="test"> TEST </div>
+ <div class="control"> TEST </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-000-ref.xht
new file mode 100644
index 0000000000..41a57c2df9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-000-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 20px;
+ position: relative;
+ top: 40px;
+ width: 40px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short green horizontal bar and no red.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-000.xht
new file mode 100644
index 0000000000..62a4cdb85a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-000.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-bottom</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-bottom"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5508-ipadn-b-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 20px/1 Ahem; width: 6em; color: white; }
+ .green { color: green; }
+ .one { padding-bottom: 20px; background-color: red; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a short green horizontal bar and no red.</p>
+ <div>
+ xx xx <span class="one">xx</span> xx <span class="green">xx</span> xx
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-001.xht
new file mode 100644
index 0000000000..c3bf23518d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-bottom</title>
+ <meta name="flags" content="ahem invalid" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-bottom"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5508-ipadn-b-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 20px/1 Ahem; width: 6em; color: white; }
+ .green { color: green; }
+ .two { padding-bottom: -20px; background-color: red; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a short green horizontal bar and no red.</p>
+ <div>
+ xx xx <span class="two">xx</span> xx <span class="green">xx</span> xx
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-002.xht
new file mode 100644
index 0000000000..aeae02259d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-002.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-bottom</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-bottom"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5506-ipadn-t-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 20px/1 Ahem; width: 6em; color: white; }
+ .one { padding-bottom: 20px; background-color: green; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a short green horizontal bar and no red.</p>
+ <div>
+ <span class="one">xx</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-003-ref.xht
new file mode 100644
index 0000000000..a464366455
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-003-ref.xht
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {margin: 0;}
+
+ td
+ {
+ border: black solid medium;
+ padding: 0;
+ width: 100px;
+ }
+
+ div.blue {border-top: blue solid 20px;}
+
+ div.yellow {border-top: yellow solid 20px;}
+
+ div.aqua {border-top: aqua solid 20px;}
+
+ div.lime {border-top: lime solid 20px;}
+
+ div.fuchsia {border-top: fuchsia solid 20px;}
+
+ div.orange {border-top: orange solid 20px;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The next two columns should be identical.</p>
+
+ <table>
+ <tr>
+ <td>
+ <div class="blue"></div>
+ <div class="aqua"></div>
+ <div class="yellow"></div>
+ <div class="fuchsia"></div>
+ <div class="lime"></div>
+ <div class="orange"></div>
+ <div class="blue"></div>
+ <div class="yellow"></div>
+ <div class="aqua"></div>
+ <div class="lime"></div>
+ </td>
+
+ <td>
+ <div class="blue"></div>
+ <div class="aqua"></div>
+ <div class="yellow"></div>
+ <div class="fuchsia"></div>
+ <div class="lime"></div>
+ <div class="orange"></div>
+ <div class="blue"></div>
+ <div class="yellow"></div>
+ <div class="aqua"></div>
+ <div class="lime"></div>
+ </td>
+
+ </tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-003.xht
new file mode 100644
index 0000000000..7c73a2c59f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5508-ipadn-b-003.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-bottom</title>
+ <meta name="flags" content="ahem invalid" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-bottom"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-29 -->
+ <link rel="match" href="c5508-ipadn-b-003-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ td { padding: 0; border: solid black; }
+ p { margin: 0; }
+ .test { font: 20px/1 Ahem; width: 5em; }
+ .zero {padding-bottom: 0; background-color: orange; color: blue;}
+ .one {padding-bottom: 0.20833in; background-color: yellow; color: aqua;}
+ .two {padding-bottom: 20px; background-color: lime; color: fuchsia;}
+ .three {padding-bottom: 1em; background-color: blue; color: orange;}
+ .four {padding-bottom: 20%; background-color: aqua; color: yellow;}
+ .five {padding-bottom: -20px; background-color: fuchsia; color: lime;}
+
+ .control { width: 100px; background: red; }
+ .control .blue { border-bottom: solid blue 20px; }
+ .control .yellow { border-bottom: solid yellow 20px; }
+ .control .aqua { border-bottom: solid aqua 20px; }
+ .control .lime { border-bottom: solid lime 20px; }
+ .control .fuchsia { border-bottom: solid fuchsia 20px; }
+ .control .orange { border-bottom: solid orange 20px; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>The next two columns should be identical.</p>
+ <table>
+ <tr>
+ <td>
+ <div class="test">
+ <p class="zero"> xxxxx </p>
+ <p class="one"> xxxxx </p>
+ <p class="two"> xxxxx </p>
+ <p class="three"> xxxxx </p>
+ <p class="four"> xxxxx </p>
+ <p class="five"> xxxxx </p>
+ </div>
+ </td>
+ <td class="control">
+ <div class="blue"></div>
+ <div class="aqua"></div>
+ <div class="yellow"></div>
+ <div class="fuchsia"></div>
+ <div class="lime"></div>
+ <div class="orange"></div>
+ <div class="blue"></div>
+ <div class="yellow"></div>
+ <div class="aqua"></div>
+ <div class="lime"></div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-000.xht
new file mode 100644
index 0000000000..51837e8d03
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-000.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-left</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5502-imrgn-r-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; margin: 1em; }
+ .one { width: 8em; height: 2em; background: red url(support/swatch-green.png) right repeat-y; color: white; }
+ .one p { width: 7em; background: white; }
+ .one span { padding-left: 4em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a short green vertical bar and no red.</p>
+ <div class="one">
+ <p>x <span>x</span>x</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-001.xht
new file mode 100644
index 0000000000..f04d7236b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-left</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5502-imrgn-r-001-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; margin: 1em; }
+ .two { width: 13em; height: 3em; background: green; }
+ .two p { color: white; background: white url(support/swatch-red.png) 6em 0 no-repeat; }
+ .two span { padding-left: 4em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a green horizontal bar and no red.</p>
+ <div class="two">
+ <p>x <span>xxxx xxxx</span> x</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-002.xht
new file mode 100644
index 0000000000..9570eb5d6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-left</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5504-imrgn-l-002-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .three { background: url(support/swatch-red.png) no-repeat 6em 1em; font: 15px/1 Ahem; margin: 1em; }
+ .three p { width: 5em; color: white; }
+ .three span { padding-left: 4em; color: lime; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>There should be a small light green square below:</p>
+ <div class="three">
+ <p>xx xx<span>x</span> xx xx</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-003.xht
new file mode 100644
index 0000000000..d603b4964b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-003.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-left</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5502-imrgn-r-003-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; margin: 1em; }
+ .four { width: 11em; color: white; background: navy; }
+ .four span { padding-left: 3em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>It should say "HI" below:</p>
+ <div class="four">
+ xx xx xx xx xx xx xx xx xx <span>xx xx xx xx xx xx</span> xx xx xx xx
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-004-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-004-ref.xht
new file mode 100644
index 0000000000..908f743c0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-004-ref.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#first {margin: 15px auto auto 15px;}
+ div#second {margin: 12px auto auto 15px;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The following two bars should be identical:</p>
+
+ <div id="first">
+ <img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ />
+ </div>
+
+ <div id="second">
+ <img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ />
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-004.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-004.xht
new file mode 100644
index 0000000000..300814f6bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5509-ipadn-l-004.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-left</title>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ <link rel="match" href="c5509-ipadn-l-004-ref.xht" />
+
+ <meta name="flags" content="ahem image invalid" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; margin: 1em; background: yellow; }
+ .four { width: 9em; color: yellow; background: orange; }
+ .four span { padding-left: 3em; padding-left: -3em; }
+ ]]></style>
+ </head>
+ <body>
+ <p>The following two bars should be identical:</p>
+ <div class="four">
+ x<span>x</span>x
+ </div>
+ <p>
+ <img src="support/swatch-white.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled"
+ />
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-000.xht
new file mode 100644
index 0000000000..0bce119d5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-000.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-left</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5507-padn-r-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body { color: navy; }
+ div { font: 10px/1 Ahem; width: 106px; color: blue; }
+ img { vertical-align: bottom; }
+ .zero {padding-left: 0; text-align: center; background-color: navy;}
+ .one {padding-left: 0.5in; text-align: left; background-color: navy;}
+ .two {padding-left: 48px; text-align: left; background-color: navy;}
+ .three {padding-left: 4.8em; text-align: left; background-color: navy;}
+ .four {padding-left: 45.3%; text-align: left; background-color: navy;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" title="4.3.2 Lengths"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/>
+ </head>
+ <body>
+ <p>The five bars below should be identical.</p>
+ <div>
+ <p class="zero">
+ x
+ </p>
+ <p class="one">
+ x
+ </p>
+ <p class="two">
+ x
+ </p>
+ <p class="three">
+ x
+ </p>
+ <p class="four">
+ x
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-001-ref.xht
new file mode 100644
index 0000000000..51bd932bee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-001-ref.xht
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ color: navy;
+ margin: 0;
+ }
+
+ div.control
+ {
+ border: black solid medium;
+ margin: 1.25em;
+ width: 12.5em;
+ }
+
+ div.control div {height: 1.25em;}
+
+ div.a
+ {
+ border-left: yellow solid 2.5em;
+ border-right: yellow solid 8.75em;
+ }
+
+ div.aa {border-left: teal solid 1.25em;}
+
+ div.b
+ {
+ border-left: yellow solid 2.5em;
+ border-right: aqua solid 6.25em;
+ }
+
+ div.bb
+ {
+ border-left: aqua solid 2.5em;
+ border-right: teal solid 1.25em;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The following two diagrams should look identical.</p>
+
+ <div class="control">
+ <div class="a"><div class="aa"></div></div>
+ <div class="b"><div class="bb"></div></div>
+ <div class="a"><div class="aa"></div></div>
+ </div>
+
+ <div class="control">
+ <div class="a"><div class="aa"></div></div>
+ <div class="b"><div class="bb"></div></div>
+ <div class="a"><div class="aa"></div></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-001.xht
new file mode 100644
index 0000000000..9f02d2e7b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-001.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-left</title>
+
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-07 -->
+ <link rel="match" href="c5509-padn-l-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.control { margin: 1.25em; }
+ p.criteria { color: navy; }
+ p, ul, li { margin: 0; padding: 0; list-style: none; }
+
+ div.test { border: solid black; width: 10em; background-color: orange; font: 1.25em/1 Ahem; color: teal; margin: 1em; }
+ ul.test, li.test { padding-left: 2em; text-align: left; }
+ li.test { background-color: aqua; }
+ ul.test { background-color: yellow; }
+
+ .control { border: solid; width: 12.5em; background: red; }
+ .control div { border-style: none solid; height: 1.25em; }
+ .control .a { border-color: red yellow red yellow; border-width: 0 8.75em 0 2.5em; }
+ .control .aa { border-color: red red red teal; border-width: 0 0 0 1.25em; }
+ .control .b { border-color: red aqua red yellow; border-width: 0 6.25em 0 2.5em; }
+ .control .bb { border-color: red teal red aqua; border-width: 0 1.25em 0 2.5em; }
+
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/>
+ </head>
+ <body>
+ <p class="criteria">The following two diagrams should look identical.</p>
+ <div class="test">
+ <ul class="test">
+ <li>-</li>
+ <li class="test">-</li>
+ <li>-</li>
+ </ul>
+ </div>
+ <div class="control">
+ <div class="a"><div class="aa"></div></div>
+ <div class="b"><div class="bb"></div></div>
+ <div class="a"><div class="aa"></div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-002-ref.xht
new file mode 100644
index 0000000000..0f28b2eea3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-002-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: green solid 1em;
+ margin-top: 1em;
+ width: 10em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>There should be a green block to the left of this text.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-002.xht
new file mode 100644
index 0000000000..17fabf4d9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-002.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-left</title>
+ <meta name="flags" content="invalid" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5509-padn-l-002-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .five { width: 10em; background: white; border-left: solid 1em green; padding-left: -1em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p class="five"> There should be a green block to the left of this text. </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-003-ref.xht
new file mode 100644
index 0000000000..12e2f421aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-003-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: navy;
+ color: yellow;
+ margin: 1em;
+ width: 12em;
+ }
+
+ img
+ {
+ height: 1px;
+ width: 2em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The next two bars should be identical:</p>
+
+ <div><img src="support/1x1-navy.png" alt="Image download support must be enabled" />TEST</div>
+
+ <div><img src="support/1x1-navy.png" alt="Image download support must be enabled" />TEST</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-003.xht
new file mode 100644
index 0000000000..341f048913
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5509-padn-l-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding-left</title>
+ <meta name="flags" content="image invalid" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5509-padn-l-003-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ div { margin: 1em; color: yellow; background: navy; }
+ .test { width: 10em; padding-left: 2em; padding-left: -5em; }
+ .control { width: 12em; }
+ img { width: 2em; height: 0.1em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>The next two bars should be identical:</p>
+ <div class="test"> TEST </div>
+ <div class="control"> <img src="support/1x1-navy.png" alt="Image download support must be enabled"/>TEST </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5510-ipadn-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5510-ipadn-000-ref.xht
new file mode 100644
index 0000000000..67ecce9ac7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5510-ipadn-000-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ color: navy;
+ margin: 1em 0px 15px;
+ }
+
+ div {margin: 13px 0px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The two sweets below should be identical:</p>
+
+ <div><img src="support/css1test5510-i.png" alt="FAIL: Need image support for reference rendering." /></div>
+
+ <div><img src="support/css1test5510-i.png" alt="FAIL: Need image support for reference rendering." /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5510-ipadn-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5510-ipadn-000.xht
new file mode 100644
index 0000000000..3376a3f1f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5510-ipadn-000.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5510-ipadn-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ p { color: navy; }
+ div { margin: 2em 0; }
+ .one { font: 15px/1 Ahem; width: 7em; background: red; }
+ .one p { color: green; background: lime; }
+ .one span { padding: 1em; background: orange; color: yellow; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>The two sweets below should be identical:</p>
+ <div class="one"><p> x <span>x</span> x </p></div>
+ <div><img src="support/css1test5510-i.png" alt="FAIL: Need image support for reference rendering."/></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5510-padn-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-000-ref.xht
new file mode 100644
index 0000000000..cea9227e44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-000-ref.xht
@@ -0,0 +1,89 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+body {
+ color: navy;
+}
+div {
+ width: 138px;
+ font-size: 10px;
+ line-height: 1;
+}
+div p {
+ padding: 0;
+ border: solid 24px yellow;
+}
+img {
+ vertical-align: bottom;
+}
+</style>
+</head>
+<body>
+<p>The five diagrams below should be identical.</p>
+<div>
+ <p>
+ <img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ />
+ </p>
+ <p>
+ <img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ />
+ </p>
+ <p>
+ <img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ />
+ </p>
+ <p>
+ <img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ />
+ </p>
+ <p>
+ <img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ />
+ </p>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5510-padn-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-000.xht
new file mode 100644
index 0000000000..72ba3fc963
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-000.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5510-padn-000-ref.xht"/>
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body { color: navy; }
+ div { font: 10px/1 Ahem; width: 138px; color: orange; }
+ img { vertical-align: bottom; }
+ .zero {padding: 0; border: solid 24px yellow; background-color: red;}
+ .one {padding: 0.25in; background-color: yellow;}
+ .two {padding: 24px; background-color: yellow;}
+ .three {padding: 2.4em; background-color: yellow;}
+ .four {padding: 17.391%; background-color: yellow;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" title="4.3.2 Lengths"/>
+ </head>
+ <body>
+ <p>The five diagrams below should be identical.</p>
+ <div>
+ <p class="zero">
+ <img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" width="10" height="10"
+ /><img src="support/swatch-orange.png" alt="Image download support must be enabled" width="10" height="10"
+ />
+ </p>
+ <p class="one">
+ x x x x x
+ </p>
+ <p class="two">
+ x x x x x
+ </p>
+ <p class="three">
+ x x x x x
+ </p>
+ <p class="four">
+ x x x x x
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5510-padn-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-001-ref.xht
new file mode 100644
index 0000000000..7e21846bca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-001-ref.xht
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ color: navy;
+ margin: 0;
+ }
+
+ div.control
+ {
+ border: black solid medium;
+ margin: 1.25em;
+ width: 12.5em;
+ }
+
+ div.yellow
+ {
+ background-color: yellow;
+ border: yellow solid 1.25em;
+ }
+
+ div.control div.teal
+ {
+ background-color: teal;
+ height: 1.25em;
+ width: 1.25em;
+ }
+
+ div.control div.aqua
+ {
+ background-color: aqua;
+ border: aqua solid 1.25em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The following two diagrams should look identical.</p>
+
+ <div class="control">
+ <div class="yellow">
+ <div class="teal"></div>
+ <div class="aqua"><div class="teal"></div></div>
+ <div class="teal"></div>
+ </div>
+ </div>
+
+ <div class="control">
+ <div class="yellow">
+ <div class="teal"></div>
+ <div class="aqua"><div class="teal"></div></div>
+ <div class="teal"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5510-padn-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-001.xht
new file mode 100644
index 0000000000..5b025c0869
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-001.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding</title>
+ <meta name="flags" content="ahem" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-08 -->
+ <link rel="match" href="c5510-padn-001-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div.control { margin: 1.25em; }
+ p.criteria { color: navy; }
+ p, ul, li { margin: 0; padding: 0; list-style: none; }
+
+ div.test { border: solid black; width: 10em; background-color: orange; font: 1.25em/1 Ahem; color: teal; margin: 1em;}
+ ul.test, li.test { padding: 1em; }
+ li.test { background-color: aqua; }
+ ul.test { background-color: yellow; }
+
+ .control { border: solid; width: 12.5em; background: red; }
+ .control .yellow { border: solid 1.25em yellow; background: yellow; }
+ .control .teal { height: 1.25em; width: 1.25em; background: teal; }
+ .control .aqua { border: solid 1.25em aqua; background: aqua; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p class="criteria">The following two diagrams should look identical.</p>
+ <div class="test">
+ <ul class="test">
+ <li>-</li>
+ <li class="test">-</li>
+ <li>-</li>
+ </ul>
+ </div>
+ <div class="control">
+ <div class="yellow">
+ <div class="teal"></div>
+ <div class="aqua"><div class="teal"></div></div>
+ <div class="teal"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5510-padn-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-002-ref.xht
new file mode 100644
index 0000000000..c41f7732e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-002-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: navy;
+ border: navy solid 1em;
+ color: yellow;
+ margin: 1em;
+ width: 10em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The next two bars should be identical:</p>
+
+ <div>TEST</div>
+
+ <div>TEST</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5510-padn-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-002.xht
new file mode 100644
index 0000000000..af2e9daaf1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5510-padn-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: padding</title>
+ <meta name="flags" content="invalid" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#padding"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5510-padn-002-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ div { margin: 1em; color: yellow; background: navy; }
+ .test { width: 10em; padding: 1em; padding: -5em; }
+ .control { width: 10em; border: solid 1em navy; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'"/>
+ </head>
+ <body>
+ <p>The next two bars should be identical:</p>
+ <div class="test"> TEST </div>
+ <div class="control"> TEST </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-000.xht
new file mode 100644
index 0000000000..5ea364f1e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-000.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-top-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-top-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ td { vertical-align: bottom;}
+ table { color: navy; }
+ .two {border-top-width: thick; border-style: solid;}
+ .three {border-top-width: medium; border-style: solid;}
+ .four {border-top-width: thin; border-style: solid;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>The three boxes below should have progressively thinner top borders.</p>
+ <table>
+ <tr>
+ <td>
+ <p class="two">
+ A
+ </p>
+ </td>
+ <td>
+ <p class="three">
+ B
+ </p>
+ </td>
+ <td>
+ <p class="four">
+ C
+ </p>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-001-ref.xht
new file mode 100644
index 0000000000..0eb310a1c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-001-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#background
+ {
+ background: url("support/swatch-green.png") repeat-x;
+ line-height: 15px;
+ }
+
+ div#border
+ {
+ border-color: green;
+ border-style: solid;
+ border-width: 0px medium medium medium;
+ color: green;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div id="background">&nbsp;</div>
+
+ <div id="border">There should be no red on this page.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-001.xht
new file mode 100644
index 0000000000..6985014c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-top-width</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-top-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5511-brdr-tw-001-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .one { background: url(support/swatch-red.png) repeat-x top left; }
+ .one div { border-top-width: 15px; border-style: solid; color: green; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <div class="one">
+ <div>
+ There should be no red on this page.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-002.xht
new file mode 100644
index 0000000000..ed243c9fbe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-top-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-top-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <style type="text/css"><![CDATA[
+ .five {border-top-width: 25px; color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <p class="five">
+ &#x00A0;
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-003-ref.xht
new file mode 100644
index 0000000000..ff7e092296
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-003-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-color: navy;
+ border-style: none solid solid;
+ border-width: 0px medium medium;
+ color: navy;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>This box should be open ended at the top.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-003.xht
new file mode 100644
index 0000000000..4f8950098b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5511-brdr-tw-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-top-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-top-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5511-brdr-tw-003-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .zero { color: navy; }
+ .zero div { border-top-width: 0; border-style: solid; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <div class="zero">
+ <div>
+ This box should be open ended at the top.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5511-ibrdr-tw-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5511-ibrdr-tw-000-ref.xht
new file mode 100644
index 0000000000..e37b8aaaea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5511-ibrdr-tw-000-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ span
+ {
+ border-color: black black black black;
+ border-style: solid solid solid solid;
+ border-width: thin medium medium medium;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>
+ <span>This box should have a thin top border.</span>
+ </p>
+
+ <div>There should be no red on this line.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5511-ibrdr-tw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5511-ibrdr-tw-000.xht
new file mode 100644
index 0000000000..28b6c3d632
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5511-ibrdr-tw-000.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-top-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-top-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5511-ibrdr-tw-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .two {border-top-width: thin; border-style: solid;}
+ .three {border-top-width: 25px; color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>
+ <span class="two"> This box should have a thin top border.</span>
+ </p>
+ <p>
+ There should be no red on this line. <span class="three">&#x00A0;&#x00A0;&#x00A0;</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-000.xht
new file mode 100644
index 0000000000..bff9820e1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-000.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-right-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ .two {border-right-width: thick; border-style: solid;}
+ .three {border-right-width: medium; border-style: solid;}
+ .four {border-right-width: thin; border-style: solid;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>The three boxes below should have progressively thinner right borders.</p>
+ <p class="two">
+ A
+ </p>
+ <p class="three">
+ B
+ </p>
+ <p class="four">
+ C
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-001-ref.xht
new file mode 100644
index 0000000000..92f885922d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-001-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-color: green;
+ border-style: solid none solid solid;
+ border-width: medium 0px medium medium;
+ color: green;
+ }
+
+ img
+ {
+ float: right;
+ vertical-align: bottom;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div><img src="support/swatch-green.png" height="19" width="15" alt="Image download support must be enabled" />There should be no red on this page.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-001.xht
new file mode 100644
index 0000000000..4671ff3131
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-right-width</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5512-brdr-rw-001-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .one { background: url(support/swatch-red.png) repeat-y top right; }
+ .one div { border-right-width: 15px; border-style: solid; color: green; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <div class="one">
+ <div>
+ There should be no red on this page.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-002.xht
new file mode 100644
index 0000000000..20e2ffe7dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-right-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <style type="text/css"><![CDATA[
+ .five {border-right-width: 25px; color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <p class="five">
+ &#x00A0;
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-003-ref.xht
new file mode 100644
index 0000000000..bf6f86268a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-003-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-color: navy;
+ border-style: solid none solid solid;
+ border-width: medium 0px medium medium;
+ color: navy;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>This box should be open ended at the right.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-003.xht
new file mode 100644
index 0000000000..61de0155d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5512-brdr-rw-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-right-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5512-brdr-rw-003-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .zero { color: navy; }
+ .zero div { border-right-width: 0; border-style: solid; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <div class="zero">
+ <div>
+ This box should be open ended at the right.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5512-ibrdr-rw-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5512-ibrdr-rw-000-ref.xht
new file mode 100644
index 0000000000..c33687f311
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5512-ibrdr-rw-000-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ span
+ {
+ border-color: black black black black;
+ border-style: solid solid solid solid;
+ border-width: medium thin medium medium;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>
+ <span>This box should have a thin right border.</span>
+ </p>
+
+ <div>There should be no red on this line.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5512-ibrdr-rw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5512-ibrdr-rw-000.xht
new file mode 100644
index 0000000000..8267414f0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5512-ibrdr-rw-000.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-right-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5512-ibrdr-rw-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .two {border-right-width: thin; border-style: solid;}
+ .three {border-right-width: 25px; color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p class="one">
+ <span class="two"> This box should have a thin right border.</span>
+ </p>
+ <p class="one">
+ There should be no red on this line. <span class="three">&#x00A0;&#x00A0;&#x00A0;</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-000.xht
new file mode 100644
index 0000000000..04e6145604
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-000.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-bottom-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-bottom-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ td { vertical-align: top;}
+ table { color: navy; }
+ .two {border-bottom-width: thick; border-style: solid;}
+ .three {border-bottom-width: medium; border-style: solid;}
+ .four {border-bottom-width: thin; border-style: solid;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>The three boxes below should have progressively thinner bottom borders.</p>
+ <table>
+ <tr>
+ <td>
+ <p class="two">
+ A
+ </p>
+ </td>
+ <td>
+ <p class="three">
+ B
+ </p>
+ </td>
+ <td>
+ <p class="four">
+ C
+ </p>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-001-ref.xht
new file mode 100644
index 0000000000..c35385fcf9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-001-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#border
+ {
+ border-color: green;
+ border-style: solid;
+ border-width: medium medium 0px medium ;
+ color: green;
+ }
+
+ div#background
+ {
+ background: url("support/swatch-green.png") repeat-x;
+ line-height: 15px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div id="border">There should be no red on this page.</div>
+
+ <div id="background">&nbsp;</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-001.xht
new file mode 100644
index 0000000000..7d25713eb0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-bottom-width</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-bottom-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5513-brdr-bw-001-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .one { background: url(support/swatch-red.png) repeat-x bottom left; }
+ .one div { border-bottom-width: 15px; border-style: solid; color: green; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <div class="one">
+ <div>
+ There should be no red on this page.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-002.xht
new file mode 100644
index 0000000000..b7dca34ca0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-bottom-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-bottom-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <style type="text/css"><![CDATA[
+ .five {border-bottom-width: 25px; color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <p class="five">
+ &#x00A0;
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-003-ref.xht
new file mode 100644
index 0000000000..6e139b5bb1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-003-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-color: navy;
+ border-style: solid solid none solid;
+ border-width: medium medium 0px medium;
+ color: navy;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>This box should be open ended at the bottom.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-003.xht
new file mode 100644
index 0000000000..f43c11afac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5513-brdr-bw-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-bottom-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-bottom-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5513-brdr-bw-003-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .zero { color: navy; }
+ .zero div { border-bottom-width: 0; border-style: solid; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <div class="zero">
+ <div>
+ This box should be open ended at the bottom.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5513-ibrdr-bw-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5513-ibrdr-bw-000-ref.xht
new file mode 100644
index 0000000000..581a7ae213
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5513-ibrdr-bw-000-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ span
+ {
+ border-color: black black black black;
+ border-style: solid solid solid solid;
+ border-width: medium medium thin medium;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>
+ <span>This box should have a thin bottom border.</span>
+ </p>
+
+ <div>There should be no red on this line.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5513-ibrdr-bw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5513-ibrdr-bw-000.xht
new file mode 100644
index 0000000000..a232780819
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5513-ibrdr-bw-000.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-bottom-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-bottom-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5513-ibrdr-bw-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .two {border-bottom-width: thin; border-style: solid;}
+ .three {border-bottom-width: 25px; color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p class="one">
+ <span class="two"> This box should have a thin bottom border.</span>
+ </p>
+ <p class="one">
+ There should be no red on this line. <span class="three">&#x00A0;&#x00A0;&#x00A0;</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-000.xht
new file mode 100644
index 0000000000..f2ca6d14d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-000.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-left-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ .two {border-left-width: thick; border-style: solid;}
+ .three {border-left-width: medium; border-style: solid;}
+ .four {border-left-width: thin; border-style: solid;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>The three boxes below should have progressively thinner left borders.</p>
+ <p class="two">
+ A
+ </p>
+ <p class="three">
+ B
+ </p>
+ <p class="four">
+ C
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-001-ref.xht
new file mode 100644
index 0000000000..2c0103e1f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-001-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-color: green;
+ border-style: solid solid solid none;
+ border-width: medium medium medium 0px;
+ color: green;
+ }
+
+ img
+ {
+ float: left;
+ vertical-align: bottom;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div><img src="support/swatch-green.png" height="19" width="15" alt="Image download support must be enabled" />There should be no red on this page.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-001.xht
new file mode 100644
index 0000000000..054fd2cb77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-left-width</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5514-brdr-lw-001-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .one { background: url(support/swatch-red.png) repeat-y top left; }
+ .one div { border-left-width: 15px; border-style: solid; color: green; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <div class="one">
+ <div>
+ There should be no red on this page.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-002.xht
new file mode 100644
index 0000000000..916af83080
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-left-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <style type="text/css"><![CDATA[
+ .five {border-left-width: 25px; color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <p class="five">
+ &#x00A0;
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-003-ref.xht
new file mode 100644
index 0000000000..02a2b2fc2a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-003-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-color: navy;
+ border-style: solid solid solid none;
+ border-width: medium medium medium 0px;
+ color: navy;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>This box should be open ended at the left.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-003.xht
new file mode 100644
index 0000000000..e63afac097
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5514-brdr-lw-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-left-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5514-brdr-lw-003-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .zero { color: navy; }
+ .zero div { border-left-width: 0; border-style: solid; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <div class="zero">
+ <div>
+ This box should be open ended at the left.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5514-ibrdr-lw-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5514-ibrdr-lw-000-ref.xht
new file mode 100644
index 0000000000..96a230d840
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5514-ibrdr-lw-000-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ span
+ {
+ border-color: black black black black;
+ border-style: solid solid solid solid;
+ border-width: medium medium medium thin;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>
+ <span>This box should have a thin left border.</span>
+ </p>
+
+ <div>There should be no red on this line.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5514-ibrdr-lw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5514-ibrdr-lw-000.xht
new file mode 100644
index 0000000000..e78533829b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5514-ibrdr-lw-000.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-left-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5514-ibrdr-lw-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .two {border-left-width: thin; border-style: solid;}
+ .three {border-left-width: 25px; color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p class="one">
+ <span class="two"> This box should have a thin left border.</span>
+ </p>
+ <p class="one">
+ There should be no red on this line. <span class="three">&#x00A0;&#x00A0;&#x00A0;</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-000.xht
new file mode 100644
index 0000000000..a53539c0c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-000.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ .two {border-width: thick; border-style: solid;}
+ .three {border-width: medium; border-style: solid;}
+ .four {border-width: thin; border-style: solid;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>The three boxes below should have progressively thinner borders.</p>
+ <p class="two">
+ A
+ </p>
+ <p class="three">
+ B
+ </p>
+ <p class="four">
+ C
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-001-ref.xht
new file mode 100644
index 0000000000..b6f0e09e28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-001-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div.background
+ {
+ background: url("support/swatch-green.png") repeat-x;
+ line-height: 15px;
+ }
+
+ div#sentence
+ {
+ border-left: green solid 15px;
+ border-right: green solid 15px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div class="background">&nbsp;</div>
+
+ <div id="sentence">There should be no red on this page.</div>
+
+ <div class="background">&nbsp;</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-001.xht
new file mode 100644
index 0000000000..1a7210c6cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-width</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5515-brdr-w-001-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .one { background: url(support/swatch-red.png) repeat; }
+ .one div { border-width: 15px; border-style: solid; color: green; }
+ .one p { color: black; background: white; margin: 0; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <div class="one">
+ <div>
+ <p>There should be no red on this page.</p>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-002.xht
new file mode 100644
index 0000000000..2b8c9d72b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5515-brdr-w-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <style type="text/css"><![CDATA[
+ .five {border-width: 25px; color: red;}
+ .six {border-width: 0; border-style: solid; color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <p class="five">
+ &#x00A0;
+ </p>
+ <p class="six">
+ &#x00A0;
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5515-ibrdr-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5515-ibrdr-000-ref.xht
new file mode 100644
index 0000000000..3b83dc325c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5515-ibrdr-000-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ span
+ {
+ border-color: black black black black;
+ border-style: solid solid solid solid;
+ border-width: thin thin thin thin;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>
+ <span>This box should have a thin border.</span>
+ </p>
+
+ <p>There should be no red on this line.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5515-ibrdr-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5515-ibrdr-000.xht
new file mode 100644
index 0000000000..bde0f4a716
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5515-ibrdr-000.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-width</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5515-ibrdr-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .two {border-width: thin; border-style: solid;}
+ .three {border-width: 25px; color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p class="one">
+ <span class="two"> This box should have a thin border.</span>
+ </p>
+ <p class="one">
+ There should be no red on this line. <span class="three">&#x00A0;&#x00A0;&#x00A0;</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5516-brdr-c-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5516-brdr-c-000-ref.xht
new file mode 100644
index 0000000000..14507bd421
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5516-brdr-c-000-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ border-color: green green green green;
+ border-style: solid solid solid solid;
+ border-width: medium medium medium medium;
+ }
+
+ p#multi-color
+ {
+ border-top: purple solid 2em;
+ border-right: green solid 2em;
+ border-bottom: blue solid 2em;
+ border-left: yellow solid 2em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This box should have a green border.</p>
+
+ <p>This box should have an identical green border.</p>
+
+ <p id="multi-color">Clockwise from top, the borders should be: PURPLE, GREEN, BLUE, YELLOW.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5516-brdr-c-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5516-brdr-c-000.xht
new file mode 100644
index 0000000000..a21c5ea39c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5516-brdr-c-000.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-color</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-color"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5516-brdr-c-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .one {border-color: green; border-style: solid;}
+ .two {border-color: green; border-width: medium; border-style: solid;}
+ .three {border-color: purple green blue yellow; border-width: 2em; border-style: solid;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p class="one">
+ This box should have a green border.
+ </p>
+ <p class="two">
+ This box should have an identical green border.
+ </p>
+ <p class="three">
+ Clockwise from top, the borders should be: PURPLE, GREEN, BLUE, YELLOW.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5516-ibrdr-c-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5516-ibrdr-c-000-ref.xht
new file mode 100644
index 0000000000..4af890e75e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5516-ibrdr-c-000-ref.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {margin: 3em;}
+
+ span
+ {
+ border-color: green green green green;
+ border-style: solid solid solid solid;
+ border-width: medium medium medium medium;
+ }
+
+ span#multi-color
+ {
+ border-top: purple solid 2em;
+ border-right: green solid 2em;
+ border-bottom: blue solid 2em;
+ border-left: yellow solid 2em;
+ line-height: 6em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p><span>This box should have a green border.</span></p>
+
+ <p><span>This box should have a green border.</span></p>
+
+ <p>Clockwise from top, the borders around <span id="multi-color">THIS&nbsp;PHRASE</span> should be: PURPLE, GREEN, BLUE, YELLOW.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5516-ibrdr-c-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5516-ibrdr-c-000.xht
new file mode 100644
index 0000000000..c2001cb2b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5516-ibrdr-c-000.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-color</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-color"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5516-ibrdr-c-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ p { margin: 3em; }
+ .one {border-color: green; border-style: solid;}
+ .two {border-color: green; border-width: medium; border-style: solid;}
+ .three {border-color: purple green blue yellow; border-width: 2em; border-style: solid;
+ line-height: 6em;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>
+ <span class="one">This box should have a green border.</span>
+ </p>
+ <p>
+ <span class="two">This box should have a green border.</span>
+ </p>
+ <p>
+ Clockwise from top, the borders around
+ <span class="three">THIS&nbsp;PHRASE</span>
+ should be: PURPLE, GREEN, BLUE, YELLOW.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5517-brdr-s-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5517-brdr-s-000.xht
new file mode 100644
index 0000000000..0136e0ecda
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5517-brdr-s-000.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-style</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-style"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { padding: 1em; }
+ .one {border-style: dotted; border-color: navy; border-width: thick;}
+ .two {border-style: dashed; border-color: navy; border-width: thick;}
+ .three {border-style: solid; border-color: navy; border-width: thick;}
+ .four {border-style: double; border-color: navy; border-width: thick;}
+ .five {border-style: groove; border-color: orange; border-width: thick;}
+ .six {border-style: ridge; border-color: orange; border-width: thick;}
+ .seven {border-style: inset; border-color: orange; border-width: thick;}
+ .eight {border-style: outset; border-color: orange; border-width: thick;}
+ .nine {border-style: double groove; border-color: blue; border-width: thick;}
+ .ten {border-style: dotted double dashed solid; border-color: blue; border-width: thick;}
+ .eleven {border-style: none; border-color: red; border-width: thick;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>The borders below should be as described:</p>
+ <p class="one">
+ Blue and dotted.
+ </p>
+ <p class="two">
+ Blue and dashed.
+ </p>
+ <p class="three">
+ Blue and solid.
+ </p>
+ <p class="four">
+ Blue and double.
+ </p>
+ <p class="five">
+ Orange and groove.
+ </p>
+ <p class="six">
+ Orange and ridge.
+ </p>
+ <p class="seven">
+ Orange and inset.
+ </p>
+ <p class="eight">
+ Orange and outset.
+ </p>
+ <p class="nine">
+ Blue and double on top and bottom; Blue and grooved on the left and right.
+ </p>
+ <p class="ten">
+ Blue borders which are, in clockwise order from top: dotted, double, dashed, solid.
+ </p>
+ <p class="eleven">
+ This paragraph should have no border at all.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5517-ibrdr-s-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5517-ibrdr-s-000.xht
new file mode 100644
index 0000000000..0c6ab7c399
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5517-ibrdr-s-000.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-style</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-style"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ .one {border-style: dashed; border-color: black; border-width: thick;}
+ .two {border-style: groove; border-color: orange; border-width: thick;}
+ .three {border-style: none; border-color: red; border-width: thick;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>The borders below should be as described:</p>
+ <p>
+ <span class="one">Black and dashed.</span>
+ </p>
+ <p>
+ <span class="two">Orange and grooved.</span>
+ </p>
+ <p>
+ <span class="three">No border.</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5518-brdr-t-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5518-brdr-t-000.xht
new file mode 100644
index 0000000000..8196b84ec4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5518-brdr-t-000.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-top</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-top"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: blue; }
+ .one {border-top: blue double 10px;}
+ .two {border-top: blue thin solid;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p class="one">
+ This paragraph should have two blue lines directly above it.
+ </p>
+ <p class="two">
+ This paragraph should have a single thin blue line directly above it.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5518-brdr-t-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5518-brdr-t-001.xht
new file mode 100644
index 0000000000..5891bbe812
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5518-brdr-t-001.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-top</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-top"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body { color: blue; }
+ td { text-align: center; }
+ td, span, .three { border-top: blue 2px solid; }
+ .skip { border-top: none; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>There should be a solid blue line directly over every occurance of the word "<span>HERE &#x21E7;</span>". (So there should be 7 blue lines on this page.)</p>
+ <table>
+ <tr>
+ <td colspan="2">
+ HERE &#x21E7;
+ </td>
+ </tr>
+ <tr>
+ <td>
+ HERE &#x21E7;
+ </td>
+ <td class="skip">
+ dummy text
+ <table>
+ <tr>
+ <td>
+ HERE &#x21E7;
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ <ul>
+ <li class="three">
+ HERE &#x21E7;
+ <ul>
+ <li>dummy text</li>
+ <li>dummy text</li>
+ <li>dummy text</li>
+ </ul>
+ </li>
+ <li class="three">HERE &#x21E7;</li>
+ <li class="three">HERE &#x21E7;</li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5518-ibrdr-t-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5518-ibrdr-t-000.xht
new file mode 100644
index 0000000000..58decc7880
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5518-ibrdr-t-000.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-top</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-top"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: silver; }
+ span { color: blue; }
+ .one { border-top: blue double 10px; }
+ .two { border-top: blue thin solid; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <div>The blue bits of text should be decorated as described.</div>
+ <p>
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ <span class="one">two blue lines above</span> dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text <span class="two">one thin blue line
+ above</span> dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text
+ </p>
+ <div>(All the lines of text in the block above should be equally spaced.)</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-000.xht
new file mode 100644
index 0000000000..3992161b00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-000.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-right</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: blue; margin-right: 20px; }
+ span { color: silver; }
+ .one { border-right: blue double 10px; }
+ .two { border-right: blue thin solid; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p class="one">
+ This paragraph should have two blue lines on its right. &#x21E8;
+ <span>dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text</span>
+ </p>
+ <p class="two">
+ This paragraph should have a thin blue line on its right. &#x21E8;
+ <span>dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-001.xht
new file mode 100644
index 0000000000..c7ca9ba235
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-001.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-right</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body { color: blue; }
+ .test { font-size: 2em; }
+ span, td { text-align: right; border-right: blue 2px solid; }
+ table { border-collapse: separate; border-spacing: 6px; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>There should be a solid blue line to the right of every occurence of the word "<span class="test">THERE &#x2799;</span>".</p>
+ <table class="test">
+ <tr>
+ <td colspan="2">
+ THERE &#x2799;
+ </td>
+ </tr>
+ <tr>
+ <td>
+ THERE &#x2799;
+ </td>
+ <td>
+ THERE &#x2798;
+ <table>
+ <tr>
+ <td>
+ THERE &#x2799;
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ <p>There should be 3 short lines and 2 long lines in total.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-002.xht
new file mode 100644
index 0000000000..abd726cb23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5519-brdr-r-002.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-right</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body { color: blue; }
+ ul { margin-right: 25%; }
+ .threea {border-right: orange medium solid;}
+ .threeb {border-right: lime medium solid;}
+ .threec {border-right: yellow medium solid;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>There should be a solid line to the right of the text below,
+ having three segments each of a different colour as indicated.</p>
+ <ul>
+ <li class="threea">Orange orange...
+ <ul>
+ <li>...orange orange...
+ </li>
+ <li>...orange orange...
+ </li>
+ <li>...orange orange.
+ </li>
+ </ul>
+ </li>
+ <li class="threeb">Lime.</li>
+ <li class="threec">Yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow.</li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5519-ibrdr-r-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5519-ibrdr-r-000.xht
new file mode 100644
index 0000000000..e61ac022a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5519-ibrdr-r-000.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-right</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p, span span { color: silver; }
+ span { color: blue; }
+ .one { border-right: blue double 10px; }
+ .two { border-right: blue thin solid; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <div>The blue bits of text should be decorated as described.</div>
+ <p>
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ <span class="one"><span>dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text</span> two blue lines here: </span> dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text <span class="two">one thin
+ blue line here: </span> dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text
+ </p>
+ <div>(All the lines of text in the block above should be equally spaced.)</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5520-brdr-b-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5520-brdr-b-000.xht
new file mode 100644
index 0000000000..031a99e386
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5520-brdr-b-000.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-bottom</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-bottom"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: blue; }
+ .one {border-bottom: blue double 10px;}
+ .two {border-bottom: blue thin solid;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p class="one">
+ This paragraph should have two blue lines directly under it.
+ </p>
+ <p class="two">
+ This paragraph should have a single thin blue line directly under it.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5520-brdr-b-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5520-brdr-b-001.xht
new file mode 100644
index 0000000000..273833634a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5520-brdr-b-001.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-bottom</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-bottom"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body { color: blue; }
+ td { text-align: center; }
+ td, span, .three { border-bottom: blue 2px solid; }
+ .skip { border-bottom: none; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>There should be a solid blue line directly under every occurrence of the word "<span>HERE &#x21E9;</span>". (So there should be 7 blue lines on this page.)</p>
+ <table>
+ <tr>
+ <td colspan="2">
+ HERE &#x21E9;
+ </td>
+ </tr>
+ <tr>
+ <td>
+ HERE &#x21E9;
+ </td>
+ <td class="skip">
+ <table>
+ <tr>
+ <td>
+ HERE &#x21E9;
+ </td>
+ </tr>
+ </table>
+ dummy text
+ </td>
+ </tr>
+ </table>
+ <ul>
+ <li class="three">
+ <ul>
+ <li>dummy text</li>
+ <li>dummy text</li>
+ <li>dummy text</li>
+ </ul>
+ HERE &#x21E9;
+ </li>
+ <li class="three">HERE &#x21E9;</li>
+ <li class="three">HERE &#x21E9;</li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5520-ibrdr-b-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5520-ibrdr-b-000.xht
new file mode 100644
index 0000000000..fdb2b410d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5520-ibrdr-b-000.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-bottom</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-bottom"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: silver; }
+ span { color: blue; }
+ .one { border-bottom: blue double 10px; }
+ .two { border-bottom: blue thin solid; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <div>The blue bits of text should be decorated as described.</div>
+ <p>
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ <span class="one">two blue lines below</span> dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text <span class="two">one thin blue line
+ below</span> dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text
+ </p>
+ <div>(All the lines of text in the block above should be equally spaced.)</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-000.xht
new file mode 100644
index 0000000000..b99ae1f3aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-000.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-left</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: blue; margin-left: 20px; }
+ span { color: silver; }
+ .one { border-left: blue double 10px; }
+ .two { border-left: blue thin solid; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p class="one">
+ &#x21E6; This paragraph should have two blue lines on its left.
+ <span>dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text</span>
+ </p>
+ <p class="two">
+ &#x21E6; This paragraph should have a thin blue line on its left.
+ <span>dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-001.xht
new file mode 100644
index 0000000000..ae508ddf24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-001.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-left</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body { color: blue; }
+ .test { font-size: 2em; }
+ span, td { text-align: left; border-left: blue 2px solid; }
+ table { border-collapse: separate; border-spacing: 6px; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>There should be a solid blue line to the left of every occurence of the word "<span class="test">&#x21E6;THERE</span>".</p>
+ <table class="test">
+ <tr>
+ <td colspan="2">
+ &#x21E6;THERE
+ </td>
+ </tr>
+ <tr>
+ <td>
+ &#x21E6;THERE
+ </td>
+ <td>
+ &#x21E6;THERE
+ <table>
+ <tr>
+ <td>
+ &#x21E6;THERE
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ <p>There should be 3 short lines and 2 long lines in total.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-002.xht
new file mode 100644
index 0000000000..14d27dd52e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5521-brdr-l-002.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-left</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body { color: blue; }
+ .threea {border-left: orange medium solid;}
+ .threeb {border-left: lime medium solid;}
+ .threec {border-left: yellow medium solid;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>There should be a solid line to the left of the text below,
+ having three segments each of a different colour as indicated.</p>
+ <ul>
+ <li class="threea">Orange orange...
+ <ul>
+ <li>...orange orange...
+ </li>
+ <li>...orange orange...
+ </li>
+ <li>...orange orange.
+ </li>
+ </ul>
+ </li>
+ <li class="threeb">Lime.</li>
+ <li class="threec">Yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow yellow
+ yellow yellow yellow yellow yellow yellow yellow yellow.</li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5521-ibrdr-l-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5521-ibrdr-l-000.xht
new file mode 100644
index 0000000000..cd427a2b33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5521-ibrdr-l-000.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border-left</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p, span span { color: silver; }
+ span { color: blue; }
+ .one { border-left: blue double 10px; }
+ .two { border-left: blue thin solid; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <div>The blue bits of text should be decorated as described.</div>
+ <p>
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ <span class="one">&#x21E6; two blue lines to the left <span>dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text</span>
+ </span> dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text <span
+ class="two">&#x21E6; one thin blue line to the left </span> dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text
+ </p>
+ <div>(All the lines of text in the block above should be equally spaced.)</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-000.xht
new file mode 100644
index 0000000000..17edb10daa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-000.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: blue; padding: 1em; }
+ .one {border: orange solid;}
+ .three {border: thick orange outset;}
+ .four {border: thick orange inset;}
+ .two {border: 10px orange ridge;}
+ .six {border: 10px orange double;}
+ .five {border: 10px red;}
+ .seven {border: left red solid;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p>The borders should be as described.</p>
+ <p class="one">
+ Orange and solid.
+ </p>
+ <p class="three">
+ Orange and outset.
+ </p>
+ <p class="four">
+ Orange and inset.
+ </p>
+ <p class="two">
+ Orange and ridged.
+ </p>
+ <p class="six">
+ Orange and double.
+ </p>
+ <p class="five">
+ No border.
+ </p>
+ <p class="seven">
+ No border.
+ </p>
+ <p>
+ No border.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-001-ref.xht
new file mode 100644
index 0000000000..36480e1557
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-001-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: blue;}
+
+ div {margin: 2em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be no border around the cat:</p>
+
+ <div><img src="support/cat.png" alt="FAIL (image support required)" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-001.xht
new file mode 100644
index 0000000000..54a4f4f253
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5522-brdr-001-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ p { color: blue; }
+ div { margin: 2em; color: red; }
+ img { border: 0px; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <p> There should be no border around the cat: </p>
+ <div> <a href="http://test.example.org/"><img src="support/cat.png" alt="FAIL (image support required)" /></a> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-002.xht
new file mode 100644
index 0000000000..c78d6aaf61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5522-brdr-002.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border</title>
+
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+
+ <style type="text/css"><![CDATA[
+ body { color: blue; }
+ td {border: 2px solid blue;}
+ table { border-collapse: separate; border-spacing: 6px; }
+ ]]></style>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td colspan="2">
+ There should be a blue border around this sentence.
+ </td>
+ </tr>
+ <tr>
+ <td>
+ There should be a blue border around this sentence.
+ </td>
+ <td>
+ <table>
+ <tr>
+ <td>
+ There should be <strong><em>two</em> blue borders</strong> around this sentence.
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5522-ibrdr-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5522-ibrdr-000.xht
new file mode 100644
index 0000000000..c62165ce8b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5522-ibrdr-000.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: border</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ p { color: silver; }
+ span { color: blue; }
+ .one { border: blue double 10px; }
+ .two { border: blue thin solid; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>
+ </head>
+ <body>
+ <div>The blue bits of text should be decorated as described.</div>
+ <p>
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ <span class="one">two blue lines all around this blue text</span>
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text <span class="two">one
+ blue line all around this blue text</span> dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text dummy text dummy text dummy text dummy text dummy text
+ dummy text
+ </p>
+ <div>(All the lines of text in the block above should be equally spaced.)</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5523-width-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5523-width-000.xht
new file mode 100644
index 0000000000..b5c8dc4d15
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5523-width-000.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: width</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ div { font-size: 20px; background: url(support/ruler-h-50px.png) bottom left no-repeat; padding-bottom: 40px; }
+ .one { width: 50px; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/>
+ </head>
+ <body>
+ <p>The square below should be exactly 50 pixels wide on the ruler.</p>
+ <div><img src="support/swatch-blue.png" class="one" alt="FAIL: Image support required."/></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5523-width-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5523-width-001.xht
new file mode 100644
index 0000000000..28ec544d43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5523-width-001.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: width</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body { background: url(support/ruler-h-50%25.png) bottom center no-repeat; padding: 0 0 40px; }
+ .one { width: 50%; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/>
+ </head>
+ <body>
+ <p>The square below should be exactly 50% wide on the ruler at the bottom.</p>
+ <div><img src="support/swatch-blue.png" class="one" alt="FAIL: Image support required."/></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5523-width-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5523-width-002.xht
new file mode 100644
index 0000000000..d98ce17b9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5523-width-002.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: width</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#width"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body { background: url(support/ruler-h-50%25.png) bottom center no-repeat; padding: 0 0 40px; }
+ div { color: blue; width: 50%; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/>
+ </head>
+ <body>
+ <p>The blue text should not go past the 50% mark on the ruler
+ below.</p>
+ <div>a bit of dummy text a bit of dummy text a bit of dummy text a
+ bit of dummy text a bit of dummy text a bit of dummy text a bit of
+ dummy text a bit of dummy text a bit of dummy text a bit of dummy
+ text a bit of dummy text a bit of dummy text a bit of dummy text a
+ bit of dummy text a bit of dummy text a bit of dummy text a bit of
+ dummy text a bit of dummy text a bit of dummy text a bit of dummy
+ text a bit of dummy text a bit of dummy text a bit of dummy text a
+ bit of dummy text a bit of dummy text a bit of dummy text a bit of
+ dummy text a bit of dummy text a bit of dummy text a bit of dummy
+ text a bit of dummy text a bit of dummy text a bit of dummy text a
+ bit of dummy text a bit of dummy text a bit of dummy text a bit of
+ dummy text a bit of dummy text a bit of dummy text a bit of dummy
+ text a bit of dummy text a bit of dummy text a bit of dummy text a
+ bit of dummy text a bit of dummy text a bit of dummy text a bit of
+ dummy text a bit of dummy text a bit of dummy text a bit of dummy
+ text a bit of dummy text a bit of dummy text a bit of dummy text a
+ bit of dummy text a bit of dummy text a bit of dummy text a bit of
+ dummy text a bit of dummy text a bit of dummy text a bit of dummy
+ text a bit of dummy text a bit of dummy text a bit of dummy text a
+ bit of dummy text a bit of dummy text a bit of dummy text a bit of
+ dummy text a bit of dummy text a bit of dummy text a bit of dummy
+ text a bit of dummy text a bit of dummy text a bit of dummy text a
+ bit of dummy text a bit of dummy text a bit of dummy text a bit of
+ dummy text a bit of dummy text a bit of dummy text a bit of dummy
+ text a bit of dummy text a bit of dummy text a bit of dummy
+ text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5524-height-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5524-height-000.xht
new file mode 100644
index 0000000000..28a2b87e52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5524-height-000.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: height</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#height"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ div { font-size: 20px; background: url(support/ruler-v-50px.png) top left no-repeat; padding: 0 0 100px 45px; }
+ .one { height: 50px; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" title="10.5 Content height: the 'height' property"/>
+ </head>
+ <body>
+ <p>The square below should be exactly 50 pixels high on the ruler.</p>
+ <div><img src="support/swatch-blue.png" class="one" alt="FAIL: Image support required."/></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5524-height-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5524-height-001.xht
new file mode 100644
index 0000000000..e2570dfc38
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5524-height-001.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: height</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#height"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ div { font-size: 20px; background: url(support/ruler-v-100px.png) top left no-repeat; padding: 0 0 100px 45px; }
+ .one { height: 100px; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" title="10.5 Content height: the 'height' property"/>
+ </head>
+ <body>
+ <p>The square below should be exactly 100 pixels high on the ruler.</p>
+ <div><img src="support/swatch-blue.png" class="one" alt="FAIL: Image support required."/></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5524-height-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5524-height-002.xht
new file mode 100644
index 0000000000..d23579dddc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5524-height-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: height</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#height"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ div { background: url(support/test-outer.png) top left no-repeat; padding: 40px 40px 240px 40px; }
+ img { height: 200px; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" title="10.4 Minimum and maximum widths: 'min-width' and 'max-width'"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" title="10.5 Content height: the 'height' property"/>
+ </head>
+ <body>
+ <p>The blue rectangle below should be exactly 200 pixels by 120
+ pixels on the ruler (and the aqua bars should stick out of the
+ blue box, with no red present).</p>
+ <!-- This test sucks. Anyone got any better ideas on how to do this? -->
+ <div><img src="support/test-inner-half-size.png" class="one" alt="FAIL: Image support required."/></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-flt-l-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-flt-l-000.xht
new file mode 100644
index 0000000000..d1d0541024
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-flt-l-000.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floating Elements</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <style type="text/css"><![CDATA[
+ p { color: navy; }
+ img { height: 50px; width: 50px; float: left; }
+ span { color: silver; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/>
+ </head>
+ <body>
+ <p>
+ <img src="support/square-teal.png" alt="[FAIL: Image support required]"/>
+ &#x21E6; This text should flow around the box on the left.
+ <span>dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-flt-r-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-flt-r-000.xht
new file mode 100644
index 0000000000..e54603932a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-flt-r-000.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: float</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
+ <style type="text/css"><![CDATA[
+ p { color: navy; }
+ img { height: 50px; width: 50px; float: right; }
+ span { color: silver; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/>
+ </head>
+ <body>
+ <p>
+ <img src="support/square-teal.png" alt="[FAIL: Image support required]"/>
+ This text should flow around the box on the right. &#x21E8;
+ <span>dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-000-ref.xht
new file mode 100644
index 0000000000..4dff98bfb5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-000-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ position: relative;
+ padding-bottom: 150px;
+ }
+
+ p {margin: 0;}
+
+ div
+ {
+ background-color: green;
+ height: 91px;
+ margin: 10px;
+ position: absolute;
+ right: 0px;
+ width: 316px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a green box to the right. &#x2798;</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-000.xht
new file mode 100644
index 0000000000..f48ff0626e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-000.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: float</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5525-fltblck-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; background: white url(support/css1test5525cf-0.png) top right no-repeat; height: 10em; }
+ p { margin: 0; padding: 0; }
+ .float { float: right; width: 20em; color: green; border: 3px solid green; padding: 5px; margin: 10px; }
+ .flow { background: white url(support/css1test5525cf-1.png) top right no-repeat; color: white; text-align: right; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" title="10.6.3 Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'"/>
+ </head>
+ <body>
+ <p>There should be a green box to the right. &#x2798;</p>
+ <div>
+ <p class="float">
+ x x xxxx xx xxxx x x
+ x xx xx xxxx xx xx x
+ x xxx xx xx xx xxx x
+ x xx xx xxxx xx xx x
+ x x xxxx xx xxxx x x
+ </p>
+ <p class="flow">
+ x<br/>x<br/>x
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-001.xht
new file mode 100644
index 0000000000..36a47a9b85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltblck-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: float</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ .outer { border: solid blue; border-bottom: 6em solid blue; background: navy; color: white; }
+ .float { float: right; width: 20em; background: teal; color: white; border: none; padding: 1em; margin: 0.5em; }
+ p { margin: 0; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" title="10.6.3 Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'"/>
+ </head>
+ <body>
+ <div class="outer">
+ <div class="float">
+ <p>
+ This teal box should start inside the dark blue box and spill out
+ onto the blue area below it.
+ </p>
+ </div>
+ <p>
+ You should see a teal box to the right. &#x21E8;
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltcont-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltcont-000.xht
new file mode 100644
index 0000000000..2c22a2ba6a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltcont-000.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: float</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-09 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/>
+
+ <meta name="flags" content="image" />
+
+ <style type="text/css"><![CDATA[
+ p { margin: 0; padding: 0; text-align: justify;}
+ .eight {float: left; width: 25%; color: white;
+ background: navy url(support/square-purple.png) top right no-repeat;
+ padding: 0; margin: 0}
+ .nine {float: right; width: 50%;
+ background-color: teal; color: aqua;
+ padding: 0; margin: 0}
+ span { color: navy; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-root-margin" title="10.6.6 Complicated cases"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/>
+ </head>
+ <body>
+ <div class="eight" style="width: 75%">
+ <div class="nine" style="margin-right: 17px">
+ <p>
+ To the right of this teal box there should be a purple square,
+ tightly squeezed in between the edge of the teal box and the
+ outside edge of the blue block. &#x21E8;
+ </p>
+ </div>
+ <p>
+ Inside this blue block on the right there should be a teal box. &#x21E8;
+ <span>
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ </span>
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltinln-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltinln-000-ref.xht
new file mode 100644
index 0000000000..b03d6be71c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltinln-000-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: black solid medium;
+ height: 45px;
+ margin: 15px;
+ width: 90px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 identical filled green rectangles with a black border</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltinln-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltinln-000.xht
new file mode 100644
index 0000000000..47320f4021
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltinln-000.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: float</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5525-fltinln-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { border: solid black; font: 15px/1 Ahem; width: 6em; margin: 1em; color: green; }
+ span { float: left; font-size: 200%; width: 1.5em; }
+ .a { background: red url(support/css1test5525ce-1.png) no-repeat; }
+ .b { background: red url(support/css1test5525ce-2.png) no-repeat; }
+ .b span { background-color: green; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ </head>
+ <body>
+ <p>Test passes if there are <strong>2 identical filled green rectangles with a black border</strong>.</p>
+ <div class="a">
+ <span>X</span> x x xx x x
+ </div>
+ <div class="b">
+ <span>X</span> x x xx x x
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltmrgn-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltmrgn-000-ref.xht
new file mode 100644
index 0000000000..48578f51d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltmrgn-000-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: black solid medium;
+ height: 555px;
+ width: 120px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a tall filled green rectangle with a black border and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltmrgn-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltmrgn-000.xht
new file mode 100644
index 0000000000..bc63cb0333
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltmrgn-000.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: float</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5525-fltmrgn-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { background: red url(support/css1test5525b-0.png) no-repeat; color: green;
+ font: 15px/1 Ahem; padding: 0; width: 8em; border: solid black; }
+ img { float: left; color: red; }
+ .test1 { margin: 1em; background: red url(support/css1test5525b-1.png) no-repeat; }
+ .test2 { margin: 1em; background: red url(support/css1test5525b-2.png) no-repeat; }
+ .test2 img { margin-top: 0px; margin-left: 0px; height: 3em; }
+ .test3 { margin: 1em; background: red url(support/css1test5525b-3.png) no-repeat; }
+ .test3 img { margin-top: 30px; margin-left: 30px; height: 3em; }
+ .test4 { margin: 3em 1em 1em 3em; background: red url(support/css1test5525b-4.png) no-repeat; }
+ .test4 img { margin-top: -30px; margin-left: -30px; height: 3em; }
+ .test5 { margin: 1em; background: red url(support/css1test5525b-5.png) no-repeat; }
+ .test5 img { margin-right: 30px; margin-bottom: 30px; height: 3em; }
+ .test6 { margin: 1em; background: red url(support/css1test5525b-6.png) no-repeat; }
+ .test6 img { margin-right: -30px; margin-bottom: -30px; } /* has right height */
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'"/>
+ </head>
+ <body>
+ <p>Test passes if there is a tall filled green rectangle with a black border and <strong>no red</strong>.</p>
+ <div>
+ <p class="test1">
+ x x x xx x x x
+ </p>
+ <p class="test2">
+ <img src="support/swatch-green.png" alt="FAIL" />
+ x x x xx x x x
+ </p>
+ <p class="test3">
+ <img src="support/swatch-green.png" alt="FAIL" />
+ x x x xx x x x
+ </p>
+ <p class="test4">
+ <img src="support/swatch-green.png" alt="FAIL" />
+ x x x xx x x x
+ </p>
+ <p class="test5">
+ <img src="support/swatch-green.png" alt="FAIL" />
+ x x x xx x x x
+ </p>
+ <p class="test6">
+ <img src="support/pattern-grg-rrg-rgg.png" alt="FAIL" />
+ x x x xx x x x
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltmult-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltmult-000-ref.xht
new file mode 100644
index 0000000000..108a211988
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltmult-000-ref.xht
@@ -0,0 +1,75 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-spacing: 20px 0px;
+ margin: 10px 0px 10px -20px;
+ }
+
+ table#top {padding: 10px 0px 0px;}
+
+ table#top td
+ {
+ border: black solid 20px;
+ padding: 36px 0px;
+ text-align: center;
+ width: 100px;
+ }
+
+ table#bottom td
+ {
+ border-left: black solid 20px;
+ border-right: black solid 20px;
+ padding: 0px;
+ width: 100px;
+ }
+
+ .black {background-color: black;}
+
+ .yellow {background-color: yellow;}
+
+ .blue
+ {
+ background-color: blue;
+ color: white;
+ }
+
+ .silver {background-color: silver;}
+
+ .green
+ {
+ background-color: green;
+ color: white;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below you should see four blocks side by side followed by a
+ matching cross section of the four blocks.</p>
+
+ <table id="top">
+ <tr>
+ <td class="yellow">Yellow</td> <td class="blue">Blue</td> <td class="silver">Silver</td> <td class="green">Green</td>
+ </tr>
+ </table>
+
+ <table id="bottom">
+ <tr>
+ <td class="yellow">&nbsp;</td> <td class="blue">&nbsp;</td> <td class="silver">&nbsp;</td> <td class="green">&nbsp;</td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltmult-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltmult-000.xht
new file mode 100644
index 0000000000..2faf77aefd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltmult-000.xht
@@ -0,0 +1,107 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: float</title>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/>
+ <link rel="match" href="c5525-fltmult-000-ref.xht" />
+
+ <meta name="flags" content="image" />
+
+ <style type="text/css"><![CDATA[
+ div.yellow, div.blue, div.silver, div.green {
+ width: 60px; padding: 20px; margin: 10px;
+ border: 20px solid black; float: left; text-align: center;
+ }
+ div.yellow {margin-left: 0px; background: yellow; color: black;}
+ div.blue {background: blue; color: white;}
+ div.silver {background: silver; color: black;}
+ div.green {background: green; color: white;}
+ div.below {clear: both;}
+ table {border-spacing: 0px; margin: 10px 0px; table-layout: fixed;}
+ td {padding: 0px; width: 20px;}
+ td.onehundred {width: 100px;}
+ ]]></style>
+ </head>
+ <body>
+ <p class="a">
+ Below you should see four blocks side by side followed by a
+ matching cross section of the four blocks.
+ </p>
+ <div class="yellow">
+ <p>
+ Yellow
+ </p>
+ </div>
+ <div class="blue">
+ <p>
+ Blue
+ </p>
+ </div>
+ <div class="silver">
+ <p>
+ Silver
+ </p>
+ </div>
+ <div class="green">
+ <p>
+ Green
+ </p>
+ </div>
+ <div class="below">
+ <table>
+ <tr>
+ <td style="background: black">
+ &nbsp;
+ </td>
+ <td class="onehundred" style="background: yellow">
+ &nbsp;
+ </td>
+ <td style="background: black">
+ &nbsp;
+ </td>
+ <td style="background: white">
+ &nbsp;
+ </td>
+ <td style="background: black">
+ &nbsp;
+ </td>
+ <td class="onehundred" style="background: blue">
+ &nbsp;
+ </td>
+ <td style="background: black">
+ &nbsp;
+ </td>
+ <td style="background: white">
+ &nbsp;
+ </td>
+ <td style="background: black">
+ &nbsp;
+ </td>
+ <td class="onehundred" style="background: silver">
+ &nbsp;
+ </td>
+ <td style="background: black">
+ &nbsp;
+ </td>
+ <td style="background: white">
+ &nbsp;
+ </td>
+ <td style="background: black">
+ &nbsp;
+ </td>
+ <td class="onehundred" style="background: green">
+ &nbsp;
+ </td>
+ <td style="background: black">
+ &nbsp;
+ </td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-000.xht
new file mode 100644
index 0000000000..1c22534f56
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-000.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: float</title>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property"/>
+
+ <meta name="flags" content="image" />
+
+ <style type="text/css"><![CDATA[
+ p { font-size: 2em; margin: 1em; }
+ div { text-align: justify; }
+ p.end { text-align: right; }
+ .float { float: left; width: 50%; background: blue; color: white; font-variant: small-caps; }
+ .flow { color: silver; background: url(support/ruler-h-50%25.png) bottom center no-repeat; }
+ ]]></style>
+ </head>
+ <body>
+ <!-- This test sucks. -->
+ <p>&#x21E9; The following blue box should be exactly half the width
+ of the viewport, on the left of the 50% ruler mark.</p>
+ <div class="float">
+ ignore this float text ignore this float text ignore this float
+ text ignore this float text ignore this float text ignore this
+ float text ignore this float text ignore this float text ignore
+ this float text ignore this float text ignore this float text
+ ignore this float text ignore this float text ignore this float
+ </div>
+ <div class="flow">
+ this is some dummy text this is some dummy text this is some dummy
+ text this is some dummy text this is some dummy text this is some
+ dummy text this is some dummy text this is some dummy text this is
+ some dummy text this is some dummy text this is some dummy text
+ this is some dummy text this is some dummy text this is some dummy
+ text this is some dummy text this is some dummy text this is some
+ dummy text this is some dummy text this is some dummy text this is
+ some dummy text this is some dummy text this is some dummy text
+ this is some dummy text this is some dummy text this is some dummy
+ text this is some dummy text this is some dummy text this is some
+ dummy text this is some dummy text this is some dummy text this is
+ some dummy text this is some dummy text this is some dummy text
+ this is some dummy text this is some dummy text this is some dummy
+ text this is some dummy text this is some dummy text this is some
+ dummy text this is some dummy text this is some dummy text this is
+ some dummy text this is some dummy text
+ </div>
+ <p class="end">The above gray text should flow around the blue box.
+ &#x21E7;</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-001-ref.xht
new file mode 100644
index 0000000000..592c3f2432
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-001-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ font-size: 20px;
+ margin: 0px;
+ }
+
+ div {font-size: 10px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a small filled green square and <strong>no red</strong>.</p>
+
+ <div><img src="support/swatch-green.png" alt="FAIL: Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-001.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-001.xht
new file mode 100644
index 0000000000..d875e2f74e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: float</title>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ <link rel="match" href="c5525-fltwidth-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+
+ <style type="text/css"><![CDATA[
+ div { background: url(support/swatch-red.png) bottom left no-repeat; font-size: 10px; }
+ div p { float: left; width: 100%; margin: 0; font-size: 2em; }
+ div img { float: none; color: red; vertical-align: top; }
+ ]]></style>
+ </head>
+ <body>
+ <div>
+ <p>
+ Test passes if there is a small filled green square and <strong>no red</strong>.
+ </p>
+ <img src="support/swatch-green.png" alt="FAIL: Image didn't display." />
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-002.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-002.xht
new file mode 100644
index 0000000000..6d7448d939
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: float</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ div { background: url(support/pattern-tr.png) top center no-repeat; font-size: 10px; }
+ p { float: left; width: 50%; margin: 0; font-size: 2em; }
+ img { float: none; color: red; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <div>
+ <p>&#x21E8; To the right, there should be a green square, roughly in the middle of the page horizontally. </p>
+ <img src="support/swatch-green.png" alt="FAIL" />
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-003-ref.xht
new file mode 100644
index 0000000000..4bc665cf97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-003-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {
+ padding-left: 50%;
+ text-indent: 15px;
+ background: url(support/swatch-green.png) no-repeat;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>
+ &nbsp;&#x21E6; There should be a green square at the top left of the window.
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-003.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-003.xht
new file mode 100644
index 0000000000..b1193857a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwidth-003.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: float</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5525-fltwidth-003-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ .a { background: url(support/pattern-tr.png) center top no-repeat; }
+ .b { background: url(support/swatch-red.png) left top no-repeat; }
+ p { margin: 0; float: left; width: 50%; }
+ img { float: none; color: red; vertical-align: top; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <div class="a">
+ <div class="b">
+ <p style="float: right">
+ <img src="support/swatch-white.png" alt="FAIL" />
+ &#x21E6; There should be a green square at the top left of the window.
+ </p>
+ <img src="support/swatch-green.png" alt="FAIL" />
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5525-fltwrap-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwrap-000.xht
new file mode 100644
index 0000000000..c9c10a29f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5525-fltwrap-000.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: float</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-09 -->
+
+ <style type="text/css"><![CDATA[
+ p { margin: 0; padding: 0; font-size: 3em; }
+ .eight {float: left; width: 25%;
+ background-color: #000080; color: white;
+ padding: 0; margin: 0}
+ .nine {float: right; width: 25%;
+ background-color: teal; color: white;
+ padding: 0; margin: 0}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ </head>
+ <body>
+ <div class="eight">
+ <p>
+ &#x21E6; This blue box should be on the left.
+ </p>
+ </div>
+ <div class="nine">
+ <p>
+ This teal box should be on the right. &#x21E8;
+ </p>
+ </div>
+ <p>
+ This text should be in between a blue box on the &#x21E6;left and a teal box on the right&#x21E8;.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5526-fltclr-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5526-fltclr-000-ref.xht
new file mode 100644
index 0000000000..31d3e446c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5526-fltclr-000-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: black solid medium;
+ height: 645px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a big green box below.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5526-fltclr-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5526-fltclr-000.xht
new file mode 100644
index 0000000000..4402f418a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5526-fltclr-000.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: clear</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#clear"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c5526-fltclr-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; color: green; background: red url(support/css1test5526.png) no-repeat; width: 20em; border: solid black; }
+ p { margin: 1em 0; }
+ .left {float: left;}
+ .right {float: right;}
+ .one {clear: left;}
+ .two {clear: right;}
+ .three {clear: both;}
+ .four {clear: none;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property"/>
+ </head>
+ <body>
+ <p>There should be a big green box below.</p>
+ <div>
+ <img src="support/swatch-green.png" height="50" class="left" alt="[Image]" />
+ <p>
+ xxxxx xxxx xxx xx x xx xxx xxxx
+ xxxxx xxxx xxx xx x xx xxx xxxx
+ xxxxx xxxx xxx xx x xx xxx xxxx
+ </p>
+ <img src="support/swatch-green.png" height="50" class="left" alt="[Image]" />
+ <p class="one">
+ xxxxx xxxx xxx xx x xx xxx xxxx
+ xxxxx xxxx xxx xx x xx xxx xxxx
+ </p>
+ <img src="support/swatch-green.png" height="50" class="right" alt="[Image]" />
+ <p class="two">
+ xxxxx xxxx xxx xx x xx xxx xxxx
+ xxxxx xxxx xxx xx x xx xxx xxxx
+ </p>
+ <img src="support/swatch-green.png" height="50" class="left" alt="[Image]" />
+ <img src="support/swatch-green.png" height="50" class="right" alt="[Image]" />
+ <p class="three">
+ xxxxx xxxx xxx xx x xx xxx xxxx
+ xxxxx xxxx xxx xx x xx xxx xxxx
+ </p>
+ <img src="support/swatch-green.png" height="50" class="left" alt="[Image]" />
+ <img src="support/swatch-green.png" height="50" class="right" alt="[Image]" />
+ <p class="four">
+ xxxxx xxxx xxx xx x xx xxx xxxx
+ xxxxx xxxx xxx xx x xx xxx xxxx
+ xxxxx xxxx xxx xx x xx xxx xxxx
+ xxxxx xxxx xxx xx x xx xxx xxxx
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5526-flthw-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c5526-flthw-000-ref.xht
new file mode 100644
index 0000000000..b090844635
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5526-flthw-000-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {line-height: 3px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a complete unbroken drawing of a yin-yang (&#x262F;) symbol below.</p>
+
+ <div><img src="support/test-tl.png" alt="Image download support must be enabled" /><img src="support/test-tr.png" alt="Image download support must be enabled" /><br /><img src="support/test-bl.png" alt="Image download support must be enabled" /><img src="support/test-br.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5526-flthw-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5526-flthw-000.xht
new file mode 100644
index 0000000000..83d3bbf937
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5526-flthw-000.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: clear</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#clear"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ div.menua, div.menub { float: left; clear: left; width: 100px; height: 100px }
+ div.menua { background: url(support/test-tl.png); }
+ div.menub { background: url(support/test-bl.png); }
+ div.article { margin-left: 100px; background: url(support/test-tr.png) no-repeat; clear: none; height: 200px; }
+ div.outer { background: url(support/test-br.png) no-repeat 100px 100px; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'"/>
+ </head>
+ <body>
+ <p>There should be a complete unbroken drawing of a yin-yang (&#x262F;) symbol below.</p>
+ <div class="outer">
+ <div class="menua"></div>
+ <div class="menub"></div>
+ <div class="article"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c5526c-display-000.xht b/testing/web-platform/tests/css/CSS2/css1/c5526c-display-000.xht
new file mode 100644
index 0000000000..7aea19a798
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c5526c-display-000.xht
@@ -0,0 +1,181 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: display/box/float/clear test</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#clear"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+html {
+font: 10px/1 Verdana, sans-serif;
+background-color: blue;
+color: white;
+}
+
+body {
+margin: 1.5em;
+border: .5em solid black;
+padding: 0;
+width: 48em;
+background-color: white;
+}
+
+dl {
+margin: 0;
+border: 0;
+padding: .5em;
+}
+
+dt {
+background-color: rgb(204,0,0);
+margin: 0;
+padding: 1em;
+width: 10.638%; /* refers to parent element's width of 47em. = 5em or 50px */
+height: 28em;
+border: .5em solid black;
+float: left;
+}
+
+dd {
+float: right;
+margin: 0 0 0 1em;
+border: 1em solid black;
+padding: 1em;
+width: 34em;
+height: 27em;
+}
+
+ul {
+margin: 0;
+border: 0;
+padding: 0;
+}
+
+li {
+display: block; /* i.e., suppress marker */
+color: black;
+height: 9em;
+width: 5em;
+margin: 0;
+border: .5em solid black;
+padding: 1em;
+float: left;
+background-color: #FC0;
+}
+
+#bar {
+background-color: black;
+color: white;
+width: 41.17%; /* = 14em */
+border: 0;
+margin: 0 1em;
+}
+
+#baz {
+margin: 1em 0;
+border: 0;
+padding: 1em;
+width: 10em;
+height: 10em;
+background-color: black;
+color: white;
+}
+
+form {
+margin: 0;
+display: inline;
+}
+
+p {
+margin: 0;
+}
+
+form p {
+line-height: 1.9;
+}
+
+blockquote {
+margin: 1em 1em 1em 2em;
+border-width: 1em 1.5em 2em .5em;
+border-style: solid;
+border-color: black;
+padding: 1em 0;
+width: 5em;
+height: 9em;
+float: left;
+background-color: #FC0;
+color: black;
+}
+
+address {
+font-style: normal;
+}
+
+h1 {
+background-color: black;
+color: white;
+float: left;
+margin: 1em 0;
+border: 0;
+padding: 1em;
+width: 10em;
+height: 10em;
+font-weight: normal;
+font-size: 1em;
+}
+
+.a { color: #999999; }
+.b { color: #cc0000; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html" title="9 Visual formatting model"/>
+ </head>
+ <body>
+ <dl>
+ <dt>
+ toggle
+ </dt>
+ <dd>
+ <ul>
+ <li>
+ the way
+ </li>
+ <li id="bar">
+ <p>
+ the world ends
+ </p>
+ <form action="./" method="get">
+ <p>
+ bang
+ <input type="radio" name="foo" value="off"/>
+ </p>
+ <p>
+ whimper
+ <input type="radio" name="foo2" value="on"/>
+ </p>
+ </form>
+ </li>
+ <li>
+ i grow old
+ </li>
+ <li id="baz">
+ pluot?
+ </li>
+ </ul>
+ <blockquote>
+ <address>
+ bar maids,
+ </address>
+ </blockquote>
+ <h1>
+ sing to me, erbarme dich
+ </h1>
+ </dd>
+ </dl>
+ <p style="color: black; font-size: 1em; line-height: 1.3em; clear: both">
+ This is a nonsensical document, but syntactically valid HTML 4.0. All 100%-conformant CSS1 agents should be able to render the document elements above this paragraph indistinguishably (to the pixel) from this
+ <a class="a" href="support/css1test5526c.png">reference rendering,</a>
+ (except font rasterization and form widgets). All discrepancies should be traceable to CSS1 implementation shortcomings.
+ Please <a class="b" href="mailto:public-css-testsuite@w3.org">report any errors</a> you find between the CSS and the reference rendering.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c561-list-displ-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c561-list-displ-000-ref.xht
new file mode 100644
index 0000000000..f72fdac4a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c561-list-displ-000-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {color: navy;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>There should be eight numbered lines stacked below, each starting with the stated line number.</p>
+
+ <div>1. Line one.</div>
+
+ <div>2. Line two.</div>
+
+ <div>3. Line three.</div>
+
+ <div>4. Line four.</div>
+
+ <div>5. Line five.</div>
+
+ <div>6. Line six.</div>
+
+ <div>7. Line seven.</div>
+
+ <div>8. Line eight.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c561-list-displ-000.xht b/testing/web-platform/tests/css/CSS2/css1/c561-list-displ-000.xht
new file mode 100644
index 0000000000..5193beff75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c561-list-displ-000.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: display</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#display"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c561-list-displ-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ div { color: navy; white-space: nowrap; }
+ .one {display: block;}
+ .two {display: inline;}
+ .three {display: list-item; list-style-type: decimal; list-style-position: inside;}
+ .four {display: none; color: yellow; background: red;}
+ a {display: block;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" title="12.5 Lists"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" title="9.2.4 The 'display' property"/>
+ </head>
+ <body>
+ <p>There should be eight numbered lines stacked below, each
+ starting with the stated line number. </p>
+ <div class="three">Line one. </div>
+ <div class="one"> 2. Line two. </div>
+ <div class="two"> 3. Line </div>
+ <div class="two"> three. </div>
+ <div> 4. Line four. </div>
+ <div class="four"> FAIL: This text should not appear. </div>
+ <div> 5. Line five. <span class="four">FAIL: This text should not appear.</span> </div>
+ <div> 6. Line six. <a>7. Line seven.</a> 8. Line eight. </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c562-white-sp-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c562-white-sp-000-ref.xht
new file mode 100644
index 0000000000..7406385840
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c562-white-sp-000-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: black solid 3px;
+ height: 90px;
+ width: 225px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a single green block below.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/c562-white-sp-000.xht b/testing/web-platform/tests/css/CSS2/css1/c562-white-sp-000.xht
new file mode 100644
index 0000000000..da9159ce9a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c562-white-sp-000.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#white-space"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c562-white-sp-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div { font: 15px/1 Ahem; color: green; background: red url(support/css1test562.png) no-repeat; border: solid black; width: 15em; }
+ div p { margin: 0; }
+ .one {white-space: pre;}
+ .two {white-space: nowrap;}
+ .three {white-space: normal;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" title="16.6 Whitespace: the 'white-space' property"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ </head>
+ <body>
+ <p>There should be a single green block below.</p>
+ <div>
+ <p class="one">x x x
+ x x x
+ x x</p>
+ <p class="two">x x x
+ x x x
+ x x</p>
+ <p class="one">x x x
+ x <span class="three">x x
+ x x</span></p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c563-list-type-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c563-list-type-000-ref.xht
new file mode 100644
index 0000000000..91112b6229
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c563-list-type-000-ref.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {color: navy;}
+
+ div
+ {
+ display: list-item;
+ margin-left: 2.5em;
+ }
+
+ div.circ {list-style-type: circle;}
+
+ div.squa {list-style-type: square;}
+
+ div#first {margin-top: 1em;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Each bullet should look as described, and there should be no red present.</p>
+
+ <ul>
+ <li>disc</li>
+ <li>disc</li>
+ <li>disc</li>
+ </ul>
+
+ <div class="circ">circle</div>
+ <div class="circ">circle</div>
+ <div class="circ">circle</div>
+
+ <div id="first" class="squa">square</div>
+ <div class="squa">square</div>
+ <div class="squa">square</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c563-list-type-000.xht b/testing/web-platform/tests/css/CSS2/css1/c563-list-type-000.xht
new file mode 100644
index 0000000000..da7cb33751
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c563-list-type-000.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: list-style-type</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#list-style-type"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c563-list-type-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ body { color: navy; }
+ .one {list-style-type: disc;}
+ .two {list-style-type: circle;}
+ .three {list-style-type: square;}
+ .nine {list-style-type: none; color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" title="12.5 Lists"/>
+ </head>
+ <body>
+ <p>Each bullet should look as described, and there should be no red present.</p>
+ <ul class="one">
+ <li>disc</li>
+ <li>disc</li>
+ <li>disc</li>
+ </ul>
+ <ul class="two">
+ <li>circle</li>
+ <li>circle</li>
+ <li>circle</li>
+ </ul>
+ <ul class="three">
+ <li>square</li>
+ <li>square</li>
+ <li>square</li>
+ </ul>
+ <ul class="nine">
+ <li>&#xA0;</li>
+ <li>&#xA0;</li>
+ <li>&#xA0;</li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c563-list-type-001.xht b/testing/web-platform/tests/css/CSS2/css1/c563-list-type-001.xht
new file mode 100644
index 0000000000..5f7a4ddecb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c563-list-type-001.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: list-style-type</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#list-style-type"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body { color: navy; }
+ .four {list-style-type: lower-roman;}
+ .five {list-style-type: upper-roman;}
+ .six {list-style-type: lower-alpha;}
+ .seven {list-style-type: upper-alpha;}
+ .eight {list-style-type: decimal;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" title="12.5 Lists"/>
+ </head>
+ <body>
+ <p>The two columns should look the same, except for alignment.</p>
+ <ol class="four">
+ <li>i.</li>
+ <li>ii.</li>
+ <li>iii.</li>
+ </ol>
+ <ol class="five">
+ <li>I.</li>
+ <li>II.</li>
+ <li>III.</li>
+ </ol>
+ <ol class="six">
+ <li>a.</li>
+ <li>b.</li>
+ <li>c.</li>
+ </ol>
+ <ol class="seven">
+ <li>A.</li>
+ <li>B.</li>
+ <li>C.</li>
+ </ol>
+ <ol class="seven">
+ <li>A.</li>
+ <li>B.</li>
+ <li class="eight">3.</li>
+ </ol>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c564-list-img-000.xht b/testing/web-platform/tests/css/CSS2/css1/c564-list-img-000.xht
new file mode 100644
index 0000000000..f78901fa88
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c564-list-img-000.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: list-style-image</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#list-style-image"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ body { color: navy; }
+ .one {list-style-image: url(support/square-purple.png);}
+ .two {list-style-image: none;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" title="12.5 Lists"/>
+ </head>
+ <body>
+ <p>Each bullet should look as described.</p>
+ <ul class="one">
+ <li>purple square</li>
+ <li>purple square</li>
+ <li>purple square</li>
+ </ul>
+ <ul class="two">
+ <li>disc</li>
+ <li>disc</li>
+ <li>disc</li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c565-list-pos-000.xht b/testing/web-platform/tests/css/CSS2/css1/c565-list-pos-000.xht
new file mode 100644
index 0000000000..5233b3e7d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c565-list-pos-000.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: list-style-position</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#list-style-position"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <meta name="assert" content="The marker box is outside the principal block box."/>
+ <style type="text/css"><![CDATA[
+ li {
+ width: 10em;
+ margin: 0.5em 5em;
+ padding: 0;
+ list-style-position: outside;
+ background: navy;
+ color: blue; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" title="12.5 Lists"/>
+ </head>
+ <body>
+ <p>There must be a navy rectangle below, preceded by a blue bullet.</p>
+ <ul>
+ <li>&nbsp;</li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c565-list-pos-001.xht b/testing/web-platform/tests/css/CSS2/css1/c565-list-pos-001.xht
new file mode 100644
index 0000000000..ca94b43155
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c565-list-pos-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: list-style-position</title>
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#list-style-position"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <meta name="assert" content="The marker box is inside the principal block box."/>
+ <style type="text/css"><![CDATA[
+ li {
+ width: 10em;
+ margin: 0.5em 5em;
+ padding: 0;
+ list-style-position: inside;
+ background: navy;
+ color: white; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" title="12.5 Lists"/>
+ </head>
+ <body>
+ <p>There must be a navy rectangle below, with a white bullet inside.</p>
+ <ul>
+ <li>&nbsp;</li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c566-list-stl-001.xht b/testing/web-platform/tests/css/CSS2/css1/c566-list-stl-001.xht
new file mode 100644
index 0000000000..acfb0ff96a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c566-list-stl-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: list-style</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#list-style"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <style type="text/css"><![CDATA[
+ ul { list-style: url(support/swatch-green.png) square outside;
+ margin: 3em; padding: 15px; color: red; }
+ li { margin: 0; padding: 0.1em 4em; border: solid blue; }
+ img { margin: 0 0 0 15px; }
+ span { color: black; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" title="12.5 Lists"/>
+ </head>
+ <body>
+ <ul class="two">
+ <li><span>&#x21E6; There should be a green square to the left <em>outside this blue box</em>, and no red.</span></li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c61-ex-len-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c61-ex-len-000-ref.xht
new file mode 100644
index 0000000000..7b18a58dd8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c61-ex-len-000-ref.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ margin: 22px auto auto 86px;
+
+ /*
+
+ 16px : table's margin-top
+ +
+ 2px : table's default vertical border-spacing
+ +
+ 4px : table cell's padding-top
+ ========
+ 22px
+
+
+ 80px : table's margin-left
+ +
+ 2px : table's default horizontal border-spacing
+ +
+ 4px : table cell's padding-left
+ ========
+ 86px
+
+ */
+ }
+
+ img {vertical-align: top;}
+
+ img + img {padding-left: 10px;}
+
+ /*
+
+ 4px : first table-cell's padding-right
+ +
+ 2px : table's default horizontal border-spacing
+ +
+ 4px : second table cell's padding-left
+ =======
+ 10px
+
+ */
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 small rectangles have the <strong>same height</strong>.</p>
+
+ <div><img src="support/1x1-navy.png" width="40" height="32" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="40" height="32" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c61-ex-len-000.xht b/testing/web-platform/tests/css/CSS2/css1/c61-ex-len-000.xht
new file mode 100644
index 0000000000..052d999665
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c61-ex-len-000.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Length Units</title>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#length-units"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" title="4.3.2 Lengths"/>
+ <link rel="match" href="c61-ex-len-000-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ table { margin: 1em 5em; }
+ td { padding: 4px; vertical-align: top; }
+ .control { font: 40px/1 Ahem; color: navy; }
+ .test { font: 40px/1 Ahem; border-top: 1ex solid navy; width: 1em; }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small rectangles have the <strong>same height</strong>.</p>
+ <table>
+ <tr>
+ <td>
+ <div class="control"> &Eacute; </div>
+ </td>
+ <td>
+ <div class="test"> </div>
+ </td>
+ </tr>
+ </table>
+
+<!--
+Latin capital letter E with acute &Eacute; &#201; &#xC9; É
+http://htmlhelp.com/reference/html40/entities/latin1.html
+-->
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c61-rel-len-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c61-rel-len-000-ref.xht
new file mode 100644
index 0000000000..8ca1b53bb7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c61-rel-len-000-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 60px;
+ left: 45px;
+ position: relative;
+ width: 15px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a solid vertical bar of green below.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c61-rel-len-000.xht b/testing/web-platform/tests/css/CSS2/css1/c61-rel-len-000.xht
new file mode 100644
index 0000000000..85ec103d09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c61-rel-len-000.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Length Units</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#length-units"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c61-rel-len-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .container { font: 15px/1 Ahem; background: url(support/swatch-red.png) 45px 0 repeat-y; color: green; }
+ .zero {margin-left: 0;}
+ .one {margin-left: 3em;}
+ .two {margin-left: 3.75ex;}
+ .three {margin-left: 45px;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" title="4.3.2 Lengths"/>
+ </head>
+ <body>
+ <p> There should be a solid vertical bar of green below. </p>
+ <div class="container">
+ <div class="zero"> &#xA0;&#xA0;&#xA0;X </div>
+ <div class="one"> X </div>
+ <div class="two"> X </div>
+ <div class="three"> X </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c62-percent-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c62-percent-000-ref.xht
new file mode 100644
index 0000000000..ae9648ff69
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c62-percent-000-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: black solid medium;
+ height: 270px;
+ width: 180px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle with a black border and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c62-percent-000.xht b/testing/web-platform/tests/css/CSS2/css1/c62-percent-000.xht
new file mode 100644
index 0000000000..bd3ae00542
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c62-percent-000.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Percentage Units</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#percentage-units"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c62-percent-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ p { margin: 1em 0; }
+ .zero { background: red url(support/css1test62-outer.png) no-repeat; width: 12em; font: 15px/1 Ahem; border: solid black; color: green ; }
+ .one { margin-left: 25%; margin-right: 25%; background: red url(support/css1test62-inner.png) no-repeat; }
+ .two { margin-left: 50%; margin-right: 0%; background: red url(support/css1test62-inner.png) no-repeat; }
+ .three { margin-left: 25%; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#percentage-units" title="4.3.3 Percentages"/>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle with a black border and <strong>no red</strong>.</p>
+ <div class="zero">
+ <div class="one">
+ <p>
+ x x x x x x x x x x x x x x x
+ </p>
+ </div>
+ <div class="two">
+ <p>
+ x x x x x x x x x x x x x x x
+ </p>
+ </div>
+ <p class="three">
+ x x x x x x x x x x x x x x x x x x x x
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c63-color-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c63-color-000-ref.xht
new file mode 100644
index 0000000000..1cb42e3641
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c63-color-000-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p, div {color: blue;}
+
+ img {vertical-align: bottom;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be three solid bars of colour below, each longer than the last, each of the colour specified.</p>
+
+ <div>Blue: <img src="support/swatch-blue.png" alt="FAIL"/><img src="support/swatch-blue.png" alt="FAIL"/><img src="support/swatch-blue.png" alt="FAIL"/></div>
+
+ <div>Orange: <img src="support/swatch-orange.png" alt="FAIL"/><img src="support/swatch-orange.png" alt="FAIL"/><img src="support/swatch-orange.png" alt="FAIL"/><img src="support/swatch-orange.png" alt="FAIL"/><img src="support/swatch-orange.png" alt="FAIL"/></div>
+
+ <div>Lime: <img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/><img src="support/swatch-lime.png" alt="FAIL"/></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c63-color-000.xht b/testing/web-platform/tests/css/CSS2/css1/c63-color-000.xht
new file mode 100644
index 0000000000..3286b1193d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c63-color-000.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Color Units</title>
+ <meta name="flags" content="ahem image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#color-units"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c63-color-000-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body {color: blue;}
+ span {vertical-align: bottom; font: 15px/1 Ahem;}
+ img {vertical-align: bottom; color: red;}
+ .one {color: #0f0;}
+ .two {color: #00ff00;}
+ .three {color: rgb(0,255,0);}
+ .four {color: rgb(0%,100%,0%);}
+ .five {color: rgb(0.0%,100.0%,0.0%);}
+ .six {color: lime;}
+ .seven {color: invalidValue;}
+ .eight {color: rgb(1280,165,0);}
+ .nine {color: rgb(255,165,0);}
+ .ten {color: rgb(100%,64.7%,-500%);}
+ .eleven {color: rgb(100%,64.7%,0%);}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#color-units" title="4.3.6 Colors"/>
+ </head>
+ <body>
+ <p>There should be three solid bars of colour below, each longer than the last, each of the colour specified.</p>
+ <div>
+ Blue: <span>X</span><span class="seven">X</span><img src="support/swatch-blue.png" alt="FAIL"/>
+ </div>
+ <div>
+ Orange: <span class="eight">X</span><span class="nine">X</span><span class="ten">X</span><span class="eleven">X</span><img src="support/swatch-orange.png" alt="FAIL"/>
+ </div>
+ <div>
+ Lime: <span class="one">X</span><span class="two">X</span><span class="three">X</span><span class="four">X</span><span class="five">X</span><span class="six">X</span><span style="color: #0f0;">X</span><span style="color: #00ff00;">X</span><span style="color: rgb(0,255,0);">X</span><span style="color: rgb(0%,100%,0%);">X</span><span style="color: rgb(0.0%,100.0%,0.0%);">X</span><span style="color: lime;">X</span><img src="support/swatch-lime.png" alt="FAIL"/>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c64-uri-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c64-uri-000-ref.xht
new file mode 100644
index 0000000000..e7d8f606d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c64-uri-000-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ color: white;
+ margin: 1em 0;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 3 sentences with a green background.</p>
+
+ <div>This sentence should have a green background.</div>
+
+ <div>This sentence should have a green background.</div>
+
+ <div>This sentence should have a green background.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c64-uri-000.xht b/testing/web-platform/tests/css/CSS2/css1/c64-uri-000.xht
new file mode 100644
index 0000000000..334c7bff05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c64-uri-000.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: URLs</title>
+ <meta name="flags" content="image" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#url"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="stylesheet" href="support/css1test64a.css"/>
+ <link rel="match" href="c64-uri-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ @import url(support/css1test64b.css);
+ p.zero {background: red url(support/swatch-green.png);color:white;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri" title="4.3.4 URLs and URIs"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#at-import" title="6.3 The @import rule"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#at-import"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#at-import"/>
+ </head>
+ <body>
+ <p>Test passes if there are 3 sentences with a green background.</p>
+ <p class="zero"> This sentence should have a green background. </p>
+ <p class="one"> This sentence should have a green background. </p>
+ <p class="two"> This sentence should have a green background. </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-000-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-000-ref.xht
new file mode 100644
index 0000000000..f50771c749
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-000-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-000.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-000.xht
new file mode 100644
index 0000000000..a3b69ed68e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-000.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Forward-Compatible Parsing</title>
+ <meta name="flags" content="invalid" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#forward-compatible-parsing"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c71-fwd-parsing-000-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ p.one {color: green; rotation: 70deg;}
+ p.oneb {color: green;}
+ p.oneb {color: invalidValue;}
+ div.twopc { background: white url(support/swatch-red.png); color: green; }
+ p.two {background-color: inherit;}
+ p.eight {COLOR: GREEN;}
+ p.twentya {rotation-code: "}"; color: green;}
+ p.twentyb {rotation-code: "\"}\""; color: green;}
+ p.twentyonea {rotation-code: '}'; color: green;}
+ p.twentyoneb {rotation-code: '\'}\''; color: green;}
+ p.twentytwo {
+ type-display: @threedee {rotation-code: '}';};
+ color: green;
+ }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" title="4.2 Rules for handling parsing errors"/>
+ </head>
+ <body>
+ <p class="one">
+ This sentence should be green.
+ </p>
+ <p class="oneb">
+ This sentence should be green.
+ </p>
+ <div class="twopc"><p class="two">
+ This sentence should be green.
+ </p></div>
+ <p class="eight">
+ This sentence should be green.
+ </p>
+ <p class="twentya">
+ This sentence should be green.
+ </p>
+ <p class="twentyb">
+ This sentence should be green.
+ </p>
+ <p class="twentyonea">
+ This sentence should be green.
+ </p>
+ <p class="twentyoneb">
+ This sentence should be green.
+ </p>
+ <p class="twentytwo">
+ This sentence should be green.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-001-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-001-ref.xht
new file mode 100644
index 0000000000..da6bb19ae7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-001-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p, div { color: navy; }
+
+ div
+ {
+ border: navy solid medium;
+ margin: 1em 0;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The next four blocks should look identical, to the pixel.</p>
+
+ <div>Text sample</div>
+
+ <div>Text sample</div>
+
+ <div>Text sample</div>
+
+ <div>Text sample</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-001.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-001.xht
new file mode 100644
index 0000000000..69d32ec1fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Forward-Compatible Parsing</title>
+ <meta name="flags" content="invalid" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#forward-compatible-parsing"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c71-fwd-parsing-001-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ body { color: navy; }
+ p.sixa {border-width: medium; border-style: solid;}
+ p.sixb {border-width: funny; border-style: solid;}
+ p.sixc {border-width: 50zu; border-style: solid;}
+ p.sixd {border-width: px; border-style: solid;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" title="4.2 Rules for handling parsing errors"/>
+ </head>
+ <body>
+ <p>The next four blocks should look identical, to the pixel.</p>
+ <p class="sixa">Text sample</p>
+ <p class="sixb">Text sample</p>
+ <p class="sixc">Text sample</p>
+ <p class="sixd">Text sample</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-002-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-002-ref.xht
new file mode 100644
index 0000000000..eee3d5faa5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-002-ref.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p, li, address {color: green;}
+ p#offset-left {padding-left: 48px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <ol>
+ <li>This sentence should be green.</li>
+ </ol>
+
+ <p>This sentence should be green.</p>
+
+ <ul>
+ <li>This sentence should be green.</li>
+ </ul>
+
+ <blockquote><p>This sentence should be green.</p></blockquote>
+
+ <p>This sentence should be green.</p>
+
+ <address>This sentence should be green.</address>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ <p id="offset-left">This sentence should be green.</p>
+
+ <p>This sentence should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-002.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-002.xht
new file mode 100644
index 0000000000..2384613e33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-002.xht
@@ -0,0 +1,91 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Forward-Compatible Parsing</title>
+ <meta name="flags" content="invalid" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#forward-compatible-parsing"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c71-fwd-parsing-002-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ body { color: green; }
+ h1 + p.three {color: red;}
+ p.four + h1 {color: red;}
+ p.five {background-color: "red";}
+ @three-dee {
+ @background-lighting {
+ azimuth: 30deg;
+ elevation: 190deg;
+ }
+ p.seven { color: red }
+ }
+ ol:wait {color:red;}
+ p.ten:first-child {color: red;}
+ ul:lang(fr) {color:red;}
+ blockquote[href] {color: red;}
+ acronym[href="foo"] {color: red;}
+ address[href~="foo"] {color: red;}
+ span[lang|="fr"] {color: #f00;}
+ @media tty {
+ h1 {color: red;}
+ p.sixteen {color: red;}
+ }
+ @three-dee {
+ p.seventeen {color: red }
+ }
+ // UL.nineteenb,
+ p.nineteenb {color: red;}
+ p.twentythree {text-indent: 0.5in;}
+ color: red
+ p.twentyfour {color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" title="4.2 Rules for handling parsing errors"/>
+ </head>
+ <body>
+ <p class="three">
+ This sentence should be green.
+ </p>
+ <p class="four">
+ This sentence should be green.
+ </p>
+ <p class="five">
+ This sentence should be green.
+ </p>
+ <p class="seven"> This sentence should be green. </p>
+ <ol>
+ <li> This sentence should be green. </li>
+ </ol>
+ <p class="ten"> This sentence should be green. </p>
+ <ul>
+ <li> This sentence should be green. </li>
+ </ul>
+ <blockquote>
+ <p> This sentence should be green. </p>
+ </blockquote>
+ <p>
+ <acronym> This sentence should be green. </acronym>
+ </p>
+ <address>
+ This sentence should be green.
+ </address>
+ <p>
+ <span>This sentence should be green.</span>
+ </p>
+ <p class="sixteen">
+ This sentence should be green.
+ </p>
+ <p class="seventeen">
+ This sentence should be green.
+ </p>
+ <p class="nineteenb">
+ This sentence should be green.
+ </p>
+ <p class="twentythree">
+ This sentence should be green.
+ </p>
+ <p class="twentyfour">
+ This sentence should be green.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-003-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-003-ref.xht
new file mode 100644
index 0000000000..e38904eda6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-003-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: navy;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>These four lines should look identical, to the pixel.</p>
+
+ <p>These four lines should look identical, to the pixel.</p>
+
+ <p>These four lines should look identical, to the pixel.</p>
+
+ <p>These four lines should look identical, to the pixel.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-003.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-003.xht
new file mode 100644
index 0000000000..9d6a3e7b3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-003.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Forward-Compatible Parsing</title>
+ <meta name="flags" content="invalid" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#forward-compatible-parsing"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c71-fwd-parsing-003-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ body { color: navy; }
+ p.eighteena {text-decoration: underline overline line-through diagonal;
+ font: bold highlighted 100% sans-serif;}
+ p.eighteenb {text-decoration: underline overline line-through diagonal;
+ font: bold highlighted 100% serif;}
+ em, p.nineteena ! em, strong {font-size: 200%; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" title="4.2 Rules for handling parsing errors"/>
+ </head>
+ <body>
+ <p>These four lines should look identical, to the pixel.</p>
+ <p class="eighteena">
+ These four lines should look identical, to the pixel.
+ </p>
+ <p class="eighteenb">
+ These four lines should look identical, to the pixel.
+ </p>
+ <p class="nineteena">
+ These four lines should look identical, to the pixel.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-004-ref.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-004-ref.xht
new file mode 100644
index 0000000000..d64b24a5c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-004-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ background-color: lime;
+ padding-left: 0.5in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This sentence should have a bright green background.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-004.xht b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-004.xht
new file mode 100644
index 0000000000..ce65e30c6f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/c71-fwd-parsing-004.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Forward-Compatible Parsing</title>
+ <meta name="flags" content="invalid" />
+ <link rel="help" href="http://www.w3.org/TR/REC-CSS1#forward-compatible-parsing"/>
+ <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="match" href="c71-fwd-parsing-004-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ p.twentythree {text-indent: 0.5in;background:lime}
+ color: red
+ p.twentyfour {color: red;}
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" title="4.2 Rules for handling parsing errors"/>
+ </head>
+ <body>
+ <p class="twentythree">
+ This sentence should have a bright green background.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/css1/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/css1/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/css1/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/css1/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/css1/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/css1/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/LOCK b/testing/web-platform/tests/css/CSS2/css1/support/LOCK
new file mode 100644
index 0000000000..e69de29bb2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/LOCK
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/README b/testing/web-platform/tests/css/CSS2/css1/support/README
new file mode 100644
index 0000000000..69d1737bea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/README
@@ -0,0 +1,29 @@
+CSS Global Support Directory
+============================
+
+This directory contains common support files (such as images and external
+style sheets). These are sync'ed into the support directories of all our
+test suites. If you have test-suite-specific support files, please add
+them to the appropriate test-suite-specific support/ directory.
+
+If you add to a support/ directory, please run the tools/supportprop.py
+script from the top of the repository to cascade support files into the
+lower-level support directories.
+
+Description of the Common Support File Collection
+-------------------------------------------------
+
+The 1x1-* images are all exactly one pixel.
+
+The swatch-* images all use 15x15 cells.
+
+The square-* images all use 15x15 cells with one pixel borders.
+
+The pattern-* images use cells of various sizes:
+
+ pattern-gg-gr.png 20x20
+ pattern-grg-rgr-grg.png 20x20
+ pattern-rgr-grg-rgr.png 20x20
+ pattern-tr.png 15x15
+ pattern-grg-rrg-rgg.png 15x15
+
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/a-green.css b/testing/web-platform/tests/css/CSS2/css1/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/b-green.css b/testing/web-platform/tests/css/CSS2/css1/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/css1/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/blue20x20.png b/testing/web-platform/tests/css/CSS2/css1/support/blue20x20.png
new file mode 100644
index 0000000000..e0af555330
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/blue20x20.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/c-red.css b/testing/web-platform/tests/css/CSS2/css1/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/cat.png b/testing/web-platform/tests/css/CSS2/css1/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test412a.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test412a.png
new file mode 100644
index 0000000000..a58af0b958
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test412a.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test412b-a.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test412b-a.png
new file mode 100644
index 0000000000..441cf3fe09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test412b-a.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test412b-b.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test412b-b.png
new file mode 100644
index 0000000000..28c3fc9301
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test412b-b.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test42a.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test42a.png
new file mode 100644
index 0000000000..52caa89d11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test42a.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test44a.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test44a.png
new file mode 100644
index 0000000000..70b3901a7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test44a.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test44b.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test44b.png
new file mode 100644
index 0000000000..1768f26f8f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test44b.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test44c.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test44c.png
new file mode 100644
index 0000000000..2504498067
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test44c.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test44d.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test44d.png
new file mode 100644
index 0000000000..f2d4f39283
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test44d.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test544b.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test544b.png
new file mode 100644
index 0000000000..0916f836a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test544b.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test545.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test545.png
new file mode 100644
index 0000000000..6be6d8ba7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test545.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test548d.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test548d.png
new file mode 100644
index 0000000000..7c47ce0e43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test548d.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test548e.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test548e.png
new file mode 100644
index 0000000000..3f20fb160a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test548e.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5510-i.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5510-i.png
new file mode 100644
index 0000000000..5d71eb8c73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5510-i.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-0.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-0.png
new file mode 100644
index 0000000000..5e4f6f6761
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-0.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-1.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-1.png
new file mode 100644
index 0000000000..5f68ed914c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-1.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-2.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-2.png
new file mode 100644
index 0000000000..8e74cd172d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-2.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-3.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-3.png
new file mode 100644
index 0000000000..b30747658b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-3.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-4.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-4.png
new file mode 100644
index 0000000000..61c97320c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-4.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-5.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-5.png
new file mode 100644
index 0000000000..122a596c9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-5.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-6.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-6.png
new file mode 100644
index 0000000000..7eecd93c4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525b-6.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525ce-1.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525ce-1.png
new file mode 100644
index 0000000000..86e3581e59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525ce-1.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525ce-2.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525ce-2.png
new file mode 100644
index 0000000000..22ca40aab6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525ce-2.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525cf-0.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525cf-0.png
new file mode 100644
index 0000000000..1889e107a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525cf-0.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5525cf-1.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525cf-1.png
new file mode 100644
index 0000000000..b087976c44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5525cf-1.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5526.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5526.png
new file mode 100644
index 0000000000..0a9fcb7a24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5526.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test5526c.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test5526c.png
new file mode 100644
index 0000000000..661afb5731
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test5526c.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test562.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test562.png
new file mode 100644
index 0000000000..61511ca99b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test562.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test566a.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test566a.png
new file mode 100644
index 0000000000..86e3581e59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test566a.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test62-inner.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test62-inner.png
new file mode 100644
index 0000000000..0e387da0ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test62-inner.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test62-outer.png b/testing/web-platform/tests/css/CSS2/css1/support/css1test62-outer.png
new file mode 100644
index 0000000000..ec58343817
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test62-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test64a.css b/testing/web-platform/tests/css/CSS2/css1/support/css1test64a.css
new file mode 100644
index 0000000000..019fa8ad30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test64a.css
@@ -0,0 +1 @@
+p.one {background: red url(support/swatch-red.png);color:white;}
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/css1test64b.css b/testing/web-platform/tests/css/CSS2/css1/support/css1test64b.css
new file mode 100644
index 0000000000..f026342cd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/css1test64b.css
@@ -0,0 +1 @@
+p.two {background: red url(support/swatch-red.png);color:white;}
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/green15x15.png b/testing/web-platform/tests/css/CSS2/css1/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/pattern-gg-gr.png b/testing/web-platform/tests/css/CSS2/css1/support/pattern-gg-gr.png
new file mode 100644
index 0000000000..091de70bb7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/pattern-gg-gr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/css1/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/css1/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/css1/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/css1/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/ruler-h-50%.png b/testing/web-platform/tests/css/CSS2/css1/support/ruler-h-50%.png
new file mode 100644
index 0000000000..cf2eea6b43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/ruler-h-50%.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/ruler-h-50px.png b/testing/web-platform/tests/css/CSS2/css1/support/ruler-h-50px.png
new file mode 100644
index 0000000000..9f46583665
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/ruler-h-50px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/ruler-v-100px.png b/testing/web-platform/tests/css/CSS2/css1/support/ruler-v-100px.png
new file mode 100644
index 0000000000..a837eca222
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/ruler-v-100px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/ruler-v-50px.png b/testing/web-platform/tests/css/CSS2/css1/support/ruler-v-50px.png
new file mode 100644
index 0000000000..8414102802
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/ruler-v-50px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/square-purple.png b/testing/web-platform/tests/css/CSS2/css1/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/square-teal.png b/testing/web-platform/tests/css/CSS2/css1/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/square-white.png b/testing/web-platform/tests/css/CSS2/css1/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/support/README b/testing/web-platform/tests/css/CSS2/css1/support/support/README
new file mode 100644
index 0000000000..ea8cb9ef35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/support/README
@@ -0,0 +1,4 @@
+The swatch-green.png file in this directory is really a RED swatch,
+and the swatch-red.png file is really a green swatch.
+
+This directory is used to test relative URIs. \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/css1/support/support/swatch-green.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/css1/support/support/swatch-red.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/swatch-aqua.png b/testing/web-platform/tests/css/CSS2/css1/support/swatch-aqua.png
new file mode 100644
index 0000000000..dd47e28665
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/swatch-aqua.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/css1/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/css1/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/css1/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/css1/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/css1/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/css1/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/css1/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/test-bl.png b/testing/web-platform/tests/css/CSS2/css1/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/test-br.png b/testing/web-platform/tests/css/CSS2/css1/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/test-inner-half-size.png b/testing/web-platform/tests/css/CSS2/css1/support/test-inner-half-size.png
new file mode 100644
index 0000000000..e473bf80ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/test-inner-half-size.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/test-outer.png b/testing/web-platform/tests/css/CSS2/css1/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/test-tl.png b/testing/web-platform/tests/css/CSS2/css1/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css1/support/test-tr.png b/testing/web-platform/tests/css/CSS2/css1/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css1/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-001-ref.html b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-001-ref.html
new file mode 100644
index 0000000000..04f3a4f916
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-001-ref.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<title>Reference for CSS Test: overflow:hidden on table with caption overflowing upwards</title>
+<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
+<style>
+ table { overflow:hidden; border-spacing:0 }
+ caption { margin-bottom:10px }
+ td { padding:0; background:black; width:20px; height:20px }
+</style>
+<p>Test passes if there is a black square below.</p>
+<table>
+ <caption></caption>
+ <tr><td>
+</table> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-001.html b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-001.html
new file mode 100644
index 0000000000..86f48dbc8c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-001.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<title>CSS Test: overflow:hidden on table with caption overflowing upwards</title>
+<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
+<link rel="help" href="http://www.w3.org/Style/css2-updates/REC-CSS2-20110607-errata.html#s.11.1.1b">
+<meta name="assert" content="Test checks that overflow:hidden on table applies to the table box rather than the table wrapper box.">
+<link rel="match" href="s-11-1-1b-001-ref.html">
+<style>
+ table { overflow:hidden; border-spacing:0 }
+ caption { margin-bottom:10px }
+ td { padding:0 }
+ div { width:20px; height:25px; border-top:solid red 10px; margin-top:-15px; background:black }
+</style>
+<p>Test passes if there is a black square below.</p>
+<table>
+ <caption></caption>
+ <tr><td><div></div>
+</table> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-002-ref.html b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-002-ref.html
new file mode 100644
index 0000000000..1cff1909a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-002-ref.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<title>Reference for CSS Test: overflow:hidden on table with caption overflowing downwards</title>
+<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
+<style>
+ table { overflow:hidden; border-spacing:0; margin-top:60px }
+ caption { margin-top:10px; caption-side:bottom }
+ td { padding:0; background:black; width:20px; height:20px }
+</style>
+<p>Test passes if there is a black square below.</p>
+<table>
+ <caption></caption>
+ <tr><td>
+</table> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-002.html b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-002.html
new file mode 100644
index 0000000000..7ebccffca0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-002.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<title>CSS Test: overflow:hidden on table with bottom caption overflowing downwards</title>
+<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
+<link rel="help" href="http://www.w3.org/Style/css2-updates/REC-CSS2-20110607-errata.html#s.11.1.1b">
+<meta name="assert" content="Test checks that overflow:hidden on table applies to the table box rather than the table wrapper box.">
+<link rel="match" href="s-11-1-1b-002-ref.html">
+<style>
+ table { overflow:hidden; border-spacing:0 }
+ caption { margin-top:10px; caption-side:bottom }
+ td { padding:0 }
+ div { width:20px; height:25px; border-bottom:solid red 10px; margin-top:-15px; position:relative; top:15px; background:black }
+</style>
+<p>Test passes if there is a black square below.</p>
+<table>
+ <caption></caption>
+ <tr><td><div></div>
+</table> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-003-ref.html b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-003-ref.html
new file mode 100644
index 0000000000..476e4a075d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-003-ref.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<title>Reference for CSS Test: overflow:auto on table overflowing upwards</title>
+<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
+<style>
+ table { border-spacing:0; margin-top:-15px }
+ td { padding:0; background:black; width:20px; height:20px }
+</style>
+<p>Test passes if there is a black square below.</p>
+<table>
+ <tr><td>
+</table> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-003.html b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-003.html
new file mode 100644
index 0000000000..5661287503
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-003.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<title>CSS Test: overflow:auto on table overflowing upwards</title>
+<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
+<link rel="help" href="http://www.w3.org/Style/css2-updates/REC-CSS2-20110607-errata.html#s.11.1.1b">
+<meta name="assert" content="Test checks that overflow:auto on table means visible.">
+<link rel="match" href="s-11-1-1b-001-ref.html">
+<style>
+ table { overflow:auto; border-spacing:0 }
+ td { padding:0 }
+ div { width:20px; height:20px; margin-top:-15px; background:black }
+</style>
+<p>Test passes if there is a black square below.</p>
+<table>
+ <tr><td><div></div>
+</table> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-004.html b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-004.html
new file mode 100644
index 0000000000..bc0938815c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-004.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<title>CSS Test: overflow:scroll on table overflowing upwards</title>
+<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
+<link rel="help" href="http://www.w3.org/Style/css2-updates/REC-CSS2-20110607-errata.html#s.11.1.1b">
+<meta name="assert" content="Test checks that overflow:scroll on table means visible.">
+<link rel="match" href="s-11-1-1b-001-ref.html">
+<style>
+ table { overflow:scroll; border-spacing:0 }
+ td { padding:0 }
+ div { width:20px; height:20px; margin-top:-15px; background:black }
+</style>
+<p>Test passes if there is a black square below.</p>
+<table>
+ <tr><td><div></div>
+</table> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-005-ref.html b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-005-ref.html
new file mode 100644
index 0000000000..bdb64fbc22
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-005-ref.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<title>Reference for CSS Test: overflow:hidden on table with caption overflowing upwards</title>
+<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
+<style>
+ table { border-spacing:0; position:absolute; top:40px }
+ td { padding:0; background:black; width:20px; height:20px }
+</style>
+<p>Test passes if there is a black square below.</p>
+<table>
+ <tr><td>
+</table> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-005.html b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-005.html
new file mode 100644
index 0000000000..acf915ddf8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-005.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<title>CSS Test: overflow:hidden on root element table</title>
+<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
+<link rel="help" href="http://www.w3.org/Style/css2-updates/REC-CSS2-20110607-errata.html#s.11.1.1b">
+<meta name="assert" content="Test checks that overflow on root table applies to viewport rather than the table box.">
+<link rel="match" href="s-11-1-1b-005-ref.html">
+<style>
+ html { overflow:hidden; display:table; border-spacing:0; background:white; margin:40px 8px 8px }
+ head { display:caption; margin-bottom:10px }
+ body { display:table-cell; width:20px; height:20px; margin-top:-15px; background:black }
+ p { position:absolute; top:0 }
+</style>
+<p>Test passes if there is a black square below.</p>
diff --git a/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-006.html b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-006.html
new file mode 100644
index 0000000000..be662d3485
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-006.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<title>CSS Test: overflow:hidden on HTML body element table</title>
+<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
+<link rel="help" href="http://www.w3.org/Style/css2-updates/REC-CSS2-20110607-errata.html#s.11.1.1b">
+<meta name="assert" content="Test checks that overflow on HTML body table applies to viewport rather than the table box.">
+<link rel="match" href="s-11-1-1b-005-ref.html">
+<style>
+ body { overflow:hidden; display:table; border-spacing:0; margin:40px 8px 8px }
+ .caption { display:caption; margin-bottom:10px }
+ .td { display:table-cell; width:20px; height:20px; margin-top:-15px; background:black }
+ p { position:absolute; top:0; left:8px }
+</style>
+<div class=caption></div>
+<div class=td></div>
+<p>Test passes if there is a black square below.</p>
diff --git a/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-007-ref.html b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-007-ref.html
new file mode 100644
index 0000000000..8afa9e4f1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-007-ref.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<title>Reference for CSS Test: overflow:hidden on table with border-spacing overflowing upwards</title>
+<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
+<style>
+ table { overflow:hidden; border-spacing:10px; margin-top:-10px }
+ td { padding:0; background:black; width:20px; height:20px }
+</style>
+<p>Test passes if there is a black square below.</p>
+<table>
+ <tr><td>
+</table> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-007.html b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-007.html
new file mode 100644
index 0000000000..51e2f3c9d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-007.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<title>CSS Test: overflow:hidden on table with border-spacing overflowing upwards</title>
+<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
+<link rel="help" href="http://www.w3.org/Style/css2-updates/REC-CSS2-20110607-errata.html#s.11.1.1b">
+<meta name="assert" content="Test checks that overflow:hidden on table applies to the table box rather than the inner border-spacing edge.">
+<link rel="match" href="s-11-1-1b-007-ref.html">
+<style>
+ table { overflow:hidden; border-spacing:10px }
+ td { padding:0 }
+ div { width:20px; height:25px; border-top:solid red 10px; margin-top:-25px; background:black }
+</style>
+<p>Test passes if there is a black square below.</p>
+<table>
+ <tr><td><div></div>
+</table> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-008.html b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-008.html
new file mode 100644
index 0000000000..bb31be92e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-008.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<title>CSS Test: overflow:hidden on fixed layout table with caption overflowing upwards</title>
+<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
+<link rel="help" href="http://www.w3.org/Style/css2-updates/REC-CSS2-20110607-errata.html#s.11.1.1b">
+<meta name="assert" content="Test checks that overflow:hidden on fixed layout table applies to the table box rather than the table wrapper box.">
+<link rel="match" href="s-11-1-1b-001-ref.html">
+<style>
+ table { overflow:hidden; border-spacing:0; table-layout:fixed }
+ caption { margin-bottom:10px }
+ td { padding:0 }
+ div { width:20px; height:25px; border-top:solid red 10px; margin-top:-15px; background:black }
+</style>
+<p>Test passes if there is a black square below.</p>
+<table>
+ <caption></caption>
+ <tr><td><div></div>
+</table> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-009.html b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-009.html
new file mode 100644
index 0000000000..ddca9c847f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/css21-errata/s-11-1-1b-009.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<title>CSS Test: overflow:hidden on inline table with caption overflowing upwards</title>
+<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
+<link rel="help" href="http://www.w3.org/Style/css2-updates/REC-CSS2-20110607-errata.html#s.11.1.1b">
+<meta name="assert" content="Test checks that overflow:hidden on inline table applies to the table box rather than the table wrapper box.">
+<link rel="match" href="s-11-1-1b-001-ref.html">
+<style>
+ table { overflow:hidden; border-spacing:0; display:inline-table }
+ caption { margin-bottom:10px }
+ td { padding:0 }
+ div { width:20px; height:25px; border-top:solid red 10px; margin-top:-15px; background:black }
+</style>
+<p>Test passes if there is a black square below.</p>
+<table>
+ <caption></caption>
+ <tr><td><div></div>
+</table> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-non-replaced-width-margin-000-ref.xht b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-non-replaced-width-margin-000-ref.xht
new file mode 100644
index 0000000000..153d318e6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-non-replaced-width-margin-000-ref.xht
@@ -0,0 +1,458 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test Reference</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+<link rel="alternate" href="http://mxr.mozilla.org/mozilla-central/source/layout/reftests/abspos-non-replaced-width-offset-margin-ref.html"/>
+<style type="text/css">
+
+html, body { margin: 0; padding: 0; border: none; }
+div { height: 1px; background: navy; }
+
+</style>
+</head>
+<body>
+
+<!-- ***** NARROW WIDTH ***** -->
+
+<!-- nothing auto -->
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<!-- only left auto -->
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<!-- only right auto -->
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<!-- left and right auto -->
+<div style="margin-left: 167px; width: 177px;"></div>
+<div style="margin-left: 167px; width: 177px;"></div>
+<div style="margin-left: 454px; width: 177px;"></div>
+<div style="margin-left: 454px; width: 177px;"></div>
+<div style="margin-left: 167px; width: 177px;"></div>
+<div style="margin-left: 167px; width: 177px;"></div>
+<div style="margin-left: 454px; width: 177px;"></div>
+<div style="margin-left: 454px; width: 177px;"></div>
+<!-- only margin-left auto -->
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<!-- left and margin-left auto -->
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<div style="margin-left: 496px; width: 177px;"></div>
+<!-- right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<!-- left and right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 150px; width: 177px;"></div>
+<div style="margin-left: 150px; width: 177px;"></div>
+<div style="margin-left: 454px; width: 177px;"></div>
+<div style="margin-left: 454px; width: 177px;"></div>
+<div style="margin-left: 150px; width: 177px;"></div>
+<div style="margin-left: 150px; width: 177px;"></div>
+<div style="margin-left: 454px; width: 177px;"></div>
+<div style="margin-left: 454px; width: 177px;"></div>
+<!-- only margin-right auto -->
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<!-- left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<!-- right and margin-right auto -->
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<div style="margin-left: 70px; width: 177px;"></div>
+<!-- left and right and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 167px; width: 177px;"></div>
+<div style="margin-left: 167px; width: 177px;"></div>
+<div style="margin-left: 473px; width: 177px;"></div>
+<div style="margin-left: 473px; width: 177px;"></div>
+<div style="margin-left: 167px; width: 177px;"></div>
+<div style="margin-left: 167px; width: 177px;"></div>
+<div style="margin-left: 473px; width: 177px;"></div>
+<div style="margin-left: 473px; width: 177px;"></div>
+<!-- margin-left and margin-right auto -->
+<div style="margin-left: 284px; width: 177px;"></div>
+<div style="margin-left: 284px; width: 177px;"></div>
+<div style="margin-left: 284px; width: 177px;"></div>
+<div style="margin-left: 284px; width: 177px;"></div>
+<div style="margin-left: 284px; width: 177px;"></div>
+<div style="margin-left: 284px; width: 177px;"></div>
+<div style="margin-left: 284px; width: 177px;"></div>
+<div style="margin-left: 284px; width: 177px;"></div>
+<!-- left and margin-left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<div style="margin-left: 515px; width: 177px;"></div>
+<!-- right and margin-left and margin-right auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<div style="margin-left: 53px; width: 177px;"></div>
+<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
+<div style="margin-left: 150px; width: 177px;"></div>
+<div style="margin-left: 150px; width: 177px;"></div>
+<div style="margin-left: 473px; width: 177px;"></div>
+<div style="margin-left: 473px; width: 177px;"></div>
+<div style="margin-left: 150px; width: 177px;"></div>
+<div style="margin-left: 150px; width: 177px;"></div>
+<div style="margin-left: 473px; width: 177px;"></div>
+<div style="margin-left: 473px; width: 177px;"></div>
+
+<!-- AUTO WIDTH -->
+
+<!-- nothing auto -->
+<div style="margin-left: 70px; width: 603px;"></div>
+<div style="margin-left: 70px; width: 603px;"></div>
+<div style="margin-left: 70px; width: 603px;"></div>
+<div style="margin-left: 70px; width: 603px;"></div>
+<div style="margin-left: 70px; width: 603px;"></div>
+<div style="margin-left: 70px; width: 603px;"></div>
+<div style="margin-left: 70px; width: 603px;"></div>
+<div style="margin-left: 70px; width: 603px;"></div>
+<!-- only left auto -->
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<!-- only right auto -->
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<!-- left and right auto -->
+<div style="margin-left: 167px; width: 96px;"></div>
+<div style="margin-left: 167px; width: 96px;"></div>
+<div style="margin-left: 535px; width: 96px;"></div>
+<div style="margin-left: 535px; width: 96px;"></div>
+<div style="margin-left: 167px; width: 96px;"></div>
+<div style="margin-left: 167px; width: 96px;"></div>
+<div style="margin-left: 535px; width: 96px;"></div>
+<div style="margin-left: 535px; width: 96px;"></div>
+<!-- only margin-left auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 620px;"></div>
+<div style="margin-left: 53px; width: 620px;"></div>
+<div style="margin-left: 53px; width: 620px;"></div>
+<div style="margin-left: 53px; width: 620px;"></div>
+<div style="margin-left: 53px; width: 620px;"></div>
+<div style="margin-left: 53px; width: 620px;"></div>
+<div style="margin-left: 53px; width: 620px;"></div>
+<div style="margin-left: 53px; width: 620px;"></div>
+<!-- left and margin-left auto -->
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<div style="margin-left: 577px; width: 96px;"></div>
+<!-- right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<!-- left and right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 150px; width: 96px;"></div>
+<div style="margin-left: 150px; width: 96px;"></div>
+<div style="margin-left: 535px; width: 96px;"></div>
+<div style="margin-left: 535px; width: 96px;"></div>
+<div style="margin-left: 150px; width: 96px;"></div>
+<div style="margin-left: 150px; width: 96px;"></div>
+<div style="margin-left: 535px; width: 96px;"></div>
+<div style="margin-left: 535px; width: 96px;"></div>
+<!-- only margin-right auto (margin-right like 0) -->
+<div style="margin-left: 70px; width: 622px;"></div>
+<div style="margin-left: 70px; width: 622px;"></div>
+<div style="margin-left: 70px; width: 622px;"></div>
+<div style="margin-left: 70px; width: 622px;"></div>
+<div style="margin-left: 70px; width: 622px;"></div>
+<div style="margin-left: 70px; width: 622px;"></div>
+<div style="margin-left: 70px; width: 622px;"></div>
+<div style="margin-left: 70px; width: 622px;"></div>
+<!-- left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<!-- right and margin-right auto -->
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<div style="margin-left: 70px; width: 96px;"></div>
+<!-- left and right and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 167px; width: 96px;"></div>
+<div style="margin-left: 167px; width: 96px;"></div>
+<div style="margin-left: 554px; width: 96px;"></div>
+<div style="margin-left: 554px; width: 96px;"></div>
+<div style="margin-left: 167px; width: 96px;"></div>
+<div style="margin-left: 167px; width: 96px;"></div>
+<div style="margin-left: 554px; width: 96px;"></div>
+<div style="margin-left: 554px; width: 96px;"></div>
+<!-- margin-left and margin-right auto (both like 0) -->
+<div style="margin-left: 53px; width: 639px;"></div>
+<div style="margin-left: 53px; width: 639px;"></div>
+<div style="margin-left: 53px; width: 639px;"></div>
+<div style="margin-left: 53px; width: 639px;"></div>
+<div style="margin-left: 53px; width: 639px;"></div>
+<div style="margin-left: 53px; width: 639px;"></div>
+<div style="margin-left: 53px; width: 639px;"></div>
+<div style="margin-left: 53px; width: 639px;"></div>
+<!-- left and margin-left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<div style="margin-left: 596px; width: 96px;"></div>
+<!-- right and margin-left and margin-right auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<div style="margin-left: 53px; width: 96px;"></div>
+<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
+<div style="margin-left: 150px; width: 96px;"></div>
+<div style="margin-left: 150px; width: 96px;"></div>
+<div style="margin-left: 554px; width: 96px;"></div>
+<div style="margin-left: 554px; width: 96px;"></div>
+<div style="margin-left: 150px; width: 96px;"></div>
+<div style="margin-left: 150px; width: 96px;"></div>
+<div style="margin-left: 554px; width: 96px;"></div>
+<div style="margin-left: 554px; width: 96px;"></div>
+
+<!-- ***** WIDE WIDTH ***** -->
+
+<!-- nothing auto -->
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<!-- only left auto -->
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<!-- only right auto -->
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<!-- left and right auto -->
+<div style="margin-left: 167px; width: 684px;"></div>
+<div style="margin-left: 167px; width: 684px;"></div>
+<div style="margin-left: -53px; width: 684px;"></div>
+<div style="margin-left: -53px; width: 684px;"></div>
+<div style="margin-left: 167px; width: 684px;"></div>
+<div style="margin-left: 167px; width: 684px;"></div>
+<div style="margin-left: -53px; width: 684px;"></div>
+<div style="margin-left: -53px; width: 684px;"></div>
+<!-- only margin-left auto -->
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<!-- left and margin-left auto -->
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<div style="margin-left: -11px; width: 684px;"></div>
+<!-- right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<!-- left and right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 150px; width: 684px;"></div>
+<div style="margin-left: 150px; width: 684px;"></div>
+<div style="margin-left: -53px; width: 684px;"></div>
+<div style="margin-left: -53px; width: 684px;"></div>
+<div style="margin-left: 150px; width: 684px;"></div>
+<div style="margin-left: 150px; width: 684px;"></div>
+<div style="margin-left: -53px; width: 684px;"></div>
+<div style="margin-left: -53px; width: 684px;"></div>
+<!-- only margin-right auto -->
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<!-- left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<!-- right and margin-right auto -->
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<div style="margin-left: 70px; width: 684px;"></div>
+<!-- left and right and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 167px; width: 684px;"></div>
+<div style="margin-left: 167px; width: 684px;"></div>
+<div style="margin-left: -34px; width: 684px;"></div>
+<div style="margin-left: -34px; width: 684px;"></div>
+<div style="margin-left: 167px; width: 684px;"></div>
+<div style="margin-left: 167px; width: 684px;"></div>
+<div style="margin-left: -34px; width: 684px;"></div>
+<div style="margin-left: -34px; width: 684px;"></div>
+<!-- margin-left and margin-right auto (alternately like 0) -->
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<!-- left and margin-left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<div style="margin-left: 8px; width: 684px;"></div>
+<!-- right and margin-left and margin-right auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<div style="margin-left: 53px; width: 684px;"></div>
+<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
+<div style="margin-left: 150px; width: 684px;"></div>
+<div style="margin-left: 150px; width: 684px;"></div>
+<div style="margin-left: -34px; width: 684px;"></div>
+<div style="margin-left: -34px; width: 684px;"></div>
+<div style="margin-left: 150px; width: 684px;"></div>
+<div style="margin-left: 150px; width: 684px;"></div>
+<div style="margin-left: -34px; width: 684px;"></div>
+<div style="margin-left: -34px; width: 684px;"></div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-non-replaced-width-margin-000.xht b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-non-replaced-width-margin-000.xht
new file mode 100644
index 0000000000..4c4554b8dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-non-replaced-width-margin-000.xht
@@ -0,0 +1,495 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: CSS2.1:10.3.7 Comprehensive - Absolutely Positioned Non-Replaced Horizontal Size+Position Calculations</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+<link rel="alternate" href="http://mxr.mozilla.org/mozilla-central/source/layout/reftests/abspos-non-replaced-width-offset-margin.html"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width"/>
+<link rel="match" href="abspos-non-replaced-width-margin-000-ref.xht"/>
+<meta name="assert" content="The values of 'left', 'right', 'margin-left',
+'margin-right', and 'width' are calculated correctly for absolutely positioned
+non-replaced elements according to CSS2.1 Section 10.3.7."/>
+<style type="text/css">
+
+div { height: 1px; direction: ltr; }
+
+/*
+ * Every case here has three divs nested inside of each other. The
+ * innermost div (absolutely positioned) is the testcase (and has
+ * color). The middle div's content edge establishes the containing
+ * block it would have if it were statically positioned. The outermost
+ * div is actually its containing block.
+ *
+ * the abs pos containing block runs from 50px to 700px from the left edge
+ * the static pos containing block runs from 150px to 650px from the left edge
+ */
+
+/* totals for html and body: 21px on the left, 34px on the right */
+html, body { border: transparent medium solid; }
+html { margin: 0 3px 0 2px; padding: 0 4px 0 3px; border-width: 0 3px 0 8px; }
+body { margin: 0 6px 0 3px; padding: 0 7px 0 1px; border-width: 0 11px 0 4px; }
+
+body > div {
+ position: relative;
+
+ top: 0;
+ left: 4px;
+
+ margin-left: 16px;
+ border-left: 9px solid transparent;
+ /* sum of above items (29px), plus 21px above, is 50px */
+ padding-left: 40px;
+
+ width: 595px;
+
+ padding-right: 15px;
+ /* sum of above items (650px), plus 50px above, is 700px */
+
+ border-right: 27px solid transparent;
+ margin-right: 13px;
+}
+
+body > div > div {
+ /* padding-left above: 40px */
+ margin-left: 7px;
+ border-left: 29px solid transparent;
+ padding-left: 24px;
+ /* sum of above items (100px), plus 50px above, is 150px */
+
+ /* padding-right above: 15px */
+ padding-right: 14px;
+ border-right: 3px solid transparent;
+ margin-right: 18px;
+ /* sum of above items (50px), subtracted from 700px, is 650px */
+}
+
+body > div > div > div {
+ background: navy;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+
+ /* specify everything; we'll put the autos as overrides below */
+ left: 3px;
+ margin-left: 17px;
+ border-left: 6px solid transparent;
+ padding-left: 1px;
+ padding-right: 9px;
+ border-right: 8px solid transparent;
+ margin-right: 19px;
+ right: 8px;
+}
+
+/* and give it 72px of intrinsic width for the case where it has width:auto */
+body > div > div > div > div {
+ width: 72px;
+}
+
+/* now we want to test all 128 combinations of presence of the following */
+
+body > div.adir { direction: rtl; }
+body > div.sdir > div { direction: rtl; }
+body > div.edir > div > div { direction: rtl; }
+body > div.ol > div > div { left: auto; }
+body > div.or > div > div { right: auto; }
+body > div.ml > div > div { margin-left: auto; }
+body > div.mr > div > div { margin-right: auto; }
+
+/* combined with each of these three */
+body > div.narrowwidth > div > div { width: 153px; }
+body > div.autowidth > div > div { width: auto; }
+body > div.widewidth > div > div { width: 660px; }
+
+</style>
+</head>
+<body>
+
+<div class="narrowwidth"><div><div><div></div></div></div></div>
+<div class="narrowwidth adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ol"><div><div><div></div></div></div></div>
+<div class="narrowwidth ol adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ol sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ol sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ol edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ol edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ol edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or"><div><div><div></div></div></div></div>
+<div class="narrowwidth or adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or ol"><div><div><div></div></div></div></div>
+<div class="narrowwidth or ol adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or ol sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or ol edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or ol edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml ol"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml ol adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml ol sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml ol sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml ol edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml ol edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml ol edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or ol"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or ol adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or ol sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or ol edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or ol edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth ml or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ol"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ol adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ol sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ol sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ol edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ol edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ol edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or ol"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or ol adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or ol sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or ol edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or ol edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml ol"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml ol adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml ol sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml ol sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml ol edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml ol edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml ol edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or ol"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or ol adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or ol sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or ol edir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or ol edir adir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="narrowwidth mr ml or ol edir sdir adir"><div><div><div></div></div></div></div>
+
+<div class="autowidth"><div><div><div></div></div></div></div>
+<div class="autowidth adir"><div><div><div></div></div></div></div>
+<div class="autowidth sdir"><div><div><div></div></div></div></div>
+<div class="autowidth sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth edir"><div><div><div></div></div></div></div>
+<div class="autowidth edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ol"><div><div><div></div></div></div></div>
+<div class="autowidth ol adir"><div><div><div></div></div></div></div>
+<div class="autowidth ol sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ol sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ol edir"><div><div><div></div></div></div></div>
+<div class="autowidth ol edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ol edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth or"><div><div><div></div></div></div></div>
+<div class="autowidth or adir"><div><div><div></div></div></div></div>
+<div class="autowidth or sdir"><div><div><div></div></div></div></div>
+<div class="autowidth or sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth or edir"><div><div><div></div></div></div></div>
+<div class="autowidth or edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth or edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth or ol"><div><div><div></div></div></div></div>
+<div class="autowidth or ol adir"><div><div><div></div></div></div></div>
+<div class="autowidth or ol sdir"><div><div><div></div></div></div></div>
+<div class="autowidth or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth or ol edir"><div><div><div></div></div></div></div>
+<div class="autowidth or ol edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml"><div><div><div></div></div></div></div>
+<div class="autowidth ml adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ml sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml edir"><div><div><div></div></div></div></div>
+<div class="autowidth ml edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ml edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml ol"><div><div><div></div></div></div></div>
+<div class="autowidth ml ol adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml ol sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ml ol sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml ol edir"><div><div><div></div></div></div></div>
+<div class="autowidth ml ol edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml ol edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ml ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or"><div><div><div></div></div></div></div>
+<div class="autowidth ml or adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or edir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or ol"><div><div><div></div></div></div></div>
+<div class="autowidth ml or ol adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or ol sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or ol edir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or ol edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth ml or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr"><div><div><div></div></div></div></div>
+<div class="autowidth mr adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr edir"><div><div><div></div></div></div></div>
+<div class="autowidth mr edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ol"><div><div><div></div></div></div></div>
+<div class="autowidth mr ol adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ol sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ol sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ol edir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ol edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ol edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or"><div><div><div></div></div></div></div>
+<div class="autowidth mr or adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or edir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or ol"><div><div><div></div></div></div></div>
+<div class="autowidth mr or ol adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or ol sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or ol edir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or ol edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml edir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml ol"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml ol adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml ol sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml ol sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml ol edir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml ol edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml ol edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or edir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or ol"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or ol adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or ol sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or ol edir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or ol edir adir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="autowidth mr ml or ol edir sdir adir"><div><div><div></div></div></div></div>
+
+<div class="widewidth"><div><div><div></div></div></div></div>
+<div class="widewidth adir"><div><div><div></div></div></div></div>
+<div class="widewidth sdir"><div><div><div></div></div></div></div>
+<div class="widewidth sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth edir"><div><div><div></div></div></div></div>
+<div class="widewidth edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ol"><div><div><div></div></div></div></div>
+<div class="widewidth ol adir"><div><div><div></div></div></div></div>
+<div class="widewidth ol sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ol sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ol edir"><div><div><div></div></div></div></div>
+<div class="widewidth ol edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ol edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth or"><div><div><div></div></div></div></div>
+<div class="widewidth or adir"><div><div><div></div></div></div></div>
+<div class="widewidth or sdir"><div><div><div></div></div></div></div>
+<div class="widewidth or sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth or edir"><div><div><div></div></div></div></div>
+<div class="widewidth or edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth or edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth or ol"><div><div><div></div></div></div></div>
+<div class="widewidth or ol adir"><div><div><div></div></div></div></div>
+<div class="widewidth or ol sdir"><div><div><div></div></div></div></div>
+<div class="widewidth or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth or ol edir"><div><div><div></div></div></div></div>
+<div class="widewidth or ol edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml"><div><div><div></div></div></div></div>
+<div class="widewidth ml adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ml sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml edir"><div><div><div></div></div></div></div>
+<div class="widewidth ml edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ml edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml ol"><div><div><div></div></div></div></div>
+<div class="widewidth ml ol adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml ol sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ml ol sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml ol edir"><div><div><div></div></div></div></div>
+<div class="widewidth ml ol edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml ol edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ml ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or"><div><div><div></div></div></div></div>
+<div class="widewidth ml or adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or edir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or ol"><div><div><div></div></div></div></div>
+<div class="widewidth ml or ol adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or ol sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or ol edir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or ol edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth ml or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr"><div><div><div></div></div></div></div>
+<div class="widewidth mr adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr edir"><div><div><div></div></div></div></div>
+<div class="widewidth mr edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ol"><div><div><div></div></div></div></div>
+<div class="widewidth mr ol adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ol sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ol sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ol edir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ol edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ol edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or"><div><div><div></div></div></div></div>
+<div class="widewidth mr or adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or edir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or ol"><div><div><div></div></div></div></div>
+<div class="widewidth mr or ol adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or ol sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or ol edir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or ol edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr or ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml edir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml ol"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml ol adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml ol sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml ol sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml ol edir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml ol edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml ol edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml ol edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or edir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or edir sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or ol"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or ol adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or ol sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or ol sdir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or ol edir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or ol edir adir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or ol edir sdir"><div><div><div></div></div></div></div>
+<div class="widewidth mr ml or ol edir sdir adir"><div><div><div></div></div></div></div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000-ref.xht b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000-ref.xht
new file mode 100644
index 0000000000..7f67289e26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000-ref.xht
@@ -0,0 +1,606 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test Reference</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+<link rel="alternate" href="http://mxr.mozilla.org/mozilla-central/source/layout/reftests/abspos-replaced-width-offset-margin-ref.html"/>
+<style type="text/css">
+
+html, body { margin: 0; padding: 0; border: none; }
+div { height: 1px; background: blue;
+ border-left: 7px solid navy; border-right: 17px solid navy; }
+
+</style>
+</head>
+<body>
+
+<!-- ***** WIDE WIDTH ***** -->
+
+<!-- nothing auto -->
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<!-- only left auto -->
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<!-- only right auto -->
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<!-- left and right auto -->
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<!-- only margin-left auto -->
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<!-- left and margin-left auto -->
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<!-- right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<!-- left and right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<!-- only margin-right auto -->
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<!-- left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<!-- right and margin-right auto -->
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<!-- left and right and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<!-- margin-left and margin-right auto (alternately like 0) -->
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<!-- left and margin-left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<!-- right and margin-left and margin-right auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+
+<!-- ***** NARROW WIDTH ***** -->
+
+<!-- nothing auto -->
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<!-- only left auto -->
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<!-- only right auto -->
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<!-- left and right auto -->
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<!-- only margin-left auto -->
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<!-- left and margin-left auto -->
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<!-- right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<!-- left and right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<!-- only margin-right auto -->
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<!-- left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<!-- right and margin-right auto -->
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<!-- left and right and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<!-- margin-left and margin-right auto -->
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<!-- left and margin-left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<!-- right and margin-left and margin-right auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+
+<!-- ***** NARROW WIDTH ***** -->
+
+<!-- nothing auto -->
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<!-- only left auto -->
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<!-- only right auto -->
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<!-- left and right auto -->
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<!-- only margin-left auto -->
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<!-- left and margin-left auto -->
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<div style="margin-left: 496px; width: 153px;"></div>
+<!-- right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<!-- left and right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<div style="margin-left: 454px; width: 153px;"></div>
+<!-- only margin-right auto -->
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<!-- left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<!-- right and margin-right auto -->
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<div style="margin-left: 70px; width: 153px;"></div>
+<!-- left and right and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 167px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<!-- margin-left and margin-right auto -->
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<div style="margin-left: 284px; width: 153px;"></div>
+<!-- left and margin-left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<div style="margin-left: 515px; width: 153px;"></div>
+<!-- right and margin-left and margin-right auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<div style="margin-left: 53px; width: 153px;"></div>
+<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 150px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+<div style="margin-left: 473px; width: 153px;"></div>
+
+<!-- ***** WIDE WIDTH ***** -->
+
+<!-- nothing auto -->
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<!-- only left auto -->
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<!-- only right auto -->
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<!-- left and right auto -->
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<!-- only margin-left auto -->
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<!-- left and margin-left auto -->
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<div style="margin-left: -11px; width: 660px;"></div>
+<!-- right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<!-- left and right and margin-left auto (margin-left like 0) -->
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<div style="margin-left: -53px; width: 660px;"></div>
+<!-- only margin-right auto -->
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<!-- left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<!-- right and margin-right auto -->
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<div style="margin-left: 70px; width: 660px;"></div>
+<!-- left and right and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: 167px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<!-- margin-left and margin-right auto (alternately like 0) -->
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<!-- left and margin-left and margin-right auto (margin-right like 0) -->
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<div style="margin-left: 8px; width: 660px;"></div>
+<!-- right and margin-left and margin-right auto (margin-left like 0) -->
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<div style="margin-left: 53px; width: 660px;"></div>
+<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: 150px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+<div style="margin-left: -34px; width: 660px;"></div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000.xht b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000.xht
new file mode 100644
index 0000000000..f7b0f9c4da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000.xht
@@ -0,0 +1,638 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: CSS2.1:10.3.8 Comprehensive - Absolutely Positioned Replaced Horizontal Size+Position Calculations</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+<link rel="alternate" href="http://mxr.mozilla.org/mozilla-central/source/layout/reftests/abspos-replaced-width-margin-000.html"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width"/>
+<link rel="match" href="abspos-replaced-width-margin-000-ref.xht"/>
+<meta name="assert" content="The values of 'left', 'right', 'margin-left',
+'margin-right', and 'width' are calculated correctly for absolutely positioned
+replaced elements according to CSS2.1 Section 10.3.7."/>
+<style type="text/css">
+
+div { height: 1px; direction: ltr; }
+
+/*
+ * Every case here has two divs and an image nested inside of each other. The
+ * innermost div (absolutely positioned) is the testcase (and has
+ * color). The middle div's content edge establishes the containing
+ * block it would have if it were statically positioned. The outermost
+ * div is actually its containing block.
+ *
+ * the abs pos containing block runs from 50px to 700px from the left edge
+ * the static pos containing block runs from 150px to 650px from the left edge
+ */
+
+/* totals for html and body: 21px on the left, 34px on the right */
+html, body { border: transparent medium solid; }
+html { margin: 0 3px 0 2px; padding: 0 4px 0 3px; border-width: 0 3px 0 8px; }
+body { margin: 0 6px 0 3px; padding: 0 7px 0 1px; border-width: 0 11px 0 4px; }
+
+body > div {
+ position: relative;
+
+ top: 0;
+ left: 4px;
+
+ margin-left: 16px;
+ border-left: 9px solid transparent;
+ /* sum of above items (29px), plus 21px above, is 50px */
+ padding-left: 40px;
+
+ width: 595px;
+
+ padding-right: 15px;
+ /* sum of above items (650px), plus 50px above, is 700px */
+
+ border-right: 27px solid transparent;
+ margin-right: 13px;
+}
+
+body > div > div {
+ /* padding-left above: 40px */
+ margin-left: 7px;
+ border-left: 29px solid transparent;
+ padding-left: 24px;
+ /* sum of above items (100px), plus 50px above, is 150px */
+
+ /* padding-right above: 15px */
+ padding-right: 14px;
+ border-right: 3px solid transparent;
+ margin-right: 18px;
+ /* sum of above items (50px), subtracted from 700px, is 650px */
+}
+
+body > div > div > img {
+ background: navy;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+
+ /* specify everything; we'll put the autos as overrides below */
+ left: 3px;
+ margin-left: 17px;
+ border-left: 6px solid transparent;
+ padding-left: 1px;
+ padding-right: 9px;
+ border-right: 8px solid transparent;
+ margin-right: 19px;
+ right: 8px;
+}
+
+/* now we want to test all 128 combinations of presence of the following */
+
+body > div.adir { direction: rtl; }
+body > div.sdir > div { direction: rtl; }
+body > div.edir > div > img { direction: rtl; }
+body > div.ol > div > img { left: auto; }
+body > div.or > div > img { right: auto; }
+body > div.ml > div > img { margin-left: auto; }
+body > div.mr > div > img { margin-right: auto; }
+
+/* combined with each of these three (as appropriate for narrow/wide images) */
+body > div.narrowwidth > div > img { width: 153px; height: 1px; }
+body > div.autowidth > div > img { width: auto; }
+body > div.widewidth > div > img { width: 660px; height: 1px; }
+
+</style>
+</head>
+<body>
+
+<div class="autowidth"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth or"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml or"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth ml or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr or"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml or"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="autowidth mr ml or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+
+<div class="narrowwidth"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth or"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml or"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth ml or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr or"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml or"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+<div class="narrowwidth mr ml or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-wide.png"/></div></div>
+
+<div class="autowidth"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth or"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml or"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth ml or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr or"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml or"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="autowidth mr ml or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+
+<!-- ***** WIDE WIDTH ***** -->
+
+<!-- nothing auto -->
+
+<div class="widewidth"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<!-- only left auto -->
+<div class="widewidth ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<!-- only right auto -->
+<div class="widewidth or"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<!-- left and right auto -->
+<div class="widewidth or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<!-- only margin-left auto -->
+<div class="widewidth ml"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<!-- left and margin-left auto -->
+<div class="widewidth ml ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<!-- right and margin-left auto (margin-left like 0) -->
+<div class="widewidth ml or"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<!-- left and right and margin-left auto (margin-left like 0) -->
+<div class="widewidth ml or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth ml or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<!-- only margin-right auto -->
+<div class="widewidth mr"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<!-- left and margin-right auto (margin-right like 0) -->
+<div class="widewidth mr ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<!-- right and margin-right auto -->
+<div class="widewidth mr or"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<!-- left and right and margin-right auto (margin-right like 0) -->
+<div class="widewidth mr or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<!-- margin-left and margin-right auto (alternately like 0) -->
+<div class="widewidth mr ml"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<!-- left and margin-left and margin-right auto (margin-right like 0) -->
+<div class="widewidth mr ml ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<!-- right and margin-left and margin-right auto (margin-left like 0) -->
+<div class="widewidth mr ml or"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml or adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml or sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml or sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml or edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml or edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml or edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml or edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
+<div class="widewidth mr ml or ol"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml or ol adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml or ol sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml or ol sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml or ol edir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml or ol edir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml or ol edir sdir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+<div class="widewidth mr ml or ol edir sdir adir"><div><img alt="" src="support/abspos-replaced-width-margin-000-narrow.png"/></div></div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/anonymous-boxes-001.xht b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/anonymous-boxes-001.xht
new file mode 100644
index 0000000000..1266733805
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/anonymous-boxes-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Percent heights inside anonymous blocks</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+ <link rel="match" href="reference/ref-green-box-100x100.xht"/>
+ <meta name="assert" content="Anonymous block boxes are ignored when resolving
+ percentage values that would refer to it: the closest non-anonymous
+ ancestor box is used instead."/>
+ <style type="text/css"><![CDATA[
+ #parent { height: 200px; position: relative; }
+ #child { float: left; height: 50%; width: 100px; background: green; position: relative }
+ #background { position: absolute; top: 0; left: 0; width: 100px; height: 100px; background: red }
+ ]]></style>
+ </head>
+ <body>
+ <p>There must be a green square below and no red.</p>
+ <div id="parent">
+ <div id="background"></div>
+ <div id="child"></div>&nbsp;<div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/reference/ref-green-box-100x100.xht b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/reference/ref-green-box-100x100.xht
new file mode 100644
index 0000000000..2863e2d8ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/reference/ref-green-box-100x100.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test Reference: 100x100 Green Box</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <style type="text/css"><![CDATA[
+ div {
+ width: 100px;
+ height: 100px;
+ background: green;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>There must be a green square below and no red.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/reference/ref-green-box-120x120.xht b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/reference/ref-green-box-120x120.xht
new file mode 100644
index 0000000000..9e7a997c30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/reference/ref-green-box-120x120.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test Reference: 120x120 Green Box</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <style type="text/css"><![CDATA[
+ div {
+ width: 120px;
+ height: 120px;
+ background: green;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>There must be a green square below and no red.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/a-green.css b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/abspos-replaced-width-margin-000-narrow.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/abspos-replaced-width-margin-000-narrow.png
new file mode 100644
index 0000000000..b36c5f4f99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/abspos-replaced-width-margin-000-narrow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/abspos-replaced-width-margin-000-wide.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/abspos-replaced-width-margin-000-wide.png
new file mode 100644
index 0000000000..ef3fce2dce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/abspos-replaced-width-margin-000-wide.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/b-green.css b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/c-red.css b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/import-green.css b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/import-green.css
new file mode 100644
index 0000000000..537104e663
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/import-green.css
@@ -0,0 +1 @@
+.import { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/import-red.css b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/import-red.css
new file mode 100644
index 0000000000..9945ef4711
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/import-red.css
@@ -0,0 +1 @@
+.import { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-purple.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-teal.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-white.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/adjacent-floats-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/adjacent-floats-001-ref.xht
new file mode 100644
index 0000000000..2a4c9f9432
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/adjacent-floats-001-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange square is to the left of the blue square and the squares top edges are aligned.</p>
+
+ <div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/adjacent-floats-001.xht b/testing/web-platform/tests/css/CSS2/floats-clear/adjacent-floats-001.xht
new file mode 100644
index 0000000000..47bfd21ba9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/adjacent-floats-001.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Multiple floated boxes adjacent to each other</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="adjacent-floats-001-ref.xht" />
+
+ <meta name="assert" content="Floated boxes are allowed to be next to each other." />
+ <style type="text/css">
+ div div
+ {
+ float: left;
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ background-color: orange;
+ }
+ #div2
+ {
+ background-color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange square is to the left of the blue square and the squares top edges are aligned.</p>
+ <div>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-before-clearance.html b/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-before-clearance.html
new file mode 100644
index 0000000000..13041a2749
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-before-clearance.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>Float that would be adjoining if there were no clearance</title>
+<meta name="assert" content="If the clearance candidate would pull a float down with it (due to margin collapsing) if there were no clearance, clearance needs to be inserted to separate the two, so that the block can go past the float. No matter how large the margin is, it should still be just below the float.">
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width:100px; background:red;">
+ <div>
+ <div style="float:left; width:100px; height:50px; background:green;"></div>
+ </div>
+ <div style="margin-top:400px; clear:left; height:50px; background:green;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-nested-forced-clearance-002.html b/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-nested-forced-clearance-002.html
new file mode 100644
index 0000000000..ed8ffd26fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-nested-forced-clearance-002.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<style>
+#container {
+ width: 100px;
+ background: green;
+}
+#left {
+ float: left;
+ width: 25px;
+ height: 10px;
+}
+#right {
+ float: right;
+ width: 25px;
+ height: 20px;
+}
+#clears-left {
+ clear: left;
+}
+#zero {
+ margin-bottom: 40px;
+ margin-top: -20px;
+}
+#nested-float {
+ float: left;
+ width: 25px;
+ height: 20px;
+}
+#new-formatting-context {
+ overflow: hidden;
+ width: 60px;
+ height: 80px;
+ margin-top: -30px;
+}
+</style>
+<p>Test passes if there is a filled green square.</p>
+<div id=container>
+ <div id=left></div>
+ <div id=right></div>
+ <div>
+ <div id=clears-left>
+ <div>
+ <div id=zero></div>
+ <div id=nested-float></div>
+ <!--
+ The margins up to this new formatting context are chosen to hit an
+ edge condition. At this point there are two possible margins:
+ - (adjoining) {-30px, 40px} => 10px
+ - (non-adjoining) {-20px, 40px} => 20px
+
+ The logic for placing this new formatting context however shouldn't
+ check these margins, as there is an ancestor ("clears-left") which
+ has clearance past adjoining floats ("left", and "right").
+
+ And "nested-float" should get placed at "10px".
+
+ However if we didn't have this logic the following would occur.
+ 1. We'd try and place the formatting context using the "adjoining"
+ margins.
+ 2. The new formatting context doesn't "fit" on the same edge as the
+ floats, so it would trigger a retry using with a new position
+ calculated using the "non-adjoining" margins.
+ 3. During the next pass, it still doesn't think the margins have
+ been separated yet as the parent is still using the position
+ calculated by the forced clearance from above.
+ 4. It will trigger a retry again (and if an implementation does this
+ in a loop, will timeout).
+ -->
+ <div id=new-formatting-context></div>
+ </div>
+ </div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-nested-forced-clearance-003.html b/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-nested-forced-clearance-003.html
new file mode 100644
index 0000000000..4c080d2b7f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-nested-forced-clearance-003.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="overflow: hidden; width: 100px; background: red; position: relative;">
+ <div style="float: left; height: 50px; width: 50px; background: green"></div>
+ <div style="height: 40px; background: green;"></div>
+ <div style="margin-top: 15px; clear: both;">
+ <div style="width: 50px; height: 50px; background: green; float: left;"></div>
+ <div style="margin-top: -10px;">
+ <span style="display: inline-block; width: 50px; height: 40px; background: green;"></span>
+ </div>
+ <div style="position: absolute; width: 50px; height: 10px; right: 0; top: 40px; background: green;"></div>
+ <div style="position: absolute; width: 50px; height: 10px; right: 0; bottom: 0; background: green;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-nested-forced-clearance-004.html b/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-nested-forced-clearance-004.html
new file mode 100644
index 0000000000..bda89a9f6f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-nested-forced-clearance-004.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html" />
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<p>Test passes if there is a filled green square.</p>
+<div style="overflow: hidden;"></div>
+<div style="float: left; width: 100px; height: 50px; background: green;"></div>
+<span>
+ <div style="clear: both;">
+ <div style="height: 10px;">
+ <div style="float: left; width: 100px; height: 50px; background: green;">
+ </div>
+ </div>
+</span>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-nested-forced-clearance.html b/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-nested-forced-clearance.html
new file mode 100644
index 0000000000..426b47537b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-nested-forced-clearance.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="position: absolute; width: 100px; height: 100px; background: red;"></div>
+<div style="position: absolute; width: 100px;">
+ <div>
+ <div style="float:left; width:100px; height:50px; background: green;"></div>
+ <div style="clear:both;">
+ <div style="float:left; width:10px; height:10px;"></div>
+ <div style="margin-top:100px; height:50px; background: green;"></div>
+ </div>
+ </div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-new-fc-crash.html b/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-new-fc-crash.html
new file mode 100644
index 0000000000..b220a48422
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-new-fc-crash.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=987004">
+<meta name="assert" content="The renderer should not crash.">
+<div style="width: 100px; overflow: hidden;">
+ <div style="float: left; width: 100%; height: 20px; background: hotpink;"></div>
+ <div style="clear: both;">
+ <span style="position: absolute; width: 10px; height: 10px; background: orange;"></span>
+ <div style="height: 10px; background: green; overflow: hidden;"></div>
+ </div>
+</div>
+<script>
+test(() => {
+}, 'Test passes if the renderer does not crash.');
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-new-fc.html b/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-new-fc.html
new file mode 100644
index 0000000000..587bbf51b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-new-fc.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>New formatting context next to adjoining float</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width:100px; overflow:hidden; background:red;">
+ <div>
+ <div style="float:left; width:100px; height:50px; background:green;"></div>
+ <div style="margin-top:300px; clear:left; overflow:hidden; width:100px; height:50px; background:green;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-001-ref.xht
new file mode 100644
index 0000000000..e607591a90
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-001-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: bottom;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is an orange square below a blue square.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-001.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-001.xht
new file mode 100644
index 0000000000..e692241428
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-001.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear set to 'left'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-001-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property set to a value of 'left' positions the current element to clear left-floated elements." />
+ <style type="text/css">
+ #div1
+ {
+ width: 500px;
+ }
+ div div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div2
+ {
+ background: blue;
+ float: left;
+ }
+ #div3
+ {
+ background: orange;
+ clear: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an orange square below a blue square.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-002-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-002-ref.xht
new file mode 100644
index 0000000000..2e2b0b6c4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-002-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin-bottom: 0px;}
+
+ img
+ {
+ left: 404px;
+ position: relative;
+ vertical-align: bottom;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is an orange square below a blue square.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-002.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-002.xht
new file mode 100644
index 0000000000..f64848f910
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-002.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear set to 'right'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-002-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property set to a value of 'right' positions the current element to clear right-floated elements." />
+ <style type="text/css">
+ #div1
+ {
+ width: 500px;
+ }
+ div div
+ {
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+ #div2
+ {
+ background: blue;
+ }
+ #div3
+ {
+ background: orange;
+ clear: right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an orange square below a blue square.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-003-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-003-ref.xht
new file mode 100644
index 0000000000..38b152c320
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-003-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a black box below the blue and orange boxes.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="144" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/black15x15.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-003.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-003.xht
new file mode 100644
index 0000000000..7e5d19baa2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-003.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear set to 'both'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-003-ref.xht" />
+
+ <meta content="The 'clear' property set to a value of 'both' positions the current element to clear both left- and right-floated elements." name="assert" />
+ <style type="text/css">
+ #div1
+ {
+ width: 2in;
+ }
+ div div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div2
+ {
+ background: blue;
+ float: left;
+ }
+ #div3
+ {
+ float: right;
+ background: orange;
+ height: 1.5in;
+ }
+ #div4
+ {
+ background: black;
+ clear: both;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black box below the blue and orange boxes.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-004.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-004.xht
new file mode 100644
index 0000000000..32ecd2a897
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-004.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The 'clear' property set to a value of 'none' does not perform any clearing of floated elements." />
+ <style type="text/css">
+ div div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #div2
+ {
+ background: green;
+ float: left;
+ }
+ #div3
+ {
+ background: red;
+ clear: none;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-005.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-005.xht
new file mode 100644
index 0000000000..5298239a25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-005.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/ css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-001-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property set to 'inherit', inherits the computed value from the parent element." />
+ <style type="text/css">
+ #div1
+ {
+ clear: left;
+ width: 500px;
+ }
+ div div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div2
+ {
+ background: blue;
+ float: left;
+ }
+ #div3
+ {
+ background: orange;
+ clear: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an orange square below a blue square.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-after-top-margin.html b/testing/web-platform/tests/css/CSS2/floats-clear/clear-after-top-margin.html
new file mode 100644
index 0000000000..95b445657c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-after-top-margin.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<title>Clearance inside block with top margin</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<p>Test passes if there is a filled green square.</p>
+<div style="float:right; width:100px; height:100px;"></div>
+<!-- Using padding to prevent the child margin from pulling the block down. -->
+<div style="padding-top:10px; width:100px; background:green;">
+ <div style="margin-top:80px;">
+ <div style="clear:right;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-000-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-000-ref.xht
new file mode 100644
index 0000000000..973d1c6a05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-000-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the word PASS appears on a single line.</p>
+
+ <div>PASS</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-000.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-000.xht
new file mode 100644
index 0000000000..7b7cb9e76d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-000.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear on floats after floats with display:none blocks between them</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/clear/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-applies-to-000-ref.xht" />
+
+ <style type="text/css">
+ .float { float: left; margin: 0; }
+ .clear { clear: left; display: none; background: red; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word PASS appears on a single line.</p>
+ <div class="float">PA</div>
+ <div class="clear">| FAIL |</div>
+ <div class="float">SS</div>
+ </body>
+</html>
+
+
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-001-ref.xht
new file mode 100644
index 0000000000..785c5212f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-001-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ left: 328px;
+ position: absolute;
+ top: 8px;
+ }
+
+ p
+ {
+ line-height: 1.25;
+ margin-top: 24px;
+ width: 320px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ <p>Test passes if there is a filled blue square to the right of this text.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-001.xht
new file mode 100644
index 0000000000..ff423f0bd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-001.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear applied to element with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property does not apply to elements with a display of 'table-row-group'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ p
+ {
+ float: left;
+ line-height: 1.25;
+ margin: 1em 0;
+ width: 320px;
+ }
+
+ #test
+ {
+ background: blue;
+ clear: both;
+ display: table-row-group;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: blue;
+ display: table-cell;
+ height: 0.5in;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square to the right of this text.</p>
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-002.xht
new file mode 100644
index 0000000000..4ecd5cdb8d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-002.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear applied to element with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property does not apply to elements with a display of 'table-header-group'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ p
+ {
+ float: left;
+ line-height: 1.25;
+ margin: 1em 0;
+ width: 320px;
+ }
+
+ #test
+ {
+ background: blue;
+ clear: both;
+ display: table-header-group;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: blue;
+ display: table-cell;
+ height: 0.5in;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a filled blue square to the right of this text.</p>
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-003.xht
new file mode 100644
index 0000000000..8372b314da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-003.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear applied to element with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property does not apply to elements with a display of 'table-footer-group'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ p
+ {
+ float: left;
+ line-height: 1.25;
+ margin: 1em 0;
+ width: 320px;
+ }
+
+ #test
+ {
+ background: blue;
+ display: table-footer-group;
+ clear: both;
+ }
+
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: blue;
+ display: table-cell;
+ height: 0.5in;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square to the right of this text.</p>
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-004.xht
new file mode 100644
index 0000000000..ce773dc5da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-004.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear applied to element with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property does not apply to elements with a display of 'table-row'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ p
+ {
+ float: left;
+ line-height: 1.25;
+ margin: 1em 0;
+ width: 320px;
+ }
+
+ .test
+ {
+ background: blue;
+ display: table-row;
+ clear: both;
+ }
+
+ .cell
+ {
+ color: blue;
+ display: table-cell;
+ height: 0.5in;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square to the right of this text.</p>
+
+ <div class="test">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="test">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-005.xht
new file mode 100644
index 0000000000..c155bbf57b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-005.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear applied to element with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property does not apply to elements with a display of 'table-column-group'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ p
+ {
+ float: left;
+ line-height: 1.25;
+ margin: 1em 0;
+ width: 320px;
+ }
+ #test
+ {
+ display: table-column-group;
+ clear: both;
+ }
+
+ .col
+ {
+ display: table-column;
+ }
+
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ background: blue;
+ color: blue;
+ display: table-cell;
+ height: 0.5in;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square to the right of this text.</p>
+
+ <div id="test"><div class="col"></div><div class="col"></div></div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-006.xht
new file mode 100644
index 0000000000..ea2027ff6a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-006.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear applied to element with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property does not apply to elements with a display of 'table-column'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ p
+ {
+ float: left;
+ line-height: 1.25;
+ margin: 1em 0;
+ width: 320px;
+ }
+
+ #test
+ {
+ clear: both;
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ background: blue;
+ color: blue;
+ display: table-cell;
+ height: 0.5in;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square to the right of this text.</p>
+
+ <div id="test"></div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-007.xht
new file mode 100644
index 0000000000..a15268b53c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-007.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear applied to element with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14-->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property does not apply to elements with a display of 'table-cell'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ p
+ {
+ float: left;
+ line-height: 1.25;
+ margin: 1em 0;
+ width: 320px;
+ }
+ #cell
+ {
+ background: blue;
+ color: blue;
+ display: table-cell;
+ clear: both;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square to the right of this text.</p>
+
+ <div id="cell">C</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-008-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-008-ref.xht
new file mode 100644
index 0000000000..e947a1a4c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-008-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ /* Disable kerning because kerning may differ for different node tree. */
+ html { font-kerning: none; font-feature-settings: "kern" off; }
+ body {margin-bottom: 0px;}
+
+ div {height: 10em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the word PASS appears on a single line below.</p>
+
+ <div>PASS</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-008.xht
new file mode 100644
index 0000000000..1ff09c6cc1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-008.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear on inline elements</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" />
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-07 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/clear/001-demo.html" type="text/html" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-applies-to-008-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property does not apply to elements with a display of 'inline'." />
+ <style type="text/css">
+ /* Disable kerning because kerning may differ for different node tree. */
+ html { font-kerning: none; font-feature-settings: "kern" off; }
+ .float { float: left; height: 10em; }
+ .clear { clear: left; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word PASS appears on a single line below.</p>
+ <div><div class="float">P</div><span class="clear">A</span>SS</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-009-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-009-ref.xht
new file mode 100644
index 0000000000..f8e1401e43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-009-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p
+ {
+ line-height: 1.25;
+ margin: 1.5em 0 1em;
+ width: 320px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled blue square <strong>below this text</strong>.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-009.xht
new file mode 100644
index 0000000000..d9facbeedd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-009.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear applied to element with 'display' set to block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property applies to elements with a display of block." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ p
+ {
+ float: left;
+ line-height: 1.25;
+ margin: 1em 0;
+ width: 320px;
+ }
+ span
+ {
+ background: blue;
+ color: blue;
+ display: block;
+ clear: both;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square <strong>below this text</strong>.</p>
+ <div>
+ <span>B</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-010.xht
new file mode 100644
index 0000000000..7e8de8efca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-010.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear applied to element with 'display' set to list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <meta name="assert" content="The 'clear' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 2em;
+ }
+ p
+ {
+ float: left;
+ }
+ div
+ {
+ background: blue;
+ color: blue;
+ display: list-item;
+ clear: both;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square <strong>below this text</strong> and a marker bullet on its left-hand side.</p>
+ <div>L</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-012.xht
new file mode 100644
index 0000000000..a1d2a032a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-012.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear applied to element with 'display' set to inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property does not apply to elements with a display of 'inline-block'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ p
+ {
+ float: left;
+ line-height: 1.25;
+ margin: 1em 0;
+ width: 320px;
+ }
+
+ div
+ {
+ background: blue;
+ display: inline-block;
+ clear: both;
+ width: 1in;
+ }
+
+
+ span.block-descendant
+ {
+ color: blue;
+ display: block;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square to the right of this text.</p>
+
+ <div>
+ <span class="block-descendant">&nbsp;a</span>
+ <span class="block-descendant">&nbsp;b</span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-013.xht
new file mode 100644
index 0000000000..ec65a778f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-013.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear applied to element with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property does apply to elements with a display of 'table'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ p
+ {
+ float: left;
+ line-height: 1.25;
+ margin: 1em 0;
+ width: 320px;
+ }
+ #table
+ {
+ background: blue;
+ clear: both;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: blue;
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square <strong>below this text</strong>.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-014.xht
new file mode 100644
index 0000000000..5844658e1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-014.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear applied to element with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property does not apply to elements with a display of 'inline-table'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ p
+ {
+ float: left;
+ line-height: 1.25;
+ margin: 1em 0;
+ width: 320px;
+ }
+ #table
+ {
+ background: blue;
+ clear: both;
+ display: inline-table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: blue;
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square to the right of this text.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-015.xht
new file mode 100644
index 0000000000..591fd95506
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-applies-to-015.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear applied to element with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-01-10 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+
+ <link rel="match" href="clear-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property does not apply to elements with a display of 'table-caption' because an anonymous table wrapper box will be generated for a misparented table-caption element and such anonymous table wrapper box creates a block formatting context. Clear will not apply to floats outside a block formatting context." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ p
+ {
+ float: left;
+ line-height: 1.25;
+ margin: 1em 0;
+ width: 320px;
+ }
+
+ #caption
+ {
+ background: blue;
+ clear: both;
+ color: blue;
+ display: table-caption;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square to the right of this text.</p>
+
+ <div id="caption">C</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-001-ref.xht
new file mode 100644
index 0000000000..c6087ea752
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-001-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 1.25em;
+ margin: 1em 0em 1.25em;
+ width: 6.25em;
+ }
+
+ div + div {margin-bottom: 2.5em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is no red.</p>
+
+ <div></div>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-001.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-001.xht
new file mode 100644
index 0000000000..e3df457555
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-001.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clearance calculations - clear box non-collapsing margins with larger margings than clearance</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-clearance-calculation-001-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="When a cleared element has more top margin than the height of the floated element the margin is collpased with previous in-flow children. The element is then placed at the point of the resulting collapsed margin." />
+ <!-- C1 = H-M2 -->
+ <!-- C2 = Max(M1, M2) - M1 - M2 -->
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ #parent
+ {
+ background: url('support/clear-clearance-calculation-001.png');
+ min-height: 6em;
+ }
+ div div
+ {
+ background: green;
+ height: 1em;
+ }
+ #div1
+ {
+ margin-bottom: 1em;
+ }
+ #div2
+ {
+ float: left;
+ margin: 0;
+ }
+ #div3
+ {
+ clear: left;
+ margin-top: 4em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div id="parent">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-002-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-002-ref.xht
new file mode 100644
index 0000000000..b90c818d3d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-002-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 1.25em;
+ margin: 1em 0em 5em;
+ width: 6.25em;
+ }
+
+ div + div {height: 3.75em}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is no red.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-002.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-002.xht
new file mode 100644
index 0000000000..3ec8887a52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-002.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clearance calculations - clear box non-collapsing margins with larger clearance than margins</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-clearance-calculation-002-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="If after margin collapsing the position of the cleared element is above or hypothetically positioned within the layout position of the float. Then the cleared element is positioned directly below the floated element." />
+ <!-- C1 = H-M2 -->
+ <!-- C2 = Max(M1, M2) - M1 - M2 -->
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ #parent
+ {
+ background: url('support/clear-clearance-calculation-002.png');
+ min-height: 8em;
+ }
+ div div
+ {
+ background: green;
+ height: 1em;
+ }
+ #div1
+ {
+ margin-bottom: 4em;
+ }
+ #div2
+ {
+ float: left;
+ height: 2em;
+ margin: 0;
+ }
+ #div3
+ {
+ clear: left;
+ margin-top: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div id="parent">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-003-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-003-ref.xht
new file mode 100644
index 0000000000..f2c3f43618
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-003-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 1.25em;
+ margin: 1em 0em 1.25em;
+ width: 6.25em;
+ }
+
+ div + div {margin-bottom: 3.75em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is no red.</p>
+
+ <div></div>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-003.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-003.xht
new file mode 100644
index 0000000000..79362e199d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-003.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clearance calculations - clear box collapsing margins</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-clearance-calculation-003-ref.xht" />
+
+ <meta name="assert" content="When a cleared element has more top margin than the height of the floated element the margin is collpased with previous in-flow children. The element is then placed at the point of the resulting collapsed margin." />
+ <!-- C1 = H-MT2 -->
+ <!-- C2 = Max(M1, MT2, MB2) - M1 - MT2 -->
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ #parent
+ {
+ background: url('support/clear-clearance-calculation-003.png');
+ min-height: 7em;
+ position: relative;
+ }
+ #div1
+ {
+ margin-bottom: 1em;
+ }
+ #div2
+ {
+ float: left;
+ margin: 0;
+ }
+ #div3
+ {
+ background: red;
+ clear: left;
+ margin-bottom: 5em;
+ margin-top: 4em;
+ }
+ #div1, #div2, #div4
+ {
+ background: green;
+ height: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div id="parent">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-004-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-004-ref.xht
new file mode 100644
index 0000000000..45d794c7c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-004-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ div
+ {
+ background-color: green;
+ height: 100px;
+ margin: 108px 0px 1em;
+ }
+
+ p {margin: 1em 0em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div></div>
+
+<p>Test passes if there is a wide green rectangle above and <strong>no red</strong>.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-004.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-004.xht
new file mode 100644
index 0000000000..945dfd99da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-004.xht
@@ -0,0 +1,67 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: clear and clearance calculation - margin collapsing</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-clearance-calculation-004-ref.xht" />
+
+ <meta content="With clear: left, the top border edge of the last paragraph must be below the floating paragraph, i.e., 50px lower. That means that the margin-bottom of the first paragraph must not collapse with the margin-top of the last paragraph and clearance must be added such that clearance + margin-top of last paragraph = 50px, i.e., clearance = 50px - margin-top of last paragraph = 50px - 75px = - 25px." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ #overlapped-red
+ {
+ background-color: red;
+ height: 100px;
+ left: 8px;
+ position: absolute;
+ right: 8px;
+ top: 108px;
+ z-index: -1;
+ }
+
+ #firstParg
+ {
+ height: 25px;
+ margin-bottom: 25px;
+ margin-top: 0px;
+ }
+
+ #floatingParg
+ {
+ float: left;
+ height: 50px;
+ margin: 0;
+ }
+
+ #lastParg
+ {
+ background-color: green;
+ clear: left;
+ height: 100px;
+ margin-top: 75px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div id="overlapped-red"></div>
+
+ <p id="firstParg"></p>
+
+ <p id="floatingParg"></p>
+
+ <p id="lastParg"></p>
+
+ <p>Test passes if there is a wide green rectangle above and <strong>no red</strong>.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-005-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-005-ref.xht
new file mode 100644
index 0000000000..d5b6249959
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-005-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ div
+ {
+ background-color: green;
+ color: orange;
+ font: 100px/1 Ahem;
+ margin: 118px 0px 0px;
+ }
+
+ p {margin: 1em 0em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>XX</div>
+
+ <p>Test passes if there is above an orange rectangle and a wide green rectangle side by side, touching each other. The top of the orange rectangle should be flush with the top of the green rectangle. There should be no red.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-005.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-005.xht
new file mode 100644
index 0000000000..5d1416c9d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-005.xht
@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: clear and clearance calculation - margin collapsing</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-clearance-calculation-005-ref.xht" />
+
+ <meta content="With clear: none, the first and last paragraphs' margins collapse and the last paragraph's top border edge should be flush with the top of the floating paragraph." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ #overlapped-red
+ {
+ background-color: red;
+ height: 100px;
+ left: 8px;
+ position: absolute;
+ right: 8px;
+ top: 118px;
+ z-index: -1;
+ }
+
+ #firstParg
+ {
+ height: 20px;
+ margin-bottom: 90px;
+ margin-top: 0px;
+ }
+
+ #floatingParg
+ {
+ background-color: orange;
+ float: left;
+ height: 100px;
+ margin: 0;
+ width: 200px;
+ }
+
+ #lastParg
+ {
+ background-color: green;
+ clear: none;
+ height: 100px;
+ margin-top: 75px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div id="overlapped-red"></div>
+
+ <p id="firstParg"></p>
+
+ <p id="floatingParg"></p>
+
+ <p id="lastParg"></p>
+
+ <p>Test passes if there is above an orange rectangle and a wide green rectangle side by side, touching each other. The top of the orange rectangle should be flush with the top of the green rectangle. There should be no red.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-default-inheritance-001.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-default-inheritance-001.xht
new file mode 100644
index 0000000000..57064dccd0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-default-inheritance-001.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear default inheritance</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The 'clear' property is not inherited by default from the parent element." />
+ <style type="text/css">
+ #div1
+ {
+ clear: left;
+ }
+ div div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #div2
+ {
+ background: green;
+ float: left;
+ }
+ #div3
+ {
+ background: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-001-ref.xht
new file mode 100644
index 0000000000..04a7b5c95e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-001-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the yellow square is directly to the right of the blue square and the yellow and blue squares are below the orange square.</p>
+
+ <div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-001.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-001.xht
new file mode 100644
index 0000000000..436ff4b0b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-001.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Child elements are not impacted by 'clear'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-float-001-ref.xht" />
+
+ <meta name="assert" content="Child elements of the container are not impacted by clear." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ background: orange;
+ }
+ #div2
+ {
+ background: blue;
+ clear: both;
+ width: 2in;
+ }
+ #div3
+ {
+ background: yellow;
+ float: right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the yellow square is directly to the right of the blue square and the yellow and blue squares are below the orange square.</p>
+ <div id="div1"></div>
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-002-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-002-ref.xht
new file mode 100644
index 0000000000..5b46a0594f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-002-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 96px;
+ left: 96px;
+ position: relative;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-002.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-002.xht
new file mode 100644
index 0000000000..27d7e15717
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-002.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clearance of floats and top margin affect</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-float-002-ref.xht" />
+
+ <meta name="assert" content="Clearance is introduced as spacing above the top margin." />
+ <style type="text/css">
+ div div
+ {
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ height: 2in;
+ width: 2in;
+ }
+ #div2
+ {
+ background: red;
+ }
+ #div3
+ {
+ background: green;
+ clear: right;
+ margin-top: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-003-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-003-ref.xht
new file mode 100644
index 0000000000..c77332b1f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-003-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 96px;
+ margin-left: 96px;
+ margin-top: 96px;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-003.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-003.xht
new file mode 100644
index 0000000000..12e9e05ce6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-003.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear floats handled after margin collapsing</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-float-003-ref.xht" />
+
+ <meta name="assert" content="Clearance is introduced as spacing above the top margin after margin collapsing occurs." />
+ <style type="text/css">
+ #div1
+ {
+ height: 2in;
+ width: 2in;
+ }
+ #div2
+ {
+ background: red;
+ }
+ #div3
+ {
+ margin-top: 1in;
+ margin-bottom: 1in;
+ }
+ #div4
+ {
+ background: green;
+ clear: right;
+ margin-top: -1in;
+ }
+ #div2, #div4
+ {
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-004-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-004-ref.xht
new file mode 100644
index 0000000000..da392c370b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-004-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: bottom;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange square is positioned above the blue square and if there is no red.</p>
+
+ <div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-004.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-004.xht
new file mode 100644
index 0000000000..35c0ab4f17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-004.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear set to 'left' with earlier left floated boxes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-float-004-ref.xht" />
+
+ <meta name="assert" content="Boxes with 'clear: left' need to clear earlier left floated boxes." />
+ <style type="text/css">
+ span
+ {
+ float: left;
+ height: 1in;
+ width: 1in;
+ }
+ #span1
+ {
+ background-color: orange;
+ }
+ #span2
+ {
+ background: blue;
+ clear: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange square is positioned above the blue square and if there is no red.</p>
+ <div>
+ <span id="span1"></span>
+ <span id="span2"></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-005-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-005-ref.xht
new file mode 100644
index 0000000000..1a81364b96
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-005-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ position: relative;
+ left: 96px;
+ vertical-align: bottom;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue square is directly below the orange square.</p>
+
+ <div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-005.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-005.xht
new file mode 100644
index 0000000000..141caf2698
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-005.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear set to 'right' with earlier right floated boxes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-float-005-ref.xht" />
+
+ <meta name="assert" content="Boxes with 'clear: right' need to clear earlier right floated boxes." />
+ <style type="text/css">
+ div
+ {
+ width: 2in;
+ }
+ span
+ {
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+ #span1
+ {
+ background-color: orange;
+ }
+ #span2
+ {
+ background: blue;
+ clear: right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is directly below the orange square.</p>
+ <div>
+ <span id="span1"></span>
+ <span id="span2"></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-006-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-006-ref.xht
new file mode 100644
index 0000000000..a70d0a220b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-006-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: bottom;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue box is below the orange boxes.</p>
+
+ <div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-white.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-006.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-006.xht
new file mode 100644
index 0000000000..a8d0f32162
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-006.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear set to 'both' with earlier floated boxes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-float-006-ref.xht" />
+
+ <meta name="assert" content="Boxes with 'clear: both' need to clear earlier floated boxes." />
+ <style type="text/css">
+ div
+ {
+ width: 3in;
+ }
+ span
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #span1, #span2
+ {
+ background-color: orange;
+ }
+ #span1
+ {
+ float: right;
+ }
+ #span2, #span3
+ {
+ float: left;
+ }
+ #span3
+ {
+ background: blue;
+ clear: both;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is below the orange boxes.</p>
+ <div>
+ <span id="span1"></span>
+ <span id="span2"></span>
+ <span id="span3"></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-007.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-007.xht
new file mode 100644
index 0000000000..0fa95b2640
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-007.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear set to 'left' with later left floated boxes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="adjacent-floats-001-ref.xht" />
+
+ <meta name="assert" content="Boxes with 'clear: left' do not clear later left floated boxes." />
+ <style type="text/css">
+ span
+ {
+ float: left;
+ height: 1in;
+ width: 1in;
+ }
+ #span1
+ {
+ background-color: orange;
+ clear: left;
+ }
+ #span2
+ {
+ background: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange square is to the left of the blue square and the squares top edges are aligned.</p>
+ <div>
+ <span id="span1"></span>
+ <span id="span2"></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-008.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-008.xht
new file mode 100644
index 0000000000..6d93e608dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-008.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear set to 'right' with later right floated boxes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="adjacent-floats-001-ref.xht" />
+
+ <meta name="assert" content="Boxes with 'clear: right' do not clear later right floated boxes." />
+ <style type="text/css">
+ div
+ {
+ width: 2in;
+ }
+ span
+ {
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+ #span1
+ {
+ background-color: blue;
+ clear: right;
+ }
+ #span2
+ {
+ background: orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange square is to the left of the blue square and the squares top edges are aligned.</p>
+ <div>
+ <span id="span1"></span>
+ <span id="span2"></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-009-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-009-ref.xht
new file mode 100644
index 0000000000..567b62aebf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-009-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: bottom;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue square is to the right of the orange squares.</p>
+
+ <div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-white.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-009.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-009.xht
new file mode 100644
index 0000000000..7c2cdb9c8e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-float-009.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear set to 'both' with later floated boxes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-float-009-ref.xht" />
+
+ <meta name="assert" content="Boxes with 'clear: both' do not clear later floated boxes." />
+ <style type="text/css">
+ div
+ {
+ width: 4in;
+ }
+ span
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #span1
+ {
+ background-color: blue;
+ clear: both;
+ }
+ #span1, #span2
+ {
+ float: right;
+ }
+ #span2, #span3
+ {
+ background: orange;
+ }
+ #span3
+ {
+ float: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is to the right of the orange squares.</p>
+ <div>
+ <span id="span1"></span>
+ <span id="span2"></span>
+ <span id="span3"></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-initial-001.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-initial-001.xht
new file mode 100644
index 0000000000..d4757c923e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-initial-001.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear initial value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The 'clear' property has a initial value of 'none'." />
+ <style type="text/css">
+ div div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #div2
+ {
+ background: green;
+ float: left;
+ }
+ #div3
+ {
+ background: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-inline-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-inline-001-ref.xht
new file mode 100644
index 0000000000..02e71152c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-inline-001-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ span {background-color: blue;}
+
+ img {vertical-align: top;}
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a short blue stripe is to the right of the orange square.</p>
+
+ <div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /><span>Filler Text</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-inline-001.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-inline-001.xht
new file mode 100644
index 0000000000..3cb5318089
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-inline-001.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clear on inline elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-inline-001-ref.xht" />
+
+ <meta name="assert" content="Clear cannot be applied to an inline box." />
+ <style type="text/css">
+ #span1
+ {
+ background-color: orange;
+ float: left;
+ height: 1in;
+ width: 1in;
+ }
+ #span2
+ {
+ background: blue;
+ clear: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a short blue stripe is to the right of the orange square.</p>
+ <div>
+ <span id="span1"></span>
+ <span id="span2">Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-no-interpolation.html b/testing/web-platform/tests/css/CSS2/floats-clear/clear-no-interpolation.html
new file mode 100644
index 0000000000..05db269ec6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-no-interpolation.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<link rel=author href="mailto:jarhar@chromium.org">
+<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/interpolation-testcommon.js"></script>
+
+<body>
+<script>
+test_no_interpolation({
+ property: 'clear',
+ from: 'initial',
+ to: 'both'
+});
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-child-with-margins-2.html b/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-child-with-margins-2.html
new file mode 100644
index 0000000000..594fee03f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-child-with-margins-2.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<title>Child of block with clear</title>
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<p>Test passes if there is a filled green square.</p>
+<div style="width: 100px;background: red;overflow: hidden;">
+ <div style="float: right; height: 20px; width: 50%; background: green;"></div>
+ <div>
+ <div style="float: left; height:100px; width: 50%; background: green;"></div>
+ <div>
+ <div style="clear: right; height: 80px; margin-top: 16px; background: green;"></div>
+ </div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-child-with-margins.html b/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-child-with-margins.html
new file mode 100644
index 0000000000..f65f314a2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-child-with-margins.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<title>Child of block with clear</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<p>Test passes if there is a filled green square.</p>
+<div style="position:relative; top:-20px;">
+ <div style="float:left; margin-top:20px; width:50px; height:50px; background:green;"></div>
+ <div style="padding-top:1px;">
+ <div style="margin-top:19px; width:100px; background:green;">
+ <div style="clear:left; margin-top:25px; width:100px; height:50px; background:green;"></div>
+ </div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-parent-and-child.html b/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-parent-and-child.html
new file mode 100644
index 0000000000..d7dc26f30a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-parent-and-child.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<title>Child of block with clear</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div id="container" style="overflow:hidden; width:200px; height:200px; background:red;">
+ <div style="float:left; width:10px; height:50px;"></div>
+ <div style="float:right; width:10px; height:100px;"></div>
+ <div style="clear:right;">
+ <div style="clear:left; height:200px; background:green;"></div>
+ </div>
+ <div style="height:10000px;"></div>
+</div>
+<script>
+ document.getElementById("container").scrollTop = 100;
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-parent-with-margins-no-clearance.html b/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-parent-with-margins-no-clearance.html
new file mode 100644
index 0000000000..f3d3c1891a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-parent-with-margins-no-clearance.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>Child of block with clear</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<p>Test passes if there is a filled green square.</p>
+<div style="border-top:1px solid white; position:relative; z-index:-1; top:-51px; width:100px; background:green;">
+ <div style="float:left; width:100px; height:50px; background:white;"></div>
+ <div style="clear:left; margin-top:25px;">
+ <div style="height:50px; margin-top:150px; background:white;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-parent-with-margins.html b/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-parent-with-margins.html
new file mode 100644
index 0000000000..9b331d5e4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-parent-with-margins.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>Child of block with clear</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width:200px; height:200px; background:red;">
+ <div style="float:left; width:200px; height:100px; background:green;"></div>
+ <div style="clear:left; margin-top:100px;">
+ <div style="height:100px; margin-top:-1000px; background:green;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-parent.html b/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-parent.html
new file mode 100644
index 0000000000..755cd78809
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-on-parent.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>Child of block with clear</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width:200px; height:200px; background:red;">
+ <div style="float:left; width:200px; height:100px; background:green;"></div>
+ <div style="clear:left;">
+ <div style="height:100px; background:green;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-with-top-margin-after-cleared-empty-block.html b/testing/web-platform/tests/css/CSS2/floats-clear/clear-with-top-margin-after-cleared-empty-block.html
new file mode 100644
index 0000000000..5d0fba7981
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-with-top-margin-after-cleared-empty-block.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>Clearance on empty block followed by block with large margin and 'clear'</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<p>Test passes if there is a filled green square.</p>
+<div style="position:relative; width:100px; border-top:1px solid white; top:-21px; z-index:-1; background:green;">
+ <div style="float:left; width:100px; height:20px; background:white;"></div>
+ <div style="clear:both;"></div>
+ <div style="clear:both; margin-top:100px; height:20px; background:white;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clearance-006-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clearance-006-ref.xht
new file mode 100644
index 0000000000..b57ca537d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clearance-006-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 1.25em;
+ margin: 1em 0em 5em;
+ width: 6.25em;
+ }
+
+ div + div {margin-bottom: 0em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is no red.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clearance-006.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clearance-006.xht
new file mode 100644
index 0000000000..44cded188c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clearance-006.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Zero Clearance</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control"/>
+ <link rel="match" href="clearance-006-ref.xht" />
+
+ <meta name="assert" content="Zero clearance is not the same as no clearance."/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ .container {
+ border-top: solid green 1em;
+ border-bottom: solid red 1em;
+ height: 4em;
+ }
+ .before {
+ margin-bottom: 2em;
+ }
+ .float {
+ float: left;
+ height: 2em;
+ }
+ .clear {
+ clear: both;
+ margin-top: 2em;
+ height: 1em;
+ background: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div class="container">
+ <div class="before"></div>
+ <div class="float"></div>
+ <div class="clear"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clearance-containing-fragmented-float-crash.html b/testing/web-platform/tests/css/CSS2/floats-clear/clearance-containing-fragmented-float-crash.html
new file mode 100644
index 0000000000..3e62a52c30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clearance-containing-fragmented-float-crash.html
@@ -0,0 +1,36 @@
+<!-- quirks mode -->
+<meta charset="utf-8">
+<title>Should not crash when a clearance frame having a fragmented float is discovered</title>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1663232">
+
+<style>
+:not(em) {
+ border-left: 4px dashed green;
+ column-width: 0;
+}
+</style>
+<script>
+function go() {
+ b.appendChild(a)
+}
+</script>
+<m>
+<details ontoggle="go()" open>
+<f>
+<menu>U<menu>
+<table align="RIGHT">
+<caption>
+<o>
+<ul>
+<l>
+<li>
+<tr>6
+<table>
+<a>
+<details id="b" open>
+<summary>
+<i id="a">
+</summary>
+<details style="float: right">
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-001.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-001.xht
new file mode 100644
index 0000000000..2d1a60fc59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-001.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float set to 'left'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <meta name="assert" content="The 'float' property set to 'left' correctly aligns the element to the left and text/objects flow around it." />
+ <style type="text/css">
+ #div1
+ {
+ border: 2px solid orange;
+ width: 500px;
+ }
+ #div2
+ {
+ float: left;
+ background: blue;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the upper left corner of the orange box and the "Filler Text" flows around the blue square.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-002.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-002.xht
new file mode 100644
index 0000000000..0662088d0d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-002.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float set to 'right'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <meta name="assert" content="The 'float' property set to 'right' correctly aligns the element to the right and text/objects flow around it." />
+ <style type="text/css">
+ #div1
+ {
+ border: 2px solid orange;
+ width: 500px;
+ }
+ #div2
+ {
+ float: right;
+ background: blue;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the upper right corner of the orange box and the "Filler Text" flows around the blue square.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-003-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-003-ref.xht
new file mode 100644
index 0000000000..414eeccf30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-003-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: orange solid 2px;
+ width: 500px;
+ }
+
+ img {vertical-align: bottom;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue square is in the upper left corner of the orange box and all the "Filler Text" is completely below the blue square.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /><br />Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-003.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-003.xht
new file mode 100644
index 0000000000..7c18aa8f44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-003.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <link rel="match" href="float-003-ref.xht" />
+
+ <meta name="assert" content="The 'float' property set to 'none' does not float the element." />
+ <style type="text/css">
+ #div1
+ {
+ border: 2px solid orange;
+ width: 500px;
+ }
+ #div2
+ {
+ float: right;
+ float: none;
+ background: blue;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the upper left corner of the orange box and all the "Filler Text" is completely below the blue square.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-004.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-004.xht
new file mode 100644
index 0000000000..6a5a91e488
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-004.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <meta name="assert" content="The 'float' property set to 'inherit' correctly inherits the value from the parent element." />
+ <style type="text/css">
+ #div1
+ {
+ border: 2px solid orange;
+ width: 500px;
+ float: right;
+ }
+ #div2
+ {
+ float: inherit;
+ background: blue;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the upper right corner of the orange box and the "Filler Text" flows around the blue square.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-005-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-005-ref.xht
new file mode 100644
index 0000000000..fcd009edcc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-005-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 200px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a blue square fills the upper left corner of a bigger black square.</p>
+
+ <div><img src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-005.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-005.xht
new file mode 100644
index 0000000000..6b5dac999c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-005.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: float - non-positioned block box created after a float</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="float-005-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="A non-positioned block box created after a float box should flow vertically as if the float did not exist. The line boxes created next to the float should be shortened to make room for that preceding floated box." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div#left-floated-square
+ {
+ color: blue;
+ float: left;
+ font: 100px/1 Ahem;
+ }
+
+ div#non-positioned-block-square-after
+ {
+ background-color: black;
+ height: 200px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a blue square fills the upper left corner of a bigger black square.</p>
+
+ <div id="left-floated-square">X</div>
+
+ <div id="non-positioned-block-square-after"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-006-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-006-ref.xht
new file mode 100644
index 0000000000..5d1ae28849
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-006-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 10em;
+ width: 14em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-006.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-006.xht
new file mode 100644
index 0000000000..d72832437e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-006.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: floats - zero height empty float</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <!-- Inspired by http://test.csswg.org/suites/css2.1/20100727/html4/floats-107.htm -->
+
+ <link rel="help" title="Section 9.5 Floats" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="float-006-ref.xht" />
+
+ <meta content="A zero-height (margin-box) empty float without border and without padding will not require the line box to be shortened; in such case, the zero-height (margin-box) empty float will slide in or will fit in at the top of the line box." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #rel-pos-containing-block {position: relative;}
+
+ #green-overlapping-abs-pos
+ {
+ background-color: green;
+ border-bottom: green solid 2em;
+ border-top: green solid 2em;
+ left: 0em;
+ padding: 3em;
+ position: absolute;
+ width: 8em;
+ z-index: auto;
+ }
+
+ #zero-height-first-float
+ {
+ float: left;
+ width: 18em;
+ /*
+ or any other width number which would
+ represent less than the document box width
+ */
+ }
+
+ #red-overlapped-second-float
+ {
+ background-color: red;
+ float: left;
+ padding: 5em;
+ width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div id="rel-pos-containing-block">
+ <div id="green-overlapping-abs-pos"></div>
+ <div id="zero-height-first-float"></div>
+ <div id="red-overlapped-second-float"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-001.xht
new file mode 100644
index 0000000000..9f6bce16b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-001.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float applied to element with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <link rel="match" href="../reference/float-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'float' property applies to elements with a display of 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ background: blue;
+ display: table-row-group;
+ float: right;
+ }
+
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100%;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: blue;
+ display: table-cell;
+ height: 0.5in;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square on the right side of the page.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-001a.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-001a.xht
new file mode 100644
index 0000000000..3cb57aa420
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-001a.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Float applied to element with 'display' set to 'table-row-group'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" title="9.7 Relationships between 'display', 'position', and 'float' "/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property" />
+ <link rel="match" href="../reference/float-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="If 'float' has a value other than 'none' and is applied to an element with a specified 'display' value of 'table-row-group', then the box is floated and its computed 'display' value is set to 'block'." />
+
+ <style type="text/css"><![CDATA[
+ div#table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100%;
+ }
+
+ div#table-row-group
+ {
+ background-color: blue;
+ display: table-row-group;
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+
+ div.row {display: table-row;}
+
+ div.cell
+ {
+ color: blue;
+ display: table-cell;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled blue square on the right side of the page.</p>
+
+ <div id="table">
+
+ <div id="table-row-group">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-002.xht
new file mode 100644
index 0000000000..d762ff6a51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-002.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float applied to element with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <link rel="match" href="../reference/float-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'float' property applies to elements with a display of 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ background: blue;
+ display: table-header-group;
+ float: right;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100%;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: blue;
+ display: table-cell;
+ height: 0.5in;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square on the right side of the page.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-003.xht
new file mode 100644
index 0000000000..7b3c06bee7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-003.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float applied to element with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <link rel="match" href="../reference/float-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'float' property applies to elements with a display of 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ background: blue;
+ display: table-footer-group;
+ float: right;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100%;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: blue;
+ display: table-cell;
+ height: 0.5in;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square on the right side of the page.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-004.xht
new file mode 100644
index 0000000000..02e48f1ff6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-004.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float applied to element with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <link rel="match" href="../reference/float-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'float' property applies to elements with a display of 'table-row'." />
+ <style type="text/css">
+ .test
+ {
+ background: blue;
+ display: table-row;
+ float: right;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100%;
+ }
+ .cell
+ {
+ color: blue;
+ display: table-cell;
+ height: 1in;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square on the right side of the page.</p>
+
+ <div id="table">
+
+ <div class="test">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-004a.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-004a.xht
new file mode 100644
index 0000000000..3499544464
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-004a.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Float applied to element with 'display' set to 'table-row'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" title="9.7 Relationships between 'display', 'position', and 'float' "/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property" />
+ <link rel="match" href="../reference/float-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="If 'float' has a value other than 'none' and is applied to an element with a specified 'display' value of 'table-row', then the box is floated and its computed 'display' value is set to 'block'." />
+
+ <style type="text/css"><![CDATA[
+ div#table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100%;
+ }
+
+ div#table-row
+ {
+ background-color: blue;
+ display: table-row;
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+
+ div.cell
+ {
+ color: blue;
+ display: table-cell;
+ }
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled blue square on the right side of the page.</p>
+
+ <div id="table">
+ <div id="table-row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-005.xht
new file mode 100644
index 0000000000..dc92539b95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-005.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float applied to element with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <link rel="match" href="../reference/float-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'float' property applies to elements with a display of 'table-column-group' in which case the box is floated and its computed 'display' value is set to 'block'." />
+ <style type="text/css">
+ #test
+ {
+ background: blue;
+ display: table-column-group;
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100%;
+ }
+
+ #col
+ {
+ display: table-column;
+ }
+
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square on the right side of the page.</p>
+
+ <div id="table">
+
+ <div id="test"><div id="col"></div></div>
+
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-006.xht
new file mode 100644
index 0000000000..e140b08270
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-006.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float applied to element with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <link rel="match" href="../reference/float-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'float' property applies to elements with a display of 'table-column' in which case the box is floated and its computed 'display' value is set to 'block'." />
+ <style type="text/css">
+ #test
+ {
+ background: blue;
+ display: table-column;
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100%;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square on the right side of the page.</p>
+
+ <div id="table">
+
+ <div id="test"></div>
+
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-007.xht
new file mode 100644
index 0000000000..22772d87e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-007.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float applied to element with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <link rel="match" href="../reference/float-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'float' property applies to elements with a display of 'table-cell' in which case the box is floated and its computed 'display' value is set to 'block'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100%;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square on the right side of the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-008-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-008-ref.xht
new file mode 100644
index 0000000000..addfe5eeae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-008-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {text-align: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if Filler Text can be seen on the right side of the page.</p>
+
+ <div>Filler Text</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-008.xht
new file mode 100644
index 0000000000..b192b52102
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-008.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float applied to element with 'display' set to inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <link rel="match" href="float-applies-to-008-ref.xht" />
+
+ <meta name="assert" content="The 'float' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ float: right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if Filler Text can be seen on the right side of the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-008a.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-008a.xht
new file mode 100644
index 0000000000..b01abc3b46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-008a.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Float applied to element with 'display' set to inline</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" title="9.7 Relationships between 'display', 'position', and 'float' "/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property" />
+ <link rel="match" href="../reference/float-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="If 'float' has a value other than 'none' and is applied to an element with a specified 'display' value of 'inline', then the box is floated and its computed 'display' value is set to 'block'." />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ color: blue;
+ display: inline;
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled blue square on the right side of the page.</p>
+
+ <div>a</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-009.xht
new file mode 100644
index 0000000000..9063523826
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-009.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float applied to element with 'display' set to block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <link rel="match" href="../reference/float-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'float' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ background: blue;
+ display: block;
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square on the right side of the page.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-010.xht
new file mode 100644
index 0000000000..3af5f4b804
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-010.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float applied to element with 'display' set to list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <meta name="assert" content="The 'float' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ background: blue;
+ display: list-item;
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square on the right side of the page and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-012.xht
new file mode 100644
index 0000000000..3d4bdb8cba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-012.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float applied to element with 'display' set to inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <link rel="match" href="../reference/float-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'float' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ background: blue;
+ display: inline-block;
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+
+ span.block-descendant
+ {
+ color: blue;
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square on the right side of the page.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant">&nbsp;a</span>
+ <span class="block-descendant">&nbsp;b</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-013.xht
new file mode 100644
index 0000000000..d071041726
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-013.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float applied to element with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <link rel="match" href="../reference/float-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'float' property applies to elements with a display of 'table'." />
+ <style type="text/css">
+ #table
+ {
+ background: blue;
+ display: table;
+ table-layout: fixed;
+ float: right;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: blue;
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square on the right side of the page.</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-014.xht
new file mode 100644
index 0000000000..c2d39ecd2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-014.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float applied to element with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <link rel="match" href="../reference/float-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'float' property applies to elements with a display of 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ background: blue;
+ display: inline-table;
+ table-layout: fixed;
+ float: right;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ color: blue;
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square on the right side of the page.</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-015.xht
new file mode 100644
index 0000000000..f1b237f455
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-applies-to-015.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float applied to element with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+ <link rel="match" href="../reference/float-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'float' property applies to elements with a display of 'table-caption'." />
+ <style type="text/css">
+ #caption
+ {
+ background: blue;
+ display: table-caption;
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ width: 100%;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue square on the right side of the page.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-height-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-height-001-ref.xht
new file mode 100644
index 0000000000..f2bd0ed830
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-height-001-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same height.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-height-001.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-height-001.xht
new file mode 100644
index 0000000000..027429ce38
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-height-001.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated non-replaced element with 'margin-top', margin-bottom' set to 'auto' and 'height' relying on the descendants</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-root-margin" />
+ <link rel="match" href="float-non-replaced-height-001-ref.xht" />
+
+ <meta name="assert" content="If 'height' is 'auto' on an floated non-replaced element then the 'height' depends on the descendants." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: blue;
+ float: left;
+ }
+ #div2 div, #div3
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div3
+ {
+ background: orange;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same height.</p>
+ <div id="div1">
+ <div id="div2">
+ <div></div>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-001-ref.xht
new file mode 100644
index 0000000000..bafa658682
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 192px;
+ width: 192px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the filled blue square is in the <strong>upper-left corner</strong> of the hollow black square.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-001.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-001.xht
new file mode 100644
index 0000000000..62ff2de22e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floating non-replaced elements with 'auto' left margin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#float-width" />
+ <link rel="match" href="float-non-replaced-width-001-ref.xht" />
+
+ <meta name="assert" content="If 'margin-left' is computed as 'auto' its used value is '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 2in;
+ width: 2in;
+ }
+ div div
+ {
+ background-color: blue;
+ float: left;
+ margin-left: auto;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the filled blue square is in the <strong>upper-left corner</strong> of the hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-002-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-002-ref.xht
new file mode 100644
index 0000000000..6e4936b924
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-002-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 192px;
+ text-align: center;
+ width: 192px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the filled blue square is <strong>horizontally centered</strong> inside the hollow black square.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-002.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-002.xht
new file mode 100644
index 0000000000..8d37183a82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-002.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floating non-replaced elements with specified left margin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#float-width" />
+ <link rel="match" href="float-non-replaced-width-002-ref.xht" />
+
+ <meta name="assert" content="If 'margin-left' is not computed as 'auto' its used value is as specified." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 2in;
+ width: 2in;
+ }
+ div div
+ {
+ background-color: blue;
+ float: left;
+ margin-left: 0.5in;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the filled blue square is <strong>horizontally centered</strong> inside the hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-003-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-003-ref.xht
new file mode 100644
index 0000000000..342cbf7386
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-003-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 192px;
+ text-align: right;
+ width: 192px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the filled blue square is in the <strong>upper-right corner</strong> of the hollow black square.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-003.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-003.xht
new file mode 100644
index 0000000000..23e6b2520a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-003.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floating non-replaced elements with 'auto' right margin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#float-width" />
+ <link rel="match" href="float-non-replaced-width-003-ref.xht" />
+
+ <meta name="assert" content="If 'margin-right' is computed as 'auto' its used value is '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 2in;
+ width: 2in;
+ }
+ div div
+ {
+ background-color: blue;
+ float: right;
+ margin-right: auto;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the filled blue square is in the <strong>upper-right corner</strong> of the hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-004.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-004.xht
new file mode 100644
index 0000000000..2af1928e00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-004.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floating non-replaced elements with specified right margin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#float-width" />
+ <link rel="match" href="float-non-replaced-width-002-ref.xht" />
+
+ <meta name="assert" content="If 'margin-right' is not computed as 'auto' its used value is as specified." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 2in;
+ width: 2in;
+ }
+ div div
+ {
+ background-color: blue;
+ float: right;
+ margin-right: 0.5in;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the filled blue square is <strong>horizontally centered</strong> inside the hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-005.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-005.xht
new file mode 100644
index 0000000000..39b0918a7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-005.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floating non-replaced elements with left and right margins as 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#float-width" />
+ <link rel="match" href="float-non-replaced-width-001-ref.xht" />
+
+ <meta name="assert" content="If both 'margin-left' and margin-right' are computed as 'auto' their used value is as '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 2in;
+ width: 2in;
+ }
+ div div
+ {
+ background-color: blue;
+ float: left;
+ margin-left: auto;
+ margin-right: auto;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the filled blue square is in the <strong>upper-left corner</strong> of the hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-006.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-006.xht
new file mode 100644
index 0000000000..7246558ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-006.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floating non-replaced elements with 'auto' width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#float-width" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="If 'width' computes to 'auto' then the used value of 'width' is 'shrink-to-fit'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ color: green;
+ float: left;
+ font: 100px/1em Ahem;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-007.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-007.xht
new file mode 100644
index 0000000000..2cf7865dd4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-007.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'shrink-to-fit' width of floating, non-replaced elements - inline-block and max-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="help" title="Section 10.3.5 Width of floating, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#float-width" />
+ <link rel="help" title="Section 10.3.9 Width of 'inline-block', non-replaced elements in normal flow" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../positioning/absolute-non-replaced-width-017-ref.xht" />
+ <meta content="If 'width' of a floating, non-replaced element computes to 'auto' or 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" />
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ float: left;
+ font: 30px/4 Ahem;
+ width: auto;
+ }
+
+ span
+ {
+ background-color: green;
+ display: inline-block;
+ max-width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the right. There should be no red in this page.</p>
+
+ <div><span>12345678</span></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-008.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-008.xht
new file mode 100644
index 0000000000..aca4ede498
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-008.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'shrink-to-fit' width of floating, non-replaced elements - max-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="help" title="Section 10.3.5 Width of floating, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#float-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../positioning/absolute-non-replaced-width-017-ref.xht" />
+ <meta content="If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" />
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ float: left;
+ font: 30px/4 Ahem;
+ width: auto;
+ }
+
+ span
+ {
+ background-color: green;
+ float: left;
+ max-width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the right. There should be no red in this page.</p>
+
+ <div><span>12345678</span></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-009.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-009.xht
new file mode 100644
index 0000000000..1382e4c091
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-009.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'shrink-to-fit' width of floating, non-replaced elements - max-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="help" title="Section 10.3.5 Width of floating, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#float-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../positioning/absolute-non-replaced-width-017-ref.xht" />
+ <meta content="If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" />
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ float: left;
+ font: 30px/4 Ahem;
+ width: auto;
+ }
+
+ div > div
+ {
+ background-color: green;
+ max-width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the right. There should be no red in this page.</p>
+
+ <div>
+ <div>12345678</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-010.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-010.xht
new file mode 100644
index 0000000000..d09e24eee9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-010.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'shrink-to-fit' width of floating, non-replaced elements - width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="help" title="Section 10.3.5 Width of floating, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#float-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../positioning/absolute-non-replaced-width-017-ref.xht" />
+ <meta content="If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' is specified with absolute length, then the computed value is the specified value. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses specified absolute length, then such specified absolute length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" />
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ float: left;
+ font: 30px/4 Ahem;
+ width: auto;
+ }
+
+ div > div
+ {
+ background-color: green;
+ width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the right. There should be no red in this page.</p>
+
+ <div>
+ <div>12345678</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-011.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-011.xht
new file mode 100644
index 0000000000..5e436fbe8b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-011.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'shrink-to-fit' width of floating, non-replaced elements - inline-block and max-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="help" title="Section 10.3.5 Width of floating, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#float-width" />
+ <link rel="help" title="Section 10.3.9 Width of 'inline-block', non-replaced elements in normal flow" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../positioning/absolute-non-replaced-width-017-ref.xht" />
+ <meta content="If 'width' of a floating, non-replaced element computes to 'auto' or 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" />
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ float: left;
+ font: 30px/4 Ahem;
+ width: auto;
+ }
+
+ div > div
+ {
+ background-color: green;
+ display: inline-block;
+ max-width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the right. There should be no red in this page.</p>
+
+ <div>
+ <div>12345678</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-012.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-012.xht
new file mode 100644
index 0000000000..24015935d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-012.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'shrink-to-fit' width of floating, non-replaced elements - max-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="help" title="Section 10.3.5 Width of floating, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#float-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../positioning/absolute-non-replaced-width-017-ref.xht" />
+ <meta content="If 'width' of a floating non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation and such calculated width can be furthermore constrained, reduced by a max-width declaration." name="assert" />
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ float: left;
+ font: 30px/4 Ahem;
+ max-width: 4em;
+ width: auto;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the right. There should be no red in this page.</p>
+
+ <div>12345678</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-013.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-013.xht
new file mode 100644
index 0000000000..60f85bc029
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-non-replaced-width-013.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: width - non-replaced float with scrollbar and percentage height of inline replaced child</title>
+
+ <!--
+ Credits should go to Erik Brown for originally reporting a related test
+ -->
+
+ <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1281713" title="Bug 1281713: intrinsic width of parent with overflow-x:scroll not computing correctly with child image with height:100%" />
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="11.1.1 Overflow: the 'overflow' property" href="https://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="help" title="10.3.2 Inline, replaced elements" href="https://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <link rel="help" title="10.3.5 Floating, non-replaced elements" href="https://www.w3.org/TR/CSS21/visudet.html#float-width" />
+
+ <meta name="DC.date.created" content="2016-06-23T09:54:03+11:00" scheme="W3CDTF" />
+ <meta name="DC.date.modified" content="2016-07-06T09:54:03+11:00" scheme="W3CDTF" />
+
+ <!--
+ Siblings of this test are:
+ inline-block-non-replaced-width-005
+ absolute-non-replaced-width-028
+ -->
+
+ <meta content="image scroll" name="flags" />
+ <meta content="This test checks interaction of percentage height of an inline replaced element with its parent having scrollbars and with the parent's width determined by 'shrink-to-fit' width algorithm. In this test, the image height should be 100px minus scrollbar height since space taken up by generated scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars. Then the width of parent should be (used image height == 100px minus scrollbar) * (intrinsic ratio == 5width:1height)." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ float: left; /* or display: inline-block; */ /* or position: absolute; */
+ height: 100px;
+ overflow: scroll;
+ }
+
+ img
+ {
+ height: 100%;
+ vertical-align: bottom;
+ /*
+ This 'vertical-align: bottom' declaration is not part of the test.
+ We 'baseline-align' the image at the bottom of the line box so
+ that the vertical scrollbar remains inactive.
+ */
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test does not apply to such user agent.</p>
+
+ <p>Test passes if there is a filled green rectangle with inactive scrollbars and <strong>no red</strong>.</p>
+
+ <div><img src="support/green-rectangle-50wideBy10tall.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-001-ref.xht
new file mode 100644
index 0000000000..7fc4dd9d71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-001-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-bottom: orange solid medium;
+ border-top: orange solid medium;
+ font-size: 16px;
+ line-height: 15px;
+ width: 1in;
+ }
+
+ img
+ {
+ margin: 0px;
+ vertical-align: top;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is no white space between the blue box below and the orange lines.</p>
+
+ <div><img src="support/blue15x15.png" width="15" height="15" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-001.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-001.xht
new file mode 100644
index 0000000000..a4d8e3d321
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-001.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated replaced elements with 'margin-top' and 'margin-bottom' as 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="float-replaced-height-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="A floated replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: solid orange;
+ border-top: solid orange;
+ line-height: 0;
+ width: 1in;
+ }
+ img
+ {
+ margin-top: auto;
+ margin-bottom: auto;
+ }
+ div, img
+ {
+ float: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no white space between the blue box below and the orange lines.</p>
+ <div>
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-002-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-002-ref.xht
new file mode 100644
index 0000000000..baaa21e3c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-002-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same height.</p>
+
+ <div><img src="support/blue15x15.png" width="15" height="15" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="15" height="15" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-002.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-002.xht
new file mode 100644
index 0000000000..ca49db816f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-002.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated replaced elements relying on intrinsic height dimensions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="float-replaced-height-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the intrinsic height when an floated replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'." />
+ <style type="text/css">
+ div
+ {
+ line-height: 0;
+ position: relative;
+ }
+ div div
+ {
+ background: orange;
+ height: 15px;
+ left: 15px;
+ position: absolute;
+ top: 0;
+ width: 15px;
+ }
+ img
+ {
+ height: auto;
+ width: auto;
+ }
+ div, img
+ {
+ float: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same height.</p>
+ <div>
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-003-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-003-ref.xht
new file mode 100644
index 0000000000..2eafd48235
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-003-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same height.</p>
+
+ <div><img src="support/blue15x15.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-003.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-003.xht
new file mode 100644
index 0000000000..ca7facb74b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-003.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floating replaced elements with intrinsic ratios and 'height' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="float-replaced-height-003-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the used width divided by the ratio when an floated replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified." />
+ <style type="text/css">
+ div
+ {
+ line-height: 0;
+ position: relative;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ img
+ {
+ height: auto;
+ }
+ div, img
+ {
+ float: left;
+ }
+ div div, img
+ {
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same height.</p>
+ <div>
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-004-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-004-ref.xht
new file mode 100644
index 0000000000..2727852a22
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-004-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: green solid medium;
+ height: 150px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is no red.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-004.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-004.xht
new file mode 100644
index 0000000000..7710028dd6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-004.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated replaced elements without intrinsic ratios and 'height' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="float-replaced-height-004-ref.xht" />
+
+ <meta name="assert" content="For floated replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ height: 150px;
+ position: absolute;
+ top: 0;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ float: left;
+ height: auto;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div>
+ <iframe></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-005-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-005-ref.xht
new file mode 100644
index 0000000000..69c56f694d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-005-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: green solid medium;
+ height: 96px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is no red.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-005.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-005.xht
new file mode 100644
index 0000000000..8e72c67a68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-005.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated replaced elements with percentage based intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="float-replaced-height-005-ref.xht" />
+
+ <meta name="assert" content="A floated replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ border: solid green;
+ height: 1in;
+ position: absolute;
+ top: 0;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ float: left;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div id="div1">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-006-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-006-ref.xht
new file mode 100644
index 0000000000..c9f487b95a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-006-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the same height.</p>
+
+ <div><img src="support/blue15x15.png" width="200" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="200" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-006.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-006.xht
new file mode 100644
index 0000000000..2d76339eac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-006.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
+ <head>
+ <title>CSS Test: Absolutely positioned floated replaced elements with percentage based intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="float-replaced-height-006-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="A floated replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ left: 200px;
+ position: absolute;
+ top: 0;
+ width: 200px;
+ }
+ svg
+ {
+ float: left;
+ position: absolute;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same height.</p>
+ <div id="div1">
+ <svg:svg version="1.1" height="50%" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-007.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-007.xht
new file mode 100644
index 0000000000..469c8decdb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-height-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated replaced elements with percentage based intrinsic height that cannot be resolved</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="float-replaced-height-004-ref.xht" />
+
+ <meta name="assert" content="A floated replaced elements with a percentage height that cannot be resolved has no intrinsic height." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ height: 150px;
+ position: absolute;
+ top: 0;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ float: left;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div id="div1">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-001.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-001.xht
new file mode 100644
index 0000000000..d6e353f942
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-001.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated replaced elements with 'auto' left margin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#float-replaced-width" />
+ <link rel="match" href="float-non-replaced-width-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="If 'margin-left' is computed as 'auto' its used value is '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 2in;
+ width: 2in;
+ }
+ img
+ {
+ background-color: blue;
+ float: left;
+ margin-left: auto;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the filled blue square is in the <strong>upper-left corner</strong> of the hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-002.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-002.xht
new file mode 100644
index 0000000000..cb6050b78b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-002.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated replaced elements with specified left margin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#float-replaced-width" />
+ <link rel="match" href="float-non-replaced-width-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="If 'margin-left' is not computed as 'auto' its used value is as specified." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 2in;
+ width: 2in;
+ }
+ img
+ {
+ background-color: blue;
+ float: left;
+ margin-left: 0.5in;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the filled blue square is <strong>horizontally centered</strong> inside the hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-003.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-003.xht
new file mode 100644
index 0000000000..ac4e3aa804
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-003.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated replaced elements with 'auto' right margin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#float-replaced-width" />
+ <link rel="match" href="float-non-replaced-width-003-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="If 'margin-right' is computed as 'auto' its used value is '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 2in;
+ width: 2in;
+ }
+ img
+ {
+ background-color: blue;
+ float: right;
+ margin-right: auto;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the filled blue square is in the <strong>upper-right corner</strong> of the hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-004.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-004.xht
new file mode 100644
index 0000000000..3f1bdc7353
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-004.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated replaced elements with specified right margin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#float-replaced-width" />
+ <link rel="match" href="float-non-replaced-width-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="If 'margin-right' is not computed as 'auto' its used value is as specified." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 2in;
+ width: 2in;
+ }
+ img
+ {
+ background-color: blue;
+ float: right;
+ margin-right: 0.5in;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the filled blue square is <strong>horizontally centered</strong> inside the hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-005.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-005.xht
new file mode 100644
index 0000000000..8553d6afc1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-005.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated replaced elements with left and right margins as 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#float-replaced-width" />
+ <link rel="match" href="float-non-replaced-width-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="If both 'margin-left' and margin-right' are computed as 'auto' their used value is as '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 2in;
+ width: 2in;
+ }
+ img
+ {
+ background-color: blue;
+ float: left;
+ margin-left: auto;
+ margin-right: auto;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the filled blue square is in the <strong>upper-left corner</strong> of the hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-006-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-006-ref.xht
new file mode 100644
index 0000000000..d36d8cc68d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-006-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 192px;
+ line-height: 15px;
+ width: 192px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the small blue and orange squares have the same width and if the blue square is in the upper-left corner of the hollow black square.</p>
+
+ <div><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><br /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-006.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-006.xht
new file mode 100644
index 0000000000..aee917141e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-006.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#float-replaced-width" />
+ <link rel="match" href="float-replaced-width-006-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on floated replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 2in;
+ width: 2in;
+ }
+ img
+ {
+ float: left;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 15px;
+ margin-top: 15px;
+ width: 15px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the small blue and orange squares have the same width and if the blue square is in the upper-left corner of the hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-007-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-007-ref.xht
new file mode 100644
index 0000000000..b5b4772bfc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-007-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 288px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the same width and if the blue rectangle is in the upper-left corner of the hollow black square.</p>
+
+ <div><img src="support/swatch-blue.png" height="50" width="200" alt="Image download support must be enabled" /><br /><img src="support/swatch-orange.png" height="50" width="200" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-007.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-007.xht
new file mode 100644
index 0000000000..7ab350ea02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-007.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
+ <head>
+ <title>CSS Test: Floated replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#float-replaced-width" />
+ <link rel="match" href="float-replaced-width-007-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on floated replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 3in;
+ }
+ svg
+ {
+ float: left;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 50px;
+ margin-top: 50px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and if the blue rectangle is in the upper-left corner of the hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-008-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-008-ref.xht
new file mode 100644
index 0000000000..d38f145a9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-008-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 288px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the same width and if the blue rectangle is in the upper-left corner of the hollow black square.</p>
+
+ <div><img src="support/swatch-blue.png" height="100" width="200" alt="Image download support must be enabled" /><br /><img src="support/swatch-orange.png" height="100" width="200" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-008.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-008.xht
new file mode 100644
index 0000000000..b4500ba692
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-008.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
+ <head>
+ <title>CSS Test: Floated replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#float-replaced-width" />
+ <link rel="match" href="float-replaced-width-008-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on floated replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 3in;
+ }
+ svg
+ {
+ float: left;
+ height: 100px;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 100px;
+ margin-top: 100px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and if the blue rectangle is in the upper-left corner of the hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-009-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-009-ref.xht
new file mode 100644
index 0000000000..6c8f7a81db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-009-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 288px;
+ }
+
+ img {vertical-align: top;}
+
+ img#blue {margin-bottom: 10px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the same width and if the blue rectangle is in the upper-left corner of the hollow black square.</p>
+
+ <div><img id="blue" src="support/swatch-blue.png" height="100" width="200" alt="Image download support must be enabled" /><br /><img src="support/swatch-orange.png" height="96" width="200" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-009.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-009.xht
new file mode 100644
index 0000000000..b407448e91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-009.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
+ <head>
+ <title>CSS Test: Floated replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#float-replaced-width" />
+ <link rel="match" href="float-replaced-width-009-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on floated replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 3in;
+ }
+ #div2
+ {
+ height: 110px;
+ width: 3in;
+ }
+ #div3
+ {
+ background: orange;
+ height: 1in;
+ width: 200px;
+ }
+ svg
+ {
+ float: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and if the blue rectangle is in the upper-left corner of the hollow black square.</p>
+ <div id="div1">
+ <div id="div2">
+ <svg:svg version="1.1" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-011-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-011-ref.xht
new file mode 100644
index 0000000000..73829997b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-011-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 192px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same width and if the blue square is in the upper-left corner of the hollow black rectangle.</p>
+
+ <div><img src="support/swatch-blue.png" height="96" width="96" alt="Image download support must be enabled" /><br /><img src="support/swatch-orange.png" height="96" width="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-011.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-011.xht
new file mode 100644
index 0000000000..2cd206620a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-replaced-width-011.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#float-replaced-width" />
+ <link rel="match" href="float-replaced-width-011-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Percentage intrinsic widths are evaluated against the containing block's width." />
+ <style type="text/css">
+ div
+ {
+ line-height: 0;
+ }
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 2in;
+ }
+ img
+ {
+ float: left;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ margin-top: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and if the blue square is in the upper-left corner of the hollow black rectangle.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" width="50%" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floating-replaced-height-008.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floating-replaced-height-008.xht
new file mode 100644
index 0000000000..f060cffa0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floating-replaced-height-008.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Floating replaced elements - specified width, height in percentages and intrinsic ratio</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" title="10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements" />
+ <link rel="bookmark" href="https://bugs.kde.org/show_bug.cgi?id=274790" title=
+ "Bug 274790: object specified with width and height percentages and with intrinsic ratio" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <meta content="image interact" name="flags" />
+ <meta content="When 'height: 1%' (or any other percentage) applies to a floating replaced element and when the height of its containing block is not specified explicitly (i.e., it depends on content height), then such height computes to 'auto'. Then, if such floating replaced element has an intrinsic ratio and its used width is known or resolved, then the used value of 'height' is determined by the equation (used width) / (intrinsic ratio)." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ img {float: left;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>5 filled green squares</strong> with the same width and the <strong>same height</strong>. The 5 filled green squares should be <strong>identical</strong> to each other. This should still remain true even after a window resize.</p>
+
+ <div>
+ <img src="support/60x60-green.png" width="15%" alt="FAIL: image download must be enabled" /><img src="support/swatch-white.png" width="5" height="5" alt="FAIL: image download must be enabled" />
+
+ <img src="support/60x60-green.png" width="15%" height="1%" alt="FAIL: image download must be enabled" /><img src="support/swatch-white.png" width="5" height="5" alt="FAIL: image download must be enabled" />
+
+ <img src="support/60x60-green.png" style="width: 15%;" alt="FAIL: image download must be enabled" /><img src="support/swatch-white.png" width="5" height="5" alt="FAIL: image download must be enabled" />
+
+ <img src="support/60x60-green.png" style="width: 15%; height: auto;" alt="FAIL: image download must be enabled" /><img src="support/swatch-white.png" width="5" height="5" alt="FAIL: image download must be enabled" />
+
+ <img src="support/60x60-green.png" style="width: 15%; height: 1%;" alt="FAIL: image download must be enabled" />
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-001-ref.xht
new file mode 100644
index 0000000000..451620aba6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-001-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid 5px;
+ height: 1in;
+ width: 2in;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue square is on the left inner edge of the hollow black rectangle.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-001.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-001.xht
new file mode 100644
index 0000000000..a78c804b14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats, shifting left until it touches container edge</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-001-ref.xht" />
+
+ <meta name="assert" content="A left floated box shifts left until its outer edge touches the containing block edge." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid 5px black;
+ height: 1in;
+ width: 2in;
+ }
+ div div
+ {
+ display: inline-block;
+ height: 1in;
+ width: 1in;
+ }
+ #div3
+ {
+ background-color: blue;
+ float: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is on the left inner edge of the hollow black rectangle.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-002-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-002-ref.xht
new file mode 100644
index 0000000000..e56d388479
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-002-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid 5px;
+ height: 1in;
+ text-align: right;
+ width: 2in;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue square is on the right inner edge of the hollow black rectangle.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-002.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-002.xht
new file mode 100644
index 0000000000..435241d81e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-002.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats, shifting right until it touches container edge</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-002-ref.xht" />
+
+ <meta name="assert" content="A right floated box shifts right until its outer edge touches the containing block edge." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid 5px black;
+ height: 1in;
+ width: 2in;
+ }
+ div div
+ {
+ background-color: blue;
+ height: 1in;
+ float: right;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is on the right inner edge of the hollow black rectangle.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-003.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-003.xht
new file mode 100644
index 0000000000..f42bc691c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-003.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats, shifting left until touching other floats</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="adjacent-floats-001-ref.xht" />
+
+ <meta name="assert" content="A left floated box shifts left until it touches another float." />
+ <style type="text/css">
+ #div1, #div2
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ background-color: orange;
+ float: left;
+ }
+ #div2
+ {
+ background-color: blue;
+ float: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange square is to the left of the blue square and the squares top edges are aligned.</p>
+ <div>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-004-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-004-ref.xht
new file mode 100644
index 0000000000..27fc3ea9d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-004-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ text-align: right;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue square is to the left of the orange square and the squares top edges are aligned.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-004.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-004.xht
new file mode 100644
index 0000000000..572ab756c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-004.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats, shifting right until touching other floats</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-004-ref.xht" />
+
+ <meta name="assert" content="A right floated box shifts right until it touches another float." />
+ <style type="text/css">
+ #div1, #div2
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ background: orange;
+ float: right;
+ }
+ #div2
+ {
+ background: blue;
+ float: right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is to the left of the orange square and the squares top edges are aligned.</p>
+ <div>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-005-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-005-ref.xht
new file mode 100644
index 0000000000..b37380805a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-005-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 192px;
+ width: 120px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is no red.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-005.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-005.xht
new file mode 100644
index 0000000000..239f6e3441
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-005.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats, shifting down below all other floated elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-005-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Floated boxes shift down until it fits." />
+ <style type="text/css">
+ #parentDiv
+ {
+ background: red url('support/floats-005.png');
+ width: 1.25in;
+ }
+ div
+ {
+ float: left;
+ }
+ div div
+ {
+ background: green;
+ }
+ #div1
+ {
+ height: 1in;
+ width: 1.2in;
+ }
+ #div2
+ {
+ height: 1in;
+ width: 0.75in;
+ }
+ #div3
+ {
+ height: 0.25in;
+ width: 0.2in;
+ }
+ #div4
+ {
+ width: 0.5in;
+ height: 0.25in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div id="parentDiv">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-006-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-006-ref.xht
new file mode 100644
index 0000000000..1a018a3171
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-006-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue rectangle is to the left of the orange square and both top edges are aligned.</p>
+
+ <div><img src="support/swatch-blue.png" width="200" height="100" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-006.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-006.xht
new file mode 100644
index 0000000000..02c442b9b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-006.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left floats interacting with inline content</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Inline boxes are reflowed to the first available line on the other side of a float." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 300px;
+ }
+ #span1
+ {
+ color: orange;
+ font: 100px/1 Ahem;
+ }
+ .class1
+ {
+ background-color: blue;
+ float: left;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue rectangle is to the left of the orange square and both top edges are aligned.</p>
+ <div id="div1">
+ <span id="span1">X</span>
+ <div class="class1"></div>
+ <div class="class1"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-007-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-007-ref.xht
new file mode 100644
index 0000000000..f4563762a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-007-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the top edges of the orange and blue squares are aligned and both squares are below the purple rectangle and yellow stripe.</p>
+
+ <div><img src="support/swatch-purple.png" width="120" height="96" alt="Image download support must be enabled" /><br /><img src="support/swatch-yellow.png" width="72" height="24" alt="Image download support must be enabled" /><br /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-007.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-007.xht
new file mode 100644
index 0000000000..49b81826af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-007.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated elements shifting down below non-floated elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-007-ref.xht" />
+
+ <meta name="assert" content="Left floated boxes shift down until next to another float and there is room to fit." />
+ <style type="text/css">
+ #div1
+ {
+ background: purple;
+ height: 1in;
+ width: 1.25in;
+ }
+ #div2
+ {
+ background: yellow;
+ height: 0.25in;
+ width: 0.75in;
+ }
+ #div3
+ {
+ background: orange;
+ float: left;
+ height: 1in;
+ width: 1in;
+ }
+ #div4
+ {
+ background: blue;
+ float: left;
+ height: 1.25in;
+ width: 1.25in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top edges of the orange and blue squares are aligned and both squares are below the purple rectangle and yellow stripe.</p>
+ <div>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-008.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-008.xht
new file mode 100644
index 0000000000..c85e45da26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-008.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats and block box flow</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="clear-float-004-ref.xht" />
+
+ <meta name="assert" content="Block boxes flow vertically as if floats don't exist." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ background-color: orange;
+ }
+ #div2
+ {
+ background-color: blue;
+ float: left;
+ }
+ #div3
+ {
+ background-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange square is positioned above the blue square and if there is no red.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-009-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-009-ref.xht
new file mode 100644
index 0000000000..f68d06d003
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-009-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue rectangle is to the right of the orange square and if the top edges are aligned.</p>
+
+ <div><img src="support/swatch-orange.png" width="100" height="100" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="200" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-009.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-009.xht
new file mode 100644
index 0000000000..eab2dd4408
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-009.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right floats interacting with right-to-left inline content</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-009-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Inline boxes are reflowed to the first available line on the other side of a float for right-to-left." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ direction: rtl;
+ height: 200px;
+ width: 300px;
+ }
+ #span1
+ {
+ color: orange;
+ font: 100px/1 Ahem;
+ }
+ .class1
+ {
+ background-color: blue;
+ float: right;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue rectangle is to the right of the orange square and if the top edges are aligned.</p>
+ <div id="div1">
+ <div class="class1"></div>
+ <div class="class1"></div>
+ <span id="span1">X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-014-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-014-ref.xht
new file mode 100644
index 0000000000..ffa54ef6a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-014-ref.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border: black solid 5px;
+ border-collapse: separate;
+ border-spacing: 0px;
+ padding: 9px;
+ }
+
+ img {vertical-align: top;}
+
+ td.left-column {padding-right: 10px;}
+
+ td.right-column {padding-left: 10px;}
+
+ td.top-row {padding-bottom: 10px;}
+
+ td.bottom-row {padding-top: 10px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is twice as much space between the blue squares as there is between the blue squares and the black container edge.</p>
+
+ <table>
+
+ <tr><td class="left-column top-row"><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></td><td class="right-column top-row"><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td class="left-column bottom-row"><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></td><td class="right-column bottom-row"><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></td></tr>
+
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-014.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-014.xht
new file mode 100644
index 0000000000..91893cdf3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-014.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left floated element margins do not collapse</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-014-ref.xht" />
+
+ <meta name="assert" content="Floating boxes never collapse with margins of adjacent floats or other boxes." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid 5px black;
+ height: 232px;
+ width: 232px;
+ }
+ div div
+ {
+ background: blue;
+ float: left;
+ height: 96px;
+ margin: 10px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is twice as much space between the blue squares as there is between the blue squares and the black container edge.</p>
+ <div id="div1">
+ <div></div>
+ <div></div>
+ <div></div>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-015.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-015.xht
new file mode 100644
index 0000000000..bd92a4e437
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-015.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right floated elements margins do not collapse</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-014-ref.xht" />
+
+ <meta name="assert" content="Right floating boxes never collapse with margins of adjacent boxes or other floats." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid 5px black;
+ height: 232px;
+ width: 232px;
+ }
+ div div
+ {
+ background: blue;
+ height: 96px;
+ margin: 10px;
+ width: 96px;
+ }
+ #div2, #div4
+ {
+ float: right;
+ }
+ #div3
+ {
+ float: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is twice as much space between the blue squares as there is between the blue squares and the black container edge.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div></div>
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-016.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-016.xht
new file mode 100644
index 0000000000..9447b9f701
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-016.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated elements stacked with blocks and inline elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <meta name="assert" content="Floated elements are rendered in front of non-positioned in-flow blocks but behind in-flow inline boxes when a normal flow box is next to a floated element with negative margins." />
+ <style type="text/css">
+ #container
+ {
+ margin: 0.5in;
+ }
+ #inline
+ {
+ background: yellow;
+ margin-left: -0.5in;
+ }
+ #float, #block
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #float
+ {
+ background: orange;
+ float: left;
+ }
+ #block
+ {
+ background: blue;
+ margin: -0.25in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes are partially stacked on top of each other, and they are stacked in the following order from bottom to top: blue, orange, yellow.</p>
+ <div id="container">
+ <span id="inline">Filler Text</span>
+ <div id="float">Filler Text</div>
+ <div id="block">Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-019-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-019-ref.xht
new file mode 100644
index 0000000000..b8477c096e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-019-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 1.1in 0px 0px;}
+
+ div
+ {
+ background-color: blue;
+ height: 1in;
+ left: 0px;
+ position: absolute;
+ top: 0px;
+ width: 1in;
+ }
+
+ p {margin: 0px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div></div>
+
+ <p>Test passes if the blue square above is in the top-left corner of the page.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-019.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-019.xht
new file mode 100644
index 0000000000..6353907297
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-019.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float applied to absolutely positioned elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-019-ref.xht" />
+
+ <meta name="assert" content="Float cannot be applied to absolutely positioned element." />
+ <style type="text/css">
+ *
+ {
+ margin: 0;
+ }
+ div
+ {
+ background: blue;
+ float: right;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ p
+ {
+ padding-top: 1.1in;
+ }
+ </style>
+ </head>
+ <body>
+ <div></div>
+ <p>Test passes if the blue square above is in the top-left corner of the page.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-020.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-020.xht
new file mode 100644
index 0000000000..274e8450a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-020.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left floated elements and text wrapping</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <meta name="assert" content="Block box is generated and floated to left and content flows on right side starting at the top." />
+ <style type="text/css">
+ div
+ {
+ width: 2.25in;
+ }
+ #span1
+ {
+ background-color: blue;
+ float: left;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" start above, flow down the right side of, and then wrap underneath the blue box.</p>
+ <div>
+ <span>Filler Text Filler Text Filler Text </span>
+ <span id="span1"></span>
+ <span>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-021.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-021.xht
new file mode 100644
index 0000000000..da3147f0d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-021.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right floated elements and text wrapping</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <meta name="assert" content="Block box is generated and floated to right and content flows on left side starting at the top." />
+ <style type="text/css">
+ div
+ {
+ width: 2in;
+ }
+ #span1
+ {
+ background-color: blue;
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" start above the blue box and flow down the left side of and wrap underneath the blue box.</p>
+ <div>
+ <span>Filler Text Filler Text Filler Text </span>
+ <span id="span1"></span>
+ <span>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-022-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-022-ref.xht
new file mode 100644
index 0000000000..5ca7586cb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-022-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are three lines of "Filler Text".</p>
+
+ <div>Filler Text</div>
+
+ <div>Filler Text</div>
+
+ <div>Filler Text</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-022.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-022.xht
new file mode 100644
index 0000000000..b9fd54f946
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-022.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Elements do not float when 'float' is set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-022-ref.xht" />
+
+ <meta name="assert" content="An element with 'float: none' behaves as if it were never set to begin with." />
+ <style type="text/css">
+ #div1
+ {
+ float: left;
+ float: none;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are three lines of "Filler Text".</p>
+ <div>Filler Text</div>
+ <div id="div1">Filler Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-023-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-023-ref.xht
new file mode 100644
index 0000000000..3dbbd5e349
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-023-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid 5px;
+ height: 192px;
+ margin: 48px;
+ width: 192px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the filled blue square is in the upper-left corner of the hollow black square.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-023.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-023.xht
new file mode 100644
index 0000000000..2bf1786557
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-023.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated elements and container edges</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-023-ref.xht" />
+
+ <meta name="assert" content="Left floated boxes cannot go past the container's left edge." />
+ <style type="text/css">
+ div
+ {
+ border: solid 5px black;
+ height: 2in;
+ margin: 0.5in;
+ width: 2in;
+ }
+ span
+ {
+ background-color: blue;
+ float: left;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the filled blue square is in the upper-left corner of the hollow black square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-024-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-024-ref.xht
new file mode 100644
index 0000000000..806e171a48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-024-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-top: black solid 5px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange square is to the left of the blue square and the top edges of both squares touch the black line.</p>
+
+ <div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-024.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-024.xht
new file mode 100644
index 0000000000..2540308f05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-024.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left float with earlier floated siblings</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-024-ref.xht" />
+
+ <meta name="assert" content="Left floated box is to right of earlier floated box or below the earlier floated element's bottom edge." />
+ <style type="text/css">
+ div
+ {
+ border-top: solid 5px black;
+ width: 300px;
+ }
+ span
+ {
+ float: left;
+ height: 1in;
+ width: 1in;
+ }
+ #span1
+ {
+ background-color: orange;
+ }
+ #span2
+ {
+ background-color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange square is to the left of the blue square and the top edges of both squares touch the black line.</p>
+ <div>
+ <span id="span1"></span>
+ <span id="span2"></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-025-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-025-ref.xht
new file mode 100644
index 0000000000..31a385e2bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-025-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid 5px;
+ height: 2in;
+ text-align: right;
+ width: 2in;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue square is in the upper-right corner of the hollow black square.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-025.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-025.xht
new file mode 100644
index 0000000000..c6c680b2a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-025.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right floating elements and container edge</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-025-ref.xht" />
+
+ <meta name="assert" content="Right floated boxes cannot go past the container's right edge." />
+ <style type="text/css">
+ div
+ {
+ border: solid 5px black;
+ height: 2in;
+ width: 2in;
+ }
+ span
+ {
+ background-color: blue;
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the upper-right corner of the hollow black square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-026-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-026-ref.xht
new file mode 100644
index 0000000000..8e30d4d8d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-026-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid 5px;
+ height: 192px;
+ width: 192px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue square is aligned on the left side of the hollow black square and is above the orange, right aligned, square.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-white.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-white.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-026.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-026.xht
new file mode 100644
index 0000000000..eed0ae8d73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-026.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin affects left floated elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-026-ref.xht" />
+
+ <meta name="assert" content="Right outer edge of left-floating box cannot be to the right of the left outer edge of any right-floating box that is to the right of it." />
+ <style type="text/css">
+ div
+ {
+ border: solid 5px black;
+ height: 2in;
+ width: 2in;
+ }
+ span
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #span1
+ {
+ background: blue;
+ float: left;
+ margin-right: 10px;
+ }
+ #span2
+ {
+ background-color: orange;
+ float: right;
+ margin-left: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is aligned on the left side of the hollow black square and is above the orange, right aligned, square.</p>
+ <div>
+ <span id="span1"></span>
+ <span id="span2"></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-027-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-027-ref.xht
new file mode 100644
index 0000000000..ba3cecc4b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-027-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid 5px;
+ height: 192px;
+ width: 192px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue square is aligned on the right side of the hollow black square and is above the orange, left aligned, square.</p>
+
+ <div><img src="support/swatch-white.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-white.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-027.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-027.xht
new file mode 100644
index 0000000000..ccea2ad092
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-027.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin affects right floated elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-027-ref.xht" />
+
+ <meta name="assert" content="Right outer edge of left-floating box cannot be to the right of the left outer edge of any right-floating box that is to the right of it." />
+ <style type="text/css">
+ div
+ {
+ border: solid 5px black;
+ height: 2in;
+ width: 2in;
+ }
+ span
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #span1
+ {
+ background: blue;
+ float: right;
+ margin-left: 10px;
+ }
+ #span2
+ {
+ background-color: orange;
+ float: left;
+ margin-right: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is aligned on the right side of the hollow black square and is above the orange, left aligned, square.</p>
+ <div>
+ <span id="span1"></span>
+ <span id="span2"></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-028-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-028-ref.xht
new file mode 100644
index 0000000000..a975a6b5b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-028-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#wrapper {
+ border: solid 5px black;
+ height: 2in;
+ margin: 0.25in;
+ position: absolute;
+ top: 10px;
+ width: 2in;
+ }
+
+ div > div {
+ background-color: blue;
+ height: 120px;
+ width: 120px;
+ }
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue square is completely contained within the hollow black square.</p>
+
+ <div id="wrapper">
+ <div>Filler Text</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-028.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-028.xht
new file mode 100644
index 0000000000..bef6f421eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-028.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats and containment</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-028-ref.xht" />
+
+ <meta name="assert" content="Floating box's outer top cannot be higher than the top of its containing block." />
+ <style type="text/css">
+ div
+ {
+ border: solid 5px black;
+ height: 2in;
+ margin: 0.25in;
+ position: absolute;
+ top: 10px;
+ width: 2in;
+ }
+ span
+ {
+ background-color: blue;
+ float: left;
+ height: 1.25in;
+ width: 1.25in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is completely contained within the hollow black square.</p>
+ <div>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-029-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-029-ref.xht
new file mode 100644
index 0000000000..3ade54b22d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-029-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 112px 0px 0px;}
+
+ div
+ {
+ height: 1in;
+ left: 0px;
+ position: absolute;
+ top: 0px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" />Filler Text</div>
+
+ <p>Test passes if the blue square is in the top left corner of the page and the words "Filler Text" are directly to the right of the square.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-029.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-029.xht
new file mode 100644
index 0000000000..5c35a93bdf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-029.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content flowing around floated elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-029-ref.xht" />
+
+ <meta name="assert" content="Floats shift the current line and surrounding content to flow along its side unless clear is specified." />
+ <style type="text/css">
+ #span1
+ {
+ background-color: blue;
+ float: left;
+ height: 1in;
+ width: 1in;
+ }
+ body
+ {
+ margin: 0;
+ }
+ div div
+ {
+ clear: both;
+ }
+ </style>
+ </head>
+ <body>
+ <div>
+ <span>Filler Text</span>
+ <span id="span1"></span>
+ <div></div>
+ </div>
+ <p>Test passes if the blue square is in the top left corner of the page and the words "Filler Text" are directly to the right of the square.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-030-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-030-ref.xht
new file mode 100644
index 0000000000..f9926cb8ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-030-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#wrapper
+ {
+ border: solid 5px black;
+ height: 150px;
+ margin: 10px;
+ }
+
+ img#orange {margin-top: 10px;}
+
+ span, img#blue {vertical-align: 20px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange box is within the black box, below the words "Filler Text 1", and to the left of both the blue box and the words "Filler Text 2".</p>
+
+ <div id="wrapper">
+ <div>Filler Text 1</div>
+ <div><img id="orange" src="support/swatch-orange.png" width="96" height="106" alt="Image download support must be enabled" /><span>Filler Text 2</span> <img id="blue" alt="Image download support must be enabled" src="support/blue15x15.png" width="96" height="96" /></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-030.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-030.xht
new file mode 100644
index 0000000000..a25c524d25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-030.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position of floated elements in relation to previous elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/>
+ <link rel="match" href="floats-030-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Outer top of a floating box cannot be higher than the outer top of any block or floated box generated by an element earlier in the source document." />
+ <style type="text/css">
+ #d1
+ {
+ border: solid 5px black;
+ margin: 10px;
+ height: 150px;
+ }
+ #span1, img
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #span1
+ {
+ background-color: orange;
+ float: left;
+ margin-top: 10px;
+ padding-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange box is within the black box, below the words "Filler Text 1", and to the left of both the blue box and the words "Filler Text 2".</p>
+ <div id="d1">
+ <div>Filler Text 1</div>
+ <span>Filler Text 2</span>
+ <img alt="blue box" src="support/blue15x15.png" />
+ <span id="span1"></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-031-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-031-ref.xht
new file mode 100644
index 0000000000..942bd69d9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-031-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid 5px;
+ font: 16px serif;
+ margin: 10px;
+ width: 550px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange rectangle is to the left of the "Filler Text" and the blue rectangle is to the right of the "Filler Text".</p>
+
+ <div id="wrapper"><br /><img src="support/swatch-orange.png" width="96" height="48" alt="Image download support must be enabled" />Filler Text Filler Text <img src="support/blue15x15.png" width="96" height="48" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-031.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-031.xht
new file mode 100644
index 0000000000..ee794fe9fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-031.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position of floated elements in relation to previous inline elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/>
+ <link rel="match" href="floats-031-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Outer top of floating box cannot be higher than the top of any line-box containing a box generated by an element earlier in the source document." />
+ <style type="text/css">
+ div
+ {
+ border: solid 5px black;
+ font: 16px serif;
+ margin: 10px;
+ width: 550px;
+ }
+ #span1
+ {
+ background-color: orange;
+ float: left;
+ }
+ #span1, img
+ {
+ height: 0.5in;
+ width: 1in;
+ }
+ span span
+ {
+ display: inline-block;
+ width: 550px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange rectangle is to the left of the "Filler Text" and the blue rectangle is to the right of the "Filler Text".</p>
+ <div>
+ <span><span></span>Filler Text Filler Text</span>
+ <img alt="blue box" src="support/blue15x15.png" />
+ <span id="span1"></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-036-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-036-ref.xht
new file mode 100644
index 0000000000..0de561abbd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-036-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <style>
+ /* Disable kerning because kerning may differ for different node tree. */
+ html { font-kerning: none; font-feature-settings: "kern" off; }
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the "Filler Text" below is all on the same line.</p>
+
+ <div>Filler TextFiller Text</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-036.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-036.xht
new file mode 100644
index 0000000000..1d90b428ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-036.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated left and aligned with current line box</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-036-ref.xht" />
+
+ <meta name="assert" content="A floated elements top edge will be aligned with the top of a line box." />
+ <style type="text/css">
+ /* Disable kerning because kerning may differ for different node tree. */
+ html { font-kerning: none; font-feature-settings: "kern" off; }
+ div
+ {
+ width: 5in;
+ }
+ #span1
+ {
+ float: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is all on the same line.</p>
+ <div>
+ <span>Filler Text</span>
+ <span id="span1">Filler Text</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-037.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-037.xht
new file mode 100644
index 0000000000..4900de32c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-037.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated right element aligns with current line box</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <meta name="assert" content="A line box aligns with the top of a right floated box." />
+ <style type="text/css">
+ div
+ {
+ width: 2in;
+ }
+ #span1
+ {
+ float: right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is all on the same line.</p>
+ <div>
+ <span>Filler Text</span>
+ <span id="span1">Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-038-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-038-ref.xht
new file mode 100644
index 0000000000..d7391cba52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-038-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid 5px;
+ height: 192px;
+ width: 192px;
+ }
+
+ img {vertical-align: top;}
+
+ img#orange {border: white solid 10px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange square is to the right of the blue square, space needs to also separate the orange square from other squares.</p>
+
+ <div><img src="support/swatch-blue.png" width="48" height="48" alt="Image download support must be enabled" /><img id="orange" src="support/swatch-orange.png" width="48" height="48" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-038.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-038.xht
new file mode 100644
index 0000000000..e95d39b38b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-038.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats and table margins</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-038-ref.xht" />
+
+ <meta name="assert" content="The border box of a table cannot overlap any floats in the same block formatting context as the elements itself." />
+ <style type="text/css">
+ #div1
+ {
+ border: black solid 5px;
+ height: 2in;
+ width: 2in;
+ }
+ div div
+ {
+ height: 0.5in;
+ width: 0.5in;
+ }
+ #div2
+ {
+ background: blue;
+ float: left;
+ }
+ #table
+ {
+ background: orange;
+ display: table;
+ border: white solid 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange square is to the right of the blue square, space needs to also separate the orange square from other squares.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-039.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-039.xht
new file mode 100644
index 0000000000..03b77c952e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-039.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats and block level replaced element margins</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-038-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The border box of a block level replaced element cannot overlap any floats in the same block formatting context as the element itself." />
+ <style type="text/css">
+ #div1
+ {
+ width: 2in;
+ height: 2in;
+ border: black solid 5px;
+ }
+ div div
+ {
+ background: blue;
+ float: left;
+ }
+ div div, img
+ {
+ height: 0.5in;
+ width: 0.5in;
+ }
+ img
+ {
+ background: orange;
+ display: block;
+ border: white solid 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange square is to the right of the blue square, space needs to also separate the orange square from other squares.</p>
+ <div id="div1">
+ <div></div>
+ <img alt="FAIL: Image download support must be enabled" src="support/swatch-orange.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-040.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-040.xht
new file mode 100644
index 0000000000..9588e15437
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-040.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats inline-block level element margins</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-038-ref.xht" />
+
+ <meta name="assert" content="The border box of a inline-block level element cannot overlap any floats in the same block formatting context as the element itself." />
+ <style type="text/css">
+ #div1
+ {
+ width: 2in;
+ height: 2in;
+ border: black solid 5px;
+ }
+ div div
+ {
+ height: 0.5in;
+ width: 0.5in;
+ }
+ #div2
+ {
+ background: blue;
+ float: left;
+ }
+ #div3
+ {
+ background: orange;
+ display: inline-block;
+ border: white solid 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange square is to the right of the blue square, space needs to also separate the orange square from other squares.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-041-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-041-ref.xht
new file mode 100644
index 0000000000..66457bb8dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-041-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 48px;
+ width: 48px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is no red.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-041.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-041.xht
new file mode 100644
index 0000000000..37b15dfa29
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-041.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats and stacking contexts with content</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-041-ref.xht" />
+
+ <meta name="assert" content="The contents of floats are stacked as if floats generated new stacking contexts." />
+ <style type="text/css">
+ div div
+ {
+ height: 0.5in;
+ width: 0.5in;
+ }
+ #div1
+ {
+ background: red;
+ float: left;
+ }
+ #div2
+ {
+ background: green;
+ display: block;
+ position: relative;
+ z-index: 10;
+ }
+ #div3
+ {
+ background: red;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-043-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-043-ref.xht
new file mode 100644
index 0000000000..8354429160
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-043-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-top: black solid 5px;
+ text-align: right;
+ width: 288px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange square is to the right of the blue square and the top edges of both squares touch the black line.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-043.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-043.xht
new file mode 100644
index 0000000000..aa004c469c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-043.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right float with earlier floated siblings</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-043-ref.xht" />
+
+ <meta name="assert" content="A right floated box is to left of earlier floated boxes or below the earlier floated element's bottom edge." />
+ <style type="text/css">
+ div
+ {
+ border-top: solid 5px black;
+ width: 3in;
+ }
+ span
+ {
+ float: right;
+ height: 1in;
+ width: 1in;
+ }
+ #span1
+ {
+ background-color: orange;
+ }
+ #span2
+ {
+ background-color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange square is to the right of the blue square and the top edges of both squares touch the black line.</p>
+ <div>
+ <span id="span1"></span>
+ <span id="span2"></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-101-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-101-ref.xht
new file mode 100644
index 0000000000..787b26cf25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-101-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: teal solid 1px;
+ margin: 4px;
+ padding: 4px;
+ }
+
+ div#outer
+ {
+ height: 178px;
+ margin-top: 20px;
+ width: 178px;
+ }
+
+ div#inner
+ {
+ height: 160px;
+ width: 160px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are two nested squares and if the inner square is equidistant from the outer square on all sides.</p>
+
+ <div id="outer">
+ <div id="inner">This should be inside the inner square.</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-101.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-101.xht
new file mode 100644
index 0000000000..7b3d721e1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-101.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Nested floats (no other content)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-26 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/001-demo.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-101-ref.xht" />
+
+ <style type="text/css">
+ div { border: 1px solid teal; padding: 4px; margin: 4px; }
+ .left { float: left; }
+ .right { float: right; }
+ .size { width: 10em; height: 10em; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two nested squares and if the inner square
+ is equidistant from the outer square on all sides.</p>
+ <div class="left"><div class="size right">This should be inside the inner square.</div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-102.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-102.xht
new file mode 100644
index 0000000000..47be23449d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-102.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Nested floats (some inline content before nested float)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/002-demo.html" type="text/html" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <style type="text/css">
+ div { border: 1px solid teal; padding: 4px; margin: 4px; }
+ .left { float: left; }
+ .right { float: right; }
+ .size { width: 150px; height: 150px; }
+ </style>
+ </head>
+ <body>
+
+ <p>The content before should be to the right of the inner square,
+ and both it and the inner square should be surrounded by an outer box.</p>
+
+ <div class="left">content before <div class="size left"></div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-103.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-103.xht
new file mode 100644
index 0000000000..c662c65305
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-103.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Nested floats (some inline content after nested float)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/003-demo.html" type="text/html" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+
+ <style type="text/css">
+ div { border: 1px solid teal; padding: 4px; margin: 4px; }
+ .left { float: left; }
+ .right { float: right; }
+ .size { width: 150px; height: 150px; }
+ </style>
+ </head>
+ <body>
+
+ <p>The content after should be to the right of the inner square,
+ and both it and the inner square should be surrounded by an outer box.</p>
+
+ <div class="left"><div class="size left"></div> content after</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-104.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-104.xht
new file mode 100644
index 0000000000..636e6f93db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-104.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Unexpected Presences, Part 1</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/004.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <style type="text/css">
+ body * { margin: 4px; padding: 4px; border: 1px solid; display: block; }
+ .test { border-color: blue; width: 40em; }
+ .float { border-color: fuchsia; float: left; width: 5em; height: 5em; }
+ .first { border-color: purple; margin-left: 10em; }
+ .second { border-color: teal; }
+ </style>
+ </head>
+ <body>
+ <div class="test">
+ <div class="first"> This is the first block, with a big left margin. At the end
+ of this block is a left float which should be square. Text that
+ follows this box should flow to the right of the float; the float
+ should always be on the left. <div class="float"> This is the square left
+ float. </div> </div>
+ <div class="second"> This is the second block. It should fit in the same
+ container as the first box. This text should wrap on the right side
+ of the float. </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-105.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-105.xht
new file mode 100644
index 0000000000..2dbc24fc39
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-105.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Unexpected Presences, Part 2</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/005.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <style type="text/css">
+ body * { margin: 4px; padding: 4px; border: 1px solid; display: block; }
+ .test { border-color: blue; width: 40em; }
+ .float { border-color: fuchsia; float: left; width: 5em; height: 5em; }
+ .first { border-color: purple; margin-left: 10em; }
+ .second { border-color: teal; width: 10em; }
+ </style>
+ </head>
+ <body>
+ <div class="test">
+ <div class="first"> This is the first block, with a big left margin. At the end
+ of this block is a left float which should be square. Text that
+ follows this box should flow to the right of the float or go below
+ it; no text should be on the left of the float. <div class="float"> This is
+ the square left float. </div> </div>
+ <div class="second"> This is the second block. It is sized so as to be just
+ wide enough to slightly overlap the float. Text shouldn't be able
+ to fit around the float without overflowing this box, so instead
+ all the text should just move below the float. </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-106.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-106.xht
new file mode 100644
index 0000000000..4b1cc71c0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-106.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Unexpected Presences, Part 3</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/006.html" type="text/html"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/006.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <style type="text/css">
+ body * { margin: 4px; padding: 4px; border: 1px solid; display: block; }
+ .test { border-color: blue; width: 40em; }
+ .float { border-color: fuchsia; float: left; width: 5em; height: 5em; }
+ .first { border-color: purple; margin-left: 10em; }
+ .second { border-color: teal; width: 8em; }
+ </style>
+ </head>
+ <body>
+ <div class="test">
+ <div class="first"> This is the first block, with a big left
+ margin. At the end of this block is a left float which should be
+ square. Text that follows this box should flow to the right of the
+ float or go below it; no text should be on the left of the float.
+ <div class="float"> This is the square left float. </div> </div>
+ <div class="second"> This is the second block. It is sized so as to
+ be just narrow enough to fit in the gap to the left of the
+ float. Text should not want to be to the left of the float, since
+ it is a left float in flow, so instead all the text should just
+ move below the float. </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-108.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-108.xht
new file mode 100644
index 0000000000..a98781003b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-108.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Float Sizing (styled floats) </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/008.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ .float { float: left; border: solid blue; color: silver; padding: 0.5em; margin: 0.5em; }
+ </style>
+ </head>
+ <body>
+
+ <p><strong>All blue boxes must always be the same size</strong>. Make your
+ window an inch or two bigger than than the width of one box to check. Try
+ resizing the window so that the boxes wrap in two or more columns. Try
+ resizing the window to be narrower than the boxes so that the text inside
+ them wraps into two or more lines.</p>
+
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-109.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-109.xht
new file mode 100644
index 0000000000..ebdbadc7ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-109.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Float Sizing (blocks inside styled floats)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/009.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/009.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ .float { float: left; border: solid blue; color: silver; padding: 0.5em; margin: 0.5em; }
+ </style>
+ </head>
+ <body>
+
+ <p><strong>All blue boxes must always be the same size</strong>. Make your
+ window an inch or two bigger than than the width of one box to check. Try
+ resizing the window so that the boxes wrap in two or more columns. Try
+ resizing the window to be narrower than the boxes so that the text inside
+ them wraps into two or more lines.</p>
+
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-110.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-110.xht
new file mode 100644
index 0000000000..86b6470ed6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-110.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Float Sizing</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/010.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/010.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+
+ <meta name="flags" content="interact" />
+ <style type="text/css">
+ .float { float: left; }
+ .float div { margin: 0; border: solid; padding: 0.5em; margin: 0.5em; }
+ </style>
+ </head>
+ <body>
+
+ <p> Make your window an inch or two bigger than than the width of
+ one float. All floats should be the same size. This document should
+ be pixel-perfect identical to <a href="008.xml">this one</a> and <a
+ href="009.xml">this one</a> at all window sizes. Try resizing the
+ window so that floats wrap in one or two columns. </p>
+
+ <div class="float"> <div> this is a float this is a float this is a float this is a float this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float this is a float this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float this is a float this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float this is a float this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float this is a float this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float this is a float this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float this is a float this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float this is a float this is a float this is a float this is a float </div> </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-111-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-111-ref.xht
new file mode 100644
index 0000000000..ef2233f428
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-111-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: black solid medium;
+ height: 40px;
+ margin: 40px;
+ width: 40px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 identical filled green squares with a black border.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-111.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-111.xht
new file mode 100644
index 0000000000..4f8f14703d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-111.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Shrink Wrapped Right Floats With Right Aligned Text</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-07 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/011.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/011.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-111-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .container { width: 40%; padding: 0; margin: 1em; border: solid black; font: 2.5em/1 Ahem; height: 1em; width: 1em; background: red; }
+ .test { text-align: right; float: right; clear: right; color: green; }
+ ]]></style>
+ </head>
+ <body>
+
+ <p>Test passes if there are 2 identical filled green squares with a black border.</p>
+ <div class="container"> <div class="test">x</div> </div>
+ <div class="container"> <div class="test"> x </div> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-112-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-112-ref.xht
new file mode 100644
index 0000000000..9967bfa931
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-112-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: black solid medium;
+ height: 40px;
+ margin: 40px;
+ width: 80px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 identical filled green rectangles with a black border.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-112.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-112.xht
new file mode 100644
index 0000000000..ec58b33713
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-112.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Shrink Wrapped Right Floats With Right Aligned Text</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-07 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/012.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/012.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-112-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .container { width: 40%; padding: 0; margin: 1em; border: solid black; font: 2.5em/1 Ahem; height: 1em; width: 2em; background: red; }
+ .test { text-align: right; float: right; clear: right; color: green; }
+ ]]></style>
+ </head>
+ <body>
+
+ <p>Test passes if there are 2 identical filled green rectangles with a black border.</p>
+ <div class="container"> <div class="test">xx</div> </div>
+ <div class="container"> <div class="test"> xx </div> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-113-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-113-ref.xht
new file mode 100644
index 0000000000..9d3f8fdab3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-113-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ background-color: green;
+ height: 40px;
+ margin: 40px;
+ text-align: center;
+ width: 120px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 identical rectangles with a black border.</p>
+
+ <div><img src="support/swatch-white.png" width="40" height="40" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-white.png" width="40" height="40" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-113.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-113.xht
new file mode 100644
index 0000000000..976caef676
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-113.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Shrink Wrapped Right Floats With Right Aligned Text</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-07 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/013.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/013.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-113-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .container { width: 40%; padding: 0; margin: 1em; border: solid black; font: 2.5em/1 Ahem; height: 1em; width: 3em; background: white; }
+ .test { text-align: right; float: right; clear: right; color: green; }
+ ]]></style>
+ </head>
+ <body>
+
+ <p>Test passes if there are 2 identical rectangles with a black border.</p>
+ <div class="container"> <div class="test">x x</div> </div>
+ <div class="container"> <div class="test"> x x </div> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-114-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-114-ref.xht
new file mode 100644
index 0000000000..3f81ae699c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-114-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: navy solid 3px;
+ margin: 1em 0em;
+ padding: 8px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The following three lines should be identical and should read 'PASS' as one unbroken word:</p>
+
+ <div>PASS</div>
+
+ <div>PASS</div>
+
+ <div>PASS</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-114.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-114.xht
new file mode 100644
index 0000000000..feb189a422
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-114.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Generated Content</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/014.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/014.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-114-ref.xht" />
+
+ <style type="text/css">
+ .test { border: solid navy; padding: 0.5em; }
+ .a:before { float: none; content: 'PA'; width: 5em; }
+ .b:before { float: left; content: 'PA'; }
+ .c:after { float: left; content: 'PA'; height: 5em }
+ </style>
+ </head>
+ <body>
+ <p> The following three lines should be identical and should read 'PASS' as one unbroken word:</p>
+ <p class="test a">SS</p>
+ <p class="test b">SS</p>
+ <p class="test c">SS</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-115-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-115-ref.xht
new file mode 100644
index 0000000000..5d789d042b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-115-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-115.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-115.xht
new file mode 100644
index 0000000000..b426fcd610
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-115.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Auto Sizing</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/015.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-115-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { display: block; width: 200px; height: 50px; background: red; }
+ .float { float: left; background: green; color: green; font: 50px/1 Ahem; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div class="test">
+ <div class="float">XXXX</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-116-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-116-ref.xht
new file mode 100644
index 0000000000..298be901c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-116-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 150px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-116.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-116.xht
new file mode 100644
index 0000000000..507d74fb54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-116.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Auto Sizing (with padding)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/016.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-116-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { display: block; width: 300px; height: 150px; background: red; }
+ .float { float: left; background: green; color: green; font: 50px/1 Ahem; padding: 50px; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div class="test">
+ <div class="float">XXXX</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-117.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-117.xht
new file mode 100644
index 0000000000..43183603a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-117.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Auto Sizing (with border)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/017.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-116-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { display: block; width: 300px; height: 150px; background: red; }
+ .float { float: left; color: green; font: 50px/1 Ahem; border: 50px solid green; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div class="test">
+ <div class="float">XXXX</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-118-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-118-ref.xht
new file mode 100644
index 0000000000..e5208bbeaa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-118-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: navy;
+ height: 25px;
+ margin-bottom: 10px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 identical navy stripes.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-118.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-118.xht
new file mode 100644
index 0000000000..efd369b47d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-118.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Auto Sizing</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/018.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-118-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { display: block; }
+ span { display: block; width: 100px; height: 25px; margin-bottom: 10px; background: navy; }
+ .float { float: left; color: navy; font: 25px/1 Ahem; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there are 2 identical navy stripes.</p>
+ <div class="test">
+ <span />
+ <div class="float">XXXX</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-119-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-119-ref.xht
new file mode 100644
index 0000000000..684cef204a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-119-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: navy;
+ height: 75px;
+ margin-bottom: 10px;
+ width: 150px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 identical filled navy rectangles and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-119.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-119.xht
new file mode 100644
index 0000000000..4c8b4cbc97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-119.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Auto Sizing (with padding)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/019.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-119-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { display: block; }
+ span { display: block; width: 150px; height: 75px; margin-bottom: 10px; background: navy; }
+ .float { float: left; background: navy; color: navy; font: 25px/1 Ahem; padding: 25px; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there are 2 identical filled navy rectangles and <strong>no red</strong>.</p>
+ <div class="test">
+ <span/>
+ <div class="float">XXXX</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-120.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-120.xht
new file mode 100644
index 0000000000..c68c1930bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-120.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Auto Sizing (with border)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/020.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-119-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { display: block; }
+ span { display: block; width: 150px; height: 75px; margin-bottom: 10px; background: navy; }
+ .float { float: left; background: red; color: navy; font: 25px/1 Ahem; border: solid navy 25px; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 identical filled navy rectangles and <strong>no red</strong>.</p>
+ <div class="test">
+ <span/>
+ <div class="float">XXXX</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-121-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-121-ref.xht
new file mode 100644
index 0000000000..99d2b8112d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-121-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: white solid medium;
+ height: 50px;
+ margin: 66px 50px 50px 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-121.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-121.xht
new file mode 100644
index 0000000000..96df9be181
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-121.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Fixed Sizing (with border)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/021.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-121-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #container { display: block; width: 299px; background: red; color: green; font: 50px/1 Ahem; border: solid white; }
+ .float { float: left; margin: 50px; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div id="container">
+ <div class="test1"/>
+ <div class="test2"/>
+ <div class="float">XXXX</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-122-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-122-ref.xht
new file mode 100644
index 0000000000..b9c1d5a985
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-122-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 50px;
+ margin: auto auto auto 50px;
+ width: 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a small filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-122.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-122.xht
new file mode 100644
index 0000000000..783783222a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-122.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Auto Sizing Float Followed By Text</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/022.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-122-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #container { display: block; width: 100px; background: red; color: green; font: 50px/1 Ahem; position: relative; }
+ .float { float: left; color: white; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small filled green square and <strong>no red</strong>.</p>
+ <div id="container">
+ <div class="float">X</div>X
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-123-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-123-ref.xht
new file mode 100644
index 0000000000..2b6134f03d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-123-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 50px;
+ width: 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a small filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-123.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-123.xht
new file mode 100644
index 0000000000..c05d6f0404
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-123.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Auto Sizing (with relative positioning)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/023.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-123-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #container { display: block; width: 150px; background: red; position: relative; }
+ .float { float: left; color: green; font: 50px/1 Ahem; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small filled green square and <strong>no red</strong>.</p>
+ <div id="container"><div class="float">X</div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-124-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-124-ref.xht
new file mode 100644
index 0000000000..5be82a428f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-124-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ color: white;
+ display: inline;
+ line-height: 1;
+ vertical-align: top;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>There should be no red on this page.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-124.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-124.xht
new file mode 100644
index 0000000000..3a0a3e9535
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-124.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Bottom Padding on Inline Children</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/024.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/024.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-124-ref.xht" />
+
+ <style type="text/css">
+ /* reset everything to be sure we don't introduce oddities */
+ div { border: 0; padding: 0; margin: 0; line-height: 1; float: left; }
+ span { border: 0; padding: 0; margin: 0; line-height: 1; display: inline; }
+
+ /* the test */
+ div { background: red; }
+ span.control { background: green; color: white; }
+ span.test { padding-bottom: 10em; }
+ </style>
+ </head>
+ <body>
+ <div>
+ <span class="test"><span class="control">There should be no red on this page.</span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-125-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-125-ref.xht
new file mode 100644
index 0000000000..47ba036fbc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-125-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ line-height: 1;
+ margin-top: 12em;
+ }
+
+ span
+ {
+ background-color: green;
+ color: white;
+ vertical-align: top;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div><span>There should be no red on this page.</span></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-125.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-125.xht
new file mode 100644
index 0000000000..1468dd9d31
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-125.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Bottom Padding on Inline Children</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/025.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/025.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-125-ref.xht" />
+
+ <style type="text/css">
+ /* reset everything to be sure we don't introduce oddities */
+ div { border: 0; padding: 0; margin: 0; line-height: 1; float: left; }
+ span { border: 0; padding: 0; margin: 0; line-height: 1; display: inline; }
+
+ /* the test */
+ body { margin-top: 12em; }
+ div { background: red; }
+ span.control { background: green; color: white; }
+ span.test { padding-top: 10em; }
+ </style>
+ </head>
+ <body>
+ <div>
+ <span class="test"><span class="control">There should be no red on this page.</span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-126.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-126.xht
new file mode 100644
index 0000000000..d3aea7b1bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-126.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Float Sizing (styled floated tables)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/026.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/026.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ .float { float: left; border: solid blue; color: silver; padding: 0.5em; margin: 0.5em; display: table; }
+ </style>
+ </head>
+ <body>
+
+ <p><strong>All blue boxes must always be the same size</strong>. Make your
+ window an inch or two bigger than than the width of one box to check. Try
+ resizing the window so that the boxes wrap in two or more columns. Try
+ resizing the window to be narrower than the boxes so that the text inside
+ them wraps into two or more lines.</p>
+
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-127.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-127.xht
new file mode 100644
index 0000000000..348167ca83
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-127.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Float Sizing (styled floated tables)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/027.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/027.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ .float { float: left; border: solid blue; color: silver; padding: 0.5em; margin: 0.5em; display: table; }
+ </style>
+ </head>
+ <body>
+
+ <p><strong>All blue boxes must always be the same size</strong>. Make your
+ window an inch or two bigger than than the width of one box to check. Try
+ resizing the window so that the boxes wrap in two or more columns. Try
+ resizing the window to be narrower than the boxes so that the text inside
+ them wraps into two or more lines.</p>
+
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-128.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-128.xht
new file mode 100644
index 0000000000..3b18f499ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-128.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Float Sizing (styled blocks within floated tables)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/028.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/028.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ .float { float: left; display: table; }
+ .float div { margin: 0; border: solid blue; color: silver; padding: 0.5em; margin: 0.5em; }
+ </style>
+ </head>
+ <body>
+
+ <p><strong>All blue boxes must always be the same size</strong>. Make your
+ window an inch or two bigger than than the width of one box to check. Try
+ resizing the window so that the boxes wrap in two or more columns. Try
+ resizing the window to be narrower than the boxes so that the text inside
+ them wraps into two or more lines.</p>
+
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-129.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-129.xht
new file mode 100644
index 0000000000..b0a6855d03
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-129.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Float Sizing (styled floated tables within tables)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/029.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/029.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ .table { display: table; }
+ .float { float: left; border: solid blue; color: silver; padding: 0.5em; margin: 0.5em; display: table; }
+ </style>
+ </head>
+ <body>
+
+ <p><strong>All blue boxes must always be the same size</strong>. Make your
+ window an inch or two bigger than than the width of one box to check. Try
+ resizing the window so that the boxes wrap in two or more columns. Try
+ resizing the window to be narrower than the boxes so that the text inside
+ them wraps into two or more lines.</p>
+
+ <div class="table">
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ <div class="float"> this is a float this is a float this is a float </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-130.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-130.xht
new file mode 100644
index 0000000000..7eae100f09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-130.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Float Sizing (blocks within styled floated tables within tables)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/030.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/030.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ .table { display: table; }
+ .float { float: left; border: solid blue; color: silver; padding: 0.5em; margin: 0.5em; display: table; }
+ </style>
+ </head>
+ <body>
+
+ <p><strong>All blue boxes must always be the same size</strong>. Make your
+ window an inch or two bigger than than the width of one box to check. Try
+ resizing the window so that the boxes wrap in two or more columns. Try
+ resizing the window to be narrower than the boxes so that the text inside
+ them wraps into two or more lines.</p>
+
+ <div class="table">
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ </div>
+
+ </body>
+</html>
+
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-131.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-131.xht
new file mode 100644
index 0000000000..7dacb91d34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-131.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Float Sizing (styled blocks within floated tables within tables)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/031.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/031.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ .table { display: table; }
+ .float { float: left; display: table; }
+ .float div { margin: 0; border: solid blue; color: silver; padding: 0.5em; margin: 0.5em; }
+ </style>
+ </head>
+ <body>
+
+ <p><strong>All blue boxes must always be the same size</strong>. Make your
+ window an inch or two bigger than than the width of one box to check. Try
+ resizing the window so that the boxes wrap in two or more columns. Try
+ resizing the window to be narrower than the boxes so that the text inside
+ them wraps into two or more lines.</p>
+
+ <div class="table">
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ <div class="float"> <div> this is a float this is a float this is a float </div> </div>
+ </div>
+
+ </body>
+</html>
+
+
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-132-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-132-ref.xht
new file mode 100644
index 0000000000..26a9891d1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-132-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 1.25em;
+ width: 10em;
+ }
+
+ div + div
+ {
+ background-color: lime;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be two layers of green below.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-132.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-132.xht
new file mode 100644
index 0000000000..ed947eff26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-132.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Wrapping long text</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/032.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-132-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .container { font: 20px/1 Ahem; width: 8em; height: 2em; background: red; }
+ .box { height: 1em; background: green; color: lime; }
+ .float { width: 1em; height: 1em; float: left; background: green; }
+ </style>
+ </head>
+ <body>
+ <p>There should be two layers of green below.</p>
+ <div class="container">
+ <div class="box">
+ <div class="float"></div>
+ xxxxxxxx
+ </div>
+ </div>
+ </body>
+</html>
+
+
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-133-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-133-ref.xht
new file mode 100644
index 0000000000..46ab18f91a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-133-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 20px;
+ width: 20px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a small filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-133.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-133.xht
new file mode 100644
index 0000000000..45599baa9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-133.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Wrapping text and position:static</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/033.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-133-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .container { font: 20px/1 Ahem; width: 2em; height: 1em; background: red; }
+ .box { height: 1em; color: white; }
+ .float { width: 1em; height: 1em; float: left; background: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small filled green square and <strong>no red</strong>.</p>
+ <div class="container">
+ <div class="box">
+ <div class="float"></div>
+ x
+ </div>
+ </div>
+ </body>
+</html>
+
+
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-134.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-134.xht
new file mode 100644
index 0000000000..b19f0a6dab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-134.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Wrapping text and position:relative</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/034.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-133-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .container { font: 20px/1 Ahem; width: 2em; height: 1em; background: red; }
+ .box { height: 1em; color: white; position: relative; }
+ .float { width: 1em; height: 1em; float: left; background: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small filled green square and <strong>no red</strong>.</p>
+ <div class="container">
+ <div class="box">
+ <div class="float"></div>
+ x
+ </div>
+ </div>
+ </body>
+</html>
+
+
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-135-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-135-ref.xht
new file mode 100644
index 0000000000..0684379d6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-135-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 5em;
+ width: 15em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-135.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-135.xht
new file mode 100644
index 0000000000..ff2924a037
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-135.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Wrapping blocks around floats</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/035.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-135-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <style type="text/css">
+ .container { width: 15em; height: 5em; background: green; }
+ .float { width: 5em; height: 5em; background: green; float: left; }
+ .box { width: 5em; height: 5em; background: red; margin: 0; padding: 0; border: 0; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div class="container">
+ <div class="float"></div>
+ <div class="box"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-136-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-136-ref.xht
new file mode 100644
index 0000000000..48466c8166
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-136-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 30px;
+ width: 60px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a small filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-136.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-136.xht
new file mode 100644
index 0000000000..207426af57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-136.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Floats: Wrapping blocks around floats</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/036.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-136-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .container { font: 30px/1 Ahem; color: green; margin: 0; padding: 0; border: 0;
+ background: url(/css/support/60x60-red.png) no-repeat;
+ text-indent: 0; }
+ .float { width: 1em; height: 1em; background: green; float: left;
+ margin: 0; padding: 0; border: 0; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small filled green rectangle and <strong>no red</strong>.</p>
+ <div class="container">
+ <div class="float"></div>
+ X
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-137.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-137.xht
new file mode 100644
index 0000000000..410b97ff84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-137.xht
@@ -0,0 +1,88 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Wrapping text around multiple floats</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/wrapping/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <meta name="flags" content="ahem animated"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .ahem { font: 1.25em/1 Ahem; background: yellow; color: navy; }
+ div.ahem { border: solid 1em navy; width: 10em; height: 10em; }
+ pre.ahem { width: 12em; height: 12em; }
+ span { font: 0.75em/1 serif; }
+
+ body.a .ahem, body.b .ahem { position: absolute; margin: 1em; }
+ body.a div.ahem { display: none; }
+ body.b pre.ahem { display: none; }
+
+ .aleft { text-align: left; }
+ .aright { text-align: right; }
+ .acenter { text-align: center; }
+ .ajustify { text-align: justify; }
+
+ .fleft { float: left; }
+ .fright { float: right; }
+ .fleft, .fright { background: navy; }
+
+ .cleft { clear: left; }
+ .cright { clear: right; }
+ .cleft.cright { clear: both; }
+
+ .w1 { width: 1em; } .h1 { height: 1em; }
+ .w2 { width: 2em; } .h2 { height: 2em; }
+ .w3 { width: 3em; } .h3 { height: 3em; }
+ .w4 { width: 4em; } .h4 { height: 4em; }
+ .w5 { width: 5em; } .h5 { height: 5em; }
+
+ </style>
+ </head>
+ <body class="test">
+ <p>If scripting is supported: there should be only a single static jumble below with the word
+ "Control" blinking steadily. If there are two squares, or if the
+ square is animated, then the test has failed.</p>
+
+ <p>If scripting is unsupported: there should be two identical
+ patterned squares below.</p>
+
+ <script type="text/javascript">
+ var body = document.body;
+ var timer;
+ function toggle() {
+ body.className = body.className == 'a' ? 'b' : 'a';
+ timer = window.setTimeout(toggle, 500);
+ }
+ toggle();
+ </script>
+
+ <p><button onclick="clearTimeout(timer); body.className = 'test';"> Examine </button></p>
+
+ <div class="ahem">
+ 1
+ <div class="fleft w2 h2"></div>
+ 222222222
+ <div class="fleft w1 h2"></div>
+ <div class="fleft w1 h5"></div>
+ <div class="fleft w1 h1"></div>
+ <div class="fleft w2 h2"></div>
+ <div class="fleft w1 h1"></div>
+ 3 444 55555555 66666 777777777
+ </div>
+
+ <pre class="ahem">############
+#AA1 #
+#AA #
+#B222222222#
+#BCDEEF3 #
+# C EE444 #
+# C55555555#
+# C66666 #
+# C #
+#777777777 #
+# #
+############ <span>Control</span>
+</pre>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-138-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-138-ref.xht
new file mode 100644
index 0000000000..d23da7c7a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-138-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {color: navy;}
+
+ div + div {text-indent: 10em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be two lines below, the second indented some way across.</p>
+
+ <div>Line 1</div>
+
+ <div>Line 2</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-138.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-138.xht
new file mode 100644
index 0000000000..7d5746d1f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-138.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clearing a float with margins</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/038.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-138-ref.xht" />
+
+ <style type="text/css">
+ div { color: navy; }
+ .float { float: left; width: 8em; }
+ .indent { margin: 0 0 0 10em; }
+ .clear { clear: both; }
+ </style>
+ </head>
+ <body>
+ <p>There should be two lines below, the second indented some way across.</p>
+ <div class="float">Line 1</div>
+ <div class="indent">
+ <div class="clear">Line 2</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-139-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-139-ref.xht
new file mode 100644
index 0000000000..0b6c19c09e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-139-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>PASS</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-139.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-139.xht
new file mode 100644
index 0000000000..f130e44acf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-139.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats: Ultra basic test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/039.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-139-ref.xht" />
+
+ <style type="text/css">
+ span { float: left; }
+ </style>
+ </head>
+ <body>
+ <p><span>PA</span>SS</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-140.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-140.xht
new file mode 100644
index 0000000000..2537eb4c0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-140.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats: negative margin test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/040.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+
+ <style type="text/css">
+ p { margin-left: 5em; }
+ span { float: left; margin-left: -5em; width: 5em; text-align: right; }
+ </style>
+ </head>
+ <body>
+ <p><span>PA</span>SS</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-141-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-141-ref.xht
new file mode 100644
index 0000000000..e852244971
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-141-ref.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: blue;}
+
+ div#wrapper
+ {
+ border: none 0px;
+ display: inline-block;
+ margin: 0em;
+ padding: 0em;
+ }
+
+ div
+ {
+ border: solid thin;
+ margin: 0.2em;
+ padding: 0.2em;
+ }
+
+ div#A
+ {
+ color: fuchsia;
+ width: 12em;
+ }
+
+ div#B
+ {
+ color: orange;
+ display: inline-block;
+ width: 8em;
+ }
+
+ div#C
+ {
+ color: orange;
+ display: inline-block;
+ width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>C must not be above B.</p>
+
+ <div id="wrapper">
+ <div id="A">A</div>
+ <div id="B">B</div><div id="C">C</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-141.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-141.xht
new file mode 100644
index 0000000000..15fb41f757
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-141.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats: No higher than earlier floats</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/041.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-141-ref.xht" />
+
+ <style type="text/css">
+ p { color: blue; }
+ .container { width: 20em; }
+ .float { float: left; padding: 0.2em; margin: 0.2em; border: thin solid; }
+ .a { color: fuchsia; width: 12em; }
+ .b { color: orange; width: 8em; }
+ .c { color: orange; width: 4em; }
+ </style>
+ </head>
+ <body>
+ <p>C must not be above B.</p>
+ <div class="container">
+ <div class="float a">A</div>
+ <div class="float b">B</div>
+ <div class="float c">C</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-142-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-142-ref.xht
new file mode 100644
index 0000000000..c2ca05d300
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-142-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ color: green;
+ width: 10em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a short green bar with no text in it.</p>
+
+ <div>X</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-142.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-142.xht
new file mode 100644
index 0000000000..c64f889699
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-142.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats: negative margin test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/042.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-142-ref.xht" />
+
+ <style type="text/css">
+ div { background: green; }
+ div p { margin-left: 10em; background: white; color: white; }
+ div p span { float: left; margin-left: -8em; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a short green bar with no text in it.</p>
+ <div>
+ <p> FAIL <span></span> </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-143-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-143-ref.xht
new file mode 100644
index 0000000000..2fcdc134ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-143-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ /* Disable kerning because kerning may differ for different node tree. */
+ html { font-kerning: none; font-feature-settings: "kern" off; }
+ div
+ {
+ background-color: green;
+ color: white;
+ display: inline-block;
+ font: 900 2em/1 sans-serif;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a single green block with the word "PASS" below.</p>
+
+ <div>PASS</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-143.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-143.xht
new file mode 100644
index 0000000000..6eb7e7107e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-143.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Nested floats: Basic</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/043.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-143-ref.xht" />
+
+ <style type="text/css">
+ /* Disable kerning because kerning may differ for different node tree. */
+ html { font-kerning: none; font-feature-settings: "kern" off; }
+ .float { float: left; background: red; padding: 0; margin: 0; list-style: none; }
+ .text { font: 900 2em/1 sans-serif; background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a single green block with the word "PASS" below.</p>
+ <ul class="float">
+ <li class="float"> <span class="float text"> PA </span></li>
+ <li class="float"> <span class="float text"> SS </span></li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-144-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-144-ref.xht
new file mode 100644
index 0000000000..f39570e766
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-144-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>This line should be green (line 1).</div>
+
+ <div>This line should be green (line 2).</div>
+
+ <div>This line should be green (line 3).</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-144.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-144.xht
new file mode 100644
index 0000000000..89e33dc5dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-144.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats inside blocks</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/044.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-144-ref.xht" />
+
+ <style type="text/css">
+ p { float: left; color: green; margin: 0; }
+ div { background: red; clear: both; }
+ div.a { }
+ div.b { width: 30em; }
+ div.c { height: 0; }
+ </style>
+ </head>
+ <body>
+ <div class="a"><p>This line should be green (line 1).</p></div>
+ <div class="b"><p>This line should be green (line 2).</p></div>
+ <div class="c"><p>This line should be green (line 3).</p></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-145-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-145-ref.xht
new file mode 100644
index 0000000000..0cde7b4a4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-145-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ margin-top: 90px;
+ vertical-align: top;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue bar.</p>
+
+ <div><img src="support/swatch-blue.png" width="330" height="30" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
+
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-145.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-145.xht
new file mode 100644
index 0000000000..b5b5bf2c1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-145.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom margins on floats</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/045.html" type="text/html"/>
+ <link rel="bookmark" href="https://github.com/servo/servo/pull/10458#issuecomment-210204244" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/public-css-testsuite/2016Apr/0028.html" title="About floats-145" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-145-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ float: left;
+ font: 30px/3 Ahem; /* computes to 30px/90px */
+ }
+
+ span
+ {
+ background-color: white;
+ color: white;
+ float: left;
+ margin-bottom: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue bar.</p>
+
+ <div><span>Text sample</span></div>
+
+ </body>
+</html>
+
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-146-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-146-ref.xht
new file mode 100644
index 0000000000..63f25fa5bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-146-ref.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: blue;}
+
+ div {font-size: 20px;}
+
+ div#A
+ {
+ border: fuchsia solid 1px;
+ color: fuchsia;
+ margin: 20px 4px 4px 4px;
+ padding: 4px;
+ width: 240px;
+ }
+
+ span
+ {
+ border: orange solid 1px;
+ color: orange;
+ display: inline-block;
+ margin: 4px;
+ padding: 4px;
+ }
+
+ span#B
+ {
+ margin-right: 8px;
+ width: 280px;
+ }
+
+ span#C {width: 80px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>C must not be above B.</p>
+
+ <div id="A">A</div>
+
+ <div><span id="B">B</span><span id="C">C</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-146.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-146.xht
new file mode 100644
index 0000000000..9aa4be34f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-146.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats: No higher than earlier floats</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-05 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/046.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-146-ref.xht" />
+
+ <style type="text/css">
+ p { color: blue; }
+ .container { font-size: 20px; width: 20em; }
+ .float { padding: 0.2em; margin: 0.2em; border: 1px solid; }
+ .a { color: fuchsia; width: 12em; float: left; }
+ .b { color: orange; width: 14em; float: left; }
+ .c { color: orange; width: 4em; float: right; }
+ </style>
+ </head>
+ <body>
+ <p>C must not be above B.</p>
+ <div class="container">
+ <div class="float a">A</div>
+ <div class="float b">B</div>
+ <div class="float c">C</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-147-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-147-ref.xht
new file mode 100644
index 0000000000..a25459d5c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-147-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ border-color: orange;
+ border-style: none solid;
+ border-width: 1em;
+ height: 3em;
+ width: 14em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a single blue rectangle with a vertical orange stripe on each side.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-147.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-147.xht
new file mode 100644
index 0000000000..e75a7e84d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-147.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats: No more to the right than the right edge of the containing block</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/047-demo.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-147-ref.xht" />
+
+ <style type="text/css">
+ .outer { width: 15em; background: red; border-left: 1em solid orange; }
+ .container { width: 9em; margin-left: 4em; background: orange;
+ height: 1em; line-height: 1;
+ border: 1em transparent; border-style: none solid; }
+ .float { float: right; width: 14em; background: blue; color: blue; }
+ .control { width: 14em; height: 1em; background: blue;
+ border-left: 1em solid orange; border-right: 1em solid orange; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single blue rectangle with a vertical
+ orange stripe on each side.</p>
+ <div class="control"></div>
+ <div class="outer" dir="ltr">
+ <div class="container">
+ <div class="float">TEST-LTR</div>
+ </div>
+ </div>
+ <div class="outer" dir="rtl">
+ <div class="container">
+ <div class="float">TEST-RTL</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-149-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-149-ref.xht
new file mode 100644
index 0000000000..cd3b0c1df6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-149-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-spacing: 0px;
+ table-layout: fixed;
+ width: 100%;
+ }
+
+ td
+ {
+ padding: 0px;
+ vertical-align: top;
+ width: 50%;
+ }
+
+ div {background-color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <table>
+ <tr>
+ <td>There should be a green bar to the right: &#x21E8;</td>
+ <td><div>&nbsp;</div></td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-149.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-149.xht
new file mode 100644
index 0000000000..cae4266953
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-149.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty inlines being displaced by floats</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/049.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-149-ref.xht" />
+
+ <style type="text/css">
+ .block { display: block; background: green; }
+ .inline { display: inline; margin-left: 40px; }
+ span { float: left; width: 50%; background: white; }
+ </style>
+ </head>
+ <body>
+ <div class="block">
+ <div class="inline">
+ <span>There should be a green bar to the right: &#x21E8;</span>
+ <span></span> <!-- this float should be on the second "line" -->
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-150-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-150-ref.xht
new file mode 100644
index 0000000000..addea70a28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-150-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 3.5em 12.5em 3.5em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-150.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-150.xht
new file mode 100644
index 0000000000..69764388d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-150.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Positioning of floats in tables: auto-width floats with negative outer width</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/050.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-150-ref.xht" />
+
+ <style type="text/css">
+ body { padding: 2em 12em; }
+ td { padding: 0; background: red; }
+ div { float: right; margin-left: -10em; color: white; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <table>
+ <tr>
+ <td>
+ <div>FAIL</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-151.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-151.xht
new file mode 100644
index 0000000000..91f314c58b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-151.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Positioning of floats in tables: auto-width floats with negative outer width</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/051.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+
+ <style type="text/css">
+ td { padding: 2em 5em; }
+ div { float: right; margin-left: -10em; color: white; background: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the word PASS with a green background.</p>
+ <table>
+ <tr>
+ <td>
+ <div>PASS</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-152.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-152.xht
new file mode 100644
index 0000000000..42df8c1645
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-152.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Positioning of floats in tables: zero-width floats with negative outer width</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/052.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-150-ref.xht" />
+
+ <style type="text/css">
+ body { padding: 2em 12em; }
+ td { padding: 0; background: red; }
+ div { width: 0; float: right; margin-left: -10em; color: white; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <table>
+ <tr>
+ <td>
+ <div>FAIL</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-153-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-153-ref.xht
new file mode 100644
index 0000000000..dc4796eba0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-153-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: green;
+ display: inline;
+ left: 82px;
+ position: relative;
+ top: 34px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is the green word PASS.</p>
+
+ <div>PASS</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-153.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-153.xht
new file mode 100644
index 0000000000..67129c4da2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-153.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Positioning of floats in tables: zero-width floats with negative outer width</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/053.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-153-ref.xht" />
+
+ <style type="text/css">
+ td { padding: 2em 5em; }
+ div { width: 0; float: right; margin-left: -10em; color: green; background: red; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the green word PASS.</p>
+ <table>
+ <tr>
+ <td>
+ <div>PASS</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-154-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-154-ref.xht
new file mode 100644
index 0000000000..e15ec103a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-154-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 128px;
+ width: 128px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-154.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-154.xht
new file mode 100644
index 0000000000..5d704febdf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-154.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Stacking contexts of relatively positioned content inside floats</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/054.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-154-ref.xht" />
+
+ <style type="text/css">
+ body { font-size: 8em; }
+ p { font-size: medium; }
+ .float { float: left; height: 1em; width: 1em; margin-right: -1em; background: red; }
+ .relative { position: relative; height: 1em; width: 1em; background: green; }
+ .inline { color: red; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div class="float"><div class="relative"></div></div>
+ <div class="inline">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-bfc-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-bfc-001-ref.xht
new file mode 100644
index 0000000000..979298deab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-bfc-001-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 300px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a big filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-bfc-001.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-bfc-001.xht
new file mode 100644
index 0000000000..aa97aeed04
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-bfc-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats with overflow:hidden next to them</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/root-formatting-contexts/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-bfc-001-ref.xht" />
+
+ <style type="text/css">
+ .outer { background: red; height: 300px; width: 300px; }
+ .block { background: green; height: auto; width: 300px; }
+ .float { background: green; height: 150px; width: 150px; float: left; }
+ .overflow { background: green; height: 150px; width: 200px; overflow: hidden; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a big filled green square and <strong>no red</strong>.</p>
+ <div class="outer">
+ <div class="block">
+ <div class="float"></div>
+ <div class="overflow"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-bfc-002.xht b/testing/web-platform/tests/css/CSS2/floats-clear/floats-bfc-002.xht
new file mode 100644
index 0000000000..3292e3b650
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-bfc-002.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats with overflow:hidden next to them</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/root-formatting-contexts/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-bfc-001-ref.xht" />
+
+ <style type="text/css">
+ .outer { background: green; height: 300px; width: 300px; }
+ .block { background: red; height: auto; width: 300px; }
+ .float { background: green; height: 150px; width: 150px; float: left; }
+ .overflow { background: green; height: 150px; width: 150px; overflow: hidden; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a big filled green square and <strong>no red</strong>.</p>
+ <div class="outer">
+ <div class="block">
+ <div class="float"></div>
+ <div class="overflow"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-000-ref.html b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-000-ref.html
new file mode 100644
index 0000000000..90c2d6abcb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-000-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test Reference: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+<style type="text/css">
+.multicol {
+ margin: 1em;
+ border: solid silver;
+ width: 300px;
+ column-width: 100px;
+ column-gap: 0;
+ column-fill: auto;
+ height: 100px;
+}
+
+.container {
+ border: 15px aqua;
+ border-style: none solid;
+ height: 250px;
+}
+.clear {
+ border-bottom: solid orange;
+ background: red;
+}
+</style>
+
+<p>The orange line should be halfway down the third column
+(immediately after the end of the aqua lines).
+
+<div class="multicol">
+ <div class="container">
+ </div>
+ <div class="clear">
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-000.html b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-000.html
new file mode 100644
index 0000000000..3598a2f7ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-000.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#flow-control">
+<link rel="match" href="floats-clear-multicol-000-ref.html">
+
+<style type="text/css">
+.multicol {
+ margin: 1em;
+ border: solid silver;
+ width: 300px;
+ column-width: 100px;
+ column-gap: 0;
+ column-fill: auto;
+ height: 100px;
+}
+
+.float {
+ float: right;
+ width: 15px;
+ background: aqua;
+ height: 250px;
+}
+.L {
+ float: left;
+}
+
+.container {
+ width: 100%;
+ background: red;
+}
+
+.clear {
+ border-bottom: solid orange;
+}
+</style>
+
+<p>The orange line should be halfway down the third column
+(immediately after the end of the aqua lines).
+
+<div class="multicol">
+ <div class="container">
+ <div class="float L"></div>
+ <div class="float R"></div>
+ </div>
+ <div class="clear">
+ <br clear="all">
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-001.html b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-001.html
new file mode 100644
index 0000000000..dbcb3b557b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-001.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#flow-control">
+<link rel="match" href="floats-clear-multicol-000-ref.html">
+
+<style type="text/css">
+.multicol {
+ margin: 1em;
+ border: solid silver;
+ width: 300px;
+ column-width: 100px;
+ column-gap: 0;
+ column-fill: auto;
+ height: 100px;
+}
+
+.float {
+ float: right;
+ width: 15px;
+ background: aqua;
+ height: 250px;
+}
+.L {
+ float: left;
+}
+
+.container {
+ width: 100%;
+}
+
+.clear {
+ border-bottom: solid orange;
+ background: red;
+}
+</style>
+
+<p>The orange line should be halfway down the third column
+(immediately after the end of the aqua lines).
+
+<div class="multicol">
+ <div class="container">
+ <div class="float L"></div>
+ <div class="float R"></div>
+ <br clear="all">
+ </div>
+ <div class="clear">
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-002.html b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-002.html
new file mode 100644
index 0000000000..877ffed2c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-002.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#flow-control">
+<link rel="match" href="floats-clear-multicol-000-ref.html">
+
+<style type="text/css">
+.multicol {
+ margin: 1em;
+ border: solid silver;
+ width: 300px;
+ column-width: 100px;
+ column-gap: 0;
+ column-fill: auto;
+ height: 100px;
+}
+
+.float {
+ float: right;
+ width: 15px;
+ background: aqua;
+ height: 250px;
+}
+.L {
+ float: left;
+}
+
+.container {
+ width: 100%;
+ background: red;
+}
+
+.clear {
+ clear: left;
+ border-bottom: solid orange;
+ background: red;
+}
+</style>
+
+<p>The orange line should be halfway down the third column
+(immediately after the end of the aqua lines).
+
+<div class="multicol">
+ <div class="container">
+ <div class="float L"></div>
+ <div class="float R"></div>
+ </div>
+ <div class="clear"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-003.html b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-003.html
new file mode 100644
index 0000000000..3f951b67f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-003.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#flow-control">
+<link rel="match" href="floats-clear-multicol-000-ref.html">
+
+<style type="text/css">
+.multicol {
+ margin: 1em;
+ border: solid silver;
+ width: 300px;
+ column-width: 100px;
+ column-gap: 0;
+ column-fill: auto;
+ height: 100px;
+}
+
+.step {
+ height: 10px;
+ border: 15px aqua;
+ border-style: none solid;
+}
+.float {
+ float: right;
+ width: 15px;
+ background: aqua;
+ height: 240px;
+}
+.L {
+ float: left;
+}
+
+.container {
+ width: 100%;
+ background: red;
+}
+
+.clear {
+ clear: left;
+ height: 0;
+ background: red;
+}
+.bar {
+ border-bottom: orange solid;
+}
+</style>
+
+<p>The orange line should be halfway down the third column
+(immediately after the end of the aqua lines).
+
+<div class="multicol">
+ <div class="step"></div>
+ <div class="container">
+ <div class="float L"></div>
+ <div class="float R"></div>
+ </div>
+ <div class="clear"><div class="bar"></div></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-000-ref.html b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-000-ref.html
new file mode 100644
index 0000000000..e3b700c5d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-000-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test Reference: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
+<style type="text/css">
+.multicol {
+ margin: 1em;
+ border: solid silver;
+ width: 300px;
+ column-width: 100px;
+ column-gap: 0;
+ height: 100px;
+}
+
+.container {
+ border: 15px aqua;
+ border-style: none solid;
+ height: 250px;
+}
+.clear {
+ border-bottom: 5px solid orange;
+ background: red;
+}
+</style>
+
+<p>The orange line should be in the third column
+(immediately after the end of the aqua lines).
+
+<div class="multicol">
+ <div class="container">
+ </div>
+ <div class="clear">
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-000.html b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-000.html
new file mode 100644
index 0000000000..b034ceab49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-000.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#flow-control">
+<link rel="match" href="floats-clear-multicol-balancing-000-ref.html">
+
+<style type="text/css">
+.multicol {
+ margin: 1em;
+ border: solid silver;
+ width: 300px;
+ column-width: 100px;
+ column-gap: 0;
+ height: 100px;
+}
+
+.float {
+ float: right;
+ width: 15px;
+ background: aqua;
+ height: 250px;
+}
+.L {
+ float: left;
+}
+
+.container {
+ width: 100%;
+ background: red;
+}
+
+.clear {
+ border-bottom: 5px solid orange;
+}
+</style>
+
+<p>The orange line should be in the third column
+(immediately after the end of the aqua lines).
+
+<div class="multicol">
+ <div class="container">
+ <div class="float L"></div>
+ <div class="float R"></div>
+ </div>
+ <div class="clear">
+ <br clear="all">
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-001.html b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-001.html
new file mode 100644
index 0000000000..5944343c60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-001.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#flow-control">
+<link rel="match" href="floats-clear-multicol-balancing-000-ref.html">
+
+<style type="text/css">
+.multicol {
+ margin: 1em;
+ border: solid silver;
+ width: 300px;
+ column-width: 100px;
+ column-gap: 0;
+ height: 100px;
+}
+
+.float {
+ float: right;
+ width: 15px;
+ background: aqua;
+ height: 250px;
+}
+.L {
+ float: left;
+}
+
+.container {
+ width: 100%;
+}
+
+.clear {
+ border-bottom: 5px solid orange;
+ background: red;
+}
+</style>
+
+<p>The orange line should be in the third column
+(immediately after the end of the aqua lines).
+
+<div class="multicol">
+ <div class="container">
+ <div class="float L"></div>
+ <div class="float R"></div>
+ <br clear="all">
+ </div>
+ <div class="clear">
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-002.html b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-002.html
new file mode 100644
index 0000000000..99f86d1d45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-002.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#flow-control">
+<link rel="match" href="floats-clear-multicol-balancing-000-ref.html">
+
+<style type="text/css">
+.multicol {
+ margin: 1em;
+ border: solid silver;
+ width: 300px;
+ column-width: 100px;
+ column-gap: 0;
+ height: 100px;
+}
+
+.float {
+ float: right;
+ width: 15px;
+ background: aqua;
+ height: 250px;
+}
+.L {
+ float: left;
+}
+
+.container {
+ width: 100%;
+ background: red;
+}
+
+.clear {
+ clear: left;
+ border-bottom: 5px solid orange;
+ background: red;
+}
+</style>
+
+<p>The orange line should be in the third column
+(immediately after the end of the aqua lines).
+
+<div class="multicol">
+ <div class="container">
+ <div class="float L"></div>
+ <div class="float R"></div>
+ </div>
+ <div class="clear"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-003.html b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-003.html
new file mode 100644
index 0000000000..4bc32d833d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-003.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#flow-control">
+<link rel="match" href="floats-clear-multicol-balancing-000-ref.html">
+
+<style type="text/css">
+.multicol {
+ margin: 1em;
+ border: solid silver;
+ width: 300px;
+ column-width: 100px;
+ column-gap: 0;
+ height: 100px;
+}
+
+.step {
+ height: 10px;
+ border: 15px aqua;
+ border-style: none solid;
+}
+.float {
+ float: right;
+ width: 15px;
+ background: aqua;
+ height: 240px;
+}
+.L {
+ float: left;
+}
+
+.container {
+ width: 100%;
+ background: red;
+}
+
+.clear {
+ clear: left;
+ height: 0;
+ background: red;
+}
+.bar {
+ border-bottom: 5px orange solid;
+}
+</style>
+
+<p>The orange line should be in the third column
+(immediately after the end of the aqua lines).
+
+<div class="multicol">
+ <div class="step"></div>
+ <div class="container">
+ <div class="float L"></div>
+ <div class="float R"></div>
+ </div>
+ <div class="clear"><div class="bar"></div></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-018.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-018.xht
new file mode 100644
index 0000000000..f509ad1ac4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-018.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - element with clearance</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="clearance-006-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="An element that has clearance applied to it will not collapse its top margin with its parent's bottom margin." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-4em-space.png');
+ height: 6em
+ }
+ .class1
+ {
+ background: green;
+ height: 1em;
+ }
+ #div2
+ {
+ margin-bottom: 1em;
+ }
+ #div3
+ {
+ float: left;
+ height: 3em;
+ }
+ #div4
+ {
+ clear: both;
+ margin-top: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div id="div1">
+ <div class="class1"></div>
+ <div id="div2">
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ <div class="class1"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-023.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-023.xht
new file mode 100644
index 0000000000..e54c0a203f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-023.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - clearance applied to sibling</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="clearance-006-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="If an in-flow block-level sibling (#div4) has clearance applied to it, then it will not adjoin its top margin with the bottom margin of its previous in-flow sibling (#div2)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ #div3
+ {
+ float: left;
+ height: 3em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-4em-space.png');
+ height: 6em;
+ }
+ #div2
+ {
+ margin-bottom: 1em;
+ }
+ #div4
+ {
+ clear: both;
+ margin-top: 2em;
+ }
+ #div2, #div4
+ {
+ background: green;
+ height: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-024-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-024-ref.xht
new file mode 100644
index 0000000000..25ad3800be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-024-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 1.25em;
+ margin: 1em 0em 2.5em;
+ width: 6.25em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is no red.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-024.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-024.xht
new file mode 100644
index 0000000000..2d64922f61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-024.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - in-flow block-level margin adjoining child's margin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-024-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="When an in-flow block-level element (#div3) is adjoining its in-flow block-level child's top margin and the child has no top border, no top padding or no clearance applied to it, then such top margins collapse." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-2em-space.png');
+ height: 4em;
+ }
+ #div2, #div4
+ {
+ background: green;
+ height: 1em;
+ }
+ #div3
+ {
+ background: red;
+ }
+ #div3, #div4
+ {
+ margin-top: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">
+ <div id="div4"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-027.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-027.xht
new file mode 100644
index 0000000000..fd9a53bd52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-027.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - bottom margin not collapse when cleared</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="clearance-006-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="When a last sibling has clearance, its own margins collapse and it collapsed its margins with a subsequent sibling, the last sibling does not collapse its bottom margin with its parent's bottom margin." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-4em-space.png');
+ height: 6em;
+ }
+ #div2
+ {
+ margin-bottom: 2em;
+ }
+ #div3, #div5
+ {
+ margin-bottom: 1em;
+ }
+ #div3, #div6
+ {
+ background: green;
+ height: 1em;
+ }
+ #div4
+ {
+ float: left;
+ height: 1em;
+ }
+ #div5
+ {
+ clear: both;
+ margin-top: 1.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ <div id="div4"></div>
+ <div id="div5"></div>
+ </div>
+ <div id="div6"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-031-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-031-ref.xht
new file mode 100644
index 0000000000..d021e994bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-031-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ color: white;
+ margin-top: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>Test passes if there is <strong>no red</strong>.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-031.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-031.xht
new file mode 100644
index 0000000000..13e70e0b3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-031.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: margin collapsing - child has no clearance</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-031-ref.xht" />
+
+ <meta name="assert" content="The top margin of an in-flow block-level element is adjoining to its first in-flow block-level child's top margin if the element has no top border, no top padding, and the child has no clearance." />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: white;
+ margin: 8px;
+ }
+
+ div#parent-block-container
+ {
+ background-color: red;
+ margin: 0px;
+ width: 100%;
+ }
+
+ div#child-block
+ {
+ background-color: green;
+ color: white;
+ margin: 100px 0px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div id="parent-block-container">
+ <div id="child-block">
+ Test passes if there is <strong>no red</strong>.
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-033.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-033.xht
new file mode 100644
index 0000000000..a86d89c246
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-033.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: margin collapsing - clear</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Matt Bradley" href="http://www.inventpartners.com/content/contact" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+ <meta content="Margin-top of following siblings of a block on which 'clear' has been set (to a different value than 'none') must not be substracted when calculating clearance. When an element's own margins collapse, and that element has had clearance applied to it, its top margin collapses with the adjoining margins of following siblings." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#overlapping-green-container
+ {
+ background-color: green;
+ width: 100px;
+ }
+
+ div#floated-left
+ {
+ float: left;
+ height: 1px;
+ }
+
+ div#clear-left {clear: left;}
+
+ div#following-sibling {margin-top: 99px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red"></div>
+
+ <div id="overlapping-green-container">
+ <div id="floated-left"></div>
+
+ <div id="clear-left"></div>
+
+ <div id="following-sibling"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-034.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-034.xht
new file mode 100644
index 0000000000..2cc0d1df53
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-034.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: margin collapsing - clear</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Matt Bradley" href="http://www.inventpartners.com/content/contact" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+ <meta content="Margin-top of following siblings of a block on which 'clear' has been set (to a different value than 'none') must not be substracted when calculating clearance. When an element's own margins collapse, and that element has had clearance applied to it, its top margin collapses with the adjoining margins of following siblings." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#overlapping-green-container
+ {
+ background-color: green;
+ width: 100px;
+ }
+
+ div#floated-right
+ {
+ float: right;
+ height: 1px;
+ }
+
+ div#clear-right {clear: right;}
+
+ div#following-sibling {margin-top: 99px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red"></div>
+
+ <div id="overlapping-green-container">
+ <div id="floated-right"></div>
+
+ <div id="clear-right"></div>
+
+ <div id="following-sibling"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-035.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-035.xht
new file mode 100644
index 0000000000..16168971c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-035.xht
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: margin collapsing - clear</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Matt Bradley" href="http://www.inventpartners.com/content/contact" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+ <meta content="Margin-top of following siblings of a block on which 'clear' has been set (to a different value than 'none') must not be substracted when calculating clearance. When an element's own margins collapse, and that element has had clearance applied to it, its top margin collapses with the adjoining margins of following siblings." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#overlapping-green-container
+ {
+ background-color: green;
+ width: 100px;
+ }
+
+ div#floated-left
+ {
+ float: left;
+ height: 1px;
+ }
+
+ div#floated-right
+ {
+ float: right;
+ height: 1px;
+ }
+
+ div#clear-both {clear: both;}
+
+ div#following-sibling {margin-top: 99px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red"></div>
+
+ <div id="overlapping-green-container">
+ <div id="floated-left"></div>
+
+ <div id="floated-right"></div>
+
+ <div id="clear-both"></div>
+
+ <div id="following-sibling"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-121-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-121-ref.xht
new file mode 100644
index 0000000000..f74b1e6dd1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-121-ref.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border: black solid medium;
+ border-spacing: 0px;
+ display: inline-table;
+ margin: 1em 0em auto 1em;
+ }
+
+ td {padding: 0px;}
+
+ td.square { height: 4em; width: 4em; }
+ td.rectangle { height: 4em; width: 8em; }
+ td.lime { background-color: lime; }
+ td.aqua { background-color: aqua; }
+ td.yellow { background-color: yellow; }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The following two squares should be identical.</p>
+
+ <table>
+ <tr>
+ <td class="square aqua"></td>
+ <td class="square lime"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="rectangle yellow"></td>
+ </tr>
+ </table><table>
+ <tr>
+ <td class="square aqua"></td>
+ <td class="square lime"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="rectangle yellow"></td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-121.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-121.xht
new file mode 100644
index 0000000000..8b6141ea37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-121.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: clear (control: no margins)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/021.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-121-ref.xht" />
+
+ <style type="text/css">
+ table, td { padding: 0; border-spacing: 0; }
+ .comparator { border-spacing: 1em; }
+ .test, .control { border: solid; background: red; }
+ .test .container { display: block; margin: 0; width: 8em; background: lime; }
+ .test .float { float: left; margin: 0; height: 4em; width: 4em; background: aqua; }
+ .test .clear { clear: left; display: block; border: 2em solid yellow; margin: 0; }
+ .control .square { height: 4em; width: 4em; }
+ .control .rectangle { height: 4em; width: 8em; }
+ .control .lime { background: lime; }
+ .control .aqua { background: aqua; }
+ .control .yellow { background: yellow; }
+ </style>
+ </head>
+ <body>
+ <p>The following two squares should be identical.</p>
+ <table class="comparator">
+ <tr>
+ <td class="test">
+ <div class="container">
+ <div class="float"> </div>
+ <div class="clear"> </div>
+ </div>
+ </td>
+ <td class="control">
+ <table>
+ <tr>
+ <td class="square aqua"></td>
+ <td class="square lime"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="rectangle yellow"></td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-122.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-122.xht
new file mode 100644
index 0000000000..17081a2cfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-122.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: clear (simple)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/022.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-121-ref.xht" />
+
+ <style type="text/css">
+ table, td { padding: 0; border-spacing: 0; vertical-align: top; }
+ .comparator { border-spacing: 1em; }
+ .test, .control { border: solid; background: red; }
+ .test .container { display: block; margin: 0; width: 8em; background: lime; }
+ .test .float { float: left; margin: 0; height: 4em; width: 4em; background: aqua; }
+ .test .clear { clear: left; display: block; border: 2em solid yellow; margin-top: 1em; }
+ .control .square { height: 4em; width: 4em; }
+ .control .rectangle { height: 4em; width: 8em; }
+ .control .lime { background: lime; }
+ .control .aqua { background: aqua; }
+ .control .yellow { background: yellow; }
+ </style>
+ </head>
+ <body>
+ <p>The following two squares should be identical.</p>
+ <table class="comparator">
+ <tr>
+ <td class="test">
+ <div class="container">
+ <div class="float"> </div>
+ <div class="clear"> </div>
+ </div>
+ </td>
+ <td class="control">
+ <table>
+ <tr>
+ <td class="square aqua"></td>
+ <td class="square lime"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="rectangle yellow"></td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-123-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-123-ref.xht
new file mode 100644
index 0000000000..80dc48a178
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-123-ref.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ background-color: orange;
+ border: black solid medium;
+ border-spacing: 0px;
+ display: inline-table;
+ margin: 1em 0em auto 1em;
+ }
+
+ td
+ {
+ height: 2em;
+ padding: 0px;
+ width: 3em;
+ }
+
+ td.yellow {background-color: yellow;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The following two rectangles should be identical.</p>
+
+ <table>
+ <tr>
+ <td></td>
+ <td class="yellow"></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ </tr>
+ </table><table>
+ <tr>
+ <td></td>
+ <td class="yellow"></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-123.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-123.xht
new file mode 100644
index 0000000000..db83b34178
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-123.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: clear (with nearby collapse-through block)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/023.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-123-ref.xht" />
+
+ <style type="text/css">
+ table, td { padding: 0; border-spacing: 0; }
+ .comparator { border-spacing: 1em; }
+ .test, .control { background: red; }
+ .test .container { display: block; margin: 0; width: 6em; background: yellow; border: solid; }
+ .test .float { float: left; margin: 0; height: 2em; width: 3em; background: orange; }
+ .test .empty { display: block; background: red; margin: 2em 0; }
+ .test .clear { clear: left; display: block; border-top: 2em solid orange; margin-top: 1em; }
+ .control table { border: solid; }
+ .control .square { height: 2em; width: 3em; }
+ .control .thin { height: 2em; width: 6em; }
+ .control .thick { height: 2em; width: 6em; }
+ .control .yellow { background: yellow; }
+ .control .orange { background: orange; }
+ </style>
+ </head>
+ <body>
+ <p>The following two rectangles should be identical.</p>
+ <table class="comparator">
+ <tr>
+ <td class="test">
+ <div class="container">
+ <div class="float"> </div>
+ <div class="empty"> </div>
+ <div class="clear"> </div>
+ </div>
+ </td>
+ <td class="control">
+ <table>
+ <tr>
+ <td class="square orange"></td>
+ <td class="square yellow"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="thin orange"></td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-125-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-125-ref.xht
new file mode 100644
index 0000000000..10e21f49fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-125-ref.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border: black solid medium;
+ border-spacing: 0px;
+ display: inline-table;
+ margin: 1em 0em auto 1em;
+ }
+
+ td {padding: 0px;}
+
+ td.square { height: 4em; width: 4em; }
+ td.rectangle { height: 2em; width: 8em; }
+ td.lime { background-color: lime; }
+ td.aqua { background-color: aqua; }
+ td.yellow { background-color: yellow; }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The following two rectangles should be identical.</p>
+
+ <table>
+ <tr>
+ <td class="square aqua"></td>
+ <td class="square lime"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="rectangle yellow"></td>
+ </tr>
+ </table><table>
+ <tr>
+ <td class="square aqua"></td>
+ <td class="square lime"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="rectangle yellow"></td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-125.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-125.xht
new file mode 100644
index 0000000000..42b39e5f9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-125.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: clear (on a self-collapsing block with a margin)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/025.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-125-ref.xht" />
+
+ <style type="text/css">
+ table, td { padding: 0; border-spacing: 0; vertical-align: top; }
+ .comparator { border-spacing: 1em; }
+ .test, .control { border: solid; background: red; }
+ .test .container { display: block; margin: 0; width: 8em; background: lime; }
+ .test .float { float: left; margin: 0; height: 4em; width: 4em; background: aqua; }
+ .test .clear { clear: left; display: block; background: red; margin: 2em 0; }
+ .test .block { display: block; margin: 1em 0 0; border-top: 2em solid yellow; }
+ .control .square { height: 4em; width: 4em; }
+ .control .rectangle { height: 2em; width: 8em; }
+ .control .lime { background: lime; }
+ .control .aqua { background: aqua; }
+ .control .yellow { background: yellow; }
+ </style>
+ </head>
+ <body>
+ <p>The following two rectangles should be identical.</p>
+ <table class="comparator">
+ <tr>
+ <td class="test">
+ <div class="container">
+ <div class="float"> </div>
+ <div class="clear"> </div>
+ <div class="block"> </div>
+ </div>
+ </td>
+ <td class="control">
+ <table>
+ <tr>
+ <td class="square aqua"></td>
+ <td class="square lime"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="rectangle yellow"></td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-134-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-134-ref.xht
new file mode 100644
index 0000000000..53eb9830af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-134-ref.xht
@@ -0,0 +1,67 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border: black solid medium;
+ border-spacing: 0px;
+ display: inline-table;
+ margin: 1em 0em auto 1em;
+ }
+
+ td {height: 1em; width: 8em; padding: 0px;}
+
+ .lime { background-color: lime; }
+ .yellow { background-color: yellow; }
+ .green { background-color: green; }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The following three rectangles should be identical, with no red present.</p>
+
+ <div><table>
+ <tr>
+ <td class="lime"></td>
+ </tr>
+ <tr>
+ <td class="yellow"></td>
+ </tr>
+ <tr>
+ <td class="green"></td>
+ </tr>
+ </table><table>
+ <tr>
+ <td class="lime"></td>
+ </tr>
+ <tr>
+ <td class="yellow"></td>
+ </tr>
+ <tr>
+ <td class="green"></td>
+ </tr>
+ </table></div>
+
+ <table>
+ <tr>
+ <td class="lime"></td>
+ </tr>
+ <tr>
+ <td class="yellow"></td>
+ </tr>
+ <tr>
+ <td class="green"></td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-134.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-134.xht
new file mode 100644
index 0000000000..a777b655ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-134.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: clear with no floats</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/034.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-134-ref.xht" />
+
+ <style type="text/css">
+ table, td { padding: 0; border-spacing: 0; }
+ .comparator { border-spacing: 1em; }
+ .test, .control { border: solid; background: red; }
+
+ .test .container { display: block; background: yellow; margin: 0; width: 8em; }
+ .test .block { display: block; border-top: 1em solid lime; margin: 0 0 0 0; }
+ .test .clear { display: block; border-top: 1em solid green; margin: 1em 0 0 0; clear: right; }
+
+ .control .lime { background: lime; height: 1em; width: 8em; }
+ .control .yellow { background: yellow; height: 1em; width: 8em; }
+ .control .green { background: green; height: 1em; width: 8em; }
+
+ </style>
+ </head>
+ <body>
+ <p>The following three rectangles should be identical, with no red present.</p>
+ <table class="comparator">
+ <tr>
+ <td class="test">
+ <div class="container">
+ <div class="block"> </div>
+ <div class="clear"> </div>
+ </div>
+ </td>
+ <td class="control">
+ <div class="lime"> </div>
+ <div class="yellow"> </div>
+ <div class="green"> </div>
+ </td>
+ </tr>
+ <tr>
+ <td class="control">
+ <div class="lime"> </div>
+ <div class="yellow"> </div>
+ <div class="green"> </div>
+ </td>
+ <td></td>
+ </tr>
+ </table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-135-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-135-ref.xht
new file mode 100644
index 0000000000..d13dc5a088
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-135-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border: lime solid 1em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-135.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-135.xht
new file mode 100644
index 0000000000..85647a02a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-135.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: negative margins with clear</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/035.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-135-ref.xht" />
+
+ <style type="text/css">
+ .container { background: red; height: auto; border: 1em lime solid; }
+ div { clear: both; }
+ .a { margin-top: 1em; margin-bottom: 1em; }
+ .b { margin-top: 1em; margin-bottom: 1em; }
+ .c { margin-top: 1em; margin-bottom: 1em; }
+ .d { margin-top: 1em; margin-bottom: 1em; }
+ .e { margin-top: 1em; margin-bottom: -1em; }
+ .f { margin-top: 1em; margin-bottom: 1em; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div class="container">
+ <div class="a">
+ <div class="b"> </div>
+ <div class="c"> </div>
+ </div>
+ <div class="d">
+ <div class="e"> </div>
+ <div class="f"> </div>
+ </div>
+ </div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-142-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-142-ref.xht
new file mode 100644
index 0000000000..faccb46814
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-142-ref.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border: black solid medium;
+ border-spacing: 0px;
+ display: inline-table;
+ margin: 1em 0em auto 1em;
+ }
+
+ td {padding: 0px;}
+
+ td.square { height: 4em; width: 4em; }
+ td.rectangle { height: 4em; width: 8em; }
+ td.lime { background-color: lime; }
+ td.aqua { background-color: aqua; }
+ td.yellow { background-color: yellow; }
+ td.palegreen { background-color: #AFA; }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 identical tall rectangles and <strong>no red</strong>.</p>
+
+ <table>
+ <tr>
+ <td class="square aqua"></td>
+ <td class="square lime"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="rectangle yellow"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="rectangle lime"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="rectangle palegreen"></td>
+ </tr>
+ </table><table>
+ <tr>
+ <td class="square aqua"></td>
+ <td class="square lime"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="rectangle yellow"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="rectangle lime"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="rectangle palegreen"></td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-142.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-142.xht
new file mode 100644
index 0000000000..07fdd758a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-142.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: clear (hard)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/042.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-142-ref.xht" />
+
+ <style type="text/css">
+ table, td { padding: 0; border-spacing: 0; vertical-align: top; }
+ .comparator { border-spacing: 1em; }
+ .test, .control { border: solid; background: red; }
+ .test .container { display: block; margin: 0; width: 8em; background: lime; }
+ .test .float { float: left; margin: 0; height: 4em; width: 4em; background: aqua; }
+ .test .clear { clear: left; display: block; background: yellow; margin: 4em 0; height: 4em; }
+ .test .block { display: block; margin: 1em 0 0; border: 2em solid #AAFFAA; }
+ .control .square { height: 4em; width: 4em; }
+ .control .rectangle { height: 4em; width: 8em; }
+ .control .AAFFAA { background: #AAFFAA; }
+ .control .lime { background: lime; }
+ .control .aqua { background: aqua; }
+ .control .yellow { background: yellow; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 identical tall rectangles and <strong>no red</strong>.</p>
+ <table class="comparator">
+ <tr>
+ <td class="test">
+ <div class="container">
+ <div class="float"> </div>
+ <div class="clear"> </div>
+ <div class="block"> </div>
+ </div>
+ </td>
+ <td class="control">
+ <table>
+ <tr>
+ <td class="square aqua"></td>
+ <td class="square lime"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="rectangle yellow"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="rectangle lime"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="rectangle AAFFAA"></td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-157-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-157-ref.xht
new file mode 100644
index 0000000000..1a782b0ad9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-157-ref.xht
@@ -0,0 +1,82 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div.lime
+ {
+ background-color: lime;
+ border: black solid medium;
+ width: 8em;
+ }
+
+ div.aqua
+ {
+ background-color: aqua;
+ height: 4em;
+ width: 4em;
+ }
+
+ div.yellow
+ {
+ background-color: yellow;
+ height: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 6 identical squares and <strong>no red</strong>.</p>
+
+ <table>
+ <tr>
+ <td>
+ <div class="lime">
+ <div class="aqua"></div>
+ <div class="yellow"></div>
+ </div>
+ </td>
+ <td>
+ <div class="lime">
+ <div class="aqua"></div>
+ <div class="yellow"></div>
+ </div>
+ </td>
+ <td>
+ <div class="lime">
+ <div class="aqua"></div>
+ <div class="yellow"></div>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div class="lime">
+ <div class="aqua"></div>
+ <div class="yellow"></div>
+ </div>
+ </td>
+ <td>
+ <div class="lime">
+ <div class="aqua"></div>
+ <div class="yellow"></div>
+ </div>
+ </td>
+ <td>
+ <div class="lime">
+ <div class="aqua"></div>
+ <div class="yellow"></div>
+ </div>
+ </td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-157.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-157.xht
new file mode 100644
index 0000000000..ab3ca14b17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-157.xht
@@ -0,0 +1,79 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<!-- This is similar to tests 022 and 023 --><head>
+ <title>CSS Test: Margin Collapsing: clear (varying margins)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/057.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-157-ref.xht" />
+
+ <style type="text/css">
+ .test { border: solid; background: red; width: 8em; }
+ .container { background: lime; }
+ .float { float: left; height: 4em; width: 4em; background: aqua; }
+ .empty { margin: 1em; background: red; }
+ .clear { clear: left; border-bottom: 4em solid yellow; background: red; }
+ .a .clear { margin-top: 0em; }
+ .b .clear { margin-top: 1em; }
+ .c .clear { margin-top: 2em; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 6 identical squares and <strong>no red</strong>.</p>
+ <table>
+ <tr>
+ <td>
+ <div class="test a">
+ <div class="container">
+ <div class="float"> </div>
+ <div class="clear"> </div>
+ </div>
+ </div>
+ </td>
+ <td>
+ <div class="test b">
+ <div class="container">
+ <div class="float"> </div>
+ <div class="clear"> </div>
+ </div>
+ </div>
+ </td>
+ <td>
+ <div class="test c">
+ <div class="container">
+ <div class="float"> </div>
+ <div class="clear"> </div>
+ </div>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div class="test a">
+ <div class="container">
+ <div class="float"> </div>
+ <div class="clear"> <div class="empty"> </div> </div>
+ </div>
+ </div>
+ </td>
+ <td>
+ <div class="test b">
+ <div class="container">
+ <div class="float"> </div>
+ <div class="clear"> <div class="empty"> </div> </div>
+ </div>
+ </div>
+ </td>
+ <td>
+ <div class="test c">
+ <div class="container">
+ <div class="float"> </div>
+ <div class="clear"> <div class="empty"> </div> </div>
+ </div>
+ </div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-158-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-158-ref.xht
new file mode 100644
index 0000000000..4608e118e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-158-ref.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ background-color: orange;
+ border: black solid medium;
+ border-spacing: 0px;
+ display: inline-table;
+ margin: 1em 0em auto 1em;
+ }
+
+ td
+ {
+ height: 2em;
+ padding: 0px;
+ width: 3em;
+ }
+
+ td.yellow {background-color: yellow;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 squares are identical.</p>
+
+ <table>
+ <tr>
+ <td class="yellow"></td>
+ <td class="yellow"></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td class="yellow"></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ </tr>
+ </table><table>
+ <tr>
+ <td class="yellow"></td>
+ <td class="yellow"></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td class="yellow"></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-158.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-158.xht
new file mode 100644
index 0000000000..31a0a9f655
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-158.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<!-- variant of 023 --><head>
+ <title>CSS Test: Margin Collapsing: clear (with nearby collapse-through block)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/058.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-158-ref.xht" />
+
+ <style type="text/css">
+ table, td { padding: 0; border-spacing: 0; }
+ .comparator { border-spacing: 1em; }
+ .test, .control { background: red; }
+ .test .container { display: block; margin: 0; width: 6em; background: yellow; border: solid; }
+ .test .float { float: left; margin: 0; height: 2em; width: 3em; background: orange; }
+ .test .empty { display: block; background: red; margin: 2em 0; }
+ .test .clear { clear: left; display: block; border-top: 2em solid orange; margin-top: 1em; }
+ .control table { border: solid; }
+ .control .square { height: 2em; width: 3em; }
+ .control .thin { height: 2em; width: 6em; }
+ .control .thick { height: 2em; width: 6em; }
+ .control .yellow { background: yellow; }
+ .control .orange { background: orange; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 squares are identical.</p>
+ <table class="comparator">
+ <tr>
+ <td class="test">
+ <div class="container">
+ <div class="empty"> </div>
+ <div class="float"> </div>
+ <div class="empty"> </div>
+ <div class="clear"> </div>
+ </div>
+ </td>
+ <td class="control">
+ <table>
+ <tr>
+ <td colspan="2" class="thick yellow"></td>
+ </tr>
+ <tr>
+ <td class="square orange"></td>
+ <td class="square yellow"></td>
+ </tr>
+ <tr>
+ <td colspan="2" class="thin orange"></td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-164.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-164.xht
new file mode 100644
index 0000000000..ad076eeddf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-164.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margins on cleared blocks that contain floats</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/064.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+
+ <style type="text/css">
+ .outer { margin: 1em; background: red; height: 4.5em; }
+ .border { border: solid; width: 10em; }
+ .box { margin: 0; background: yellow; }
+ .float { margin: 0; width: 5em; height: 1.5em; background: orange; float: right; }
+ .clear { margin-top: 3em; height: 1.5em; background: aqua; clear: both; }
+ .control { border: solid; width: 10em; background: yellow; margin: 1em; }
+ .control .a { margin: 0 0 0 auto; width: 5em; height: 1.5em; background: orange; }
+ .control .b { margin-top: 1.5em; height: 1.5em; background: aqua; }
+ </style>
+ </head>
+ <body>
+ <p>The following two boxes should be identical, with no red present.</p>
+ <div class="outer border">
+ <div class="box">
+ <div class="float">TEST</div>
+ <div class="clear">TEST</div>
+ </div>
+ </div>
+ <div class="control">
+ <div class="a">TEST</div>
+ <div class="b">TEST</div>
+ </div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-165-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-165-ref.xht
new file mode 100644
index 0000000000..4007bfae5a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-165-ref.xht
@@ -0,0 +1,75 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ td {padding: 0;}
+
+ div.control
+ {
+ background-color: yellow;
+ border: black solid medium;
+ width: 7em;
+ }
+
+ div.a
+ {
+ background-color: aqua;
+ height: 1.5em;
+ margin: 0 0 0 auto;
+ width: 4em;
+ }
+
+ div.b {height: 0.5em;}
+
+ div.c {background-color: orange;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>4 identical rectangles</strong> and no red.</p>
+
+ <table>
+ <tr>
+ <td>
+ <div class="control">
+ <div class="a">TEST</div>
+ <div class="b"></div>
+ <div class="c">TEST</div>
+ </div>
+ </td>
+ <td>
+ <div class="control">
+ <div class="a">TEST</div>
+ <div class="b"></div>
+ <div class="c">TEST</div>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div class="control">
+ <div class="a">TEST</div>
+ <div class="b"></div>
+ <div class="c">TEST</div>
+ </div>
+ </td>
+ <td>
+ <div class="control">
+ <div class="a">TEST</div>
+ <div class="b"></div>
+ <div class="c">TEST</div>
+ </div>
+ </td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-165.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-165.xht
new file mode 100644
index 0000000000..14a7ccd5f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-165.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margins on cleared blocks that contain floats</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/065.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-165-ref.xht" />
+
+ <style type="text/css">
+ td { padding: 0; background: red; }
+ .border { border: solid; width: 7em; }
+ .box { margin: 0; background: yellow; }
+ .float { margin: 0; width: 4em; height: 1.5em; background: aqua; float: right; }
+ .clear { margin: 2em 0 0 0; background: orange; clear: both; }
+ .control { border: solid; width: 7em; background: yellow; }
+ .control .a { margin: 0 0 0 auto; width: 4em; height: 1.5em; background: aqua; }
+ .control .b { height: 0.5em; }
+ .control .c { background: orange; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are <strong>4 identical rectangles</strong> and no red.</p>
+ <table>
+ <tr>
+ <td>
+ <div class="outer">
+ <div class="box border">
+ <div class="float">TEST</div>
+ <div class="clear">TEST</div>
+ </div>
+ </div>
+ </td>
+ <td>
+ <div class="control">
+ <div class="a">TEST</div>
+ <div class="b"></div>
+ <div class="c">TEST</div>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div class="control">
+ <div class="a">TEST</div>
+ <div class="b"></div>
+ <div class="c">TEST</div>
+ </div>
+ </td>
+ <td>
+ <div class="control">
+ <div class="a">TEST</div>
+ <div class="b"></div>
+ <div class="c">TEST</div>
+ </div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-166.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-166.xht
new file mode 100644
index 0000000000..7bbd95db7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-166.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margins on cleared blocks that contain floats, with dynamic border changes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/066.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-165-ref.xht" />
+
+ <style type="text/css">
+ td { padding: 0; background: red; }
+ .border { width: 7em; /* border: solid; added by script at bottom of test */ }
+ .box { margin: 0; background: yellow; }
+ .float { margin: 0; width: 4em; height: 1.5em; background: aqua; float: right; }
+ .clear { margin: 2em 0 0 0; background: orange; clear: both; }
+ .control { border: solid; width: 7em; background: yellow; }
+ .control .a { margin: 0 0 0 auto; width: 4em; height: 1.5em; background: aqua; }
+ .control .b { height: 0.5em; }
+ .control .c { background: orange; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are <strong>4 identical rectangles</strong> and no red.</p>
+ <table>
+ <tr>
+ <td>
+ <div class="outer">
+ <div id="test" class="box border">
+ <div class="float">TEST</div>
+ <div class="clear">TEST</div>
+ </div>
+ </div>
+ </td>
+ <td>
+ <div class="control">
+ <div class="a">TEST</div>
+ <div class="b"></div>
+ <div class="c">TEST</div>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div class="control">
+ <div class="a">TEST</div>
+ <div class="b"></div>
+ <div class="c">TEST</div>
+ </div>
+ </td>
+ <td>
+ <div class="control">
+ <div class="a">TEST</div>
+ <div class="b"></div>
+ <div class="c">TEST</div>
+ </div>
+ </td>
+ </tr>
+ </table>
+ <script type="text/javascript">
+ var x = document.getElementById('test');
+ x.clientHeight; // force reflow
+ x.style.border = "solid"; // did reflow happen?
+ </script>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-002-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-002-ref.xht
new file mode 100644
index 0000000000..ebb55af7cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-002-ref.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: separate;
+ border-spacing: 0px;
+ }
+
+ td#first-column {padding: 0px 4px 0px 6px;}
+
+ td#second-column
+ {
+ border: black solid thin;
+ padding: 0px;
+ width: 150px;
+ }
+
+ div {height: 50px;}
+
+ div.sliver-yellow {border-left: yellow solid 10px;}
+
+ div.sliver-aqua
+ {
+ border-left: 5px solid aqua;
+ height: 20px;
+ }
+
+ div.sliver-orange {border-left: orange solid 10px;}
+
+ div.yellow {background-color: yellow;}
+
+ div.aqua
+ {
+ background-color: aqua;
+ height: 20px;
+ width: 20px;
+ }
+
+ div.orange {background-color: orange;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The coloured bars on the left should match the coloured boxes in the black box.</p>
+
+ <table>
+ <tr>
+ <td id="first-column">
+ <div class="sliver-yellow"></div>
+ <div><div class="sliver-aqua"></div></div>
+ <div class="sliver-orange"></div>
+ </td>
+ <td id="second-column">
+ <div class="yellow">A</div>
+ <div><div class="aqua">B</div></div>
+ <div class="orange">C</div>
+ </td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-002.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-002.xht
new file mode 100644
index 0000000000..c9fd8961d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-002.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin Collapsing with Clearance</title>
+ <link rel="author" title="Microsoft" href="http://microsoft.com/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-clear-002-ref.xht" />
+
+ <style type="text/css">
+ div.target1 { position: absolute; left: -15px; height: 50px; width: 0; border-left: 10px solid yellow; top: 0px; }
+ div.target2 { position: absolute; left: -15px; height: 20px; width: 0; border-left: 5px solid aqua; top: 50px; }
+ div.target3 { position: absolute; left: -15px; height: 50px; width: 0; border-left: 10px solid orange; top: 100px; }
+ div.container { width: 150px; position: relative; margin-left: 20px; border: solid thin; }
+ div.box1 { height: 50px; background-color: yellow; }
+ div.box2 { background-color: aqua; float: left; width: 20px; height: 20px; }
+ div.box3 { clear: left; margin-top: 50px; height: 50px; background-color: orange; }
+ </style>
+ </head>
+ <body>
+ <p>The coloured bars on the left should match the coloured boxes in the black box.</p>
+ <div class="container">
+ <div class="target1"></div>
+ <div class="target2"></div>
+ <div class="target3"></div>
+ <div class="box1">A</div>
+ <div class="box2">B</div>
+ <div class="box3">C</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-003-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-003-ref.xht
new file mode 100644
index 0000000000..7c23b6b340
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-003-ref.xht
@@ -0,0 +1,86 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: separate;
+ border-spacing: 0px;
+ }
+
+ td#first-column {padding: 0px 4px 0px 6px;}
+
+ td#second-column
+ {
+ border: black solid thin;
+ padding: 0px;
+ width: 150px;
+ }
+
+ div {height: 50px;}
+
+ div.sliver-yellow {border-left: yellow solid 10px;}
+
+ div.sliver-aqua
+ {
+ border-left: 5px solid aqua;
+ height: 20px;
+ }
+
+ div.mid-container {height: 60px;}
+
+ div.white
+ {
+ border-left: 5px solid white;
+ height: 40px;
+ }
+
+ div.sliver-orange {border-left: orange solid 10px;}
+
+ div.yellow {background-color: yellow;}
+
+ div.aqua
+ {
+ background-color: aqua;
+ height: 20px;
+ width: 20px;
+ }
+
+ div.orange {background-color: orange;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The coloured bars on the left should match the coloured boxes in the black box.</p>
+
+ <table>
+ <tr>
+ <td id="first-column">
+ <div class="sliver-yellow"></div>
+ <div class="mid-container">
+ <div class="white"></div>
+ <div class="sliver-aqua"></div>
+ </div>
+ <div class="sliver-orange"></div>
+ </td>
+ <td id="second-column">
+ <div class="yellow">A</div>
+ <div class="mid-container">
+ <div class="white"></div>
+ <div class="aqua">B</div>
+ </div>
+ <div class="orange">C</div>
+ </td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-003.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-003.xht
new file mode 100644
index 0000000000..f789279aa9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-003.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin Collapsing with Clearance</title>
+ <link rel="author" title="Microsoft" href="http://microsoft.com/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-clear-003-ref.xht" />
+
+ <style type="text/css">
+ div.target1 { position: absolute; left: -15px; height: 50px; width: 0; border-left: 10px solid yellow; top: 0px; }
+ div.target2 { position: absolute; left: -15px; height: 20px; width: 0; border-left: 5px solid aqua; top: 90px; }
+ div.target3 { position: absolute; left: -15px; height: 50px; width: 0; border-left: 10px solid orange; top: 110px; }
+ div.container { width: 150px; position: relative; margin-left: 20px; border: solid thin; }
+ div.box1 { height: 50px; margin-bottom: 40px; background-color: yellow; }
+ div.box2 { background-color: aqua; float: left; width: 20px; height: 20px; }
+ div.box3 { clear: left; margin-top: 50px; height: 50px; background-color: orange; }
+ </style>
+ </head>
+ <body>
+ <p>The coloured bars on the left should match the coloured boxes in the black box.</p>
+ <div class="container">
+ <div class="target1"></div>
+ <div class="target2"></div>
+ <div class="target3"></div>
+ <div class="box1">A</div>
+ <div class="box2">B</div>
+ <div class="box3">C</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-005.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-005.xht
new file mode 100644
index 0000000000..d686922da4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-005.xht
@@ -0,0 +1,104 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin Collapsing with Clearance</title>
+ <link rel="author" title="Microsoft" href="http://microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <meta name="flags" content="may" />
+ <style type="text/css">
+ .target1, .target2, .target3, .target4, .target5, .target6, .target7
+ {
+ position: absolute;
+ width: 0;
+ }
+ .target1, .target2, .target3, .target4
+ {
+ left: -155px;
+ }
+ .target5, .target6, .target7
+ {
+ left: 155px;
+ }
+ .target1, .target5
+ {
+ border-left: 150px solid yellow;
+ height: 50px;
+ top: 0px;
+ }
+ .target2, .target6
+ {
+ border-left: 20px solid aqua;
+ border-right: 130px solid silver;
+ height: 20px;
+ top: 50px;
+ }
+ .target3, .target7
+ {
+ border-left: 140px solid orange;
+ border-right: 10px solid silver;
+ height: 50px;
+ top: 100px;
+ }
+ .target4
+ {
+ border-left: 150px solid silver;
+ height: 30px;
+ top: 70px;
+ }
+ .target7
+ {
+ top: 70px;
+ }
+ .container
+ {
+ border: solid thin;
+ margin-left: 150px;
+ position: relative;
+ width: 150px;
+ }
+ .box1
+ {
+ background-color: yellow;
+ height: 50px;
+ }
+ .parentof2and3
+ {
+ background-color: silver;
+ padding-right: 10px;
+ }
+ .box2
+ {
+ background-color: aqua;
+ float: left;
+ height: 20px;
+ width: 20px;
+ }
+ .box3
+ {
+ background-color: orange;
+ clear: left;
+ height: 50px;
+ margin-top: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the layout of the boxes within the black box matches either the left or the right reference boxes.</p>
+ <div class="container">
+ <div class="target1"></div>
+ <div class="target2"></div>
+ <div class="target3"></div>
+ <div class="target4"></div>
+ <div class="target5"></div>
+ <div class="target6"></div>
+ <div class="target7"></div>
+ <div class="box1"></div>
+ <div class="parentof2and3">
+ <div class="box2"></div>
+ <div class="box3"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-008.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-008.xht
new file mode 100644
index 0000000000..f8709d9d57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-008.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin Collapsing with Clearance</title>
+ <link rel="author" title="Microsoft" href="http://microsoft.com/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
+ <link rel="match" href="margin-collapse-clear-002-ref.xht" />
+
+ <style type="text/css">
+ div.target1 { position: absolute; left: -15px; height: 50px; width: 0; border-left: 10px solid yellow; top: 0px; }
+ div.target2 { position: absolute; left: -15px; height: 20px; width: 0; border-left: 5px solid aqua; top: 50px; }
+ div.target3 { position: absolute; left: -15px; height: 50px; width: 0; border-left: 10px solid orange; top: 100px; }
+ div.container { width: 150px; position: relative; margin-left: 20px; border: solid thin; }
+ div.box1 { height: 50px; background-color: yellow; }
+ div.box2 { background-color: aqua; float: left; width: 20px; height: 20px; }
+ div.box3 { overflow: hidden; clear: left; margin-top: 50px; height: 50px; background-color: orange; }
+ </style>
+ </head>
+ <body>
+ <p>The coloured bars on the left should match the coloured boxes in the black box.</p>
+ <div class="container">
+ <div class="target1"></div>
+ <div class="target2"></div>
+ <div class="target3"></div>
+ <div class="box1">A</div>
+ <div class="box2">B</div>
+ <div class="box3">C</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-009.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-009.xht
new file mode 100644
index 0000000000..621d968d9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-009.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin Collapsing with Clearance</title>
+ <link rel="author" title="Microsoft" href="http://microsoft.com/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
+ <link rel="match" href="margin-collapse-clear-003-ref.xht" />
+
+ <style type="text/css">
+ div.target1 { position: absolute; left: -15px; height: 50px; width: 0; border-left: 10px solid yellow; top: 0px; }
+ div.target2 { position: absolute; left: -15px; height: 20px; width: 0; border-left: 5px solid aqua; top: 90px; }
+ div.target3 { position: absolute; left: -15px; height: 50px; width: 0; border-left: 10px solid orange; top: 110px; }
+ div.container { width: 150px; position: relative; margin-left: 20px; border: solid thin; }
+ div.box1 { height: 50px; margin-bottom: 40px; background-color: yellow; }
+ div.box2 { background-color: aqua; float: left; width: 20px; height: 20px; }
+ div.box3 { overflow: hidden; clear: left; margin-top: 50px; height: 50px; background-color: orange; }
+ </style>
+ </head>
+ <body>
+ <p>The coloured bars on the left should match the coloured boxes in the black box.</p>
+ <div class="container">
+ <div class="target1"></div>
+ <div class="target2"></div>
+ <div class="target3"></div>
+ <div class="box1">A</div>
+ <div class="box2">B</div>
+ <div class="box3">C</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-011.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-011.xht
new file mode 100644
index 0000000000..e61a6668c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-011.xht
@@ -0,0 +1,105 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin Collapsing with Clearance</title>
+ <link rel="author" title="Microsoft" href="http://microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <meta name="flags" content="may" />
+ <style type="text/css">
+ .target1, .target2, .target3, .target4, .target5, .target6, .target7
+ {
+ position: absolute;
+ width: 0;
+ }
+ .target1, .target2, .target3, .target4
+ {
+ left: -155px;
+ }
+ .target5, .target6, .target7
+ {
+ left: 155px;
+ }
+ .target1, .target5
+ {
+ border-left: 150px solid yellow;
+ height: 50px;
+ top: 0px;
+ }
+ .target2, .target6
+ {
+ border-left: 20px solid aqua;
+ border-right: 130px solid silver;
+ height: 20px;
+ top: 50px;
+ }
+ .target3, .target7
+ {
+ border-left: 140px solid orange;
+ border-right: 10px solid silver;
+ height: 50px;
+ top: 100px;
+ }
+ .target4
+ {
+ border-left: 150px solid silver;
+ height: 30px;
+ top: 70px;
+ }
+ .target7
+ {
+ top: 70px;
+ }
+ .container
+ {
+ border: solid thin;
+ margin-left: 150px;
+ position: relative;
+ width: 150px;
+ }
+ .box1
+ {
+ background-color: yellow;
+ height: 50px;
+ }
+ .parentof2and3
+ {
+ background-color: silver;
+ padding-right: 10px;
+ }
+ .box2
+ {
+ background-color: aqua;
+ float: left;
+ height: 20px;
+ width: 20px;
+ }
+ .box3
+ {
+ background-color: orange;
+ clear: left;
+ height: 50px;
+ margin-top: 50px;
+ overflow: hidden;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the layout of the boxes within the black box matches either the left or the right reference boxes.</p>
+ <div class="container">
+ <div class="target1"></div>
+ <div class="target2"></div>
+ <div class="target3"></div>
+ <div class="target4"></div>
+ <div class="target5"></div>
+ <div class="target6"></div>
+ <div class="target7"></div>
+ <div class="box1"></div>
+ <div class="parentof2and3">
+ <div class="box2"></div>
+ <div class="box3"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-012-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-012-ref.xht
new file mode 100644
index 0000000000..b8ced2a875
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-012-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="fassino[at]gmail.com" />
+
+ <style type="text/css"><![CDATA[
+ div#lime
+ {
+ background-color: lime;
+ border-top: black solid 1px;
+ height: 200px;
+ width: 50%;
+ }
+
+ div#yellow
+ {
+ background-color: yellow;
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="lime"><img src="support/swatch-blue.png" height="100" width="100" alt="Image download support must be enabled" /></div>
+
+ <div id="yellow"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-012.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-012.xht
new file mode 100644
index 0000000000..6e48ae4f92
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-012.xht
@@ -0,0 +1,127 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Margin collapsing with clearance - margins of a 'collapsed through' box with clearance do not collapse with parent block's bottom margin</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="fassino[at]gmail.com" />
+ <link rel="match" href="margin-collapse-clear-012-ref.xht" />
+
+ <meta content="When an element has had clearance applied to it and its own margins collapse, these margins collapse with the adjoining margins of following siblings but the resulting margin does not collapse with the bottom margin of the parent block" name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #rel-pos-wrapper {position: relative;}
+
+ #parent-lime
+ {
+ background-color: lime;
+ border-top: black solid 1px;
+ width: 50%;
+ }
+
+ #float-left-blue
+ {
+ background-color: blue;
+ float: left;
+ height: 100px;
+ width: 100px;
+ }
+
+ #clear-left
+ {
+ clear: left;
+ margin-bottom: 80px;
+ margin-top: 40px;
+ }
+
+ #following-sibling {margin-bottom: 140px;}
+
+ #next-yellow
+ {
+ background-color: yellow;
+ height: 100px;
+ }
+
+ .ref-overlapped-red
+ {
+ background-color: red;
+ position: absolute;
+ z-index: -1;
+ }
+
+ #ref1
+ {
+ height: 200px;
+ top: 1px;
+ width: 50%;
+ }
+
+ #ref2
+ {
+ height: 100px;
+ top: 201px;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="rel-pos-wrapper">
+
+ <!--
+
+ #parent-lime should have height 200px, sum of:
+
+ 100px : height of #float-left-blue
+ +
+ (140px - 40px) : part of #following-sibling's margin-bottom
+ "exceeding" the amount collapsed with
+ #clear-left's margin-top (140px - 40px)
+ =======
+ 200px
+
+ -->
+
+ <div id="parent-lime">
+ <div id="float-left-blue"></div>
+ <div id="clear-left"></div>
+
+ <!--
+
+ clearance
+ +
+ margin-top of #clear-left (40px)
+ ====================================
+ height of #float-left-blue (100px)
+
+ therefore, clearance is equal to +60px
+
+ -->
+
+ <div id="following-sibling"></div>
+ </div>
+
+ <div id="next-yellow"></div>
+
+ <!--
+ #ref1 and #ref2 boxes create a sort of 'reference rendering'
+ where #ref1 should be covered, overlapped by #parent-lime
+ while #ref2 should be covered, overlapped by #next-yellow.
+ -->
+
+ <div id="ref1" class="ref-overlapped-red"></div>
+ <div id="ref2" class="ref-overlapped-red"></div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-013.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-013.xht
new file mode 100644
index 0000000000..bfeddbf020
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-013.xht
@@ -0,0 +1,137 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Margin collapsing with clearance - margins of a 'collapsed through' box with clearance do not collapse with parent block's bottom margin</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/public-css-testsuite/2013Oct/0009.html" title="Issue with margin-collapse-clear-012.htm and margin-collapse-clear-013.htm" />
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="fassino[at]gmail.com" />
+ <link rel="match" href="margin-collapse-clear-012-ref.xht" />
+
+ <meta content="When an element has had clearance applied to it and its own margins collapse, these margins do not collapse with the bottom margin of the parent block" name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #rel-pos-wrapper {position: relative;}
+
+ #parent-lime
+ {
+ background-color: lime;
+ border-top: black solid 1px;
+ width: 50%;
+ }
+
+ #float-left-blue
+ {
+ background-color: blue;
+ float: left;
+ height: 100px;
+ width: 100px;
+ }
+
+ #clear-left
+ {
+ clear: left;
+ margin-bottom: 140px;
+ margin-top: 40px;
+ }
+
+ #next-yellow
+ {
+ background-color: yellow;
+ height: 100px;
+ }
+
+ .ref-overlapped-red
+ {
+ background-color: red;
+ position: absolute;
+ z-index: -1;
+ }
+
+ #ref1
+ {
+ height: 200px;
+ top: 1px;
+ width: 50%;
+ }
+
+ #ref2
+ {
+ height: 100px;
+ top: 201px;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="rel-pos-wrapper">
+
+ <!--
+
+ clearance
+ +
+ margin-top of #clear-left (40px)
+ ====================================
+ height of #float-left-blue (100px)
+
+ therefore, clearance is equal to +60px
+
+ -->
+
+ <!--
+
+ #parent-lime should have height 200px, sum of:
+
+ 100px : height of #float-left-blue
+ +
+ (140px - 40px) : part of #clear-left's margin-bottom
+ exceeding #clear-left's margin-top
+ =======
+ 200px
+
+ The position of the top border edge of the div#clear-left
+ is where it would have been if the element had a
+ non-zero bottom border. The margins of div#clear-left
+ collapse together to 140px and the top border edge of
+ div#clear-left is at 40px inside of it. Clearance is
+ added at such position, not to the whole 140px.
+
+ Issue with margin-collapse-clear-012.htm and margin-collapse-clear-013.htm
+ http://lists.w3.org/Archives/Public/public-css-testsuite/2013Oct/0012.html
+
+ -->
+
+ <div id="parent-lime">
+ <div id="float-left-blue"></div>
+ <div id="clear-left"></div>
+ </div>
+
+ <!--
+ #next-yellow should immediately follow #parent-lime (no margins in between)
+ -->
+
+ <div id="next-yellow"></div>
+
+ <!--
+ #ref1 and #ref2 boxes create a sort of 'reference rendering'
+ where #ref1 should be covered, overlapped by #parent-lime
+ while #ref2 should be covered, overlapped by #next-yellow.
+ -->
+
+ <div id="ref1" class="ref-overlapped-red"></div>
+ <div id="ref2" class="ref-overlapped-red"></div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-014-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-014-ref.xht
new file mode 100644
index 0000000000..f48ba9f07e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-014-ref.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="fassino[at]gmail.com" />
+
+ <style type="text/css"><![CDATA[
+ div#aqua
+ {
+ background-color: aqua;
+ height: 60px;
+ width: 50%;
+ }
+
+ div#lime
+ {
+ background-color: lime;
+ line-height: 140px;
+ width: 50%;
+ }
+
+ img {vertical-align: bottom;}
+
+ div#yellow
+ {
+ background-color: yellow;
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="aqua"></div>
+
+ <div id="lime"><img src="support/swatch-blue.png" height="100" width="100" alt="Image download support must be enabled" /></div>
+
+ <div id="yellow"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-014.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-014.xht
new file mode 100644
index 0000000000..4dc2282184
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-014.xht
@@ -0,0 +1,129 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Margin collapsing with clearance - clearance may be negative</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="fassino[at]gmail.com" />
+ <link rel="match" href="margin-collapse-clear-014-ref.xht" />
+
+ <meta content="Clearance is created above the top margin of the element with clear set. Clearance can be negative. Clearance stops the collapsing of the element's margins with the preceding siblings' margins and with the parent block's bottom margin." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #rel-pos-wrapper {position: relative;}
+
+ #parent-lime
+ {
+ background-color: lime;
+ width: 50%;
+ }
+
+ #preceding-sibling-aqua
+ {
+ background-color: aqua;
+ height: 60px;
+ margin-bottom: 40px;
+ }
+
+ #float-left-blue
+ {
+ background-color: blue;
+ float: left;
+ height: 100px;
+ width: 100px;
+ }
+
+ #clear-left
+ {
+ clear: left;
+ margin-top: 120px;
+ }
+
+ #next-yellow
+ {
+ background-color: yellow;
+ height: 100px;
+ }
+
+ .ref-overlapped-red
+ {
+ background-color: red;
+ position: absolute;
+ z-index: -1;
+ }
+
+ #ref1
+ {
+ height: 200px;
+ top: 0px;
+ width: 50%;
+ }
+
+ #ref2
+ {
+ height: 100px;
+ top: 200px;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="rel-pos-wrapper">
+
+ <!--
+
+ #parent-lime should have height 200px, sum of:
+
+ 60px : height of #preceding-sibling-aqua
+ +
+ 40px : margin-bottom of #preceding-sibling-aqua
+ +
+ 100px : height of #float-left-blue
+ =====================================================
+ 200px
+
+ -->
+
+ <div id="parent-lime">
+ <div id="preceding-sibling-aqua"></div>
+ <div id="float-left-blue"></div>
+ <div id="clear-left"></div>
+ </div>
+
+ <!--
+
+ clearance
+ +
+ margin-top of #clear-left (120px)
+ ====================================
+ height of #float-left-blue (100px)
+
+ therefore, clearance is equal to -20px
+
+ -->
+
+ <div id="next-yellow"></div>
+
+ <!--
+ #ref1 and #ref2 boxes create a sort of 'reference rendering'
+ where #ref1 should be covered, overlapped by #parent-lime
+ while #ref2 should be covered, overlapped by #next-yellow.
+ -->
+
+ <div id="ref1" class="ref-overlapped-red"></div>
+ <div id="ref2" class="ref-overlapped-red"></div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-015-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-015-ref.xht
new file mode 100644
index 0000000000..860e38edab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-015-ref.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="fassino[at]gmail.com" />
+
+ <style type="text/css"><![CDATA[
+ div#lime
+ {
+ background-color: lime;
+ border-top: black solid 1px;
+ height: 140px;
+ width: 50%;
+ }
+
+ div#aqua
+ {
+ background-color: aqua;
+ height: 60px;
+ width: 50%;
+ }
+
+ div#yellow
+ {
+ background-color: yellow;
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="lime"><img src="support/swatch-blue.png" height="100" width="100" alt="Image download support must be enabled" /></div>
+
+ <div id="aqua"></div>
+
+ <div id="yellow"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-015.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-015.xht
new file mode 100644
index 0000000000..ba279bf375
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-015.xht
@@ -0,0 +1,101 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Margin collapsing with clearance - Margins collapsing of an element's top margin with its first in-flow child should not be affected by clear and clearance</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="fassino[at]gmail.com" />
+ <link rel="match" href="margin-collapse-clear-015-ref.xht" />
+
+ <meta content="When an element with clear set to it (to other than 'none') has a first in-flow child and their top margins are adjoining, then these margins should collapse normally." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #rel-pos-wrapper {position: relative;}
+
+ #parent-lime
+ {
+ background-color: lime;
+ border-top: black solid 1px;
+ width: 50%;
+ }
+
+ #float-left-blue
+ {
+ background-color: blue;
+ float: left;
+ height: 100px;
+ width: 100px;
+ }
+
+ #clear-left {clear: left;}
+
+ #clear-left > div
+ {
+ background-color: aqua;
+ height: 60px;
+ margin-top: 140px;
+ }
+
+ #next-yellow
+ {
+ background-color: yellow;
+ height: 100px;
+ }
+
+ .ref-overlapped-red
+ {
+ background-color: red;
+ left: 0;
+ position: absolute;
+ z-index: -1;
+ }
+
+ #ref1
+ {
+ height: 200px;
+ top: 1px;
+ width: 50%;
+ }
+
+ #ref2
+ {
+ height: 100px;
+ top: 201px;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="rel-pos-wrapper">
+
+ <div id="parent-lime">
+ <div id="float-left-blue"></div>
+ <div id="clear-left">
+ <div></div>
+ </div>
+ </div>
+
+ <div id="next-yellow"></div>
+
+ <!--
+ #ref1 and #ref2 boxes create a sort of 'reference rendering'
+ where #ref1 should be covered, overlapped by #parent-lime
+ while #ref2 should be covered, overlapped by #next-yellow.
+ -->
+
+ <div id="ref1" class="ref-overlapped-red"></div>
+ <div id="ref2" class="ref-overlapped-red"></div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-016-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-016-ref.xht
new file mode 100644
index 0000000000..151143ce30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-016-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-016.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-016.xht
new file mode 100644
index 0000000000..717ce1ca6f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-016.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Margin collapsing - margins of a 'collapsed through' box without clearance can collapse with parent block's bottom margin</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="match" href="margin-collapse-clear-016-ref.xht" />
+
+ <meta content="An element that does not have clearance applied to it can collapse its top margin with its parent block's bottom margin. Margins of a 'collapsed through' box without clearance applied to it can collapse with its parent block's bottom margin. An element with clear set to it (to other than 'none') can only create a clearance if and when there is a preceding floated block." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: white;
+ }
+
+ #parent-block
+ {
+ background-color: red;
+ margin-bottom: 0px;
+ }
+
+ #sibling
+ {
+ background-color: green;
+ height: 100px;
+ }
+
+ #element-without-clearance-applied
+ {
+ clear: both;
+ margin-top: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide filled green rectangle and <strong>no red</strong>.</p>
+
+ <div id="parent-block">
+ <div id="sibling"></div>
+ <div id="element-without-clearance-applied"></div>
+ </div>
+
+ <!--
+ #element-without-clearance-applied's margin-top collapses
+ with #parent-block's margin-bottom: the resulting margin-bottom
+ then collapses with the adjoining white body's margin-bottom
+ -->
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-017-ref.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-017-ref.xht
new file mode 100644
index 0000000000..5c3f795e0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-017-ref.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background: white url("support/ruler-v-100px-200px-300px.png") no-repeat;
+ margin: 34px 8px 8px 55px;
+ }
+
+ p
+ {
+ font-size: 16px;
+ line-height: 20px;
+ margin: 1em 8px;
+ }
+
+ div
+ {
+ background-color: green;
+ height: 10px;
+ margin-bottom: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a vertical gap<br />
+ of exactly 100px between 2 green bars.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-017.xht b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-017.xht
new file mode 100644
index 0000000000..6e0dbf05c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/margin-collapse-clear-017.xht
@@ -0,0 +1,82 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Margin collapsing - margins of a 'collapsed through' box without clearance can collapse with parent block's bottom margin</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="match" href="margin-collapse-clear-017-ref.xht" />
+
+ <meta content="An element that does not have clearance applied to it can collapse its top margin with its parent block's bottom margin. Margins of a 'collapsed through' box without clearance applied to it can collapse with its parent block's bottom margin. An element with 'clear' set to a value other than 'none' can create a clearance only if and only when there is an earlier (in the source document) floating box." name="assert" />
+ <meta content="image" name="flags" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background: white url("support/ruler-v-100px-200px-300px.png") no-repeat;
+ margin: 34px 8px 8px 55px;
+ /*
+ 34px : body's top margin collapsing with p's top margin: max(34px, 16px)
+ + 20px : p's 1st line box height
+ + 20px : p's 2nd line box height
+ + 16px : p's bottom margin
+ + 10px : height of topmost green bar
+ ======
+ 100px
+ */
+ }
+
+ p
+ {
+ font-size: 16px;
+ line-height: 20px;
+ margin: 1em 8px;
+ }
+
+ div#parent-block {margin-bottom: 100px;}
+
+ div.vertical-gap-separator
+ {
+ background-color: green;
+ height: 10px;
+ }
+
+ div#element-without-clearance
+ {
+ clear: both;
+ margin-top: 100px;
+ }
+
+ /*
+ In this test, div#element-without-clearance
+ is what the spec refers to as
+ 'collapsed through' box
+ http://www.w3.org/TR/CSS21/box.html#collapsed-through
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a vertical gap<br />
+ of exactly 100px between 2 green bars.</p>
+
+ <div id="parent-block">
+ <div class="vertical-gap-separator"></div>
+ <div id="element-without-clearance"></div>
+ </div>
+
+ <div class="vertical-gap-separator"></div>
+
+ <!--
+ div#element-without-clearance's margin-top should collapse
+ with #parent-block's margin-bottom: max(100px, 100px) = 100px
+ -->
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/negative-clearance-after-adjoining-float.html b/testing/web-platform/tests/css/CSS2/floats-clear/negative-clearance-after-adjoining-float.html
new file mode 100644
index 0000000000..698f380790
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/negative-clearance-after-adjoining-float.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<title>Negative clearance between adjoining float and child with top margin</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width:100px; background:red;">
+ <div style="float:left; width:100px; height:50px; background:green;"></div>
+ <div style="clear:left; margin-top:200px;"></div>
+</div>
+<div style="width:100px; height:50px; background:green;"></div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/negative-clearance-after-bottom-margin.html b/testing/web-platform/tests/css/CSS2/floats-clear/negative-clearance-after-bottom-margin.html
new file mode 100644
index 0000000000..fb0663945e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/negative-clearance-after-bottom-margin.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<title>Negative clearance between bottom margin and cleared child with top margin</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<p>Test passes if there is a filled green square.</p>
+<div style="position:relative; top:-50px; z-index:-1;">
+ <div style="float:left; width:50px; height:50px; border-top:50px solid white; background:green;"></div>
+ <div style="padding-top:1px;">
+ <div style="width:100px; background:green;">
+ <div style="margin-bottom:49px;"></div>
+ <div style="clear:left; margin-top:98px;"></div>
+ </div>
+ <div style="width:100px; height:50px; background:green;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/nested-clearance-new-formatting-context.html b/testing/web-platform/tests/css/CSS2/floats-clear/nested-clearance-new-formatting-context.html
new file mode 100644
index 0000000000..5e43b25067
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/nested-clearance-new-formatting-context.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<title>Nested clearance on new formatting context</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width:200px; height:200px; background:red;">
+ <div style="width:500px;">
+ <div style="float:left; width:200px; height:100px; background:green;"></div>
+ <div style="clear:left; margin-top:40px;">
+ <div style="float:left; width:200px; height:80px; background:green;"></div>
+ <div style="overflow:hidden; clear:left; margin-top:50px; width:200px; height:20px; background:green;"></div>
+ </div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/no-clearance-adjoining-opposite-float.html b/testing/web-platform/tests/css/CSS2/floats-clear/no-clearance-adjoining-opposite-float.html
new file mode 100644
index 0000000000..01a457ee1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/no-clearance-adjoining-opposite-float.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<title>No clearance due to large top margin that takes us past the float</title>
+<meta name="assert" content="Check that we don't apply clearance when the top margin of the clearance candidate takes it past the relevant float, and that a preceding empty block with a right float that's adjoining to the clearance candidate doesn't cause confusion">
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="match" href="../../reference/nothing.html">
+<p>There should be nothing below.</p>
+<div style="float:left; width:10px; height:100px;"></div>
+<div>
+ <div>
+ <div style="float:right; width:10px; height:200px;"></div>
+ </div>
+ <div style="background:red;">
+ <div style="margin-top:150px; clear:left; background:hotpink;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/no-clearance-due-to-large-margin-after-left-right.html b/testing/web-platform/tests/css/CSS2/floats-clear/no-clearance-due-to-large-margin-after-left-right.html
new file mode 100644
index 0000000000..bc459d06cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/no-clearance-due-to-large-margin-after-left-right.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<title>No clearance due to large top margin inside clear:right inside clear:left that takes us past the floats</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="float:left; width:50px; height:50px;"></div>
+<div style="float:right; width:50px; height:100px;"></div>
+<div style="width:100px; height:100px; background:green;">
+ <div style="height:15px; margin-bottom:20px;"></div>
+ <div style="background:red;">
+ <div style="clear:left; background:red;">
+ <div style="clear:right; background:red;">
+ <div style="margin-top:185px; background:red;"></div>
+ </div>
+ </div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/no-clearance-due-to-large-margin.html b/testing/web-platform/tests/css/CSS2/floats-clear/no-clearance-due-to-large-margin.html
new file mode 100644
index 0000000000..cabb1ac850
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/no-clearance-due-to-large-margin.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>No clearance due to large top margin that takes us past the float</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="float:left; width:100px; height:100px; background:green;"></div>
+<div style="padding-top:1px;">
+ <div style="background:red;">
+ <div style="clear:left; background:white; margin-top:150px;"><br></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/remove-block-before-self-collapsing-sibling-with-clearance.html b/testing/web-platform/tests/css/CSS2/floats-clear/remove-block-before-self-collapsing-sibling-with-clearance.html
new file mode 100644
index 0000000000..c7a4006ff4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/remove-block-before-self-collapsing-sibling-with-clearance.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#clearance">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#phantom-line-box">
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1003810">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="overflow:hidden;">
+ <div id="first" style="height:100px;"></div>
+ <div id="victim" style="width:100px; padding-bottom:1px; background:red;">
+ <span></span>
+ <div style="float:left; width:100%; height:100px; background:green;"></div>
+ <div style="clear:both;"></div>
+ </div>
+</div>
+<script>
+ document.body.offsetTop;
+ victim.style.paddingBottom = "0";
+ first.style.display = "none";
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/second-float-inside-empty-cleared-block-after-margin.html b/testing/web-platform/tests/css/CSS2/floats-clear/second-float-inside-empty-cleared-block-after-margin.html
new file mode 100644
index 0000000000..ee8bebc53b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/second-float-inside-empty-cleared-block-after-margin.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<title>Float separated from float inside empty cleared block, margin before clearance</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<p>Test passes if there is a filled green square.</p>
+<div style="float:left; width:100px; height:50px; background:green;"></div>
+<div style="height:1px;"></div>
+<div style="margin-top:20px;">
+ <div style="clear:left;">
+ <div style="float:left; width:100px; height:50px; background:green;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/second-float-inside-empty-cleared-block.html b/testing/web-platform/tests/css/CSS2/floats-clear/second-float-inside-empty-cleared-block.html
new file mode 100644
index 0000000000..a383e9a6a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/second-float-inside-empty-cleared-block.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<title>Float separated from float inside empty cleared block</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<p>Test passes if there is a filled green square.</p>
+<div style="float:left; width:100px; height:50px; background:green;"></div>
+<div style="height:1px;"></div>
+<div>
+ <div style="clear:left;">
+ <div style="float:left; width:100px; height:50px; background:green;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/a-green.css b/testing/web-platform/tests/css/CSS2/floats-clear/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/b-green.css b/testing/web-platform/tests/css/CSS2/floats-clear/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/black15x15.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/black15x15.png
new file mode 100644
index 0000000000..b1bbef2cd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/black15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/c-red.css b/testing/web-platform/tests/css/CSS2/floats-clear/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/cat.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/clear-clearance-calculation-001.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/clear-clearance-calculation-001.png
new file mode 100644
index 0000000000..b7e6634ee9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/clear-clearance-calculation-001.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/clear-clearance-calculation-002.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/clear-clearance-calculation-002.png
new file mode 100644
index 0000000000..8085fe7197
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/clear-clearance-calculation-002.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/clear-clearance-calculation-003.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/clear-clearance-calculation-003.png
new file mode 100644
index 0000000000..18a3a8f0b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/clear-clearance-calculation-003.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/diamond.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/floats-005.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/floats-005.png
new file mode 100644
index 0000000000..c72bcbad11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/floats-005.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/green-rectangle-50wideBy10tall.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/green-rectangle-50wideBy10tall.png
new file mode 100644
index 0000000000..9f43666ee5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/green-rectangle-50wideBy10tall.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/green15x15.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/margin-collapse-2em-space.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/margin-collapse-2em-space.png
new file mode 100644
index 0000000000..2c381ef4dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/margin-collapse-2em-space.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/margin-collapse-4em-space.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/margin-collapse-4em-space.png
new file mode 100644
index 0000000000..dc338c0bfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/margin-collapse-4em-space.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/ring.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/ruler-v-100px-200px-300px.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/ruler-v-100px-200px-300px.png
new file mode 100644
index 0000000000..d61da4da26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/ruler-v-100px-200px-300px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/square-purple.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/square-teal.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/square-white.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-purple.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-purple.png
new file mode 100644
index 0000000000..73bea77517
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/test-bl.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/test-br.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/test-outer.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/test-tl.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/support/test-tr.png b/testing/web-platform/tests/css/CSS2/floats-clear/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/floats/adjoining-floats-dynamic.html b/testing/web-platform/tests/css/CSS2/floats/adjoining-floats-dynamic.html
new file mode 100644
index 0000000000..3446d972d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/adjoining-floats-dynamic.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1003558">
+<style>
+#target {
+ height: 50px;
+ width: 0;
+ background: green;
+ float: right;
+}
+
+span {
+ float: left;
+ width: 50px;
+ height: 50px;
+ background: green;
+}
+</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: flow-root; width: 100px; background: red;">
+ <div id="target"></div>
+ <div style="position: absolute; width: 50px; height: 50px; background: green;"></div>
+ <div>
+ <div style="clear: both; height: 10px;">
+ <div>
+ <span></span>
+ <span></span>
+ </div>
+ </div>
+ </div>
+</div>
+<script>
+document.body.offsetTop;
+document.getElementById('target').style.width = '50px';
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/computed-float-position-absolute.html b/testing/web-platform/tests/css/CSS2/floats/computed-float-position-absolute.html
new file mode 100644
index 0000000000..ad9220b3a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/computed-float-position-absolute.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html" />
+<title>The computed value of float with absolute positioning when there is no box should be "none"</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+
+div[id] {
+ position: absolute;
+ float: left;
+}
+
+</style>
+
+<div id="test1" style="display: none"></div>
+<div id="test2" style="display: contents"></div>
+<div style="display: none"><div id="test3"></div></div>
+
+<script>
+promise_test(
+ t => {
+ return new Promise(test => addEventListener('load', e=>test()))
+ .then(test => assert_equals(getComputedStyle(test1)['float'], "none", "[display:none] Invalid gCS(test1)['float'];"))
+ .then(test => assert_equals(getComputedStyle(test2)['float'], "none", "[display:contents] Invalid gCS(test2)['float'];"))
+ .then(test => assert_equals(getComputedStyle(test3)['float'], "none", "[in a display:none] Invalid gCS(test3)['float'];"))
+ }
+);
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-in-nested-multicol-001.html b/testing/web-platform/tests/css/CSS2/floats/float-in-nested-multicol-001.html
new file mode 100644
index 0000000000..8e1a257e38
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-in-nested-multicol-001.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1833238">
+<!-- Browsers do not agree on the rendering, so we just verify the rendering is *not* blank. -->
+<link rel="mismatch" href="../../reference/blank.html">
+
+<style>
+article {
+ width: 300px;
+ column-count: 2;
+}
+main {
+ column-count: 2;
+}
+</style>
+
+<article>
+ <main>
+ <div>&nbsp;</div>
+ <footer style="float: left">
+ <div style="margin-top: 1em">ABC</div> <!-- This text should appear. -->
+ </footer>
+ </main>
+</article>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-in-self-painting-inline.html b/testing/web-platform/tests/css/CSS2/floats/float-in-self-painting-inline.html
new file mode 100644
index 0000000000..6ff47d3626
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-in-self-painting-inline.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>Floats in self-painting inline box should not crash</title>
+<link rel="help" href="https://crbug.com/1109565">
+<link rel="author" href="kojii@chromium.org">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<span style='opacity: 0.5'>
+ <div style="float: right">X</div>
+</span>
+<img title="ABC">
+<script>
+test(() => {}, "Pass if not crashes");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-no-content-beside-001-ref.html b/testing/web-platform/tests/css/CSS2/floats/float-no-content-beside-001-ref.html
new file mode 100644
index 0000000000..758f5875de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-no-content-beside-001-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>CSS Floats — reference</title>
+<link rel=author title="Jonathan Kew" href="jkew@mozilla.com">
+<style>
+p { width: 10em; border: solid aqua; }
+span { float: left; width: 5em; height: 5em; border: solid blue; }
+</style>
+
+<div>Test passes if all three examples render the same:</div>
+
+<p><span></span><br>Supercalifragilisticexpialidocious</p>
+
+<br style="clear:both">
+
+<p><span></span><br>Supercalifragilisticexpialidocious</p>
+
+<br style="clear:both">
+
+<p><span></span><br>Supercalifragilisticexpialidocious</p>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-no-content-beside-001.html b/testing/web-platform/tests/css/CSS2/floats/float-no-content-beside-001.html
new file mode 100644
index 0000000000..f073453eca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-no-content-beside-001.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>CSS Floats — narrow containing block</title>
+<meta name=assert content="If a shortened line box is too small to contain any content, then the line box is shifted downward">
+<link rel=help href="https://www.w3.org/TR/CSS2/visuren.html#floats">
+<link rel=match href="float-no-content-beside-001-ref.html">
+<link rel=author title="Jonathan Kew" href="jkew@mozilla.com">
+<style>
+p { width: 10em; border: solid aqua; }
+span { float: left; width: 5em; height: 5em; border: solid blue; }
+</style>
+
+<div>Test passes if all three examples render the same:</div>
+
+<p><span></span>Supercalifragilisticexpialidocious</p>
+
+<br style="clear:both">
+
+<p><span></span> Supercalifragilisticexpialidocious</p>
+
+<br style="clear:both">
+
+<p><span></span><br>Supercalifragilisticexpialidocious</p>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-no-interpolation.html b/testing/web-platform/tests/css/CSS2/floats/float-no-interpolation.html
new file mode 100644
index 0000000000..eb06dfefc6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-no-interpolation.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<link rel=author href="mailto:jarhar@chromium.org">
+<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/interpolation-testcommon.js"></script>
+
+<body>
+<script>
+test_no_interpolation({
+ property: 'float',
+ from: 'initial',
+ to: 'right'
+});
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-nowrap-1-notref.html b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-1-notref.html
new file mode 100644
index 0000000000..540c8048af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-1-notref.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<title>CSS Test Reference</title>
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://www.mozilla.org" title="Mozilla">
+<style>
+ div {
+ width: 10ch;
+ white-space: nowrap;
+ font-family: monospace;
+ }
+ span {
+ float: right;
+ width: 5ch;
+ height: 5ch;
+ background: blue;
+ }
+</style>
+<div>
+ <span></span>
+ Some text that overflows my parent.
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-nowrap-1.html b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-1.html
new file mode 100644
index 0000000000..656b9398e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-1.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<title>CSS Test: Floats in nowrap context</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=488725">
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://www.mozilla.org" title="Mozilla">
+<link rel="mismatch" href="float-nowrap-1-notref.html">
+<style>
+ div {
+ width: 10ch;
+ white-space: nowrap;
+ font-family: monospace;
+ }
+ span {
+ float: right;
+ width: 5ch;
+ height: 5ch;
+ background: blue;
+ }
+</style>
+<div>
+ Some text that overflows my parent.
+ <span></span>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-nowrap-2.html b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-2.html
new file mode 100644
index 0000000000..fc8e11fadc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-2.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<title>CSS Test: Floats in nowrap context</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=488725">
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://www.mozilla.org" title="Mozilla">
+<link rel="match" href="float-nowrap-1.html">
+<style>
+ div {
+ width: 10ch;
+ white-space: nowrap;
+ font-family: monospace;
+ }
+ span {
+ float: right;
+ width: 5ch;
+ height: 5ch;
+ background: blue;
+ }
+</style>
+<div>
+ Some text that
+ <span></span>
+ overflows my parent.
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-nowrap-3-ref.html b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-3-ref.html
new file mode 100644
index 0000000000..e7556a2136
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-3-ref.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<title>CSS Test: Floats in nowrap context</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=488725">
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://www.mozilla.org" title="Mozilla">
+<link rel="mismatch" href="float-nowrap-4.html">
+<style>
+ div {
+ width: 10ch;
+ font-family: monospace;
+ }
+ .float {
+ float: right;
+ width: 5ch;
+ height: 5ch;
+ background: blue;
+ }
+ .nowrap {
+ white-space: nowrap;
+ }
+</style>
+<div>
+ Some
+ <span class="nowrap">
+ text that overflows my parent.
+ </span>
+ <span class="float"></span>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-nowrap-3.html b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-3.html
new file mode 100644
index 0000000000..dbc643c8ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-3.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<title>CSS Test: Floats in nowrap context</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=488725">
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://www.mozilla.org" title="Mozilla">
+<link rel="match" href="float-nowrap-3-ref.html">
+<style>
+ div {
+ width: 10ch;
+ font-family: monospace;
+ }
+ .float {
+ float: right;
+ width: 5ch;
+ height: 5ch;
+ background: blue;
+ }
+ .nowrap {
+ white-space: nowrap;
+ }
+</style>
+<div>
+ Some
+ <span class="nowrap">
+ text that overflows <span class="float"></span> my parent.
+ </span>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-nowrap-4-ref.html b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-4-ref.html
new file mode 100644
index 0000000000..a8c7b06081
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-4-ref.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<title>CSS Test Reference</title>
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://www.mozilla.org" title="Mozilla">
+<style>
+ div {
+ width: 10ch;
+ font-family: monospace;
+ }
+ .float {
+ float: right;
+ width: 5ch;
+ height: 5ch;
+ background: blue;
+ }
+ .nowrap {
+ white-space: nowrap;
+ }
+</style>
+<div>
+ Some
+ <span class="float"></span>
+ <span class="nowrap">
+ text that overflows my parent.
+ </span>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-nowrap-4.html b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-4.html
new file mode 100644
index 0000000000..bf11e6e31c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-4.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<title>CSS Test: Floats in nowrap context</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=488725">
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://www.mozilla.org" title="Mozilla">
+<link rel="match" href="float-nowrap-4-ref.html">
+<style>
+ div {
+ width: 10ch;
+ font-family: monospace;
+ }
+ .float {
+ float: right;
+ width: 5ch;
+ height: 5ch;
+ background: blue;
+ }
+ .nowrap {
+ white-space: nowrap;
+ }
+</style>
+<div>
+ Some
+ <span class="nowrap">
+ <span class="float"></span> text that overflows my parent.
+ </span>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-nowrap-5-ref.html b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-5-ref.html
new file mode 100644
index 0000000000..7f40084103
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-5-ref.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<title>CSS Test Reference</title>
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://www.mozilla.org" title="Mozilla">
+<div>Hello Kittie
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-nowrap-5.html b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-5.html
new file mode 100644
index 0000000000..f4403cfb83
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-5.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<title>CSS Test: Floats in nowrap context</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=488725">
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://www.mozilla.org" title="Mozilla">
+<link rel="match" href="float-nowrap-5-ref.html">
+<style>
+ div {
+ white-space: nowrap;
+ }
+ span {
+ float: left;
+ }
+</style>
+<div>Kittie<span>Hello&nbsp;</span>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-nowrap-6.html b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-6.html
new file mode 100644
index 0000000000..7c6bf9c0db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-6.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<title>CSS Test: Floats in nowrap context</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=488725">
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://www.mozilla.org" title="Mozilla">
+<link rel="match" href="float-nowrap-5-ref.html">
+<style>
+ div {
+ white-space: nowrap;
+ }
+ span {
+ float: left;
+ }
+</style>
+<div><span>Hello&nbsp;</span>Kittie
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-nowrap-7.html b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-7.html
new file mode 100644
index 0000000000..bef462d995
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-7.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<title>CSS Test: Floats in nowrap context</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=488725">
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://www.mozilla.org" title="Mozilla">
+<link rel="match" href="float-nowrap-1.html">
+<style>
+ div {
+ width: 10ch;
+ white-space: nowrap;
+ font-family: monospace;
+ }
+ .nowrap {
+ white-space: nowrap;
+ }
+ .float {
+ float: right;
+ width: 5ch;
+ height: 5ch;
+ background: blue;
+ }
+</style>
+<div>
+ <span class="nowrap">S<div class="float"></div><span>ome</span> text that overflows my parent.</span>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-nowrap-8.html b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-8.html
new file mode 100644
index 0000000000..8c2653193d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-8.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<title>CSS Test: Floats in nowrap context</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=488725">
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://www.mozilla.org" title="Mozilla">
+<link rel="match" href="float-nowrap-1.html">
+<style>
+ div {
+ width: 10ch;
+ white-space: nowrap;
+ font-family: monospace;
+ }
+ span {
+ float: right;
+ width: 5ch;
+ height: 5ch;
+ background: blue;
+ }
+</style>
+<div>
+ Some <span></span>
+ text that overflows my parent.
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-nowrap-9.html b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-9.html
new file mode 100644
index 0000000000..b4a6b29230
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-nowrap-9.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<title>CSS Test: Floats in nowrap context</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=488725">
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://www.mozilla.org" title="Mozilla">
+<link rel="match" href="float-nowrap-3-ref.html">
+<style>
+ div {
+ width: 10ch;
+ font-family: monospace;
+ }
+ .float {
+ float: right;
+ width: 5ch;
+ height: 5ch;
+ background: blue;
+ }
+ .nowrap {
+ white-space: nowrap;
+ }
+</style>
+<div>
+ Some
+ <span class="nowrap">
+ text <span class="float"></span> that overflows my parent.
+ </span>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-paint-relayout.html b/testing/web-platform/tests/css/CSS2/floats/float-paint-relayout.html
new file mode 100644
index 0000000000..0499e3e9a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-paint-relayout.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1049973">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width: 100px; height: 100px; background: red; overflow: auto;">
+ <div id="target" style="display: none; float: left; width: 100px; height: 100px; background: green;"></div>
+</div>
+<script>
+document.body.offsetTop;
+document.getElementById('target').style.display = 'block';
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-root-ref.html b/testing/web-platform/tests/css/CSS2/floats/float-root-ref.html
new file mode 100644
index 0000000000..1f593f460a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-root-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPe html>
+<style>
+body {
+ float: right;
+ margin-top: 0;
+}
+</style>
+
+<body>
+<p>foo</p>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-root.html b/testing/web-platform/tests/css/CSS2/floats/float-root.html
new file mode 100644
index 0000000000..ee7f70e784
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-root.html
@@ -0,0 +1,13 @@
+<!DOCTYPe html>
+<link rel="help" href="https://w3c.github.io/csswg-drafts/css2/#propdef-float">
+<link rel="match" href="float-root-ref.html">
+
+<style>
+:root {
+ float: right;
+}
+</style>
+
+<body>
+<p>foo</p>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-table-align-left-quirk-ref.html b/testing/web-platform/tests/css/CSS2/floats/float-table-align-left-quirk-ref.html
new file mode 100644
index 0000000000..6b46fb8eb9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-table-align-left-quirk-ref.html
@@ -0,0 +1,34 @@
+<!-- intentionally quirks mode -->
+<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+ <title>Reference: Check that the old IE quirk for &lt;table align=left&gt; is NOT implemented</title>
+ <meta name="assert" content="1 and 2 should all be on separate lines below.">
+ <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+</head>
+<body>
+
+<div style="width:0">
+<table><td>1</td></table>
+<table><td>2</td></table>
+</div>
+
+<div style="width:0">
+<table><td>1</td></table>
+<table><td>2</td></table>
+</div>
+
+<div style="width:0">
+<table><td>1</td></table>
+<table><td>2</td></table>
+</div>
+
+<div style="width:0">
+<table><td>1</td></table>
+<table><td>2</td></table>
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-table-align-left-quirk.html b/testing/web-platform/tests/css/CSS2/floats/float-table-align-left-quirk.html
new file mode 100644
index 0000000000..60e219078a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-table-align-left-quirk.html
@@ -0,0 +1,36 @@
+<!-- intentionally quirks mode -->
+<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+ <title>CSS2: Check that the old IE quirk for &lt;table align=left&gt; is NOT implemented</title>
+ <meta name="assert" content="1 and 2 should all be on separate lines below.">
+ <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="float-table-align-left-quirk-ref.html">
+</head>
+<body>
+
+<div style="width:0">
+<table align="left"><td>1</td></table>
+<table align="left"><td>2</td></table>
+</div>
+
+<div style="width:0">
+<table align="left"><td>1</td></table>
+<table style="float:left"><td>2</td></table>
+</div>
+
+<div style="width:0">
+<table style="float:left"><td>1</td></table>
+<table align="left"><td>2</td></table>
+</div>
+
+<div style="width:0">
+<table style="float:left"><td>1</td></table>
+<table style="float:left"><td>2</td></table>
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats/float-under-flatten-under-preserve-3d.html b/testing/web-platform/tests/css/CSS2/floats/float-under-flatten-under-preserve-3d.html
new file mode 100644
index 0000000000..18b6bbc122
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/float-under-flatten-under-preserve-3d.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
+<link rel="help" href="https://crbug.com/1298871">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="transform-style: preserve-3d">
+ <div style="background: red; width: 100px; height: 100px">
+ <div style="float: left; background: green; width: 100px; height: 100px"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floated-table-wider-than-specified.html b/testing/web-platform/tests/css/CSS2/floats/floated-table-wider-than-specified.html
new file mode 100644
index 0000000000..f93d50e43d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floated-table-wider-than-specified.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<title>Floated table that becomes wider than its specified width, due to wide contents</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#float-width" title="10.3.5 Floating, non-replaced elements">
+<link rel="help" href="https://www.w3.org/TR/CSS22/tables.html#auto-table-layout" title="17.5.2.2 Automatic table layout">
+<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width:200px; height:200px; background:red;">
+ <div style="width:300px;">
+ <div style="float:left; width:200px; height:100px; margin-right:10px; background:green;"></div>
+ <div style="float:left; display:table; width:50px; height:10px; background:green;">
+ <div style="width:200px; height:100px;"></div>
+ </div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-in-table-caption-001-ref.html b/testing/web-platform/tests/css/CSS2/floats/floats-in-table-caption-001-ref.html
new file mode 100644
index 0000000000..91ddca772b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-in-table-caption-001-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<link rel="author" title="David Grogan" href="dgrogan@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/tables.html#model">
+<title>
+Caption block containers are rendered same as normal block boxes
+</title>
+
+<p>
+The words floated and inline should be legible below, with inline appearing just
+to the right of the border surrounding floated.
+</p>
+
+<div style="float:left; border: 1px solid black;">
+ floated
+</div>
+inline
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-in-table-caption-001.html b/testing/web-platform/tests/css/CSS2/floats/floats-in-table-caption-001.html
new file mode 100644
index 0000000000..a1dc7e9d52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-in-table-caption-001.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<link rel="author" title="David Grogan" href="dgrogan@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/tables.html#model">
+<link rel="match" href="floats-in-table-caption-001-ref.html">
+<meta name="assert" content="Basic floats are honored inside a caption" />
+<title>
+Caption block containers are rendered same as normal block boxes
+</title>
+
+<p>
+The words floated and inline should be legible below, with inline appearing just
+to the right of the border surrounding floated.
+</p>
+
+<table>
+ <!-- 200px allows floated and inline to not wrap -->
+ <caption style="text-align:left; width:200px">
+ <div style="float:left; border: 1px solid black;">
+ floated
+ </div>
+ inline
+ </caption>
+</table>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-line-wrap-shifted-001-ref.html b/testing/web-platform/tests/css/CSS2/floats/floats-line-wrap-shifted-001-ref.html
new file mode 100644
index 0000000000..ab06bba524
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-line-wrap-shifted-001-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<style>
+div {
+ font-size: 10px;
+ width: 12ch;
+ line-height: 1;
+ background: yellow;
+}
+.float {
+ width: 12ch;
+ height: 1em;
+ background: orange;
+}
+</style>
+
+<body>
+<div>
+ 1111<br>
+ 2222 3333
+ <div class="float"></div>
+</div>
+
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-line-wrap-shifted-001.html b/testing/web-platform/tests/css/CSS2/floats/floats-line-wrap-shifted-001.html
new file mode 100644
index 0000000000..5eb1a8f2b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-line-wrap-shifted-001.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<link rel="author" title="Koji Ishii" href="kojii@chromium.org">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
+<link rel="match" href="floats-line-wrap-shifted-001-ref.html">
+<meta name="assert" content="Float may not be higher than line-box containing a box generated by an element earlier in the source document." />
+
+<style>
+div {
+ font-size: 10px;
+ width: 12ch;
+ line-height: 1;
+ background: yellow;
+}
+.float {
+ float: left;
+ width: 12ch;
+ height: 1em;
+ background: orange;
+}
+</style>
+
+<body>
+<div>
+ 1111
+ <nobr>
+ 2222
+<!--
+ This float does not fit in the 1st line and thus shifted downward.
+-->
+ <div class="float"></div>
+<!--
+ The next word causes the 1st line to wrap.
+ The last break opportunity was before the float, and thus the float is also
+ wrapped to the next line.
+
+ According to the rule 6, the float should be below <nobr> box.
+ 6. The outer top of an element's floating box may not be higher than the top
+ of any line-box containing a box generated by an element earlier in the
+ source document.
+-->
+ 3333
+ </nobr>
+</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-001.html b/testing/web-platform/tests/css/CSS2/floats/floats-placement-001.html
new file mode 100644
index 0000000000..f022134744
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-001.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
+<meta name="assert" content="This test checks placement of inflow content with floats present." />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width: 100px; height: 100px; background: red; line-height: 0; position: relative;">
+ <div style="float: left; width: 20px;"></div>
+ <div style="float: right; width: 30px; height: 50px; background: green;"></div>
+ <div style="float: right; clear: right; width: 100px; height: 50px; background: green;"></div>
+ <div style="display: inline-block; width: 50px; height: 50px; background: green;"></div>
+ <div style="position: absolute; width: 20px; height: 50px; top: 0; left: 50px; background: green;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-002.html b/testing/web-platform/tests/css/CSS2/floats/floats-placement-002.html
new file mode 100644
index 0000000000..871775901e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-002.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
+<meta name="assert" content="This test checks placement of inflow content with floats present." />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width: 100px; height: 100px; background: red; position: relative;">
+ <div style="float: left; width: 20px;"></div>
+ <div style="line-height: 0;">
+ <div style="display: inline-block; width: 100px; height: 20px; background: green;"></div>
+ </div>
+ <div style="float: right; width: 20px; height: 80px; background: green;"></div>
+ <div style="float: right; clear: right; width: 30px; clear: right;"></div>
+ <div style="display: inline-block; width: 60px; height: 60px; background: green;"></div>
+ <div style="position: absolute; width: 20px; height: 80px; background: green; top: 20px; right: 20px;"></div>
+ <div style="position: absolute; width: 60px; height: 20px; background: green; bottom: 0; left: 0;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-003.html b/testing/web-platform/tests/css/CSS2/floats/floats-placement-003.html
new file mode 100644
index 0000000000..47509172c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-003.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
+<meta name="assert" content="This test checks placement of inflow content with floats present." />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width: 100px; height: 100px; line-height: 0; background: red; position: relative;">
+ <div style="float: left; width: 20px; height: 20px;"></div>
+ <div style="height: 30px; background: green;"></div>
+ <div style="float: right; width: 40px; height: 20px; background: green;"></div>
+ <div style="float: right; clear: right; width: 50px; height: 50px; background: green;"></div>
+ <div style="float: left; width: 50px; height: 50px; background: green;"></div>
+ <span style="display: inline-block; width: 40px; height: 20px; background: green;"></span>
+ <div style="position: absolute; width: 20px; height: 20px; background: green; left: 40px; top: 30px;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-004.html b/testing/web-platform/tests/css/CSS2/floats/floats-placement-004.html
new file mode 100644
index 0000000000..bbfc9196c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-004.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1183944">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width:100px; display: flow-root; background: red; line-height: 0;">
+ <div style="width: 100px; height: 50px; float: left; background: green;"></div>
+ <div style="width: 100px; height: 10px; float: right; background: green;"></div>
+ <div style="display: inline-block; width: 100px; height: 40px; background: green;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-005-ref.html b/testing/web-platform/tests/css/CSS2/floats/floats-placement-005-ref.html
new file mode 100644
index 0000000000..a286a4aeb7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-005-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<style>
+.float-left {
+ float: left;
+ clear: left;
+ width: 50px;
+ height: 50px;
+ background: green;
+}
+.float-right {
+ float: right;
+ clear: right;
+ width: 50px;
+ height: 50px;
+ background: green;
+}
+</style>
+<div style="width: 150px; display: flow-root;">
+ <div class="float-left"></div>
+ <div style="height: 40px;"></div>
+ <div class="float-right"></div>
+ <div class="float-left" style="width: 100px; height: 40px; background: cyan;"></div>
+ <div class="float-right"></div>
+ <div class="float-left"></div>
+ <div class="float-right"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-005.html b/testing/web-platform/tests/css/CSS2/floats/floats-placement-005.html
new file mode 100644
index 0000000000..e224a6b773
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-005.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1378106">
+<link rel="match" href="floats-placement-005-ref.html">
+<style>
+.float-left {
+ float: left;
+ clear: left;
+ width: 50px;
+ height: 50px;
+ background: green;
+}
+.float-right {
+ float: right;
+ clear: right;
+ width: 50px;
+ height: 50px;
+ background: green;
+}
+span {
+ display: inline-block;
+ width: 50px;
+ height: 40px;
+ background: cyan;
+}
+</style>
+<div style="width: 150px; display: flow-root;">
+ <div class="float-left"></div>
+ <div style="height: 40px;"></div>
+ <div class="float-right"></div>
+ <div class="float-right"></div>
+ <div class="float-left"></div>
+ <div class="float-right"></div>
+ <div style="margin-top: 10px; line-height: 0;"><span></span><span></span></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-006.html b/testing/web-platform/tests/css/CSS2/floats/floats-placement-006.html
new file mode 100644
index 0000000000..038e40848a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-006.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Test the inline-block does not overlap with the float-right element.</title>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1805597">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<style>
+.container {
+ width: 100px;
+ height: 100px;
+ background-color: red;
+}
+
+.inline-block {
+ display: inline-block;
+ width: 50px;
+ height: 100px;
+ background-color: green;
+}
+.float-right {
+ float: right;
+ width: 50px;
+ height: 100px;
+ background-color: green;
+}
+.float-left {
+ width: 30px;
+ height: 50px;
+ clear: both;
+ float: left;
+}
+</style>
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div class="container">
+ <div class="inline-block"></div><div class="float-right"></div><div class="float-left"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-007.html b/testing/web-platform/tests/css/CSS2/floats/floats-placement-007.html
new file mode 100644
index 0000000000..d7e3ef685f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-007.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Test the inline-block does not overlap with the float-left element.</title>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1805597">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<style>
+.container {
+ width: 100px;
+ height: 100px;
+ background-color: red;
+ direction: rtl;
+}
+
+.inline-block {
+ display: inline-block;
+ width: 50px;
+ height: 100px;
+ background-color: green;
+}
+.float-left {
+ float: left;
+ width: 50px;
+ height: 100px;
+ background-color: green;
+}
+.float-right {
+ width: 30px;
+ height: 50px;
+ clear: both;
+ float: right;
+}
+</style>
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div class="container">
+ <div class="inline-block"></div><div class="float-left"></div><div class="float-right"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-008.html b/testing/web-platform/tests/css/CSS2/floats/floats-placement-008.html
new file mode 100644
index 0000000000..90d919dddc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-008.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Test the inline-block does not overlap with the float-right element.</title>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1805597">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<style>
+.container {
+ width: 100px;
+ height: 100px;
+ background-color: red;
+ position: relative;
+}
+
+.inline-block {
+ display: inline-block;
+ width: 50px;
+ height: 50px;
+ background-color: green;
+}
+.float-right {
+ float: right;
+ width: 50px;
+ height: 100px;
+ background-color: green;
+}
+.float-left {
+ width: 30px;
+ height: 50px;
+ clear: both;
+ float: left;
+}
+</style>
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div class="container">
+ <div class="inline-block"></div><div class="float-right"></div><div class="float-left"></div>
+ <div style="position: absolute; top: 50px; width: 50px; height: 50px; background-color: green"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-001-ref.xht
new file mode 100644
index 0000000000..15ff213301
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-001-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for float placement rules (reference)</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+.left { float:left; }
+.right { float:right; }
+.left, .right { width:50px; height:50px; background:yellow; }
+p { overflow:auto; }
+</style>
+</head>
+<body style="width:400px;">
+<p><span class="left"></span>HelloKitty
+</p><p><span class="right"></span>HelloKitty
+</p><p dir="rtl"><span class="left"></span>HelloKitty
+</p><p dir="rtl"><span class="right"></span>HelloKitty
+</p><p style="text-align:right;"><span class="left"></span>HelloKitty
+</p><p style="text-align:right;"><span class="right"></span>HelloKitty
+
+
+</p></body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-001a.xht b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-001a.xht
new file mode 100644
index 0000000000..61815e9ad3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-001a.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for float placement rules</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+<link rel="match" href="floats-placement-vertical-001-ref.xht"/>
+<meta name="assert" content="A floating box must be placed as high as possible. " />
+<style type="text/css">
+.left { float:left; }
+.right { float:right; }
+.left, .right { width:50px; height:50px; background:yellow; }
+p { overflow:auto; }
+</style>
+</head>
+<body style="width:400px;">
+<p>Hello<span class="left"></span>Kitty
+</p><p>Hello<span class="right"></span>Kitty
+</p><p dir="rtl">Hello<span class="left"></span>Kitty
+</p><p dir="rtl">Hello<span class="right"></span>Kitty
+</p><p style="text-align:right;">Hello<span class="left"></span>Kitty
+</p><p style="text-align:right;">Hello<span class="right"></span>Kitty
+
+
+</p></body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-001b.xht b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-001b.xht
new file mode 100644
index 0000000000..8a2e7247b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-001b.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for float placement rules</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+<link rel="match" href="floats-placement-vertical-001-ref.xht"/>
+<meta name="assert" content="A floating box must be placed as high as possible. " />
+<style type="text/css">
+.left { float:left; }
+.right { float:right; }
+.left, .right { width:50px; height:50px; background:yellow; }
+p { overflow:auto; }
+</style>
+</head>
+<body style="width:400px">
+<p><span>Hello<span class="left"></span></span>Kitty
+</p><p><span>Hello<span class="right"></span></span>Kitty
+</p><p dir="rtl"><span>Hello<span class="left"></span></span>Kitty
+</p><p dir="rtl"><span>Hello<span class="right"></span></span>Kitty
+</p><p style="text-align:right;"><span>Hello<span class="left"></span></span>Kitty
+</p><p style="text-align:right;"><span>Hello<span class="right"></span></span>Kitty
+
+
+</p></body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-001c.xht b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-001c.xht
new file mode 100644
index 0000000000..2784c59027
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-001c.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for float placement rules</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+<link rel="match" href="floats-placement-vertical-001-ref.xht"/>
+<meta name="assert" content="A floating box must be placed as high as possible. " />
+<style type="text/css">
+.left { float:left; }
+.right { float:right; }
+.left, .right { width:50px; height:50px; background:yellow; }
+p { overflow:auto; }
+</style>
+</head>
+<body style="width:400px;">
+<p>Hello<span><span class="left"></span>Kitty</span>
+</p><p>Hello<span><span class="right"></span>Kitty</span>
+</p><p dir="rtl">Hello<span><span class="left"></span>Kitty</span>
+</p><p dir="rtl">Hello<span><span class="right"></span>Kitty</span>
+</p><p style="text-align:right;">Hello<span><span class="left"></span>Kitty</span>
+</p><p style="text-align:right;">Hello<span><span class="right"></span>Kitty</span>
+
+
+</p></body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-003-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-003-ref.xht
new file mode 100644
index 0000000000..f89b9e768e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-003-ref.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test for float placement rules (reference)</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+</head><body style="width:100px; font-size:5px;">
+<!-- Check that we don't allow floats to reorder -->
+H
+<div style="background:blue; width:100px; height:100px;"></div>
+<div style="background:yellow; width:30px; height:30px; float:left;"></div>
+<div style="background:yellow; width:30px; height:30px; float:right;"></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-003.xht b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-003.xht
new file mode 100644
index 0000000000..9c4ea52740
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-003.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test for float placement rules</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+<link rel="match" href="floats-placement-vertical-003-ref.xht"/>
+<meta name="assert" content="The outer top of a floating box may not be higher than the outer top of any block or floated box generated by an element earlier in the source document." />
+<meta name="assert" content="A floating box must be placed as high as possible. " />
+</head><body style="width:100px; font-size:5px;">
+<!-- Check that we don't allow floats to reorder -->
+H
+<div style="background:blue; width:100px; height:100px; float:left;"></div>
+<div style="background:yellow; width:30px; height:30px; float:left;"></div>
+<div style="background:yellow; width:30px; height:30px; float:right;"></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-004-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-004-ref.xht
new file mode 100644
index 0000000000..9e2cd4682e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-004-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test for float placement rules (reference)</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="match" href="floats-placement-vertical-004-ref2.xht"/>
+</head><body style="width:200px; font-size:5px;">
+<div style="background:green; width:100px; height:100px; float:left;"></div>
+H<br />
+<div style="background:blue; width:100px; height:100px; float:left;"></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-004-ref2.xht b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-004-ref2.xht
new file mode 100644
index 0000000000..97b26306de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-004-ref2.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test for float placement rules (reference)</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="match" href="floats-placement-vertical-004-ref.xht"/>
+</head><body style="width:200px; font-size:5px;">
+<div style="position:absolute; background:green; width:100px; height:100px;"></div>
+<div style="position:relative; left:100px; width:100px; height:100px;">
+ H
+ <div style="background:blue; width:100px; height:100px;"></div>
+</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-004.xht b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-004.xht
new file mode 100644
index 0000000000..143cca2e07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-placement-vertical-004.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test for float placement rules</title>
+<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
+<link rel="match" href="floats-placement-vertical-004-ref.xht"/>
+<meta name="assert" content="A floating box must be placed as high as possible. " />
+</head><body style="width:200px; font-size:5px;">
+<!-- Check that we're actually taking inline content already in the line into account
+ when we check whether the blue float fits -->
+<div style="background:green; width:100px; height:100px; float:left;"></div>
+H
+<div style="background:blue; width:100px; height:100px; float:left;"></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-left-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-left-001-ref.xht
new file mode 100644
index 0000000000..a401cd41da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-left-001-ref.xht
@@ -0,0 +1,6 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Test for float placement around other float in BFC but outside containing block</title>
+
+</head><body><div style="float: left; width: 500px; height: 500px">
+ <div style="width: 425px; height: 10px; background: blue"></div>
+</div>
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-left-001.xht b/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-left-001.xht
new file mode 100644
index 0000000000..9c63c0ebdd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-left-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: float placement around other float in BFC but outside containing block</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-rule3-outside-left-001-ref.xht"/>
+ <meta name="assert" content="Test for float placement around other float in BFC but outside containing block" />
+
+<!--
+ CSS2.1 9.5.1 rule 3 says:
+
+ The right outer edge of a left-floating box may not be to the right
+ of the left outer edge of any right-floating box that is to the
+ right of it. Analogous rules hold for right-floating elements.
+
+ -->
+
+<!-- the block formatting context inside which we're testing -->
+</head><body><div style="float: left; width: 500px; height: 500px">
+
+ <div style="float: right; width: 50px; height: 300px"></div>
+
+ <div style="margin-right: 100px"> <!-- 400px wide -->
+
+ <!-- we're testing the position of this float -->
+ <div style="float: left; width: 425px; height: 10px; background: blue"></div>
+
+ </div>
+
+</div>
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-left-002-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-left-002-ref.xht
new file mode 100644
index 0000000000..f16aba29c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-left-002-ref.xht
@@ -0,0 +1,5 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Test for float placement around other float in BFC but outside containing block</title>
+</head><body><div style="float: left; width: 500px; height: 500px">
+ <div style="margin-top: 300px; width: 475px; height: 10px; background: blue"></div>
+</div>
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-left-002.xht b/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-left-002.xht
new file mode 100644
index 0000000000..053251a3d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-left-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: float placement around other float in BFC but outside containing block</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-rule3-outside-left-002-ref.xht"/>
+ <meta name="assert" content="Test for float placement around other float in BFC but outside containing block" />
+
+<!--
+ CSS2.1 9.5.1 rule 3 says:
+
+ The right outer edge of a left-floating box may not be to the right
+ of the left outer edge of any right-floating box that is to the
+ right of it. Analogous rules hold for right-floating elements.
+
+ -->
+
+<!-- the block formatting context inside which we're testing -->
+</head><body><div style="float: left; width: 500px; height: 500px">
+
+ <div style="float: right; width: 50px; height: 300px"></div>
+
+ <div style="margin-right: 100px"> <!-- 400px wide -->
+
+ <!-- we're testing the position of this float -->
+ <div style="float: left; width: 475px; height: 10px; background: blue"></div>
+
+ </div>
+
+</div>
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-right-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-right-001-ref.xht
new file mode 100644
index 0000000000..1495741607
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-right-001-ref.xht
@@ -0,0 +1,5 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Test for float placement around other float in BFC but outside containing block</title>
+</head><body><div style="float: left; width: 500px; height: 500px">
+ <div style="margin-left: 75px; width: 425px; height: 10px; background: blue"></div>
+</div>
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-right-001.xht b/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-right-001.xht
new file mode 100644
index 0000000000..47c2e66868
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-right-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: float placement around other float in BFC but outside containing block</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-rule3-outside-right-001-ref.xht"/>
+ <meta name="assert" content="Test for float placement around other float in BFC but outside containing block" />
+
+<!--
+ CSS2.1 9.5.1 rule 3 says:
+
+ The right outer edge of a left-floating box may not be to the right
+ of the left outer edge of any right-floating box that is to the
+ right of it. Analogous rules hold for right-floating elements.
+
+ -->
+
+<!-- the block formatting context inside which we're testing -->
+</head><body><div style="float: left; width: 500px; height: 500px">
+
+ <div style="float: left; width: 50px; height: 300px"></div>
+
+ <div style="margin-left: 100px"> <!-- 400px wide -->
+
+ <!-- we're testing the position of this float -->
+ <div style="float: right; width: 425px; height: 10px; background: blue"></div>
+
+ </div>
+
+</div>
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-right-002-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-right-002-ref.xht
new file mode 100644
index 0000000000..e95714e466
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-right-002-ref.xht
@@ -0,0 +1,5 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Test for float placement around other float in BFC but outside containing block</title>
+</head><body><div style="float: left; width: 500px; height: 500px">
+ <div style="margin-top: 300px; margin-left: 25px; width: 475px; height: 10px; background: blue"></div>
+</div>
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-right-002.xht b/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-right-002.xht
new file mode 100644
index 0000000000..ff8552de68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-rule3-outside-right-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: float placement around other float in BFC but outside containing block</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-rule3-outside-right-002-ref.xht"/>
+ <meta name="assert" content="Test for float placement around other float in BFC but outside containing block" />
+
+<!--
+ CSS2.1 9.5.1 rule 3 says:
+
+ The right outer edge of a left-floating box may not be to the right
+ of the left outer edge of any right-floating box that is to the
+ right of it. Analogous rules hold for right-floating elements.
+
+ -->
+
+<!-- the block formatting context inside which we're testing -->
+</head><body><div style="float: left; width: 500px; height: 500px">
+
+ <div style="float: left; width: 50px; height: 300px"></div>
+
+ <div style="margin-left: 100px"> <!-- 400px wide -->
+
+ <!-- we're testing the position of this float -->
+ <div style="float: right; width: 475px; height: 10px; background: blue"></div>
+
+ </div>
+
+</div>
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-rule7-outside-left-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-rule7-outside-left-001-ref.xht
new file mode 100644
index 0000000000..546e2ae41c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-rule7-outside-left-001-ref.xht
@@ -0,0 +1,5 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Test for float placement around other float in BFC but outside containing block</title>
+</head><body><div style="float: left; width: 500px; height: 500px">
+ <div style="margin-top: 300px; margin-left: 100px; width: 425px; height: 10px; background: blue"></div>
+</div>
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-rule7-outside-left-001.xht b/testing/web-platform/tests/css/CSS2/floats/floats-rule7-outside-left-001.xht
new file mode 100644
index 0000000000..d0fb1c730a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-rule7-outside-left-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: float placement around other float in BFC but outside containing block</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-rule7-outside-left-001-ref.xht"/>
+ <meta name="assert" content="Test for float placement around other float in BFC but outside containing block" />
+
+<!--
+ CSS2.1 9.5.1 rule 7 says:
+
+ A left-floating box that has another left-floating box to its left
+ may not have its right outer edge to the right of its containing
+ block's right edge. (Loosely: a left float may not stick out at the
+ right edge, unless it is already as far to the left as possible.) An
+ analogous rule holds for right-floating elements.
+
+ -->
+
+<!-- the block formatting context inside which we're testing -->
+</head><body><div style="float: left; width: 500px; height: 500px">
+
+ <div style="float: left; width: 50px; height: 300px"></div>
+
+ <div style="margin-left: 100px"> <!-- 400px wide -->
+
+ <!-- we're testing the position of this float -->
+ <div style="float: left; width: 425px; height: 10px; background: blue"></div>
+
+ </div>
+
+</div>
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-rule7-outside-right-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-rule7-outside-right-001-ref.xht
new file mode 100644
index 0000000000..69e1a26a28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-rule7-outside-right-001-ref.xht
@@ -0,0 +1,5 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Test for float placement around other float in BFC but outside containing block</title>
+</head><body><div style="float: left; width: 500px; height: 500px">
+ <div style="margin-top: 300px; margin-left: -25px; width: 425px; height: 10px; background: blue"></div>
+</div>
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-rule7-outside-right-001.xht b/testing/web-platform/tests/css/CSS2/floats/floats-rule7-outside-right-001.xht
new file mode 100644
index 0000000000..fd8cff6497
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-rule7-outside-right-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: float placement around other float in BFC but outside containing block</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-rule7-outside-right-001-ref.xht"/>
+ <meta name="assert" content="Test for float placement around other float in BFC but outside containing block" />
+
+<!--
+ CSS2.1 9.5.1 rule 7 says:
+
+ A left-floating box that has another left-floating box to its left
+ may not have its right outer edge to the right of its containing
+ block's right edge. (Loosely: a left float may not stick out at the
+ right edge, unless it is already as far to the left as possible.) An
+ analogous rule holds for right-floating elements.
+
+ -->
+
+<!-- the block formatting context inside which we're testing -->
+</head><body><div style="float: left; width: 500px; height: 500px">
+
+ <div style="float: right; width: 50px; height: 300px"></div>
+
+ <div style="margin-right: 100px"> <!-- 400px wide -->
+
+ <!-- we're testing the position of this float -->
+ <div style="float: right; width: 425px; height: 10px; background: blue"></div>
+
+ </div>
+
+</div>
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-saturated-position-crash.html b/testing/web-platform/tests/css/CSS2/floats/floats-saturated-position-crash.html
new file mode 100644
index 0000000000..08a400df56
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-saturated-position-crash.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<link rel="help" href="https://crbug.com/972904">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<div style="margin-top:-100000000px;">
+ <div style="margin-bottom:-100000000px; padding-top: 1px;"></div>
+ text <!-- "text" is placed at the highest possible location due to saturated margin top values. -->
+ <div style="float: left; width: 60px; height: 20px;"></div>
+ <div style="margin-top: 10px;">
+ <div style="float: left; width: 10px;"></div>
+ <div style="float: left; width: 100px; height: 100px;"></div>
+ </div>
+</div>
+
+<script>
+test(() => { }, 'test passes if it does not crash');
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-left-overflow-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-left-overflow-ref.xht
new file mode 100644
index 0000000000..9d4c968d1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-left-overflow-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats (reference)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: aqua">
+ <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+ <div style="float:left; background:yellow; width: 200px; height: 50px">
+ <div style="background:purple; width: 150px; height: 50px"></div>
+ </div>
+</div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-left-overflow.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-left-overflow.xht
new file mode 100644
index 0000000000..d99861b680
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-left-overflow.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-wrap-bfc-001-left-overflow-ref.xht"/>
+ <meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ table { margin: 0; border-spacing: 0; }
+ td, th { padding: 0; }
+
+ span { display: inline-block; vertical-align: bottom; }
+
+ </style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+
+ <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+
+ <div style="overflow: hidden; background: yellow">
+ <span style="width: 150px; height: 50px; background: purple"></span>
+ </div>
+
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-left-table-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-left-table-ref.xht
new file mode 100644
index 0000000000..4b3b439c6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-left-table-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats (reference)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: aqua">
+ <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+ <div style="float:left; background:purple; width: 150px; height: 50px"></div>
+</div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-left-table.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-left-table.xht
new file mode 100644
index 0000000000..2bafffd854
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-left-table.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-wrap-bfc-001-left-table-ref.xht"/>
+ <meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ table { margin: 0; border-spacing: 0; }
+ td, th { padding: 0; }
+
+ span { display: inline-block; vertical-align: bottom; }
+
+ </style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+
+ <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+
+ <table style="background: yellow"><tbody><tr><td>
+ <span style="width: 150px; height: 50px; background: purple"></span>
+ </td></tr></tbody></table>
+
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-right-overflow-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-right-overflow-ref.xht
new file mode 100644
index 0000000000..00fc8fe6b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-right-overflow-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats (reference)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: aqua">
+ <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+ <div style="float:left; background:yellow; width: 200px; height: 50px">
+ <div style="background:purple; width: 150px; height: 50px"></div>
+ </div>
+</div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-right-overflow.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-right-overflow.xht
new file mode 100644
index 0000000000..183bb78918
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-right-overflow.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-wrap-bfc-001-right-overflow-ref.xht"/>
+ <meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ table { margin: 0; border-spacing: 0; }
+ td, th { padding: 0; }
+
+ span { display: inline-block; vertical-align: bottom; }
+
+ </style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+
+ <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+
+ <div style="overflow: hidden; background: yellow">
+ <span style="width: 150px; height: 50px; background: purple"></span>
+ </div>
+
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-right-table-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-right-table-ref.xht
new file mode 100644
index 0000000000..0b98fa080f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-right-table-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats (reference)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: aqua">
+ <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+ <div style="float:left; background:purple; width: 150px; height: 50px"></div>
+</div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-right-table.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-right-table.xht
new file mode 100644
index 0000000000..c67193d3a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-001-right-table.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-wrap-bfc-001-right-table-ref.xht"/>
+ <meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ table { margin: 0; border-spacing: 0; }
+ td, th { padding: 0; }
+
+ span { display: inline-block; vertical-align: bottom; }
+
+ </style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+
+ <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+
+ <table style="background: yellow"><tbody><tr><td>
+ <span style="width: 150px; height: 50px; background: purple"></span>
+ </td></tr></tbody></table>
+
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-left-overflow.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-left-overflow.xht
new file mode 100644
index 0000000000..3cb59caa78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-left-overflow.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-wrap-bfc-002-left-ref.xht"/>
+ <meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ table { margin: 0; border-spacing: 0; }
+ td, th { padding: 0; }
+
+ span { display: inline-block; vertical-align: bottom; }
+
+ </style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+
+ <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+
+ <div style="overflow: hidden; background: yellow">
+ <span style="width: 150px; height: 50px; background: purple"></span>
+ <span style="width: 150px; height: 50px; background: purple"></span>
+ </div>
+
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-left-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-left-ref.xht
new file mode 100644
index 0000000000..b118e94fc3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-left-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats (reference)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: aqua">
+ <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+ <div style="float:left; background:yellow; width: 200px; height: 100px">
+ <div style="background:purple; width: 150px; height: 100px"></div>
+ </div>
+</div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-left-table.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-left-table.xht
new file mode 100644
index 0000000000..9a7bfe68dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-left-table.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-wrap-bfc-002-left-ref.xht"/>
+ <meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ table { margin: 0; border-spacing: 0; }
+ td, th { padding: 0; }
+
+ span { display: inline-block; vertical-align: bottom; }
+
+ </style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+
+ <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+
+ <table style="background: yellow"><tbody><tr><td>
+ <span style="width: 150px; height: 50px; background: purple"></span>
+ <span style="width: 150px; height: 50px; background: purple"></span>
+ </td></tr></tbody></table>
+
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-right-overflow.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-right-overflow.xht
new file mode 100644
index 0000000000..1ff4fa6a1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-right-overflow.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-wrap-bfc-002-right-ref.xht"/>
+ <meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ table { margin: 0; border-spacing: 0; }
+ td, th { padding: 0; }
+
+ span { display: inline-block; vertical-align: bottom; }
+
+ </style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+
+ <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+
+ <div style="overflow: hidden; background: yellow">
+ <span style="width: 150px; height: 50px; background: purple"></span>
+ <span style="width: 150px; height: 50px; background: purple"></span>
+ </div>
+
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-right-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-right-ref.xht
new file mode 100644
index 0000000000..bb3774567e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-right-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats (reference)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: aqua">
+ <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+ <div style="float:left; background:yellow; width: 200px; height: 100px">
+ <div style="background:purple; width: 150px; height: 100px"></div>
+ </div>
+</div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-right-table.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-right-table.xht
new file mode 100644
index 0000000000..894287a0b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-002-right-table.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-wrap-bfc-002-right-ref.xht"/>
+ <meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ table { margin: 0; border-spacing: 0; }
+ td, th { padding: 0; }
+
+ span { display: inline-block; vertical-align: bottom; }
+
+ </style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+
+ <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+
+ <table style="background: yellow"><tbody><tr><td>
+ <span style="width: 150px; height: 50px; background: purple"></span>
+ <span style="width: 150px; height: 50px; background: purple"></span>
+ </td></tr></tbody></table>
+
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-left-overflow-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-left-overflow-ref.xht
new file mode 100644
index 0000000000..41ed0d3d35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-left-overflow-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats (reference)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: aqua">
+ <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+ <div style="float:left; background:purple; width: 200px; height: 50px"></div>
+</div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-left-overflow.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-left-overflow.xht
new file mode 100644
index 0000000000..1f6889c93d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-left-overflow.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-wrap-bfc-003-left-overflow-ref.xht"/>
+ <meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ table { margin: 0; border-spacing: 0; }
+ td, th { padding: 0; }
+
+ span { display: inline-block; vertical-align: bottom; }
+
+ </style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+
+ <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+
+ <div style="overflow: hidden; background: yellow">
+ <span style="width: 250px; height: 50px; background: purple"></span>
+ </div>
+
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-left-table-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-left-table-ref.xht
new file mode 100644
index 0000000000..e9ddad7da1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-left-table-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats (reference)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+</head>
+<body>
+
+<div style="width: 300px; height: 150px; background: aqua">
+ <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+ <div style="float:left; clear:left; background:purple; width: 250px; height: 50px"></div>
+</div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-left-table.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-left-table.xht
new file mode 100644
index 0000000000..dcb6c04f14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-left-table.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-wrap-bfc-003-left-table-ref.xht"/>
+ <meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ table { margin: 0; border-spacing: 0; }
+ td, th { padding: 0; }
+
+ span { display: inline-block; vertical-align: bottom; }
+
+ </style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+
+ <div style="float:left; background:blue; width: 100px; height: 100px"></div>
+
+ <table style="background: yellow"><tbody><tr><td>
+ <span style="width: 250px; height: 50px; background: purple"></span>
+ </td></tr></tbody></table>
+
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-right-overflow-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-right-overflow-ref.xht
new file mode 100644
index 0000000000..42c7861d6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-right-overflow-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats (reference)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+</head>
+<body>
+
+<div style="width: 300px; height: 100px; background: aqua">
+ <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+ <div style="float:left; background:purple; width: 200px; height: 50px"></div>
+</div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-right-overflow.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-right-overflow.xht
new file mode 100644
index 0000000000..fce87aef22
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-right-overflow.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-wrap-bfc-003-right-overflow-ref.xht"/>
+ <meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ table { margin: 0; border-spacing: 0; }
+ td, th { padding: 0; }
+
+ span { display: inline-block; vertical-align: bottom; }
+
+ </style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+
+ <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+
+ <div style="overflow: hidden; background: yellow">
+ <span style="width: 250px; height: 50px; background: purple"></span>
+ </div>
+
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-right-table-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-right-table-ref.xht
new file mode 100644
index 0000000000..768355e7a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-right-table-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats (reference)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+</head>
+<body>
+
+<div style="width: 300px; height: 150px; background: aqua">
+ <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+ <div style="float:left; clear:right; background:purple; width: 250px; height: 50px"></div>
+</div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-right-table.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-right-table.xht
new file mode 100644
index 0000000000..10fac3bd92
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-003-right-table.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-wrap-bfc-003-right-table-ref.xht"/>
+ <meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ table { margin: 0; border-spacing: 0; }
+ td, th { padding: 0; }
+
+ span { display: inline-block; vertical-align: bottom; }
+
+ </style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+
+ <div style="float:right; background:blue; width: 100px; height: 100px"></div>
+
+ <table style="background: yellow"><tbody><tr><td>
+ <span style="width: 250px; height: 50px; background: purple"></span>
+ </td></tr></tbody></table>
+
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-004-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-004-ref.xht
new file mode 100644
index 0000000000..fede0e5f0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-004-ref.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats (reference)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+</head>
+<body>
+
+<div style="width: 300px; height: 20px; background: aqua">
+ <div style="float:left; background:blue; width: 100px; height: 20px"></div>
+ <div style="float:left; background:silver; width: 100px; height: 6px"></div>
+ <div style="float:left; width: 150px; height: 10px; background: purple"></div>
+</div>
+
+<div style="width: 300px; height: 20px; background: aqua">
+ <div style="float:left; background:blue; width: 100px; height: 20px"></div>
+ <div style="float:right; background:silver; width: 100px; height: 6px"></div>
+ <div style="float:left; width: 150px; height: 10px; background: purple"></div>
+</div>
+
+<div style="width: 300px; height: 20px; background: aqua">
+ <div style="float:right; background:blue; width: 100px; height: 20px"></div>
+ <div style="float:left; background:silver; width: 100px; height: 6px"></div>
+ <div style="float:left; width: 150px; height: 10px; background: purple"></div>
+</div>
+
+<div style="width: 300px; height: 20px; background: aqua">
+ <div style="float:right; background:blue; width: 100px; height: 20px"></div>
+ <div style="float:right; background:silver; width: 100px; height: 6px"></div>
+ <div style="float:left; width: 150px; height: 10px; background: purple"></div>
+</div>
+
+<div style="width: 300px; height: 20px; background: aqua">
+ <div style="float:left; background:blue; width: 100px; height: 20px"></div>
+ <div style="float:left; background:silver; width: 100px; height: 6px"></div>
+ <div style="float:left; width: 100px; height: 10px; background: purple"></div>
+</div>
+
+<div style="width: 300px; height: 20px; background: aqua">
+ <div style="float:left; background:blue; width: 100px; height: 20px"></div>
+ <div style="float:right; background:silver; width: 100px; height: 6px"></div>
+ <div style="float:left; width: 100px; height: 10px; background: purple"></div>
+</div>
+
+<div style="width: 300px; height: 20px; background: aqua">
+ <div style="float:right; background:blue; width: 100px; height: 20px"></div>
+ <div style="float:left; background:silver; width: 100px; height: 6px"></div>
+ <div style="float:left; width: 100px; height: 10px; background: purple"></div>
+</div>
+
+<div style="width: 300px; height: 20px; background: aqua">
+ <div style="float:right; background:blue; width: 100px; height: 20px"></div>
+ <div style="float:right; background:silver; width: 100px; height: 6px"></div>
+ <div style="float:left; width: 100px; height: 10px; background: purple"></div>
+</div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-004.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-004.xht
new file mode 100644
index 0000000000..39653b83eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-004.xht
@@ -0,0 +1,85 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-wrap-bfc-004-ref.xht"/>
+ <meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ table { margin: 0; border-spacing: 0; }
+ td, th { padding: 0; }
+
+ </style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:left; background:blue; width: 100px; height: 20px"></div>
+ <div style="float:left; background:silver; width: 100px; height: 6px"></div>
+ <table style="background: yellow"><tbody><tr><td>
+ <div style="width: 150px; height: 10px; background: purple"></div>
+ </td></tr></tbody></table>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:left; background:blue; width: 100px; height: 20px"></div>
+ <div style="float:right; background:silver; width: 100px; height: 6px"></div>
+ <table style="background: yellow"><tbody><tr><td>
+ <div style="width: 150px; height: 10px; background: purple"></div>
+ </td></tr></tbody></table>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:right; background:blue; width: 100px; height: 20px"></div>
+ <div style="float:left; background:silver; width: 100px; height: 6px"></div>
+ <table style="background: yellow"><tbody><tr><td>
+ <div style="width: 150px; height: 10px; background: purple"></div>
+ </td></tr></tbody></table>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:right; background:blue; width: 100px; height: 20px"></div>
+ <div style="float:right; background:silver; width: 100px; height: 6px"></div>
+ <table style="background: yellow"><tbody><tr><td>
+ <div style="width: 150px; height: 10px; background: purple"></div>
+ </td></tr></tbody></table>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:left; background:blue; width: 100px; height: 20px"></div>
+ <div style="float:left; background:silver; width: 100px; height: 6px"></div>
+ <div style="overflow: hidden; background: yellow">
+ <div style="width: 150px; height: 10px; background: purple"></div>
+ </div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:left; background:blue; width: 100px; height: 20px"></div>
+ <div style="float:right; background:silver; width: 100px; height: 6px"></div>
+ <div style="overflow: hidden; background: yellow">
+ <div style="width: 150px; height: 10px; background: purple"></div>
+ </div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:right; background:blue; width: 100px; height: 20px"></div>
+ <div style="float:left; background:silver; width: 100px; height: 6px"></div>
+ <div style="overflow: hidden; background: yellow">
+ <div style="width: 150px; height: 10px; background: purple"></div>
+ </div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:right; background:blue; width: 100px; height: 20px"></div>
+ <div style="float:right; background:silver; width: 100px; height: 6px"></div>
+ <div style="overflow: hidden; background: yellow">
+ <div style="width: 150px; height: 10px; background: purple"></div>
+ </div>
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-005-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-005-ref.xht
new file mode 100644
index 0000000000..bb3190d0cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-005-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats (reference)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ body { font-size: 10px; }
+
+ </style>
+</head>
+<body>
+
+<div style="width: 300px; height: 40px;background: aqua">
+ <div style="float:left; background:blue; width: 200px; height: 20px"></div>
+ <div style="float:left; clear: left; background: yellow; width: 150px; height: 20px">50%</div>
+</div>
+
+<div style="width: 300px; height: 40px;background: aqua">
+ <div style="float:right; background:blue; width: 200px; height: 20px"></div>
+ <div style="float:left; clear: right; background: yellow; width: 150px; height: 20px">50%</div>
+</div>
+
+<div style="width: 300px; height: 40px;background: aqua">
+ <div style="float:left; background:blue; width: 200px; height: 20px"></div>
+ <div style="float:left; clear: left; background: yellow; width: 150px; height: 20px">50%</div>
+</div>
+
+<div style="width: 300px; height: 40px;background: aqua">
+ <div style="float:right; background:blue; width: 200px; height: 20px"></div>
+ <div style="float:left; clear: right; background: yellow; width: 150px; height: 20px">50%</div>
+</div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-005.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-005.xht
new file mode 100644
index 0000000000..6122eb0fa2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-005.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-wrap-bfc-005-ref.xht"/>
+ <meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ body { font-size: 10px; }
+
+ table { margin: 0; border-spacing: 0; }
+ td, th { padding: 0; vertical-align: top; }
+
+ </style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:left; background:blue; width: 200px; height: 20px"></div>
+ <table width="50%" style="background: yellow" height="20"><tbody><tr><td>50%</td></tr></tbody></table>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:right; background:blue; width: 200px; height: 20px"></div>
+ <table width="50%" style="background: yellow" height="20"><tbody><tr><td>50%</td></tr></tbody></table>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:left; background:blue; width: 200px; height: 20px"></div>
+ <div style="overflow:hidden; background: yellow; width: 50%; height: 20px;">50%</div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:right; background:blue; width: 200px; height: 20px"></div>
+ <div style="overflow:hidden; background: yellow; width: 50%; height: 20px;">50%</div>
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-006-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-006-ref.xht
new file mode 100644
index 0000000000..59051f846a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-006-ref.xht
@@ -0,0 +1,177 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats (reference)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ body { font-size: 16px; }
+
+ table { margin: 0; border-spacing: 0; }
+ caption, td, th { padding: 0; vertical-align: top; text-align: left; }
+
+ .capref { background: yellow; }
+ .tabref { background: purple; }
+
+ </style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+
+ <div style="float:right; height: 30px; width: 100px; margin-right: 130px;" class="capref">Caption</div>
+
+ <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+
+ <div style="float:right; clear: right; height: 30px; width: 230px;" class="tabref">Cell</div>
+
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+
+ <div style="float:right; height: 30px; width: 190px;" class="capref">Caption</div>
+
+ <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+
+ <div style="float:right; clear: right; height: 30px; width: 100px; margin-right: 90px;" class="tabref">Cell</div>
+
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+
+ <div style="float:right; clear: right; height: 30px; width: 227px;margin-right:3px;" class="tabref">Cell</div>
+
+ <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+
+ <div style="float:right; clear: right; height: 30px; width: 100px;margin-right:130px;" class="capref">Caption</div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+
+ <div style="float:right; clear: right; height: 30px; width: 100px; margin-right:95px;" class="tabref">Cell</div>
+
+ <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+
+ <div style="float:right; clear: right; height: 30px; width: 192px; margin-right:3px;" class="capref">Caption</div>
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-006.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-006.xht
new file mode 100644
index 0000000000..4f302d6e6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-006.xht
@@ -0,0 +1,174 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-wrap-bfc-006-ref.xht"/>
+ <meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ body { font-size: 16px; }
+
+ table { margin: 0; border-spacing: 0; }
+ caption, td, th { padding: 0; vertical-align: top; text-align: left; }
+
+ table table caption { background: yellow; }
+ table table { background: purple; }
+
+ </style>
+</head>
+<body>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+ <table>
+ <caption style="caption-side: top; height:30px; width: 100px;">Caption</caption>
+ <tbody><tr><td><div style="height: 30px; width: 230px">Cell</div></td></tr>
+ </tbody></table>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+ <table>
+ <caption style="caption-side: top; height:30px; width: 190px;">Caption</caption>
+ <tbody><tr><td><div style="height: 30px; width: 100px">Cell</div></td></tr>
+ </tbody></table>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+ <table>
+ <caption style="caption-side: bottom; height:30px; width: 100px;">Caption</caption>
+ <tbody><tr><td><div style="height: 30px; width: 227px">Cell</div></td></tr>
+ </tbody></table>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
+ <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
+ <table>
+ <caption style="caption-side: bottom; height:30px; width: 192px;">Caption</caption>
+ <tbody><tr><td><div style="height: 30px; width: 100px">Cell</div></td></tr>
+ </tbody></table>
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-007-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-007-ref.xht
new file mode 100644
index 0000000000..f67bd790c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-007-ref.xht
@@ -0,0 +1,110 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats (reference)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ table { margin: 0; border-spacing: 0; }
+ td, th { padding: 0; vertical-align: top; }
+
+ </style>
+</head>
+<body>
+
+<!-- 6px margin between (from top, from bottom, from both) -->
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple;"></div>
+ <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow; margin-top: 1px;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple;"></div>
+ <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow; margin-top: 1px;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple;"></div>
+ <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow; margin-top: 1px;"></div>
+</td></tr></tbody></table>
+
+<!-- 5px margin between (from both) -->
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple;"></div>
+ <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple;"></div>
+ <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple;"></div>
+ <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></tbody></table>
+
+<!-- 4px margin between (from both) -->
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple;"></div>
+ <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple;"></div>
+ <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple;"></div>
+ <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></tbody></table>
+
+<!-- negative margin between -->
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple;"></div>
+ <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple;"></div>
+ <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple;"></div>
+ <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple;"></div>
+ <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple;"></div>
+ <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-007.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-007.xht
new file mode 100644
index 0000000000..77483b25d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-007.xht
@@ -0,0 +1,113 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: Test for flow around floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-wrap-bfc-007-ref.xht"/>
+ <meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ table { margin: 0; border-spacing: 0; }
+ td, th { padding: 0; vertical-align: top; }
+
+ </style>
+</head>
+<body>
+
+<!-- 6px margin between (from top, from bottom, from both) -->
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple; margin-bottom: 6px;"></div>
+ <div style="overflow: hidden; width: 200px; height: 5px; background: yellow;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple;"></div>
+ <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: 6px;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple; margin-bottom: 6px;"></div>
+ <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: 6px;"></div>
+</td></tr></tbody></table>
+
+<!-- 5px margin between (from both) -->
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple; margin-bottom: 5px;"></div>
+ <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: 5px;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple; margin-bottom: 10px;"></div>
+ <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: -5px;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple; margin-bottom: -5px;"></div>
+ <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: 10px;"></div>
+</td></tr></tbody></table>
+
+<!-- 4px margin between (from both) -->
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple; margin-bottom: 4px;"></div>
+ <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: 4px;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple; margin-bottom: -1px;"></div>
+ <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: 5px;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple; margin-bottom: -1px;"></div>
+ <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: 5px;"></div>
+</td></tr></tbody></table>
+
+<!-- negative margin between -->
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple; margin-bottom: -4px;"></div>
+ <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: 0px;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple; margin-bottom: 0px;"></div>
+ <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: -4px;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple; margin-bottom: -4px;"></div>
+ <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: -1px;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple; margin-bottom: -1px;"></div>
+ <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: -4px;"></div>
+</td></tr></tbody></table>
+
+<table width="300" style="background: aqua"><tbody><tr><td>
+ <div style="float: left; height: 10px; width: 150px; background: blue"></div>
+ <div style="height: 5px; background: purple; margin-bottom: -4px;"></div>
+ <div style="overflow: hidden; width: 200px; height: 5px; background: yellow; margin-top: -4px;"></div>
+</td></tr></tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-outside-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-outside-001-ref.xht
new file mode 100644
index 0000000000..20ae62757d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-outside-001-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
+<title>Testcase, bug 472252</title>
+
+<style type="text/css">
+#wrap {width:600px; border:1px solid;position:relative}
+.a {background:lime; color:#fff; width:80%;}
+.b {position:absolute; right:0; width:18%; background: cyan; color: #000; height:10em;}
+textarea {box-sizing: border-box; width: 100%; height:10em;}
+</style>
+
+<title>test</title>
+</head>
+<body>
+<div id="wrap">
+ <div class="b"></div>
+ <div class="a"><textarea></textarea></div>
+</div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-outside-001.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-outside-001.xht
new file mode 100644
index 0000000000..5ba6a9750e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-outside-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
+ <title>CSS Test: float</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-wrap-bfc-outside-001-ref.xht"/>
+
+<style type="text/css">
+#wrap {width:600px; border:1px solid;}
+.a {background:lime; color:#fff; width:80%;}
+.b {float:right; width:18%; background: cyan; color: #000; height:10em;}
+textarea {box-sizing: border-box;width: 100%; height:10em;}
+</style>
+
+</head>
+<body>
+<div id="wrap">
+ <div class="b"></div>
+ <div class="a"><textarea></textarea></div>
+</div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-001-ref.html b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-001-ref.html
new file mode 100644
index 0000000000..8e079b1f17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-001-ref.html
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>CSS Reference Case</title>
+<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+<script>
+ const MARGIN_VALS = [-30, -20, -17,
+ // Values -16 through -1 are non-interoperable and are
+ // split off to a separate test.
+ 0, 5, 10, 14
+ // Values over 15 are non-interoperable and are
+ // split off to a separate test.
+ ];
+ const HORIZ_SIDES = ["left", "right"]; // Used for 'float:*' and 'margin-*'.
+ const DIRECTION_VALS = ["ltr", "rtl"];
+
+ function newDivWithClassAndParent(className, parent) {
+ let elem = document.createElement("div");
+ if (className) {
+ elem.classList.add(className);
+ }
+ parent.appendChild(elem);
+ return elem;
+ }
+ function generateGroup(directionVal, floatVal, marginPropSuffix) {
+ let group = newDivWithClassAndParent("group", document.body);
+ group.style.direction = directionVal;
+ const marginPropName = "margin-" + marginPropSuffix;
+
+ for (let v of MARGIN_VALS) {
+ // In this test, the negative values are specifically the ones that
+ // are expected to cause wrapping.
+ const isExpectingToWrap = (v < 0);
+ let container = newDivWithClassAndParent("container", group);
+ if (isExpectingToWrap) {
+ container.style.flexWrap = "wrap";
+ }
+ if ((floatVal == "right") != (directionVal == "rtl")) {
+ // In the corresponding piece of the testcase, the float is floated to
+ // the inline-end side (for the given writing-mode). We use a
+ // "row-reverse" flex container as our mockup for that here.
+ container.style.flexDirection = "row-reverse";
+ }
+
+ let float = newDivWithClassAndParent("float", container);
+ float.style.cssFloat = floatVal;
+
+ let bfc = newDivWithClassAndParent("bfc", container);
+ if (isExpectingToWrap) {
+ // If we wrap, then we expect the testcase to resolve the BFC's
+ // content-box width to be: 30px (container's available space)
+ // minus 2px (for bfc's border), plus the absolute value of whatever
+ // (negative) margin value we're testing here.
+ bfc.style.width = (30 - 2 - v) + "px";
+ }
+
+ // Set the actual margin value that we're testing here, EXCEPT if we're
+ // not-expecting-to-wrap and the bfc's margin is going to "overlap" the
+ // float in the testcase. (In this latter case, the margin doesn't
+ // impact the testcase's rendering, so we take care not to set it here.)
+ if (isExpectingToWrap || marginPropSuffix != floatVal) {
+ bfc.style[marginPropName] = v + "px";
+ }
+ }
+ }
+ function go() {
+ for (let directionVal of DIRECTION_VALS) {
+ for (let floatVal of HORIZ_SIDES) {
+ for (let marginPropSuffix of HORIZ_SIDES) {
+ generateGroup(directionVal, floatVal, marginPropSuffix);
+ }
+ }
+ }
+ // Note: the "reftest-wait" usage here isn't strictly necessary; it just
+ // helps ensure that we actually make it through all of the above JS and
+ // populate this document with the content that we want to render.
+ // (Specifically: if we e.g. throw a JS exception somewhere early in both
+ // the testcase and reference case, then the "reftest-wait" class will
+ // never be removed; and that will cause the test run to be classified
+ // as a failure, rather than a trivial "pass" with a visual comparison of
+ // two blank documents.)
+ document.documentElement.removeAttribute("class");
+ }
+</script>
+<style>
+.group {
+ width: 500px;
+ border: 1px solid black;
+}
+.container {
+ display: inline-flex;
+ align-content: start;
+ vertical-align: top;
+ width: 30px;
+ height: 40px;
+ /* This border and margin are just cosmetic, to avoid overlap between
+ * adjacent containers within a row. */
+ border: 1px solid gray;
+ margin-left: 30px;
+}
+
+.float {
+ width: 7px;
+ height: 8px;
+ background: fuchsia;
+ border: 1px solid purple;
+ margin: 1px 3px 1px 2px;
+}
+.bfc {
+ display: flow-root;
+ background: aqua;
+ height: 15px;
+ border: 1px solid blue;
+ /* We use "flex: 1" (on a flex item) to mock up the fill-available-space
+ * block-layout behavior in the testcase. */
+ flex: 1 auto;
+}
+</style>
+<body onload="go()">
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-001.html b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-001.html
new file mode 100644
index 0000000000..cc344f0fd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-001.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>CSS Test: If a BFC's inline-axis margin is sufficiently negative such
+ that it inflates its border-box to be too large to fit alongside a float,
+ then it should be pushed below the float</title>
+<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+<link rel="help" href="https://www.w3.org/TR/CSS21/visuren.html#floats">
+<meta name="assert" content="The border box of ... an element in the normal flow that establishes a new block formatting context ... must not overlap the margin box of any floats in the same block formatting context as the element itself. If necessary, implementations should clear the said element by placing it below any preceding floats">
+<link rel="help" href="https://www.w3.org/TR/CSS21/visudet.html#blockwidth">
+<!-- For a BFC with 'width:auto', negative total inline-axis margins will
+ effectively set a lower-bound for the used border-box width, to satisfy
+ the equation in CSS2.1 10.3.3. This test exercises scenarios where this
+ mechanism "props up" the BFC's border-box enough to make its border-box
+ collide width the float's margin-box, resulting in it needing to be moved
+ down below the float. -->
+<link rel="match" href="floats-wrap-bfc-with-margin-001-ref.html">
+<script>
+ const MARGIN_VALS = [-30, -20, -17,
+ // Values -16 through -1 are non-interoperable and are
+ // split off to a separate test.
+ 0, 5, 10, 14
+ // Values over 15 are non-interoperable and are
+ // split off to a separate test.
+ ];
+ const HORIZ_SIDES = ["left", "right"]; // Used for 'float:*' and 'margin-*'.
+ const DIRECTION_VALS = ["ltr", "rtl"];
+
+ function newDivWithClassAndParent(className, parent) {
+ let elem = document.createElement("div");
+ if (className) {
+ elem.classList.add(className);
+ }
+ parent.appendChild(elem);
+ return elem;
+ }
+ function generateGroup(directionVal, floatVal, marginPropSuffix) {
+ let group = newDivWithClassAndParent("group", document.body);
+ group.style.direction = directionVal;
+ const marginPropName = "margin-" + marginPropSuffix;
+
+ for (let v of MARGIN_VALS) {
+ let container = newDivWithClassAndParent("container", group);
+ let float = newDivWithClassAndParent("float", container);
+ float.style.cssFloat = floatVal;
+
+ let bfc = newDivWithClassAndParent("bfc", container);
+ bfc.style[marginPropName] = v + "px";
+ }
+ }
+ function go() {
+ for (let directionVal of DIRECTION_VALS) {
+ for (let floatVal of HORIZ_SIDES) {
+ for (let marginPropSuffix of HORIZ_SIDES) {
+ generateGroup(directionVal, floatVal, marginPropSuffix);
+ }
+ }
+ }
+ // Note: the "reftest-wait" usage here isn't strictly necessary; it just
+ // helps ensure that we actually make it through all of the above JS and
+ // populate this document with the content that we want to render.
+ // (Specifically: if we e.g. throw a JS exception somewhere early in both
+ // the testcase and reference case, then the "reftest-wait" class will
+ // never be removed; and that will cause the test run to be classified
+ // as a failure, rather than a trivial "pass" with a visual comparison of
+ // two blank documents.)
+ document.documentElement.removeAttribute("class");
+ }
+</script>
+<style>
+.group {
+ width: 500px;
+ border: 1px solid black;
+}
+.container {
+ /* This is the container that holds our float+bfc. We make it an
+ inline-block so that we can test a bunch of these in a row. */
+ display: inline-block;
+ vertical-align: top;
+ width: 30px;
+ height: 40px;
+ /* This border and margin are just cosmetic, to avoid overlap between
+ * adjacent containers within a row. */
+ border: 1px solid gray;
+ margin-left: 30px;
+}
+
+.float {
+ /* We'll set the float property elsewhere (to 'right' or 'left'). */
+ width: 7px;
+ height: 8px;
+ background: fuchsia;
+ border: 1px solid purple;
+ /* Each .float's margin-box (which the corresponding .bfc's border-box cannot
+ * overlap) is 14px wide:
+ * 7px content + 2px horizontal border + 5px horizontal margin
+ * Note that we're intentionally using a nonzero 'margin' here, to be sure
+ * the UA is using the float's margin-box (and not one of its other
+ * boxes) for this non-overlapping calculation. */
+ margin: 1px 3px 1px 2px;
+}
+.bfc {
+ /* Each .bfc's border-box width is 2px (from the border) plus whatever we
+ * resolve 'width:auto' to, which is influenced by the particular choice of
+ * 'margin' values (and the available space). */
+ display: flow-root;
+ background: aqua;
+ height: 15px;
+ border: 1px solid blue;
+}
+</style>
+<body onload="go()">
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-001a.tentative.html b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-001a.tentative.html
new file mode 100644
index 0000000000..9aa6b69ab7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-001a.tentative.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>CSS Test: If a BFC's inline-axis margin is sufficiently negative such
+ that it inflates its border-box to be too large to fit alongside a float,
+ then it should be pushed below the float</title>
+<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+<link rel="help" href="https://www.w3.org/TR/CSS21/visuren.html#floats">
+<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#stretch-fit-sizing">
+<meta name="assert" content="The border box of ... an element in the normal flow that establishes a new block formatting context ... must not overlap the margin box of any floats in the same block formatting context as the element itself. If necessary, implementations should clear the said element by placing it below any preceding floats">
+<link rel="help" href="https://www.w3.org/TR/CSS21/visudet.html#blockwidth">
+<!-- For a BFC with 'width:auto', negative total inline-axis margins will
+ effectively set a lower-bound for the used border-box width, to satisfy
+ the equation in CSS2.1 10.3.3. This test exercises scenarios where this
+ mechanism "props up" the BFC's border-box enough to make its border-box
+ collide width the float's margin-box, resulting in it needing to be moved
+ down below the float. -->
+<!-- NOTE: This testcase-variant actually has "width:stretch" (and
+ vendor-prefixed equivalents) rather than "auto", but I think the effect
+ should be the same, since the "stretch" and "auto" sizing keywords are
+ equivalent in most cases. (Though: in practice, WebKit and Gecko are both
+ more-eager-to-wrap here, with their vendor-prefixed "stretch" values, as
+ compared to with "auto"... I'm not sure whether or not there's a good
+ reason for that, so this test is named with ".tentative" for now.) -->
+<link rel="match" href="floats-wrap-bfc-with-margin-001-ref.html">
+<script>
+ const MARGIN_VALS = [-30, -20, -17,
+ // Values -16 through -1 are non-interoperable and are
+ // split off to a separate test.
+ 0, 5, 10, 14
+ // Values over 15 are non-interoperable and are
+ // split off to a separate test.
+ ];
+ const HORIZ_SIDES = ["left", "right"]; // Used for 'float:*' and 'margin-*'.
+ const DIRECTION_VALS = ["ltr", "rtl"];
+
+ function newDivWithClassAndParent(className, parent) {
+ let elem = document.createElement("div");
+ if (className) {
+ elem.classList.add(className);
+ }
+ parent.appendChild(elem);
+ return elem;
+ }
+ function generateGroup(directionVal, floatVal, marginPropSuffix) {
+ let group = newDivWithClassAndParent("group", document.body);
+ group.style.direction = directionVal;
+ const marginPropName = "margin-" + marginPropSuffix;
+
+ for (let v of MARGIN_VALS) {
+ let container = newDivWithClassAndParent("container", group);
+ let float = newDivWithClassAndParent("float", container);
+ float.style.cssFloat = floatVal;
+
+ let bfc = newDivWithClassAndParent("bfc", container);
+ bfc.style[marginPropName] = v + "px";
+ }
+ }
+ function go() {
+ for (let directionVal of DIRECTION_VALS) {
+ for (let floatVal of HORIZ_SIDES) {
+ for (let marginPropSuffix of HORIZ_SIDES) {
+ generateGroup(directionVal, floatVal, marginPropSuffix);
+ }
+ }
+ }
+ // Note: the "reftest-wait" usage here isn't strictly necessary; it just
+ // helps ensure that we actually make it through all of the above JS and
+ // populate this document with the content that we want to render.
+ // (Specifically: if we e.g. throw a JS exception somewhere early in both
+ // the testcase and reference case, then the "reftest-wait" class will
+ // never be removed; and that will cause the test run to be classified
+ // as a failure, rather than a trivial "pass" with a visual comparison of
+ // two blank documents.)
+ document.documentElement.removeAttribute("class");
+ }
+</script>
+<style>
+.group {
+ width: 500px;
+ border: 1px solid black;
+}
+.container {
+ /* This is the container that holds our float+bfc. We make it an
+ inline-block so that we can test a bunch of these in a row. */
+ display: inline-block;
+ vertical-align: top;
+ width: 30px;
+ height: 40px;
+ /* This border and margin are just cosmetic, to avoid overlap between
+ * adjacent containers within a row. */
+ border: 1px solid gray;
+ margin-left: 30px;
+}
+
+.float {
+ /* We'll set the float property elsewhere (to 'right' or 'left'). */
+ width: 7px;
+ height: 8px;
+ background: fuchsia;
+ border: 1px solid purple;
+ /* Each .float's margin-box (which the corresponding .bfc's border-box cannot
+ * overlap) is 14px wide:
+ * 7px content + 2px horizontal border + 5px horizontal margin
+ * Note that we're intentionally using a nonzero 'margin' here, to be sure
+ * the UA is using the float's margin-box (and not one of its other
+ * boxes) for this non-overlapping calculation. */
+ margin: 1px 3px 1px 2px;
+}
+.bfc {
+ /* Each .bfc's border-box width is 2px (from the border) plus whatever we
+ * resolve 'width:auto' to, which is influenced by the particular choice of
+ * 'margin' values (and the available space). */
+ display: flow-root;
+ background: aqua;
+ height: 15px;
+ border: 1px solid blue;
+
+ /* https://drafts.csswg.org/css-sizing-4/#stretch-fit-sizing */
+ width: -moz-available;
+ width: -webkit-fill-available;
+ width: stretch;
+}
+</style>
+<body onload="go()">
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-002-ref.html b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-002-ref.html
new file mode 100644
index 0000000000..03b7d86acb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-002-ref.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>CSS Reference Case</title>
+<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+<script>
+ const MARGIN_VALS = [-16, -15, -10, -1, 0];
+ const HORIZ_SIDES = ["left", "right"]; // Used for 'float:*' and 'margin-*'.
+ const DIRECTION_VALS = ["ltr", "rtl"];
+
+ function newDivWithClassAndParent(className, parent) {
+ let elem = document.createElement("div");
+ if (className) {
+ elem.classList.add(className);
+ }
+ parent.appendChild(elem);
+ return elem;
+ }
+ function generateGroup(directionVal, floatVal, marginPropSuffix) {
+ let group = newDivWithClassAndParent("group", document.body);
+ group.style.direction = directionVal;
+ const marginPropName = "margin-" + marginPropSuffix;
+
+ for (let v of MARGIN_VALS) {
+ // In this test, none of the MARGIN_VALS are expected to
+ // make us wrap.
+ let container = newDivWithClassAndParent("container", group);
+ if ((floatVal == "right") != (directionVal == "rtl")) {
+ // In the corresponding piece of the testcase, the float is floated to
+ // the inline-end side (for the given writing-mode). We use a
+ // "row-reverse" flex container as our mockup for that here.
+ container.style.flexDirection = "row-reverse";
+ }
+
+ let float = newDivWithClassAndParent("float", container);
+ float.style.cssFloat = floatVal;
+
+ let bfc = newDivWithClassAndParent("bfc", container);
+ }
+ }
+ function go() {
+ for (let directionVal of DIRECTION_VALS) {
+ for (let floatVal of HORIZ_SIDES) {
+ for (let marginPropSuffix of HORIZ_SIDES) {
+ generateGroup(directionVal, floatVal, marginPropSuffix);
+ }
+ }
+ }
+ // Note: the "reftest-wait" usage here isn't strictly necessary; it just
+ // helps ensure that we actually make it through all of the above JS and
+ // populate this document with the content that we want to render.
+ // (Specifically: if we e.g. throw a JS exception somewhere early in both
+ // the testcase and reference case, then the "reftest-wait" class will
+ // never be removed; and that will cause the test run to be classified
+ // as a failure, rather than a trivial "pass" with a visual comparison of
+ // two blank documents.)
+ document.documentElement.removeAttribute("class");
+ }
+</script>
+<style>
+.group {
+ width: 500px;
+ border: 1px solid black;
+}
+.container {
+ display: inline-flex;
+ align-content: start;
+ vertical-align: top;
+ width: 30px;
+ height: 40px;
+ /* This border and margin are just cosmetic, to avoid overlap between
+ * adjacent containers within a row. */
+ border: 1px solid gray;
+ margin-left: 30px;
+}
+
+.float {
+ width: 7px;
+ height: 8px;
+ background: fuchsia;
+ border: 1px solid purple;
+ margin: 1px 3px 1px 2px;
+}
+.bfc {
+ display: flow-root;
+ background: aqua;
+ height: 15px;
+ border: 1px solid blue;
+ /* We use "flex: 1" (on a flex item) to mock up the fill-available-space
+ * block-layout behavior in the testcase. */
+ flex: 1 auto;
+}
+</style>
+<body onload="go()">
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-002.tentative.html b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-002.tentative.html
new file mode 100644
index 0000000000..9c10f2cccf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-002.tentative.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>CSS Test: If a BFC's inline-axis margin is sufficiently negative such
+ that it inflates its border-box to be too large to fit alongside a float,
+ then it should be pushed below the float</title>
+<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+<link rel="help" href="https://www.w3.org/TR/CSS21/visuren.html#floats">
+<meta name="assert" content="The border box of ... an element in the normal flow that establishes a new block formatting context ... must not overlap the margin box of any floats in the same block formatting context as the element itself. If necessary, implementations should clear the said element by placing it below any preceding floats">
+<link rel="help" href="https://www.w3.org/TR/CSS21/visudet.html#blockwidth">
+<!-- For a BFC with 'width:auto', negative total inline-axis margins will
+ effectively set a lower-bound for the used border-box width, to satisfy
+ the equation in CSS2.1 10.3.3. This test exercises scenarios where this
+ mechanism "props up" the BFC's border-box, but not enough to make its
+ border-box collide width the float's margin-box; so it does not need to
+ be moved down below the float. -->
+<!-- NOTE: Eventually this test might want to merge with the -001 test.
+ The test logic should be exactly the same, except that here we're testing
+ some values (in MARGIN_VALS) that aren't currently interoperable, per
+ the WebKit bug at https://bugs.webkit.org/show_bug.cgi?id=239976 -->
+<link rel="match" href="floats-wrap-bfc-with-margin-002-ref.html">
+<script>
+ const MARGIN_VALS = [-16, -15, -10, -1, 0];
+ const HORIZ_SIDES = ["left", "right"]; // Used for 'float:*' and 'margin-*'.
+ const DIRECTION_VALS = ["ltr", "rtl"];
+
+ function newDivWithClassAndParent(className, parent) {
+ let elem = document.createElement("div");
+ if (className) {
+ elem.classList.add(className);
+ }
+ parent.appendChild(elem);
+ return elem;
+ }
+ function generateGroup(directionVal, floatVal, marginPropSuffix) {
+ let group = newDivWithClassAndParent("group", document.body);
+ group.style.direction = directionVal;
+ const marginPropName = "margin-" + marginPropSuffix;
+
+ for (let v of MARGIN_VALS) {
+ let container = newDivWithClassAndParent("container", group);
+ let float = newDivWithClassAndParent("float", container);
+ float.style.cssFloat = floatVal;
+
+ let bfc = newDivWithClassAndParent("bfc", container);
+ bfc.style[marginPropName] = v + "px";
+ }
+ }
+ function go() {
+ for (let directionVal of DIRECTION_VALS) {
+ for (let floatVal of HORIZ_SIDES) {
+ for (let marginPropSuffix of HORIZ_SIDES) {
+ generateGroup(directionVal, floatVal, marginPropSuffix);
+ }
+ }
+ }
+ // Note: the "reftest-wait" usage here isn't strictly necessary; it just
+ // helps ensure that we actually make it through all of the above JS and
+ // populate this document with the content that we want to render.
+ // (Specifically: if we e.g. throw a JS exception somewhere early in both
+ // the testcase and reference case, then the "reftest-wait" class will
+ // never be removed; and that will cause the test run to be classified
+ // as a failure, rather than a trivial "pass" with a visual comparison of
+ // two blank documents.)
+ document.documentElement.removeAttribute("class");
+ }
+</script>
+<style>
+.group {
+ width: 500px;
+ border: 1px solid black;
+}
+.container {
+ /* This is the container that holds our float+bfc. We make it an
+ inline-block so that we can test a bunch of these in a row. */
+ display: inline-block;
+ vertical-align: top;
+ width: 30px;
+ height: 40px;
+ /* This border and margin are just cosmetic, to avoid overlap between
+ * adjacent containers within a row. */
+ border: 1px solid gray;
+ margin-left: 30px;
+}
+
+.float {
+ /* We'll set the float property elsewhere (to 'right' or 'left'). */
+ width: 7px;
+ height: 8px;
+ background: fuchsia;
+ border: 1px solid purple;
+ /* Each .float's margin-box (which the corresponding .bfc's border-box cannot
+ * overlap) is 14px wide:
+ * 7px content + 2px horizontal border + 5px horizontal margin
+ * Note that we're intentionally using a nonzero 'margin' here, to be sure
+ * the UA is using the float's margin-box (and not one of its other
+ * boxes) for this non-overlapping calculation. */
+ margin: 1px 3px 1px 2px;
+}
+.bfc {
+ /* Each .bfc's border-box width is 2px (from the border) plus whatever we
+ * resolve 'width:auto' to, which is influenced by the particular choice of
+ * 'margin' values (and the available space). */
+ display: flow-root;
+ background: aqua;
+ height: 15px;
+ border: 1px solid blue;
+}
+</style>
+<body onload="go()">
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-003-ref.html b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-003-ref.html
new file mode 100644
index 0000000000..ac45eb30bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-003-ref.html
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>CSS Reference Case</title>
+<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+<script>
+ const MARGIN_VALS = [15, 22, 28];
+ const HORIZ_SIDES = ["left", "right"]; // Used for 'float:*' and 'margin-*'.
+ const DIRECTION_VALS = ["ltr", "rtl"];
+ // This comes from .float width + horizontal border and padding:
+ const FLOAT_MARGIN_BOX_WIDTH = 14;
+ // This comes from 30 (container) - 14 (float mbox width) - 2 (bfc border):
+ const AVAIL_WIDTH_NO_WRAPPING = 14;
+
+ function newDivWithClassAndParent(className, parent) {
+ let elem = document.createElement("div");
+ if (className) {
+ elem.classList.add(className);
+ }
+ parent.appendChild(elem);
+ return elem;
+ }
+ function generateGroup(directionVal, floatVal, marginPropSuffix) {
+ let group = newDivWithClassAndParent("group", document.body);
+ group.style.direction = directionVal;
+ const marginPropName = "margin-" + marginPropSuffix;
+
+ for (let v of MARGIN_VALS) {
+ const isMarginSideFloatSide = (marginPropSuffix == floatVal);
+ // initial-char comparison to match [l]eft/[l]tr and [r]ight/[r]tl:
+ const isMarginSideLineStartSide = (marginPropSuffix[0] == directionVal[0]);
+ const isFloatSideLineStartSide = (floatVal[0] == directionVal[0]);
+
+ let container = newDivWithClassAndParent("container", group);
+ if (!isFloatSideLineStartSide) {
+ // In the corresponding piece of the testcase, the float is floated to
+ // the inline-end side (for the given writing-mode). We use a
+ // "row-reverse" flex container as our mockup for that here.
+ container.style.flexDirection = "row-reverse";
+ }
+
+ let float = newDivWithClassAndParent("float", container);
+ let bfc = newDivWithClassAndParent("bfc", container);
+
+ // Set the actual margin value that we're testing here, based on which
+ // case this group is in. See comment in testcase for explanation of the
+ // three cases.
+ let marginValToUse;
+ if (isMarginSideFloatSide) {
+ // Case (A): in the testcase, the margin simply overlaps the float.
+ // In our mockup here, they don't actually overlap; so we subtract
+ // the portion that overlaps in the testcase, which is the float's
+ // margin-box width:
+ marginValToUse = v - FLOAT_MARGIN_BOX_WIDTH;
+ } else if (isMarginSideLineStartSide) {
+ // Case (B): we push the BFC down below the float (which we emulate
+ // here with a wrapped flexbox), and we use the full specified margin:
+ container.style.flexWrap = "wrap";
+ marginValToUse = v;
+ } else {
+ // Case (C): we let the BFC be smooshed against the float, and the
+ // margin effectively behaves as if it were clamped to the available
+ // space (so we just clamp it to that value here).
+ marginValToUse = AVAIL_WIDTH_NO_WRAPPING;
+ }
+ bfc.style[marginPropName] = marginValToUse + "px";
+ }
+ }
+ function go() {
+ for (let directionVal of DIRECTION_VALS) {
+ for (let floatVal of HORIZ_SIDES) {
+ for (let marginPropSuffix of HORIZ_SIDES) {
+ generateGroup(directionVal, floatVal, marginPropSuffix);
+ }
+ }
+ }
+ // Note: the "reftest-wait" usage here isn't strictly necessary; it just
+ // helps ensure that we actually make it through all of the above JS and
+ // populate this document with the content that we want to render.
+ // (Specifically: if we e.g. throw a JS exception somewhere early in both
+ // the testcase and reference case, then the "reftest-wait" class will
+ // never be removed; and that will cause the test run to be classified
+ // as a failure, rather than a trivial "pass" with a visual comparison of
+ // two blank documents.)
+ document.documentElement.removeAttribute("class");
+ }
+</script>
+<style>
+.group {
+ width: 300px;
+ border: 1px solid black;
+}
+.container {
+ display: inline-flex;
+ align-content: start;
+ vertical-align: top;
+ width: 30px;
+ height: 40px;
+ /* This border and margin are just cosmetic, to avoid overlap between
+ * adjacent containers within a row. */
+ border: 1px solid gray;
+ margin-left: 30px;
+}
+
+.float {
+ width: 7px;
+ height: 8px;
+ background: fuchsia;
+ border: 1px solid purple;
+ margin: 1px 3px 1px 2px;
+}
+.bfc {
+ display: flow-root;
+ background: aqua;
+ height: 15px;
+ border: 1px solid blue;
+ /* We use "flex: 1" (on a flex item) to mock up the fill-available-space
+ * block-layout behavior in the testcase. */
+ flex: 1 auto;
+}
+</style>
+<body onload="go()">
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-003.tentative.html b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-003.tentative.html
new file mode 100644
index 0000000000..f69a11002d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-003.tentative.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>CSS Test: BFCs with large margin, placed next to a float</title>
+<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+<link rel="help" href="https://www.w3.org/TR/CSS21/visuren.html#floats">
+<link rel="help" href="https://www.w3.org/TR/CSS21/visudet.html#blockwidth">
+<link rel="match" href="floats-wrap-bfc-with-margin-003-ref.html">
+<!-- This test exercises the layout of an auto-width BFC with a large positive
+ margin on one side, positioned alongside a float. (Here, "large" = larger
+ than the space that's left when the float's width and the BFC's border
+ are subtracted away from the available space.)
+
+ The scenarios here break down into 3 cases, described below as A/B/C with
+ expected outcomes for each (with expectations based on the observed and
+ interoperably-implemented behavior of Gecko, WebKit, and Blink, aside
+ from some known bugs listed further down[1]):
+
+ (A) If the BFC's margin is on the same side as the float, then that margin
+ can simply overlap the float. In this case, nothing needs to overflow or
+ wrap, and there may even be some space remaining for the BFC's auto-width
+ content box (rendered as aqua).
+
+ (B) If the BFC's margin is on the "line-start" side and the float is on
+ the "line-end" side, then the BFC's margin pushes it into the float's
+ margin-box-area such that it impermissably "collides". So, the BFC
+ instead gets moved down below the float to avoid this collision. With
+ this moved-down placement, there may be space remaining for the BFC's
+ auto-width content-box -- precisely the same amount of space as in case A.
+
+ (C) If the BFC's margin is on the "line-end" side and the float is on the
+ "line-start" side, then the BFC is placed adjacent to the float, and its
+ large margin simply runs off the line-end edge of its containing
+ block. The BFC's content-box is 0 width (since there's no free space left
+ over).
+
+ Note: the expected-outcome in case B and C feels somewhat asymmetrical,
+ and in fact Gecko is the only engine that pushes the BFC down in case B.
+ But Blink/WebKit's alternative behavior for case B involves the BFC
+ overlapping the float, which clearly violates the spec, as discussed in
+ their bugs linked below. So I'm making the test expect Gecko's existing
+ and non-spec-violating behavior for case B, at this point. (I'm guessing
+ the asymmetry comes from how overflowing margins are handled at the
+ line-start vs. line-end edge, which makes some sense.)
+
+ Here's how this test's groups (black-bordered sections) map to these cases:
+ * This test's 1st, 4th, 5th, and 8th groups are "case A".
+ * This test's 3rd and 6th groups are in "case B".
+ * This test's 2nd and 7th groups are in "case C".
+
+ [1] Known bugs referenced above, which cause parts of this test to fail in
+ WebKit and Blink:
+ https://bugs.webkit.org/show_bug.cgi?id=240128
+ https://bugs.chromium.org/p/chromium/issues/detail?id=1322774
+ https://bugs.chromium.org/p/chromium/issues/detail?id=1323004
+-->
+<script>
+ const MARGIN_VALS = [15, 22, 28];
+ const HORIZ_SIDES = ["left", "right"]; // Used for 'float:*' and 'margin-*'.
+ const DIRECTION_VALS = ["ltr", "rtl"];
+
+ function newDivWithClassAndParent(className, parent) {
+ let elem = document.createElement("div");
+ if (className) {
+ elem.classList.add(className);
+ }
+ parent.appendChild(elem);
+ return elem;
+ }
+ function generateGroup(directionVal, floatVal, marginPropSuffix) {
+ let group = newDivWithClassAndParent("group", document.body);
+ group.style.direction = directionVal;
+ const marginPropName = "margin-" + marginPropSuffix;
+
+ for (let v of MARGIN_VALS) {
+ let container = newDivWithClassAndParent("container", group);
+ let float = newDivWithClassAndParent("float", container);
+ float.style.cssFloat = floatVal;
+
+ let bfc = newDivWithClassAndParent("bfc", container);
+ bfc.style[marginPropName] = v + "px";
+ }
+ }
+ function go() {
+ for (let directionVal of DIRECTION_VALS) {
+ for (let floatVal of HORIZ_SIDES) {
+ for (let marginPropSuffix of HORIZ_SIDES) {
+ generateGroup(directionVal, floatVal, marginPropSuffix);
+ }
+ }
+ }
+ // Note: the "reftest-wait" usage here isn't strictly necessary; it just
+ // helps ensure that we actually make it through all of the above JS and
+ // populate this document with the content that we want to render.
+ // (Specifically: if we e.g. throw a JS exception somewhere early in both
+ // the testcase and reference case, then the "reftest-wait" class will
+ // never be removed; and that will cause the test run to be classified
+ // as a failure, rather than a trivial "pass" with a visual comparison of
+ // two blank documents.)
+ document.documentElement.removeAttribute("class");
+ }
+</script>
+<style>
+.group {
+ width: 300px;
+ border: 1px solid black;
+}
+.container {
+ /* This is the container that holds our float+bfc. We make it an
+ inline-block so that we can test a bunch of these in a row. */
+ display: inline-block;
+ vertical-align: top;
+ width: 30px;
+ height: 40px;
+ /* This border and margin are just cosmetic, to avoid overlap between
+ * adjacent containers within a row. */
+ border: 1px solid gray;
+ margin-left: 30px;
+}
+
+.float {
+ /* We'll set the float property elsewhere (to 'right' or 'left'). */
+ width: 7px;
+ height: 8px;
+ background: fuchsia;
+ border: 1px solid purple;
+ /* Each .float's margin-box (which the corresponding .bfc's border-box cannot
+ * overlap) is 14px wide:
+ * 7px content + 2px horizontal border + 5px horizontal margin
+ * Note that we're intentionally using a nonzero 'margin' here, to be sure
+ * the UA is using the float's margin-box (and not one of its other
+ * boxes) for this non-overlapping calculation. */
+ margin: 1px 3px 1px 2px;
+}
+.bfc {
+ /* Each .bfc's border-box width is 2px (from the border) plus whatever we
+ * resolve 'width:auto' to, which is influenced by the particular choice of
+ * 'margin' values (and the available space). */
+ display: flow-root;
+ background: aqua;
+ height: 15px;
+ border: 1px solid blue;
+}
+</style>
+<body onload="go()">
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-004.html b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-004.html
new file mode 100644
index 0000000000..cab9e00087
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-004.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1323004">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width:100px; height:100px; background:red;">
+ <div style="display:flow-root; background:green;">
+ <div style="float:right; width:50px; height:40px;"></div>
+ <div style="display:flow-root; height:60px; margin-left:51px;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-005.html b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-005.html
new file mode 100644
index 0000000000..5c0bc4f931
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-bfc-with-margin-005.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1323004">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width:100px; height:100px; background:red;">
+ <div style="display:flow-root; background:green; direction:rtl;">
+ <div style="float:left; width:50px; height:40px;"></div>
+ <div style="display:flow-root; height:60px; margin-right:51px;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-001l-notref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-001l-notref.xht
new file mode 100644
index 0000000000..0953df73d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-001l-notref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; text-align: left; }
+div { float: left; clear: left; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="width: 50px; height: 50px;"></div>
+<div style="width: 50px; height: 100px;"></div>
+<span></span>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-001l-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-001l-ref.xht
new file mode 100644
index 0000000000..85fd23f870
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-001l-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; text-align: left; }
+div { float: left; clear: left; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="width: 50px; height: 50px;"></div>
+<div style="width: 100px; height: 100px;"></div>
+<span></span>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-001r-notref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-001r-notref.xht
new file mode 100644
index 0000000000..e9aa0802b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-001r-notref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; text-align: right; }
+div { float: right; clear: right; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="width: 50px; height: 50px;"></div>
+<div style="width: 50px; height: 100px;"></div>
+<span></span>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-001r-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-001r-ref.xht
new file mode 100644
index 0000000000..915e532788
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-001r-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; text-align: right; }
+div { float: right; clear: right; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="width: 50px; height: 50px;"></div>
+<div style="width: 100px; height: 100px;"></div>
+<span></span>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-002l-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-002l-ref.xht
new file mode 100644
index 0000000000..1b003f4399
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-002l-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: left; width: 150px; height: 25px;"></div>
+<span></span>
+<div style="height: 100px"></div>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-002r-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-002r-ref.xht
new file mode 100644
index 0000000000..847ff9a096
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-002r-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: right; width: 150px; height: 25px;"></div>
+<span></span>
+<div style="height: 100px"></div>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-003l-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-003l-ref.xht
new file mode 100644
index 0000000000..028a65fb67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-003l-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: inline-block; vertical-align: top; width: 100px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: left; width: 250px; height: 25px;"></div>
+<span></span>
+<span style="margin-top: 25px; margin-right: 250px"></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-003r-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-003r-ref.xht
new file mode 100644
index 0000000000..4155c67aee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-003r-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: inline-block; vertical-align: top; width: 100px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: right; width: 250px; height: 25px;"></div>
+<span></span>
+<span style="margin-top: 25px; margin-left: 250px"></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-001l.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-001l.xht
new file mode 100644
index 0000000000..17bec33eb1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-001l.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<link rel="match" href="floats-wrap-top-below-001l-ref.xht"/>
+<link rel="mismatch" href="floats-wrap-top-below-001l-notref.xht"/>
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+div { float: left; clear: left; }
+span { display: block; overflow: hidden; width: 200px; height: 50px; background: aqua; margin-right: auto; }
+
+</style>
+</head>
+<body>
+
+<div style="width: 50px; height: 75px;"></div>
+<div style="width: 100px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-001r.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-001r.xht
new file mode 100644
index 0000000000..65e6ca1b42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-001r.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<link rel="match" href="floats-wrap-top-below-001r-ref.xht"/>
+<link rel="mismatch" href="floats-wrap-top-below-001r-notref.xht"/>
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+div { float: right; clear: right; }
+span { display: block; overflow: hidden; width: 200px; height: 50px; background: aqua; margin-left: auto; }
+
+</style>
+</head>
+<body>
+
+<div style="width: 50px; height: 75px;"></div>
+<div style="width: 100px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-002l.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-002l.xht
new file mode 100644
index 0000000000..ab439ae3f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-002l.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<link rel="match" href="floats-wrap-top-below-002l-ref.xht"/>
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: block; overflow: hidden; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: left; width: 150px; height: 75px;"></div>
+<div style="float: right; width: 300px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-002r.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-002r.xht
new file mode 100644
index 0000000000..123e621cfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-002r.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<link rel="match" href="floats-wrap-top-below-002r-ref.xht"/>
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: block; overflow: hidden; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: right; width: 150px; height: 75px;"></div>
+<div style="float: left; width: 300px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-003l.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-003l.xht
new file mode 100644
index 0000000000..7386535c80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-003l.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<link rel="match" href="floats-wrap-top-below-003l-ref.xht"/>
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: block; overflow: hidden; width: 100px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: left; width: 250px; height: 75px;"></div>
+<div style="float: right; width: 250px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-003r.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-003r.xht
new file mode 100644
index 0000000000..1c1a517c37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-bfc-003r.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<link rel="match" href="floats-wrap-top-below-003r-ref.xht"/>
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: block; overflow: hidden; width: 100px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: right; width: 250px; height: 75px;"></div>
+<div style="float: left; width: 250px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-001l.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-001l.xht
new file mode 100644
index 0000000000..bfa3f95c7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-001l.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<link rel="match" href="floats-wrap-top-below-001l-ref.xht"/>
+<link rel="mismatch" href="floats-wrap-top-below-001l-notref.xht"/>
+<meta name="assert" content="However, line boxes created next to the float are shortened to make room for the margin box of the float." />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; text-align: left; }
+div { float: left; clear: left; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="width: 50px; height: 75px;"></div>
+<div style="width: 100px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-001r.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-001r.xht
new file mode 100644
index 0000000000..c0ee2cd207
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-001r.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<link rel="match" href="floats-wrap-top-below-001r-ref.xht"/>
+<link rel="mismatch" href="floats-wrap-top-below-001r-notref.xht"/>
+<meta name="assert" content="However, line boxes created next to the float are shortened to make room for the margin box of the float." />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; text-align: right; }
+div { float: right; clear: right; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="width: 50px; height: 75px;"></div>
+<div style="width: 100px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-002l.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-002l.xht
new file mode 100644
index 0000000000..68a51e25b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-002l.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<link rel="match" href="floats-wrap-top-below-002l-ref.xht"/>
+<meta name="assert" content="However, line boxes created next to the float are shortened to make room for the margin box of the float." />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: left; width: 150px; height: 75px;"></div>
+<div style="float: right; width: 300px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-002r.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-002r.xht
new file mode 100644
index 0000000000..4dd653af74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-002r.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<link rel="match" href="floats-wrap-top-below-002r-ref.xht"/>
+<meta name="assert" content="However, line boxes created next to the float are shortened to make room for the margin box of the float." />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: inline-block; vertical-align: top; width: 200px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: right; width: 150px; height: 75px;"></div>
+<div style="float: left; width: 300px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-003l.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-003l.xht
new file mode 100644
index 0000000000..98d9b417ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-003l.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<link rel="match" href="floats-wrap-top-below-003l-ref.xht"/>
+<meta name="assert" content="However, line boxes created next to the float are shortened to make room for the margin box of the float." />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: inline-block; vertical-align: top; width: 100px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: left; width: 250px; height: 75px;"></div>
+<div style="float: right; width: 250px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-003r.xht b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-003r.xht
new file mode 100644
index 0000000000..1fb2633c72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-wrap-top-below-inline-003r.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for wrapping around floats whose top is below the top of what must wrap around them</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<link rel="match" href="floats-wrap-top-below-003r-ref.xht"/>
+<meta name="assert" content="However, line boxes created next to the float are shortened to make room for the margin box of the float." />
+<style type="text/css">
+
+body { width: 400px; border: medium solid; }
+span { display: inline-block; vertical-align: top; width: 100px; height: 50px; background: aqua; }
+
+</style>
+</head>
+<body>
+
+<div style="float: right; width: 250px; height: 75px;"></div>
+<div style="float: left; width: 250px; height: 75px;"></div>
+<span></span>
+<span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-zero-height-wrap-001-ref.xht b/testing/web-platform/tests/css/CSS2/floats/floats-zero-height-wrap-001-ref.xht
new file mode 100644
index 0000000000..68139cdbe2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-zero-height-wrap-001-ref.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Test for wrapping around zero-height floats</title>
+
+</head><body><div style="width: 500px; height: 500px; float: left; font-size: 12px;">
+
+ <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: blue; margin-left: 10px;"></span>
+ <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: purple; margin-left: 100px;"></span>
+ <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: fuchsia"></span>
+
+</div>
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-zero-height-wrap-001.xht b/testing/web-platform/tests/css/CSS2/floats/floats-zero-height-wrap-001.xht
new file mode 100644
index 0000000000..c748a32ad2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-zero-height-wrap-001.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: wrapping around zero-height floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-zero-height-wrap-001-ref.xht"/>
+ <meta name="assert" content="wrapping around zero-height floats" />
+
+</head><body><div style="width: 500px; height: 500px; float: left; font-size: 12px;">
+
+ <div style="float: left; width: 10px; height: 30px"></div>
+ <div style="float: left; clear: left; width: 100px; height: 1px"></div>
+
+ <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: blue;"></span>
+ <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: purple;"></span>
+ <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: fuchsia"></span>
+
+</div>
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/floats-zero-height-wrap-002.xht b/testing/web-platform/tests/css/CSS2/floats/floats-zero-height-wrap-002.xht
new file mode 100644
index 0000000000..5a24f25272
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/floats-zero-height-wrap-002.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: wrapping around zero-height floats</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="floats-zero-height-wrap-001-ref.xht"/>
+ <meta name="assert" content="wrapping around zero-height floats" />
+
+</head><body><div style="width: 500px; height: 500px; float: left; font-size: 12px;">
+
+ <div style="float: left; width: 10px; height: 30px"></div>
+ <div style="float: left; clear: left; width: 100px; height: 0"></div>
+
+ <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: blue;"></span>
+ <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: purple;"></span>
+ <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: fuchsia"></span>
+
+</div>
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/floats/hit-test-floats-001.html b/testing/web-platform/tests/css/CSS2/floats/hit-test-floats-001.html
new file mode 100644
index 0000000000..e554918e75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/hit-test-floats-001.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<link rel="help" href="https://crbug.com/977856">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<div style="width: 270px">
+ <img width="260" height="68">
+ <div style="float: left">
+ <a id="target" href="#">Link</a>
+ </div>
+ <br style="clear: both">
+</div>
+<script>
+test(() => {
+ let target = document.getElementById('target');
+ let bounds = target.getBoundingClientRect();
+ let element = document.elementFromPoint(bounds.x + 1, bounds.y + 1);
+ assert_equals(element, target);
+});
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/hit-test-floats-002.html b/testing/web-platform/tests/css/CSS2/floats/hit-test-floats-002.html
new file mode 100644
index 0000000000..ea93e95d8f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/hit-test-floats-002.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#floats">
+<link rel="help" href="https://www.w3.org/TR/CSS22/zindex.html">
+<div id="f1" style="float:left; width:100px; height:100px;"></div>
+<div id="f2" style="float:left; width:100px; height:100px; margin-top:50px; margin-left:-50px;"></div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+ test(()=> {
+ var elm = document.elementFromPoint(70, 70);
+ assert_equals(elm.id, "f2");
+ }, "Hit test float");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/hit-test-floats-003.html b/testing/web-platform/tests/css/CSS2/floats/hit-test-floats-003.html
new file mode 100644
index 0000000000..8a404b592f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/hit-test-floats-003.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#floats">
+<link rel="help" href="https://www.w3.org/TR/CSS22/zindex.html">
+<div id="target" style="width:100px; height:100px;">
+ <div id="error" style="float:left; position:relative; z-index:-1; width:100px; height:100px;"></div>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+ test(()=> {
+ var elm = document.elementFromPoint(50, 50);
+ assert_equals(elm.id, "target");
+ }, "Miss float below something else");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/hit-test-floats-004.html b/testing/web-platform/tests/css/CSS2/floats/hit-test-floats-004.html
new file mode 100644
index 0000000000..1bed4c464d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/hit-test-floats-004.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#floats">
+<link rel="help" href="https://www.w3.org/TR/CSS22/zindex.html">
+<div id="error" style="overflow:hidden; width:100px; height:100px;"></div>
+<div style="margin-top:-100px; overflow:hidden; width:100px; height:100px;">
+ <div id="target" style="float:left; width:100px; height:100px;"></div>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+ test(()=> {
+ var elm = document.elementFromPoint(50, 50);
+ assert_equals(elm.id, "target");
+ }, "Miss float below something else");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/hit-test-floats-005.html b/testing/web-platform/tests/css/CSS2/floats/hit-test-floats-005.html
new file mode 100644
index 0000000000..2be78115f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/hit-test-floats-005.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#floats">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visufx.html#propdef-overflow">
+<div id="target" style="height:200px;">
+ <div style="overflow:hidden; width:100px; height:100px;">
+ <div id="error" style="float:left; width:100px; height:200px;"></div>
+ </div>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+ test(()=> {
+ var elm = document.elementFromPoint(50, 150);
+ assert_equals(elm.id, "target");
+ }, "Miss clipped float");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/intrinsic-size-float-and-line.html b/testing/web-platform/tests/css/CSS2/floats/intrinsic-size-float-and-line.html
new file mode 100644
index 0000000000..0603124549
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/intrinsic-size-float-and-line.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<title>Put float next to line in shrink-to-fit container</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#float-width" title="10.3.5 Floating, non-replaced elements">
+<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="float:left; min-width:150px; background:red;">
+ <div style="float:right; width:100px; height:200px; background:green;"></div>
+ <div style="vertical-align:top; display:inline-block; width:100px; height:200px; background:green;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/line-pushed-by-floats-crash.html b/testing/web-platform/tests/css/CSS2/floats/line-pushed-by-floats-crash.html
new file mode 100644
index 0000000000..ace28cc71c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/line-pushed-by-floats-crash.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<link rel="help" href="https://crbug.com/1064987">
+<body style="width: 100px;">
+ <div style="float: right; width: 10px;"></div>
+ <span>
+ <div style="display: inline-block; width: 1000px; height: 10px;"></div>
+ </span>
+ <span style="position: absolute;"></span>
+ <span style="float: left; height: 10px; column-gap: 65536px; column-count: 65536;"></span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/floats/list-item-taller-than-opportunity-001.html b/testing/web-platform/tests/css/CSS2/floats/list-item-taller-than-opportunity-001.html
new file mode 100644
index 0000000000..ae8783ce31
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/list-item-taller-than-opportunity-001.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<title>List item taller than the first opportunity should not crash</title>
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property">
+<link rel="help" href="http://crbug.com/967997">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<body>
+ <div style="float: left; width: 5px; height: 5px;"></div>
+ <div style="clear: left; float: left; width: 10px; height: 5px;"></div>
+ <ul>
+ <li></li>
+ </ul>
+<script>
+test(() => {}, "Layout should not crash");
+</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/floats/negative-margin-float-positioning.html b/testing/web-platform/tests/css/CSS2/floats/negative-margin-float-positioning.html
new file mode 100644
index 0000000000..8b4aef22f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/negative-margin-float-positioning.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#float-width" title="10.3.5 Floating, non-replaced elements">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<p>Test passes if there is a filled green square.</p>
+<div style="width: 100px;">
+ <div style="float: left; width: 50px; height: 100px; margin-left: 50px; margin-right: 50px;background: green;"></div>
+ <div style="float: left; width: 50px; height: 100px; margin-left: -150px; background: green;"></div>
+</div>
+
diff --git a/testing/web-platform/tests/css/CSS2/floats/new-fc-beside-adjoining-float-2.html b/testing/web-platform/tests/css/CSS2/floats/new-fc-beside-adjoining-float-2.html
new file mode 100644
index 0000000000..2d27a28a05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/new-fc-beside-adjoining-float-2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<title>A new formatting context that fits beside an adjoining float, and thus pulls down the float with its top margin</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#bfc-next-to-float" title="9.5 Floats">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<meta name="assert" content="The float is adjoining with the box that establishes a new formatting context when it fits beside it, and will therefore be affected by its margin">
+<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="overflow:hidden; width:200px; height:200px; background:red;">
+ <div style="margin-top:190px;">
+ <div>
+ <div style="float:left; width:100px; height:200px; background:green;"></div>
+ </div>
+ <div style="margin-top:-190px; overflow:hidden; width:100px; height:200px; background:green;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/new-fc-beside-adjoining-float.html b/testing/web-platform/tests/css/CSS2/floats/new-fc-beside-adjoining-float.html
new file mode 100644
index 0000000000..91adbfce2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/new-fc-beside-adjoining-float.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<title>A new formatting context that fits beside an adjoining float, and thus pulls down the float with its top margin</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#bfc-next-to-float" title="9.5 Floats">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<meta name="assert" content="The float is adjoining with the box that establishes a new formatting context when it fits beside it, and will therefore be affected by its margin">
+<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="overflow:hidden; width:200px; background:green;">
+ <div style="width:300px; margin-top:50px; background:red;">
+ <div>
+ <div style="float:left; width:200px; height:10px; background:green;"></div>
+ </div>
+ <div style="margin-top:190px; overflow:hidden; width:100px; height:10px; background:red;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/new-fc-beside-float-with-margin-rtl.html b/testing/web-platform/tests/css/CSS2/floats/new-fc-beside-float-with-margin-rtl.html
new file mode 100644
index 0000000000..5a564f7831
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/new-fc-beside-float-with-margin-rtl.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#bfc-next-to-float" title="9.5 Floats">
+<meta name="assert" content="The new formatting context's margin-right does not push it down to the next area.">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width: 100px; height: 100px; background: red; direction: rtl;">
+ <div style="float: left; width: 50px; height: 100px; background: green;"></div>
+ <div style="overflow: hidden; height: 100px; margin-left: -20px; background: green;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/new-fc-beside-float-with-margin.html b/testing/web-platform/tests/css/CSS2/floats/new-fc-beside-float-with-margin.html
new file mode 100644
index 0000000000..ead8e548be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/new-fc-beside-float-with-margin.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#bfc-next-to-float" title="9.5 Floats">
+<meta name="assert" content="The new formatting context's margin-right does not push it down to the next area.">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width: 100px; height: 100px; background: red;">
+ <div style="float:left; width:50px; height:100px; background:green;"></div>
+ <div style="overflow: hidden; margin-right: 1px; width:50px; height:100px; background:green;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/new-fc-relayout.html b/testing/web-platform/tests/css/CSS2/floats/new-fc-relayout.html
new file mode 100644
index 0000000000..97d8b9a2ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/new-fc-relayout.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<title>New formatting context relayout</title>
+<link rel="author" title="Ian Kilpatrick" href="ikilpatrick@chromium.org">
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/2452">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<p>Test passes if there is a filled green square.</p>
+<div style="width: 100px; line-height: 0;">
+ <div style="float: right; width: 50px; height: 50px; background: green;"></div>
+ <div style="float: right; width: 75px; height: 50px; background: green;"></div>
+ <div style="overflow: hidden;">
+ <div style="display: inline-block; width: 25px; height: 75px; background: green;"></div>
+ <div style="display: inline-block; width: 25px; height: 25px; background: green;"></div>
+ </div>
+ <div style="position: relative; width: 25px; height: 50px; background: green; top: -100px; left: 25px;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/new-fc-separates-from-float-2.html b/testing/web-platform/tests/css/CSS2/floats/new-fc-separates-from-float-2.html
new file mode 100644
index 0000000000..fd0deab18e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/new-fc-separates-from-float-2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<title>A new formatting context that doesn't fit beside a float make the float non-adjoining</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#bfc-next-to-float" title="9.5 Floats">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<meta name="assert" content="Although the 'clear' property isn't specified in this test, a new formatting context that doesn't fit below a float that would otherwise be adjoining will need to separate its margin from the float, so that it doesn't affect the float. This is very similar to clearance.">
+<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="overflow:hidden; width:200px; height:200px; background:red;">
+ <div style="margin-top:-50px;">
+ <div>
+ <div style="float:left; width:200px; height:150px; background:green;"></div>
+ </div>
+ <div style="margin-top:12345px; overflow:hidden; width:200px; height:100px; background:green;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/new-fc-separates-from-float-3.html b/testing/web-platform/tests/css/CSS2/floats/new-fc-separates-from-float-3.html
new file mode 100644
index 0000000000..4c37be4ba2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/new-fc-separates-from-float-3.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#bfc-next-to-float" title="9.5 Floats">
+<meta name="assert" content="Although the 'clear' property isn't specified in this test, a new formatting context that doesn't fit below a float that would otherwise be adjoining will need to separate its margin from the float, so that it doesn't affect the float. This is very similar to clearance.">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: flow-root; width: 100px; background: red; position: relative;">
+ <div>
+ <div style="float: right; width: 50px; height: 30px; background: green;"></div>
+ <div>
+ <div style="overflow: hidden; width: 100px; height: 70px; margin-top: 100px; background: green;"></div>
+ </div>
+ <div style="position: absolute; width: 50px; height: 30px; top: 0; left: 0; background: green;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/new-fc-separates-from-float.html b/testing/web-platform/tests/css/CSS2/floats/new-fc-separates-from-float.html
new file mode 100644
index 0000000000..89ee7516ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/new-fc-separates-from-float.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<title>A new formatting context that doesn't fit beside a float make the float non-adjoining</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#bfc-next-to-float" title="9.5 Floats">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
+<meta name="assert" content="Although the 'clear' property isn't specified in this test, a new formatting context that doesn't fit below a float that would otherwise be adjoining will need to separate its margin from the float, so that it doesn't affect the float. This is very similar to clearance.">
+<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="overflow:hidden; width:200px; background:red;">
+ <div>
+ <div>
+ <div style="float:left; width:200px; height:200px; background:green;"></div>
+ </div>
+ <div style="margin-top:200px; overflow:hidden; width:200px; height:1px; background:white;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/overflow-scroll-float-paint-order-ref.html b/testing/web-platform/tests/css/CSS2/floats/overflow-scroll-float-paint-order-ref.html
new file mode 100644
index 0000000000..0fb53d4ecd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/overflow-scroll-float-paint-order-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<div style="width: 100px; height: 100px; background: green">
+ <div style="width: 50px; height: 50px; background: magenta"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/overflow-scroll-float-paint-order.html b/testing/web-platform/tests/css/CSS2/floats/overflow-scroll-float-paint-order.html
new file mode 100644
index 0000000000..79ab770eec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/overflow-scroll-float-paint-order.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<title>Overflow:scroll floating paint order</title>
+<link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html">
+<link rel="match" href="overflow-scroll-float-paint-order-ref.html">
+<style>
+ #scroller {
+ float: left;
+ background: red;
+ padding: 20px;
+ box-sizing: border-box;
+ width: 100px;
+ height: 100px;
+ overflow: scroll;
+ }
+ #negative-margin {
+ float: left;
+ width: 100px;
+ height: 100px;
+ background: green;
+ margin-left: -100px;
+ }
+ #foreground1 {
+ display: inline-block;
+ width: 50px;
+ height: 50px;
+ background: blue;
+ }
+ #foreground2 {
+ display: inline-block;
+ width: 50px;
+ height: 50px;
+ background: magenta;
+ }
+</style>
+<!-- The paint order should be:
+ scroller background (invisible)
+ scroller child background (invisible)
+ foreground1 (invisible)
+ negative-margin background (visible)
+ foreground2 (visible)
+-->
+<div id="scroller">
+ <div style="height: 200px; background: yellow">
+ <div id="foreground1"></div>
+ </div>
+</div>
+<div id="negative-margin">
+ <div id="foreground2"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/overhanging-float-paint-order-ref.html b/testing/web-platform/tests/css/CSS2/floats/overhanging-float-paint-order-ref.html
new file mode 100644
index 0000000000..608e009ff5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/overhanging-float-paint-order-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<div style="width: 100px; height: 80px; background: green"></div>
+<div style="width: 100px; height: 20px; background: blue"></div>
+
diff --git a/testing/web-platform/tests/css/CSS2/floats/overhanging-float-paint-order.html b/testing/web-platform/tests/css/CSS2/floats/overhanging-float-paint-order.html
new file mode 100644
index 0000000000..6075d0a2c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/overhanging-float-paint-order.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
+<link rel="help" href="https://drafts.csswg.org/css2/zindex.html">
+<link rel="match" href="overhanging-float-paint-order-ref.html">
+<style>
+#first-container {
+ width: 100px;
+ height: 60px;
+}
+
+#red-first-float {
+ width: 100px;
+ height: 60px;
+ background-color: red;
+ float: left;
+}
+
+#container {
+ width: 100px;
+ height: 80px;
+}
+
+#blue-second-float-overhanging {
+ width: 100px;
+ height: 60px;
+ background-color: blue;
+ float: left;
+ margin-top: -20px;
+}
+
+#green-third-float {
+ width: 100px;
+ height: 80px;
+ background-color: green;
+ float: left;
+ margin-top: -100px;
+}
+</style>
+<div id="red-first-float"></div>
+<div id="container">
+ <div id="blue-second-float-overhanging"></div>
+ <div id="green-third-float"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/remove-block-between-inline-and-float.html b/testing/web-platform/tests/css/CSS2/floats/remove-block-between-inline-and-float.html
new file mode 100644
index 0000000000..21235d550d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/remove-block-between-inline-and-float.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>Removing block between inline and float should put the two on the same line</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#floats" title="9.5 Floats">
+<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<!-- This is a block with block children, so inlines need to be wrapped inside
+ anonymous blocks. A float and out-of-flow positioned box is neutral here,
+ in that it can either live among block children OR among inline
+ children. If it is (or becomes) sibling of an inline child, though, it
+ should be wrapped inside the same anonymous block as the inline, or layout
+ will be wrong. -->
+<div style="width:200px; background:red;">
+ <div style="height:50px; background:green;"></div>
+ <div style="display:inline-block; vertical-align:top; width:100px; height:150px; background:green;"></div>
+ <div id="removeMe" style="height:100px;"></div>
+ <div style="float:left; width:100px; height:150px; background:green;"></div>
+</div>
+<script>
+ document.body.offsetTop; // Trigger layout.
+ document.getElementById("removeMe").style.display = "none";
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/remove-float-in-first-line.html b/testing/web-platform/tests/css/CSS2/floats/remove-float-in-first-line.html
new file mode 100644
index 0000000000..56f1c87c9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/remove-float-in-first-line.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<title>Removing floats in ::first-line should not crash</title>
+<link rel="author" href="kojii@chromium.org">
+<link rel="help" href="https://crbug.com/1100900">
+<meta name="assert" content="Removing floats in ::first-line should not crash">
+<style>
+#container {
+ display: flow-root;
+}
+#container::first-line {
+ background: orange;
+}
+#float {
+ float: left;
+}
+</style>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<body>
+ <div id="container">text<span id="float"></span></div>
+</body>
+<script>
+test(() => {
+ document.body.offsetTop;
+ let float = document.getElementById('float');
+ float.remove();
+ let container = document.getElementById('container');
+ container.style.color = 'blue';
+}, 'No crash or DCHECK failure');
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/remove-float-then-abspos-in-inline.html b/testing/web-platform/tests/css/CSS2/floats/remove-float-then-abspos-in-inline.html
new file mode 100644
index 0000000000..5cf8084c63
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/remove-float-then-abspos-in-inline.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<title>Removing floats changed to positioned object should not crash</title>
+<link rel="author" href="kojii@chromium.org">
+<link rel="help" href="https://crbug.com/1101277">
+<meta name="assert" content="Removing floats changed to positioned object should not crash">
+<style>
+.float {
+ float: left;
+}
+.abs {
+ position: absolute;
+}
+</style>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<body>
+ <div id="container">text<span id="target" class="float"></span></div>
+</body>
+<script>
+test(() => {
+ document.body.offsetTop;
+ let target = document.getElementById('target');
+
+ // Change `#target` from floating object to positioned object.
+ target.className = 'abs';
+ document.body.offsetTop;
+
+ // and remove it.
+ target.remove();
+}, 'No crash or DCHECK failure');
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/zero-available-space-float-positioning.html b/testing/web-platform/tests/css/CSS2/floats/zero-available-space-float-positioning.html
new file mode 100644
index 0000000000..62ace6daa0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/zero-available-space-float-positioning.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#float-width" title="10.3.5 Floating, non-replaced elements">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<p>Test passes if there is a filled green square.</p>
+<div style="width: 0px;">
+ <div style="float: left; width: 100px; height: 50px; background: green;"></div>
+ <div style="float: left; width: 100px; height: 50px; background: green;"></div>
+</div>
+
diff --git a/testing/web-platform/tests/css/CSS2/floats/zero-space-between-floats-001.html b/testing/web-platform/tests/css/CSS2/floats/zero-space-between-floats-001.html
new file mode 100644
index 0000000000..a7796011b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/zero-space-between-floats-001.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<title>A zero-width new formatting context should fit in a zero-width layout opportunity between floats</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<div id="container" style="position:relative; width:200px;">
+ <div style="float:left; width:100px; height:200px;"></div>
+ <div style="float:right; width:100px; height:200px;"></div>
+ <div data-offset-x="100" data-offset-y="0" style="overflow:hidden; width:0; height:200px;"></div>
+</div>
+<script>
+ checkLayout("#container");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/zero-space-between-floats-002.html b/testing/web-platform/tests/css/CSS2/floats/zero-space-between-floats-002.html
new file mode 100644
index 0000000000..f8eb591998
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/zero-space-between-floats-002.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<title>A zero-width new formatting context should fit in a zero-width layout opportunity between floats, above a 100% wide float</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<div id="container" style="position:relative; width:200px;">
+ <div style="float:left; width:100px; height:200px;"></div>
+ <div style="float:right; width:100px; height:200px;"></div>
+ <div style="float:right; width:100%; height:10px;"></div>
+ <div data-offset-x="100" data-offset-y="0" style="overflow:hidden; width:0; height:200px;"></div>
+</div>
+<script>
+ checkLayout("#container");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/zero-space-between-floats-003.html b/testing/web-platform/tests/css/CSS2/floats/zero-space-between-floats-003.html
new file mode 100644
index 0000000000..3ddbb871c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/zero-space-between-floats-003.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<title>Zero-width new formatting context with clearance</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<div id="container" style="position:relative; width:200px;">
+ <div style="float:left; width:100px; height:100px;"></div>
+ <div style="float:right; width:100px; height:100px;"></div>
+ <div style="float:right; width:100%; height:100px;"></div>
+ <div data-offset-x="0" data-offset-y="100" style="overflow:hidden; clear:left; width:0;"></div>
+</div>
+<script>
+ checkLayout("#container");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/zero-space-between-floats-004.html b/testing/web-platform/tests/css/CSS2/floats/zero-space-between-floats-004.html
new file mode 100644
index 0000000000..4ac426fe6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/zero-space-between-floats-004.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<title>Zero-width new formatting context with clearance</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<div id="container" style="position:relative; width:200px;">
+ <div style="float:left; width:100px; height:100px;"></div>
+ <div style="float:right; width:100px; height:100px;"></div>
+ <div style="float:right; width:100%; height:100px;"></div>
+ <div data-offset-x="0" data-offset-y="200" style="overflow:hidden; clear:right; width:0;"></div>
+</div>
+<script>
+ checkLayout("#container");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/floats/zero-width-floats-positioning.tentative.html b/testing/web-platform/tests/css/CSS2/floats/zero-width-floats-positioning.tentative.html
new file mode 100644
index 0000000000..18f8f6e204
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/zero-width-floats-positioning.tentative.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<title>Zero width floats, and positioning with negative margins</title>
+<link rel="author" title="Ian Kilpatrick" href="ikilpatrick@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#float-width" title="10.3.5 Floating, non-replaced elements">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<p>Test passes if there is a filled green square.</p>
+<div style="width: 125px;">
+ <div style="float: left; width: 0px; height: 50px;"></div>
+ <div style="float: right; clear: left; width: 25px; height: 50px;"></div>
+ <div style="overflow: hidden; margin-left: -50px; height: 100px; background: green;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/floats/zero-width-floats.html b/testing/web-platform/tests/css/CSS2/floats/zero-width-floats.html
new file mode 100644
index 0000000000..affecab513
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats/zero-width-floats.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>Zero width floats</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#float-width" title="10.3.5 Floating, non-replaced elements">
+<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="margin-left:50px; width:100px;">
+ <div style="float:left; width:0; height:50px;"></div>
+ <div style="float:right; clear:left; width:0; height:150px;"></div>
+ <div style="overflow:hidden; margin:0 -50px; height:100px; background:green;"></div>
+</div>
+<div style="position:relative; top:-100px; overflow:hidden; clear:both; width:200px; height:100px; background:green;"></div>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-001.xht
new file mode 100644
index 0000000000..482e7baf9a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-001.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-size and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-size and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: 1in Ahem;
+ line-height: 1em;
+ }
+ #reference
+ {
+ background: black;
+ height: 1in;
+ left: 1.1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two boxes on the page and they are the same height.</p>
+ <div id="wrapper">
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-002.xht
new file mode 100644
index 0000000000..f65c819e43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-002.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-style, font-size and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-size and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: italic 1in Ahem;
+ line-height: 1em;
+ }
+ #reference
+ {
+ background: black;
+ height: 1in;
+ left: 1.4in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two boxes on the page and they are the same height. One box needs to be slanted to one side.</p>
+ <div id="wrapper">
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-003-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-003-ref.html
new file mode 100644
index 0000000000..b5982866f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-003-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<style>
+ div {
+ font: 1in serif;
+ }
+ span {
+ font-variant: small-caps;
+ font-size: 1in;
+ font-family: serif;
+ line-height: 1em;
+ }
+</style>
+<body>
+ <p>Test passes if letters "E" below are larger than this text, are capitalized, and if the left "E" is smaller than the right "E".</p>
+ <div><span>e</span>E</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-003.xht
new file mode 100644
index 0000000000..18a6355b6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-003.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-variant, font-size and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="font-003-ref.html"/>
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-size and font-family." />
+ <style type="text/css">
+ div
+ {
+ font: 1in serif;
+ }
+ span
+ {
+ font: small-caps 1in serif;
+ line-height: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if letters "E" below are larger than this text, are capitalized, and if the left "E" is smaller than the right "E".</p>
+ <div><span>e</span>E</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-004.xht
new file mode 100644
index 0000000000..3c2ff0c137
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-004.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-weight, font-size and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-size and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ background: red;
+ float: left;
+ }
+ #test
+ {
+ color: green;
+ font: normal 1in Ahem;
+ line-height: 1em;
+ }
+ #reference
+ {
+ background: green;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="wrapper">
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-005.xht
new file mode 100644
index 0000000000..4ff79462dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-005.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-style, font-variant, font-size and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-variant, font-size and font-family." />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: italic small-caps 1in serif;
+ line-height: 1em;
+ position: absolute;
+ }
+ #reference
+ {
+ color: orange;
+ font-family: serif;
+ font-size: 1in;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first black "x" is taller and wider than the first orange "x" and shorter than the second orange "X". The second black "X" needs to be the same height as the second orange "X". The black "1" need to also slant to one side.</p>
+ <div id="wrapper">
+ <div id="reference">xX1</div>
+ <div id="test">xX1</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-006.xht
new file mode 100644
index 0000000000..ee8ee6421f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-006.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-style, font-weight, font-size and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-weight, font-size and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: italic bold 1in Ahem;
+ line-height: 1em;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-007.xht
new file mode 100644
index 0000000000..594cd4a2e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-007.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-variant, font-style, font-size and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-style, font-size and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: small-caps italic 1in Ahem;
+ line-height: 1em;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-variant: small-caps;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-008.xht
new file mode 100644
index 0000000000..6176dd91b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-008.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-variant, font-weight, font-size and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-weight, font-size and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: small-caps bold 1in Ahem;
+ line-height: 1em;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-009.xht
new file mode 100644
index 0000000000..50a43ad616
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-009.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-weight, font-style, font-size and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-style, font-size and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: bold italic 1in Ahem;
+ line-height: 1em;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-010.xht
new file mode 100644
index 0000000000..46a276e3c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-010.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-weight, font-variant, font-size and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-variant, font-size and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: bold small-caps 1in Ahem;
+ line-height: 1em;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-011.xht
new file mode 100644
index 0000000000..b780f85ac3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-011.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-style, font-variant, font-weight, font-size and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: italic small-caps bold 1in Ahem;
+ line-height: 1em;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-012.xht b/testing/web-platform/tests/css/CSS2/fonts/font-012.xht
new file mode 100644
index 0000000000..f805335215
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-012.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-style, font-weight, font-variant, font-size and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: italic bold small-caps 1in Ahem;
+ line-height: 1em;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-013.xht b/testing/web-platform/tests/css/CSS2/fonts/font-013.xht
new file mode 100644
index 0000000000..67b427d1e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-013.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-variant, font-style, font-weight, font-size and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: small-caps italic bold 1in Ahem;
+ line-height: 1em;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-014.xht
new file mode 100644
index 0000000000..125ff9d9aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-014.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-variant, font-weight, font-style, font-size and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: small-caps bold italic 1in Ahem;
+ line-height: 1em;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-015.xht
new file mode 100644
index 0000000000..fca28a7484
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-015.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-weight, font-style, font-variant, font-size and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: bold italic small-caps 1in Ahem;
+ line-height: 1em;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-016.xht
new file mode 100644
index 0000000000..5e24d1653f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-016.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-weight, font-variant, font-style, font-size and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: bold small-caps italic 1in Ahem;
+ line-height: 1em;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-017.xht
new file mode 100644
index 0000000000..0675cd9fa9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-017.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-size, line-height and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-size, line-height and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: 100px/1 Ahem;
+ }
+ #reference
+ {
+ background: black;
+ height: 100px;
+ left: 110px;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 squares have the same height and if their tops line up.</p>
+ <div id="wrapper">
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-018.xht b/testing/web-platform/tests/css/CSS2/fonts/font-018.xht
new file mode 100644
index 0000000000..257337f1c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-018.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-style, font-size, line-height and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-size, line-height and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: italic 1in/1em Ahem;
+ }
+ #reference
+ {
+ background: black;
+ height: 1in;
+ left: 1.4in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two boxes on the page, they are the same height, the top of both boxes line up and one box slants to one side.</p>
+ <div id="wrapper">
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-019.xht b/testing/web-platform/tests/css/CSS2/fonts/font-019.xht
new file mode 100644
index 0000000000..e3ab64c446
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-019.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-variant, font-size, line-height and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-size, line-height and font-family." />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: small-caps 1in/1em serif;
+ }
+ #reference
+ {
+ color: orange;
+ font-family: serif;
+ font-size: 1in;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first black "x" is taller and wider than the first orange "x" and shorter than the second orange "X". The second black "X" needs to be the same height as the second orange "X".</p>
+ <div id="wrapper">
+ <div id="test">xX</div>
+ <div id="reference">xX</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-020.xht b/testing/web-platform/tests/css/CSS2/fonts/font-020.xht
new file mode 100644
index 0000000000..2b055e437f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-020.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-weight, font-size, line-height and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-size, line-height and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ background: red;
+ float: left;
+ }
+ #test
+ {
+ color: green;
+ font: normal 100px/1 Ahem;
+ }
+ #reference
+ {
+ background: green;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-021.xht b/testing/web-platform/tests/css/CSS2/fonts/font-021.xht
new file mode 100644
index 0000000000..449ae89a2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-021.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-style, font-variant, font-size, line-height and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-variant, font-size, line-height and font-family." />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: italic small-caps 1in/1em serif;
+ position: absolute;
+ }
+ #reference
+ {
+ color: orange;
+ font-family: serif;
+ font-size: 1in;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first black "x" is taller and wider than the first orange "x" and shorter than the second orange "X". The second black "X" needs to be the same height as the second orange "X". The black "1" needs to slant to one side.</p>
+ <div id="wrapper">
+ <div id="reference">xX1</div>
+ <div id="test">xX1</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-022.xht b/testing/web-platform/tests/css/CSS2/fonts/font-022.xht
new file mode 100644
index 0000000000..308811930f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-022.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-style, font-weight, font-size, line-height and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-weight, font-size, line-height and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: italic bold 1in/1em Ahem;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-023.xht b/testing/web-platform/tests/css/CSS2/fonts/font-023.xht
new file mode 100644
index 0000000000..e09c0f95ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-023.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-variant, font-style, font-size, line-height and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-style, font-size, line-height and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: small-caps italic 1in/1em Ahem;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-variant: small-caps;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-024.xht b/testing/web-platform/tests/css/CSS2/fonts/font-024.xht
new file mode 100644
index 0000000000..8b927ab193
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-024.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-variant, font-weight, font-size, line-height and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-weight, font-size, line-height and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: small-caps bold 1in/1em Ahem;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-025.xht b/testing/web-platform/tests/css/CSS2/fonts/font-025.xht
new file mode 100644
index 0000000000..859ee1b4fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-025.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-weight, font-style, font-size, line-height and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-style, font-size, line-height and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: bold italic 1in/1em Ahem;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-026.xht b/testing/web-platform/tests/css/CSS2/fonts/font-026.xht
new file mode 100644
index 0000000000..a547c889a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-026.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-weight, font-variant, font-size, line-height and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-variant, font-size, line-height and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: bold small-caps 1in/1em Ahem;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-027.xht b/testing/web-platform/tests/css/CSS2/fonts/font-027.xht
new file mode 100644
index 0000000000..ab107f22c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-027.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-style, font-variant, font-weight, font-size, line-height and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size, line-height and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: italic small-caps bold 1in/1em Ahem;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-028.xht b/testing/web-platform/tests/css/CSS2/fonts/font-028.xht
new file mode 100644
index 0000000000..5481978f99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-028.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-style, font-weight, font-variant, font-size, line-height and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size, line-height and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: italic bold small-caps 1in/1em Ahem;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-029.xht b/testing/web-platform/tests/css/CSS2/fonts/font-029.xht
new file mode 100644
index 0000000000..bad2252124
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-029.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-variant, font-style, font-weight, font-size, line-height and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size, line-height and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: small-caps italic bold 1in/1em Ahem;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-030.xht b/testing/web-platform/tests/css/CSS2/fonts/font-030.xht
new file mode 100644
index 0000000000..f087230126
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-030.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-variant, font-weight, font-style, font-size, line-height and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size, line-height and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: small-caps bold italic 1in/1em Ahem;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-031.xht b/testing/web-platform/tests/css/CSS2/fonts/font-031.xht
new file mode 100644
index 0000000000..53183a6e1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-031.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-weight, font-style, font-variant, font-size, line-height and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size, line-height and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: bold italic small-caps 1in/1em Ahem;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-032.xht b/testing/web-platform/tests/css/CSS2/fonts/font-032.xht
new file mode 100644
index 0000000000..92a9ad21c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-032.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set using the values font-weight, font-variant, font-style, font-size, line-height and font-family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size, line-height and font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #test
+ {
+ font: bold small-caps italic 1in/1em Ahem;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-033.xht b/testing/web-platform/tests/css/CSS2/fonts/font-033.xht
new file mode 100644
index 0000000000..a2e65c7b48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-033.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font set to the keyword 'caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' property set to 'caption' correctly uses the system setting." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ font: caption;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a letter "X" below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-034.xht b/testing/web-platform/tests/css/CSS2/fonts/font-034.xht
new file mode 100644
index 0000000000..f3eb311c47
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-034.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font set to the keyword 'icon'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' property set to 'icon' correctly uses the system setting." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ font: icon;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a letter "X" below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-035.xht b/testing/web-platform/tests/css/CSS2/fonts/font-035.xht
new file mode 100644
index 0000000000..8e18a1a23b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-035.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font set to the keyword 'menu'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' property set to 'menu' correctly uses the system setting." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ font: menu;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a letter "X" below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-036.xht b/testing/web-platform/tests/css/CSS2/fonts/font-036.xht
new file mode 100644
index 0000000000..f4e47d14fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-036.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font set to the keyword 'message-box'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' property set to 'message-box' correctly uses the system setting." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ font: message-box;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a letter "X" below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-037.xht b/testing/web-platform/tests/css/CSS2/fonts/font-037.xht
new file mode 100644
index 0000000000..7990dce637
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-037.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font set to the keyword 'small-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' property set to 'small-caption' correctly uses the system setting." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ font: small-caption;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a letter "X" below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-038.xht b/testing/web-platform/tests/css/CSS2/fonts/font-038.xht
new file mode 100644
index 0000000000..10248a9cb9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-038.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font set to the keyword 'status-bar'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' property set to 'status-bar' correctly uses the system setting." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ font: status-bar;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a letter "X" below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-039.xht b/testing/web-platform/tests/css/CSS2/fonts/font-039.xht
new file mode 100644
index 0000000000..fb44940d83
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-039.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set to 'inherit' inheriting two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property set to 'inherit' inherits the parent element's values." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 1in Ahem;
+ position: relative;
+ }
+ #test
+ {
+ font: 0 Ahem;
+ font: inherit;
+ line-height: 1em;
+ }
+ #reference
+ {
+ background: black;
+ height: 1in;
+ left: 1.1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two boxes on the page and they are the same height.</p>
+ <div id="wrapper">
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-040.xht b/testing/web-platform/tests/css/CSS2/fonts/font-040.xht
new file mode 100644
index 0000000000..05198d1adf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-040.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set to 'inherit' inheriting three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property set to 'inherit' inherits the parent element's values." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: italic 1in Ahem;
+ position: relative;
+ }
+ #test
+ {
+ font: 0 Ahem;
+ font: inherit;
+ line-height: 1em;
+ }
+ #reference
+ {
+ background: black;
+ height: 1in;
+ left: 1.4in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two boxes on the page and they are the same height. One box needs to be slanted to one side.</p>
+ <div id="wrapper">
+ <div id="test">X</div>
+ <div id="reference"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-041.xht b/testing/web-platform/tests/css/CSS2/fonts/font-041.xht
new file mode 100644
index 0000000000..dee0e51ded
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-041.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set to 'inherit' inheriting four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property set to 'inherit' inherits the parent element's values." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: italic small-caps 1in serif;
+ position: relative;
+ }
+ #test
+ {
+ font: 0 Ahem;
+ font: inherit;
+ line-height: 1em;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: serif;
+ font-size: 1in;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="wrapper">
+ <div id="reference">xX1</div>
+ <div id="test">xX1</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-042.xht b/testing/web-platform/tests/css/CSS2/fonts/font-042.xht
new file mode 100644
index 0000000000..597cf9f12d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-042.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set to 'inherit' inheriting five values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property set to 'inherit' inherits the parent element's values." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: italic small-caps bold 1in Ahem;
+ position: relative;
+ }
+ #test
+ {
+ font: 0 Ahem;
+ font: inherit;
+ line-height: 1em;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-043.xht b/testing/web-platform/tests/css/CSS2/fonts/font-043.xht
new file mode 100644
index 0000000000..b860b2be48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-043.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand set to 'inherit' inheriting six values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="../reference/no_red_bold_italic_small-caps_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font' shorthand property set to 'inherit' inherits the parent element's values." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: italic small-caps bold 1in/1em Ahem;
+ position: relative;
+ }
+ #test
+ {
+ font: 0 Ahem;
+ font: inherit;
+ position: absolute;
+ }
+ #reference
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 1in;
+ font-style: italic;
+ font-variant: small-caps;
+ font-weight: bold;
+ height: 1in;
+ left: 0;
+ line-height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page except for antialiasing.</p>
+ <div id="wrapper">
+ <div id="reference">x</div>
+ <div id="test">x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-044.xht b/testing/web-platform/tests/css/CSS2/fonts/font-044.xht
new file mode 100644
index 0000000000..ccd3154836
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-044.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: font - system fonts</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta content="ahem" name="flags" />
+ <meta content="A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually" name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ color: white;
+ display: inline-block;
+ font: 40px/1 Ahem;
+ }
+
+ span
+ {
+ background-color: white;
+ color: green;
+ font: message-box;
+ font-size: 40px;
+ line-height: 1;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div>
+ <span>Text sample</span>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-045.xht b/testing/web-platform/tests/css/CSS2/fonts/font-045.xht
new file mode 100644
index 0000000000..ff5311d9c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-045.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: font - inherit keyword value</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/changes.html#q142" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta content="ahem invalid" name="flags" />
+ <meta content="The inherit keyword value cannot mix with other subproperty values" name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ color: white;
+ font: 160px/1 Ahem;
+ width: 4em;
+ }
+
+ span
+ {
+ background-color: white;
+ color: green;
+ font: 40px inherit;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a large green rectangle and <strong>no red</strong>.</p>
+
+ <div>
+ <span>XXXX</span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-046.xht b/testing/web-platform/tests/css/CSS2/fonts/font-046.xht
new file mode 100644
index 0000000000..771b8c6e82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-046.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: font - system fonts</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta content="ahem" name="flags" />
+ <meta content="A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually" name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ color: white;
+ display: inline-block;
+ font: 40px/1 Ahem;
+ }
+
+ span
+ {
+ background-color: white;
+ color: green;
+ font: caption;
+ font-size: 40px;
+ line-height: 1;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div>
+ <span>Text sample</span>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-047.xht b/testing/web-platform/tests/css/CSS2/fonts/font-047.xht
new file mode 100644
index 0000000000..99be0559f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-047.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: font - system fonts</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta content="ahem" name="flags" />
+ <meta name="assert" content="A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ color: white;
+ display: inline-block;
+ font: 40px/1 Ahem;
+ }
+
+ span
+ {
+ background-color: white;
+ color: green;
+ font: icon;
+ font-size: 40px;
+ line-height: 1;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div>
+ <span>Text sample</span>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-048.xht b/testing/web-platform/tests/css/CSS2/fonts/font-048.xht
new file mode 100644
index 0000000000..a9d8406474
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-048.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: font - system fonts</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta content="ahem" name="flags" />
+ <meta name="assert" content="A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ color: white;
+ display: inline-block;
+ font: 40px/1 Ahem;
+ }
+
+ span
+ {
+ background-color: white;
+ color: green;
+ font: menu;
+ font-size: 40px;
+ line-height: 1;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div>
+ <span>Text sample</span>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-049.xht b/testing/web-platform/tests/css/CSS2/fonts/font-049.xht
new file mode 100644
index 0000000000..e93ac68800
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-049.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: font - system fonts</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta content="ahem" name="flags" />
+ <meta name="assert" content="A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ color: white;
+ display: inline-block;
+ font: 40px/1 Ahem;
+ }
+
+ span
+ {
+ background-color: white;
+ color: green;
+ font: small-caption;
+ font-size: 40px;
+ line-height: 1;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div>
+ <span>Text sample</span>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-050.xht b/testing/web-platform/tests/css/CSS2/fonts/font-050.xht
new file mode 100644
index 0000000000..200be9bc57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-050.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: font - system fonts</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta content="ahem" name="flags" />
+ <meta name="assert" content="A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ color: white;
+ display: inline-block;
+ font: 40px/1 Ahem;
+ }
+
+ span
+ {
+ background-color: white;
+ color: green;
+ font: status-bar;
+ font-size: 40px;
+ line-height: 1;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div>
+ <span>Text sample</span>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-051-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-051-ref.xht
new file mode 100644
index 0000000000..1143043ec8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-051-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 100px;
+ width: 400px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled black rectangle.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-051.xht b/testing/web-platform/tests/css/CSS2/fonts/font-051.xht
new file mode 100644
index 0000000000..fc23ab4c77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-051.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: font shorthand - minimal requirements</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="15.8 Shorthand font property" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" title="3.7 Shorthand font property: the font property" />
+ <link rel="match" href="font-051-ref.xht" />
+
+ <meta content="ahem invalid" name="flags" />
+ <meta content="Font shorthand requires at minimum 2 font subproperties (unless resorting to a system font): font-size and font-family." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {font: 100px/1 Ahem;}
+
+ span {font: serif;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled black rectangle.</p>
+
+ <div>
+ <span>FAIL</span>
+ </div>
+
+ <!--
+ 'font'
+ Value: [ [ <'font-style'> || <'font-variant'> || <'font-weight'>
+]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption
+| icon | menu | message-box | small-caption | status-bar | inherit
+ http://www.w3.org/TR/CSS21/fonts.html#font-shorthand
+
+ A bar (|) separates two or more alternatives: exactly one of them
+must occur.
+ A double bar (||) separates two or more options: one or more of
+them must occur, in any order.
+ Brackets ([ ]) are for grouping.
+ A question mark (?) indicates that the preceding type, word, or
+group is optional.
+ http://www.w3.org/TR/CSS21/about.html#value-defs
+ -->
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-052.xht b/testing/web-platform/tests/css/CSS2/fonts/font-052.xht
new file mode 100644
index 0000000000..454a7cd60f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-052.xht
@@ -0,0 +1,118 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: font shorthand - reserved keywords</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" title="3.7 Shorthand font property: the font property" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012May/0878.html" title="Re: [css2.1][css3-fonts] keywords in unquoted font family names" />
+
+ <meta content="This test verifies different valid and invalid font shorthand declarations involving reserved keywords (caption, inherit)." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ font-size: 1.5em;
+ font-family: serif;
+ }
+
+ span#verify1 {font-family: "CSSTest Verify";}
+
+ div#verify {font-size: 1.5em;}
+
+ div
+ {
+ font-size: 2.5em;
+ line-height: 1.5;
+ }
+
+ /*
+ font shorthand syntax in CSS 2.1:
+
+ Value: [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit
+
+ Brackets ([ ]) are for grouping.
+
+ A double bar (||) separates two or more options: one or more of them must occur, in any order.
+
+ A question mark (?) indicates that the preceding type, word, or group is optional.
+
+ A bar (|) separates two or more alternatives: exactly one of them must occur.
+
+ Section 1.4.2.1 Value
+ http://www.w3.org/TR/CSS21/about.html#value-defs
+ */
+
+ div#firstTest {font: 40px \inherit foo, "CSSTest Fallback";}
+ /* valid: there can be a font whose name is "inherit foo" */
+
+ div#secondTest {font: 40px foo \inherit, "CSSTest Fallback";}
+ /* valid: there can be a font whose name is "foo inherit" */
+
+ div#thirdTest {font: caption;}
+ /* valid: caption is the reserved keyword for the system font */
+
+ div#fourthTest {font: medium caption, "CSSTest Fallback";}
+ /* valid: there can be a font whose name is "caption";
+ "medium" is the font-size */
+
+ div#fifthTest {font: caption foo, "CSSTest Fallback";}
+ /* invalid: there could be a font whose name is "caption foo"
+ but then the font shorthand declaration would have no font-size */
+
+ div#sixthTest {font: caption, foo, "CSSTest Fallback";}
+ /* invalid */
+
+ div#seventhTest {font: medium caption, inherit, "CSSTest Fallback";}
+ /* invalid */
+
+ /*
+ font shorthand syntax in CSS 2.1:
+
+ Value: [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit
+
+ Brackets ([ ]) are for grouping.
+
+ A double bar (||) separates two or more options: one or more of them must occur, in any order.
+
+ A question mark (?) indicates that the preceding type, word, or group is optional.
+
+ A bar (|) separates two or more alternatives: exactly one of them must occur.
+
+ Section 1.4.2.1 Value
+ http://www.w3.org/TR/CSS21/about.html#value-defs
+ */
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p><a href="http://www.w3.org/Style/CSS/Test/Fonts/">Test fonts</a> must be installed for this test: <span id="verify1">FAIL</span></p>
+
+ <div id="verify">User agent's default font must be set to be "CSSTest FamilyName": 5678</div>
+
+ <p>Test passes if there are exactly seven "PASS" words below:</p>
+
+ <div id="firstTest">1234</div>
+
+ <div id="secondTest">1234</div>
+
+ <div id="thirdTest">PASS</div>
+
+ <div id="fourthTest">1234</div>
+
+ <div id="fifthTest">5678</div>
+
+ <div id="sixthTest">5678</div>
+
+ <div id="seventhTest">5678</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-144.xht b/testing/web-platform/tests/css/CSS2/fonts/font-144.xht
new file mode 100644
index 0000000000..405fea17b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-144.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing the 'font' shorthand</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+
+ <meta name="flags" content="ahem"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ p { color: green; margin: 1em; }
+ .test { width: 6em; }
+ span { background: red; color: white; }
+ .a { font: normal normal normal 1em/normal Ahem, serif; }
+ .b { font: normal normal normal medium/normal Ahem, serif; }
+ .c { font: normal normal normal medium/1 Ahem, serif; }
+ .d { font: normal normal normal 1em/1 Ahem, serif; }
+ .e { font: normal normal 1em/1 Ahem, serif; }
+ .f { font: normal 1em/1 Ahem, serif; }
+ .g { font: 1em/1 Ahem, serif; }
+ .h { font: normal normal normal 1em Ahem, serif; }
+ .i { font: normal normal normal medium Ahem, serif; }
+ .j { font: normal normal normal medium Ahem, serif; }
+ .k { font: normal normal normal 1em Ahem, serif; }
+ .l { font: normal normal 1em Ahem, serif; }
+ .m { font: normal 1em Ahem, serif; }
+ .n { font: 1em Ahem, serif; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if this sentence is green and if there is <strong>no red below</strong>.</p>
+
+ <p class="test a"> <span>FAIL-a</span> </p>
+ <p class="test b"> <span>FAIL-b</span> </p>
+ <p class="test c"> <span>FAIL-c</span> </p>
+ <p class="test d"> <span>FAIL-d</span> </p>
+ <p class="test e"> <span>FAIL-e</span> </p>
+ <p class="test f"> <span>FAIL-f</span> </p>
+ <p class="test g"> <span>FAIL-g</span> </p>
+ <p class="test h"> <span>FAIL-h</span> </p>
+ <p class="test i"> <span>FAIL-i</span> </p>
+ <p class="test j"> <span>FAIL-j</span> </p>
+ <p class="test k"> <span>FAIL-k</span> </p>
+ <p class="test l"> <span>FAIL-l</span> </p>
+ <p class="test m"> <span>FAIL-m</span> </p>
+ <p class="test n"> <span>FAIL-n</span> </p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-145.xht b/testing/web-platform/tests/css/CSS2/fonts/font-145.xht
new file mode 100644
index 0000000000..e56c8c0f29
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-145.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The 'font' property with line-height: normal</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+
+ <meta name="flags" content="ahem"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .container { background: red; height: 1em; width: 6em; }
+ .test { font: 2em/0 Ahem; background: green; color: green; }
+ .test { font: 2em/normal Ahem; } /* should override previous line */
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a small filled green rectangle and <strong>no red</strong>.</p>
+ <div class="container"><div class="test">ppp</div></div>
+
+ <!-- "p" is like an underscore in Ahem. -->
+
+ <!-- the result will be that if the line-height is 0, then the
+ container will be visible as the test will be height:0 and the
+ text will overflow the test with a small green line, leaving
+ the red of the container visible. otherwise, line-height is
+ normal, the test block will grow to be bigger than the
+ container, overflowing it, and hiding the red. -->
+
+ <!-- see line-height/001.html -->
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-146-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-146-ref.xht
new file mode 100644
index 0000000000..5a20d89c80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-146-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ color: white;
+ left: 0px;
+ position: absolute;
+ top: 0px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>Test passes if this sentence has a green background.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-146.xht b/testing/web-platform/tests/css/CSS2/fonts/font-146.xht
new file mode 100644
index 0000000000..03af5f5669
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-146.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: font shorthand and negative line-heights</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="font-146-ref.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <style type="text/css">
+ div { position: absolute; top: 0; left: 0; }
+ div.test { font: 4em/-2em serif; background: red; color: yellow; }
+ div.control { background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <div class="test">Test passes if this sentence has a green background.</div>
+ <div class="control">Test passes if this sentence has a green background.</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-147.xht b/testing/web-platform/tests/css/CSS2/fonts/font-147.xht
new file mode 100644
index 0000000000..e758bb1187
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-147.xht
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: unquoted 'font-family' syntax (tested with 'font')</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/ahem/004.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="flags" content="ahem"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ /* valids */
+ .a { font: 10px Ahem Black, Ahem; }
+ .b { font: 10px inherit, Ahem; }
+ .c { font: 10px \" , Ahem; }
+ </style>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .d { font: 10px 32px, Ahem; }
+ .e { font: 10px -test, Ahem; }
+ /* invalids */
+ .f { font: 32px :-), sans-serif; }
+ .g { font: 32px , sans-serif; }
+ .h { font: 32px (), sans-serif; }
+ .i { font: 32px {}, sans-serif; }
+ .j { font: 32px [], sans-serif; }
+ .k { font: 32px a(), sans-serif; }
+ .l { font: 32px a{}, sans-serif; }
+ .m { font: 32px a[], sans-serif; }
+ .n { font: 32px; }
+ .o { font: 32px \"", sans-serif; }
+ </style>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .P { font: 32px \\", sans-serif; }
+ </style>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ /* environment */
+ * { margin: 0; padding: 0; border: none; line-height: 1; }
+ body { margin: 1em; position: relative; }
+ .control { display: inline; font: 1em/1 Ahem, sans-serif; background: red; color: white; }
+ .overlapper { position: absolute; left: 0; top: 1em; height: 160px; width: 60px; background: green; z-index: 1; -moz-opacity: 90%; }
+ .valid { font: 32px sans-serif; color: red; }
+ .invalid { font: 10px Ahem; color: red; }
+ </style>
+ </head>
+ <body>
+ <div class="control">Ahem_font_required_for_this_test.</div>
+ <div class="overlapper"/>
+ <div class="valid">
+ <p class="a">a:FAIL</p>
+ <p class="b">b:FAIL</p>
+ <p class="c">c:FAIL</p>
+ <p class="d">d:FAIL</p>
+ <p class="e">e:FAIL</p>
+ </div>
+ <div class="invalid">
+ <p class="f">f:FAIL</p>
+ <p class="g">g:FAIL</p>
+ <p class="h">h:FAIL</p>
+ <p class="i">i:FAIL</p>
+ <p class="j">j:FAIL</p>
+ <p class="k">k:FAIL</p>
+ <p class="l">l:FAIL</p>
+ <p class="m">m:FAIL</p>
+ <p class="n">n:FAIL</p>
+ <p class="o">o:FAIL</p>
+ <p class="P">P:FAIL</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-148-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-148-ref.xht
new file mode 100644
index 0000000000..22a8e1a263
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-148-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Ondřej Žára" href="https://ondras.zarovi.cz/" />
+
+<style type="text/css">
+ div {
+ font: 10px sans-serif;
+ }
+ span {
+ font: 100px sans-serif;
+ }
+</style>
+
+ </head>
+
+ <body>
+ <p>Test passes if letters "def" below are larger than "abc" and "ghi".</p>
+ <div>abc<span class="test">def</span>ghi</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-148.xht b/testing/web-platform/tests/css/CSS2/fonts/font-148.xht
new file mode 100644
index 0000000000..4f5a3f1d20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-148.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand using calc() value for font-size</title>
+ <link rel="author" title="Ondřej Žára" href="https://ondras.zarovi.cz/" />
+ <link rel="help" href="https://www.w3.org/TR/css-fonts-4/#font-prop" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#calc-notation" />
+ <link rel="match" href="font-148-ref.xht"/>
+ <meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-size and font-family." />
+ <style type="text/css">
+ div {
+ font: 10px sans-serif;
+ }
+ span {
+ font: calc(10 * 10px) sans-serif;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if letters "def" below are larger than "abc" and "ghi".</p>
+ <div>abc<span class="test">def</span>ghi</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-001-ref.xht
new file mode 100644
index 0000000000..77f2133aab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-001-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {font: italic small-caps bold 16px sans-serif;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 lines of "Filler Text" match.</p>
+
+ <div>Filler Text</div>
+
+ <div>Filler Text</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-001.xht
new file mode 100644
index 0000000000..58ec79b7ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font and 'display: inline' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="font-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'font' property applies to 'display: inline' elements." />
+ <style type="text/css">
+ div
+ {
+ font: italic small-caps bold 16px sans-serif;
+ }
+ #div1
+ {
+ display: inline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 lines of "Filler Text" match.</p>
+ <div>Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-002.xht
new file mode 100644
index 0000000000..6218c3d2af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-002.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font and 'display: block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="font-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'font' property applies to 'display: block' elements." />
+ <style type="text/css">
+ #reference, span
+ {
+ font: italic small-caps bold 16px sans-serif;
+ }
+ span
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 lines of "Filler Text" match.</p>
+ <div id="reference">Filler Text</div>
+ <div>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-003.xht
new file mode 100644
index 0000000000..3792088255
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-003.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font and 'display: list-item' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="assert" content="The 'font' property applies to 'display: list-item' elements." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 2em;
+ }
+ div
+ {
+ font: italic small-caps bold 16px sans-serif;
+ }
+ #div1
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 lines of "Filler Text" match styles and the bottom "Filler Text" has a marker bullet on its left-hand side.</p>
+ <div>Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-005.xht
new file mode 100644
index 0000000000..7231ef02e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-005.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font and 'display: inline-block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="font-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'font' property applies to 'display: inline-block' elements." />
+ <style type="text/css">
+ div
+ {
+ font: italic small-caps bold 16px sans-serif;
+ }
+ #div1
+ {
+ display: inline-block;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 lines of "Filler Text" match.</p>
+ <div>Filler Text</div>
+ <div id="div1">
+ <span class="block-descendant">Filler Text</span>
+ <span class="block-descendant">&nbsp;</span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-006.xht
new file mode 100644
index 0000000000..5e28f48b14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-006.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font and 'display: table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="font-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'font' property applies to 'display: table' elements." />
+ <style type="text/css">
+ #reference, #table
+ {
+ font: italic small-caps bold 16px sans-serif;
+ }
+ #table
+ {
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 lines of "Filler Text" match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div class="row">
+ <div class="cell">Filler Text</div>
+ </div>
+ <div class="row">
+ <div class="cell">&nbsp;</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-007.xht
new file mode 100644
index 0000000000..f01e413b9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-007.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font and 'display: inline-table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="font-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'font' property applies to 'display: inline-table' elements." />
+ <style type="text/css">
+ #reference, #table
+ {
+ font: italic small-caps bold 16px sans-serif;
+ }
+ #table
+ {
+ display: inline-table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 lines of "Filler Text" match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div class="row">
+ <div class="cell">Filler Text</div>
+ </div>
+ <div class="row">
+ <div class="cell">&nbsp;</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-008.xht
new file mode 100644
index 0000000000..013732cdaa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-008.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font and 'display: table-row-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="font-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'font' property applies to 'display: table-row-group' elements." />
+ <style type="text/css">
+ #reference, #test
+ {
+ font: italic small-caps bold 16px sans-serif;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-row-group;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 lines of "Filler Text" match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="test">
+ <div class="row">
+ <div class="cell">Filler Text</div>
+ </div>
+ <div class="row">
+ <div class="cell">&nbsp;</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-009.xht
new file mode 100644
index 0000000000..976fa1c87e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-009.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font and 'display: table-header-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="font-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'font' property applies to 'display: table-header-group' elements." />
+ <style type="text/css">
+ #reference, #test
+ {
+ font: italic small-caps bold 16px sans-serif;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-header-group;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 lines of "Filler Text" match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="test">
+ <div class="row">
+ <div class="cell">Filler Text</div>
+ </div>
+ <div class="row">
+ <div class="cell">&nbsp;</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-010.xht
new file mode 100644
index 0000000000..7df2020f10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-010.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font and 'display: table-footer-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="font-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'font' property applies to 'display: table-footer-group' elements." />
+ <style type="text/css">
+ #reference, #test
+ {
+ font: italic small-caps bold 16px sans-serif;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-footer-group;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 lines of "Filler Text" match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="test">
+ <div class="row">
+ <div class="cell">Filler Text</div>
+ </div>
+ <div class="row">
+ <div class="cell">&nbsp;</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-011.xht
new file mode 100644
index 0000000000..669bf667cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-011.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font and 'display: table-row' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="font-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'font' property applies to 'display: table-row' elements." />
+ <style type="text/css">
+ #reference, #row
+ {
+ font: italic small-caps bold 16px sans-serif;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 lines of "Filler Text" match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-014.xht
new file mode 100644
index 0000000000..7e3d755a99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-014.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font and 'display: table-cell' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="font-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'font' property applies to 'display: table-cell' elements." />
+ <style type="text/css">
+ #reference, #cell
+ {
+ font: italic small-caps bold 16px sans-serif;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 lines of "Filler Text" match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-015.xht
new file mode 100644
index 0000000000..3bed6621d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-015.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font and 'display: table-caption' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="font-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'font' property applies to 'display: table-caption' elements." />
+ <style type="text/css">
+ #reference, #caption
+ {
+ font: italic small-caps bold 16px sans-serif;
+ }
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ display: table-caption;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 lines of "Filler Text" match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="caption">Filler&nbsp;Text</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-016.xht
new file mode 100644
index 0000000000..08c8f26220
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-016.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font and 'display: none' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'font' property applies to 'display: table-row' elements." />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ display: none;
+ font: italic small-caps bold 16px sans-serif;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Fail</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-017.xht
new file mode 100644
index 0000000000..087ef9ce3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-applies-to-017.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font and 'display: inherit' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <link rel="match" href="font-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'font' property applies to 'display: inherit' elements." />
+ <style type="text/css">
+ #parent, #reference
+ {
+ display: inline;
+ }
+ #reference, div div
+ {
+ font: italic small-caps bold 16px sans-serif;
+ }
+ div div
+ {
+ display: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 lines of "Filler Text" match.</p>
+ <div id="reference">Filler Text<br /></div>
+ <div id="parent">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-001.xht
new file mode 100644
index 0000000000..6a9883c9eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family set to an installed font</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property set to and installed font renders the appropriate font." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-002.xht
new file mode 100644
index 0000000000..b28e6c0d75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-002.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family set to the keyword 'serif'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property set to 'serif' correctly renders the user agent's serif font." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ }
+ #test
+ {
+ font-family: serif;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear below and there is a black box below.</p>
+ <div id="test">PASS PASS</div>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-003.xht
new file mode 100644
index 0000000000..43d617ba66
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-003.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family set to the keyword 'sans-serif'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property set to 'sans-serif' correctly renders the user agent's sans-serif font." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ }
+ #test
+ {
+ font-family: sans-serif;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear below and there is a black box below.</p>
+ <div id="test">PASS PASS</div>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-004.xht
new file mode 100644
index 0000000000..d54d2690e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-004.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family set to the keyword 'cursive'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property set to 'cursive' correctly renders the user agent's cursive font." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ }
+ #test
+ {
+ font-family: cursive;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear below and there is a black box below.</p>
+ <div id="test">PASS PASS</div>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-005.xht
new file mode 100644
index 0000000000..44d88a2ad4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-005.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family set to the keyword 'fantasy'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property set to 'fantasy' correctly renders the user agent's fantasy font." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ }
+ #test
+ {
+ font-family: fantasy;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear below and there is a black box below.</p>
+ <div id="test">PASS PASS</div>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-006.xht
new file mode 100644
index 0000000000..2ea0e6cb6f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-006.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family set to the keyword 'monospace'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property set to 'monospace' correctly renders the user agent's monospace font." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ }
+ #test
+ {
+ font-family: monospace;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear below and there is a black box below.</p>
+ <div id="test">PASS PASS</div>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-007.xht
new file mode 100644
index 0000000000..d8f7ff1799
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-007.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property set to 'inherit' inherits its value from the parent element's value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ }
+ span
+ {
+ font-family: serif;
+ }
+ div span
+ {
+ font-family: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div>
+ <span>X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-008-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-family-008-ref.html
new file mode 100644
index 0000000000..2b68ebb477
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-008-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<body>
+ <p>Test passes if there is <strong>no black stripe</strong>.</p>
+ <p>First test Passed</p>
+ <p>Second test Passed</p>
+ <p>Third test Passed</p>
+ <p>Fourth test Passed</p>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-008.xht
new file mode 100644
index 0000000000..f1e18cabe8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-008.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: font-family - unquoted font-family names with parentheses or curly braces</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#rule-sets" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-008-ref.html" />
+ <meta content="ahem invalid" name="flags" />
+ <meta content="Unquoted font-family names must not contain unescaped parentheses or unescaped curly braces" name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ p#first-test {font-family: Ahem, foo(bar), sans-serif;}
+
+ p#second-test {font-family: Ahem, foo(bar)foo, sans-serif;}
+
+ p#third-test {font-family: Ahem, foo{bar}, sans-serif;}
+
+ p#fourth-test {font-family: Ahem, foo{bar}foo, sans-serif;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no black stripe</strong>.</p>
+
+ <p id="first-test">First test Passed</p>
+
+ <p id="second-test">Second test Passed</p>
+
+ <p id="third-test">Third test Passed</p>
+
+ <p id="fourth-test">Fourth test Passed</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-009-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-009-ref.xht
new file mode 100644
index 0000000000..17ce57e87a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-009-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 1.25em;
+ width: 5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short green stripe and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-009.xht
new file mode 100644
index 0000000000..28e97ff78b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-009.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: font-family inheritance</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/ahem/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-009-ref.xht" />
+
+ <meta name="flags" content="ahem"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .a { font-family: Ahem; }
+ .c { font-size: 20px; line-height: 20px; height: 20px; width: 80px; background: red; color: green; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a short green stripe and <strong>no red</strong>.</p>
+
+ <div class="a">
+ <div class="b">
+ <div class="c">
+ FAIL
+ </div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-011-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-011-ref.xht
new file mode 100644
index 0000000000..ef8ecd7342
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-011-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: navy;
+ border: yellow solid medium;
+ color: yellow;
+ font: 900 2em "Courier New", Ahem, Marlett, Arial, sans-serif;
+ margin: 1em;
+ padding: 0 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This following four lines of text should have the same font.</p>
+
+ <div>Test</div>
+
+ <div>Test</div>
+
+ <div>Test</div>
+
+ <div>Test</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-011.xht
new file mode 100644
index 0000000000..9f830f7bac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-011.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: font-family and whitespace</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/family/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-011-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { border: solid; margin: 1em; padding: 0 1em; background: navy; color: yellow; font: 900 2em Ahem, Marlett, Arial; }
+ .a { font-family: Courier New, Ahem, Marlett, Arial, sans-serif; }
+ .b { font-family: Courier New, Ahem, Marlett, Arial, sans-serif; } /* keep those spaces! */
+ .c { font-family: Courier
+New, Ahem, Marlett, Arial, sans-serif; } /* do not delete this newline! */
+ .d { font-family: Courier New , Ahem, Marlett, Arial, sans-serif; } /* that is a tab! */
+ </style>
+ </head>
+ <body>
+ <p>This following four lines of text should have the same font.</p>
+ <p class="test a">Test</p>
+ <p class="test b">Test</p>
+ <p class="test c">Test</p>
+ <p class="test d">Test</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-012.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-012.xht
new file mode 100644
index 0000000000..7b0160ab34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-012.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: font-family with box drawing characters</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/family/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <style type="text/css">
+ pre { font: 1em/1 monospace; color: navy; }
+ </style>
+ </head>
+ <body>
+ <p>The two straight lines below should be the same length.</p>
+ <pre>
+&#x2500;&#x2500;&#x2500;&#x2500;&#x256D;&#x256E;
+&#x2500;&#x2500;&#x2500;&#x2500;&#x2570;&#x256F;
+</pre>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-013-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-013-ref.xht
new file mode 100644
index 0000000000..414bb626dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-013-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: navy; font-size: 4em; margin: 0.25em;}
+
+ span.Times {font-family: "Times New Roman";}
+
+ span.Arial {font-family: Arial;}
+
+ span.CourierNew {font-family: "Courier New";}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>In each of the three lines below, the two words should look identical.</div>
+
+ <p><span class="Times">&#x0162;&#x0119;&#x015F;&#x0163;</span> &mdash; <span class="Times">&#x0162;&#x0119;&#x015F;&#x0163;</span></p>
+
+ <p><span class="Arial">&#x0162;&#x0119;&#x015F;&#x0163;</span> &mdash; <span class="Arial">&#x0162;&#x0119;&#x015F;&#x0163;</span></p>
+
+ <p><span class="CourierNew">&#x0162;&#x0119;&#x015F;&#x0163;</span> &mdash; <span class="CourierNew">&#x0162;&#x0119;&#x015F;&#x0163;</span></p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-013.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-013.xht
new file mode 100644
index 0000000000..022706d610
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-013.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: font-family and fallbacks</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/family/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-013-ref.xht" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ p { color: navy; font-size: 4em; margin: 0.25em; }
+ .a span.test { font-family: "Ahem", "Times New Roman"; }
+ .a span.control { font-family: "Times New Roman"; }
+ .b span.test { font-family: "Ahem", "Arial"; }
+ .b span.control { font-family: "Arial"; }
+ .c span.test { font-family: "Ahem", "Courier New"; }
+ .c span.control { font-family: "Courier New"; }
+ </style>
+ </head>
+ <body>
+ <div>In each of the three lines below, the two words should look identical.</div>
+ <p class="a">
+ <span class="test">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ &mdash;
+ <span class="control">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ </p>
+ <p class="b">
+ <span class="test">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ &mdash;
+ <span class="control">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ </p>
+ <p class="c">
+ <span class="test">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ &mdash;
+ <span class="control">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-014.xht
new file mode 100644
index 0000000000..875c94f421
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-014.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: font-family and fallbacks</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/family/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-013-ref.xht" />
+
+ <style type="text/css">
+ p { color: navy; font-size: 4em; margin: 0.25em; }
+ .a span.test { font-family: "Missing Font", "Times New Roman"; }
+ .a span.control { font-family: "Times New Roman"; }
+ .b span.test { font-family: "Missing Font", "Arial"; }
+ .b span.control { font-family: "Arial"; }
+ .c span.test { font-family: "Missing Font", "Courier New"; }
+ .c span.control { font-family: "Courier New"; }
+ </style>
+ </head>
+ <body>
+ <div>In each of the three lines below, the two words should look identical.</div>
+ <p class="a">
+ <span class="test">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ &mdash;
+ <span class="control">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ </p>
+ <p class="b">
+ <span class="test">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ &mdash;
+ <span class="control">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ </p>
+ <p class="c">
+ <span class="test">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ &mdash;
+ <span class="control">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-015.xht
new file mode 100644
index 0000000000..5dc30fb56c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-015.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Baselines and Fallback</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/family/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <style type="text/css">
+ div { margin-bottom: 5em; }
+ p { font: 900 5em/0 serif; }
+ span.a { color: red; font-family: Terminal, Courier New; }
+ span.b { color: green; font-family: Courier New; }
+ span span { color: silver; }
+ </style>
+ </head>
+ <body>
+ <div>There should be a green &#x05e2; character below (next to two different overlapped gray Xs).</div>
+ <p>
+ <span class="a">&#x05e2;<span>X</span></span>
+ <br/>
+ <span class="b">&#x05e2;<span>X</span></span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-016.xht
new file mode 100644
index 0000000000..6142f06b4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-016.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font test </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/family/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <style>
+ .a { font-family: Wingdings, Tahoma, sans-serif; }
+ .b { font-family: Symbol, Tahoma, sans-serif; }
+ </style>
+ </head>
+<body>
+<p>The following lines should all say "PASS":</p>
+<ul>
+ <li class="a"> PASS</li>
+ <li class="b"> PASS</li>
+ <li class="b"> &#x03A1;&#x0391;SS</li>
+</ul>
+<p>The following character should be a smiley face: <span class="a">&#x263A;</span></p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-001-ref.xht
new file mode 100644
index 0000000000..b12033bda9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-001-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a small black square.</p>
+
+ <div><img src="support/black96x96.png" width="16" height="16" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-001.xht
new file mode 100644
index 0000000000..4b1843d849
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-001.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family and 'display: inline' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property applies to 'display: inline' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ font-family: Ahem;
+ vertical-align: top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-002.xht
new file mode 100644
index 0000000000..918b67ad69
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family and 'display: block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property applies to 'display: block' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ font-family: Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square.</p>
+ <div>
+ <span>X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-003.xht
new file mode 100644
index 0000000000..ef552e0c72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-003.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family and 'display: list-item' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property applies to 'display: list-item' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ margin-left: 2em;
+ }
+ div
+ {
+ display: list-item;
+ font-family: Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and a marker bullet on its left-hand side.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-005.xht
new file mode 100644
index 0000000000..54735e50df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-005.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family and 'display: inline-block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property applies to 'display: inline-block' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ font-family: Ahem;
+ }
+
+ span.block-descendant
+ {
+ color: white;
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square.</p>
+
+ <div>I
+ <span class="block-descendant">B</span>
+ <span class="block-descendant">B</span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-006.xht
new file mode 100644
index 0000000000..82a16a7b4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-006.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family and 'display: table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+
+ <link rel="match" href="font-family-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property applies to 'display: table' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ font-family: Ahem;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square.</p>
+ <div id="table">
+ <div class="row">
+ <div class="cell">X</div>
+ </div>
+ <div class="row">
+ <div class="cell">&nbsp;</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-007.xht
new file mode 100644
index 0000000000..10d2324884
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-007.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family and 'display: inline-table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property applies to 'display: inline-table' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ display: inline-table;
+ font-family: Ahem;
+ vertical-align: top;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square.</p>
+
+ <div id="table">
+ <div class="row">
+ <div class="cell">X</div>
+ </div>
+ <div class="row">
+ <div class="cell">&nbsp;</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-008.xht
new file mode 100644
index 0000000000..1f33ff2886
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-008.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family and 'display: table-row-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property applies to 'display: table-row-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-row-group;
+ font-family: Ahem;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square.</p>
+ <div id="table">
+ <div id="test">
+ <div class="row">
+ <div class="cell">X</div>
+ </div>
+ <div class="row">
+ <div class="cell">&nbsp;</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-009.xht
new file mode 100644
index 0000000000..2c9eb70764
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-009.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family and 'display: table-header-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property applies to 'display: table-header-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-header-group;
+ font-family: Ahem;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square.</p>
+ <div id="table">
+ <div id="test">
+ <div class="row">
+ <div class="cell">X</div>
+ </div>
+ <div class="row">
+ <div class="cell">&nbsp;</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-010.xht
new file mode 100644
index 0000000000..2d23fbcc19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-010.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family and 'display: table-footer-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property applies to 'display: table-footer-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-footer-group;
+ font-family: Ahem;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square.</p>
+ <div id="table">
+ <div id="test">
+ <div class="row">
+ <div class="cell">X</div>
+ </div>
+ <div class="row">
+ <div class="cell">&nbsp;</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-011.xht
new file mode 100644
index 0000000000..3b0ed8fe98
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-011.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family and 'display: table-row' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property applies to 'display: table-row' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ font-family: Ahem;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-014.xht
new file mode 100644
index 0000000000..b3f16462e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-014.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family and 'display: table-cell' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property applies to 'display: table-cell' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ font-family: Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-015.xht
new file mode 100644
index 0000000000..ffb1b1b3b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-015.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family and 'display: table-caption' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property applies to 'display: table-caption' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-caption;
+ font-family: Ahem;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square.</p>
+ <div id="table">
+ <div id="test">X</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-016.xht
new file mode 100644
index 0000000000..9582d7828d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-016.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family and 'display: none' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property applies to 'display: none' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ display: none;
+ font-family: Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Fail</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-017.xht
new file mode 100644
index 0000000000..2290068ddf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-applies-to-017.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family and 'display: inherit' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-family' property applies to 'display: inherit' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ display: inline
+ }
+ div div
+ {
+ display: inherit;
+ font-family: Ahem;
+ vertical-align: top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square.</p>
+ <div id="parent">
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-001-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-001-ref.html
new file mode 100644
index 0000000000..28a9448628
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-001-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<body>
+ <p>Test passes if there are only numbers (1-19) below.</p>
+ <div>1</div>
+ <div>2</div>
+ <div>3</div>
+ <div>4</div>
+ <div>5</div>
+ <div>6</div>
+ <div>7</div>
+ <div>8</div>
+ <div>9</div>
+ <div>10</div>
+ <div>11</div>
+ <div>12</div>
+ <div>13</div>
+ <div>14</div>
+ <div>15</div>
+ <div>16</div>
+ <div>17</div>
+ <div>18</div>
+ <div>19</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-001.xht
new file mode 100644
index 0000000000..a0162da091
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-001.xht
@@ -0,0 +1,118 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid characters in font-family values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/" />
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-invalid-characters-001-ref.html" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="Invalid characters in font family names invalidate entire declaration."/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ <![CDATA[
+ #div1
+ {
+ font-family: test!foo, Ahem;
+ }
+ #div2
+ {
+ font-family: test@foo, Ahem;
+ }
+ #div3
+ {
+ font-family: test#foo, Ahem;
+ }
+ #div4
+ {
+ font-family: test$foo, Ahem;
+ }
+ #div5
+ {
+ font-family: test%foo, Ahem;
+ }
+ #div6
+ {
+ font-family: test^foo, Ahem;
+ }
+ #div7
+ {
+ font-family: test&foo, Ahem;
+ }
+ #div8
+ {
+ font-family: test*foo, Ahem;
+ }
+ #div9
+ {
+ font-family: test=foo, Ahem;
+ }
+ #div10
+ {
+ font-family: test+foo, Ahem;
+ }
+ #div11
+ {
+ font-family: test|foo, Ahem;
+ }
+ #div12
+ {
+ font-family: test;foo, Ahem;
+ }
+ #div13
+ {
+ font-family: test:foo, Ahem;
+ }
+ #div14
+ {
+ font-family: test.foo, Ahem;
+ }
+ #div15
+ {
+ font-family: test/foo, Ahem;
+ }
+ #div16
+ {
+ font-family: test?foo, Ahem;
+ }
+ #div17
+ {
+ font-family: test`foo, Ahem;
+ }
+ #div18
+ {
+ font-family: test~foo, Ahem;
+ }
+ #div19
+ {
+ font-family: 1996, Ahem;
+ }
+ ]]>
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only numbers (1-19) below.</p>
+ <div id="div1">1</div>
+ <div id="div2">2</div>
+ <div id="div3">3</div>
+ <div id="div4">4</div>
+ <div id="div5">5</div>
+ <div id="div6">6</div>
+ <div id="div7">7</div>
+ <div id="div8">8</div>
+ <div id="div9">9</div>
+ <div id="div10">10</div>
+ <div id="div11">11</div>
+ <div id="div12">12</div>
+ <div id="div13">13</div>
+ <div id="div14">14</div>
+ <div id="div15">15</div>
+ <div id="div16">16</div>
+ <div id="div17">17</div>
+ <div id="div18">18</div>
+ <div id="div19">19</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-002-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-002-ref.html
new file mode 100644
index 0000000000..8cb53a56de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-002-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<body>
+ <p>Test passes if there are only numbers (1-3) below and no red visible on the page.</p>
+ <div>1</div>
+ <div>2</div>
+ <div>3</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-002.xht
new file mode 100644
index 0000000000..298d9c31a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-002.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid parenthesis and pair matching</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/" />
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-invalid-characters-002-ref.html" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="Invalid characters in font family names."/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ <![CDATA[
+ #div3
+ {
+ background: red;
+ }
+ #div1
+ {
+ font-family: test)foo, Ahem;
+ }
+ #div2
+ {
+ font-family: test(foo, Ahem;
+ }
+ body
+ {
+ background: red;})
+ }
+ #div3
+ {
+ background: transparent;
+ }
+ #div3
+ {
+ font-family: test(foo), Ahem;
+ }
+ ]]>
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only numbers (1-3) below and no red visible on the page.</p>
+ <div id="div1">1</div>
+ <div id="div2">2</div>
+ <div id="div3">3</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-003.xht
new file mode 100644
index 0000000000..6f08f61d5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-003.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid curly brackets and pair matching</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/" />
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-invalid-characters-002-ref.html"/>
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="Invalid characters in font family names."/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ <![CDATA[
+ #div3
+ {
+ background: red;
+ color: red;
+ }
+ #div1
+ {
+ font-family: test{foo}, Ahem;
+ }
+ #div2
+ {
+ color: red;
+ font-family: test{foo, Ahem;
+ background: red;
+ }
+ body
+ {
+ background: red;};
+ color: inherit;
+ }
+ #div3
+ {
+ background: transparent;
+ }
+ #div3
+ {
+ font-family: test}foo, Ahem;
+ }
+ body
+ {
+ background: red;
+ }
+ #div3
+ {
+ color: inherit;
+ }
+ ]]>
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only numbers (1-3) below and no red visible on the page.</p>
+ <div id="div1">1</div>
+ <div id="div2">2</div>
+ <div id="div3">3</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-004.xht
new file mode 100644
index 0000000000..dc54d8440d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-004.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid square brackets and pair matching</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/" />
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-invalid-characters-002-ref.html"/>
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="Invalid characters in font family names."/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ <![CDATA[
+ #div3
+ {
+ background: red;
+ }
+ #div1
+ {
+ font-family: test]foo, Ahem;
+ }
+ #div2
+ {
+ font-family: test[foo, Ahem;
+ }
+ body
+ {
+ background: red;}]
+ }
+ #div3
+ {
+ background: transparent;
+ }
+ #div3
+ {
+ font-family: test[foo], Ahem;
+ }
+ ]]>
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only numbers (1-3) below and no red visible on the page.</p>
+ <div id="div1">1</div>
+ <div id="div2">2</div>
+ <div id="div3">3</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-005-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-005-ref.html
new file mode 100644
index 0000000000..e70934abb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-005-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<body>
+ <p>Test passes if there are only numbers (1-4) below and no red visible on the page.</p>
+ <div>1</div>
+ <div>2</div>
+ <div>3</div>
+ <div>4</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-005.xht
new file mode 100644
index 0000000000..f7c38ce83e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-005.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid quotes and pair matching</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/" />
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-invalid-characters-005-ref.html"/>
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="Invalid characters in font family names."/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ <![CDATA[
+ #div1
+ {
+ background: red;
+ font-family: test"foo, Ahem;
+ color: red;
+ background: transparent;
+ }
+ #div2
+ {
+ font-family: test"foo", Ahem;
+ }
+ #div3
+ {
+ background: red;
+ font-family: test'foo, Ahem;
+ color: red;
+ background: transparent;
+ }
+ #div4
+ {
+ font-family: test'foo', Ahem;
+ }
+ ]]>
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only numbers (1-4) below and no red visible on the page.</p>
+ <div id="div1">1</div>
+ <div id="div2">2</div>
+ <div id="div3">3</div>
+ <div id="div4">4</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-006-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-006-ref.html
new file mode 100644
index 0000000000..9ba76ddd2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-006-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<body>
+ <p>Test passes if there are only numbers (1-2) below and no red visible on the page.</p>
+ <div>1</div>
+ <div>2</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-006.xht
new file mode 100644
index 0000000000..83ecbb6ff8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-invalid-characters-006.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid single quotes and pair matching</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/" />
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-invalid-characters-006-ref.html"/>
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="Invalid characters in font family names."/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ <![CDATA[
+ #div1
+ {
+ background: red;
+ font-family: test'foo, Ahem;
+ color: red;
+ background: transparent;
+ }
+ #div2
+ {
+ font-family: test'foo', Ahem;
+ }
+ ]]>
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only numbers (1-2) below and no red visible on the page.</p>
+ <div id="div1">1</div>
+ <div id="div2">2</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-001-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-001-ref.html
new file mode 100644
index 0000000000..2fd98e8c8f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-001-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<body>
+ <p>PREREQUISITE: Operating system cannot have a font named "UnknownFont" installed. If it is installed remove it to verify this test.</p>
+ <p>Test passes if there is a letter "X" below.</p>
+ <div>X</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-001.xht
new file mode 100644
index 0000000000..5fe2809ff4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family, fallback mechanism</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-rule-001-ref.html" />
+ <meta name="assert" content="Unknown or unavailable fonts fallback to the default font family. The default font family varies and depends on user agent." />
+ <style type="text/css">
+ div
+ {
+ font-family: UnknownFont;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system cannot have a font named "UnknownFont" installed. If it is installed remove it to verify this test.</p>
+ <p>Test passes if there is a letter "X" below.</p>
+ <div>X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002.xht
new file mode 100644
index 0000000000..5b4e85a324
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family with white space</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="assert" content="Font names containing any white space need to be quoted. It is also recognized if it is not quoted." />
+ <style type="text/css">
+ #div1
+ {
+ font-family: "White Space";
+ }
+ #div2
+ {
+ font-family: White Space;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_whitespace.ttf">White Space</a>' font installed.</p>
+ <p>Post Test: Remove test font after running the test.</p>
+ <p>Test passes if there is at least one box below. It is ok to have one letter "X".</p>
+ <div id="div1">X</div>
+ <div id="div2">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002a-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002a-ref.xht
new file mode 100644
index 0000000000..d4c9684e61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002a-ref.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 20px;
+ margin-bottom: 10px;
+ width: 80px;
+ }
+
+ div#first {margin-top: 21px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_whitespace.ttf" type="application/x-font-ttf">White Space</a>' font installed.</p>
+
+ <p>Post Test: Remove test font after running the test.</p>
+
+ <p>Test passes if there are 6 short black stripes.</p>
+
+ <div id="first"></div>
+
+ <div></div>
+
+ <div></div>
+
+ <div></div>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002a.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002a.xht
new file mode 100644
index 0000000000..f3ad0144a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-002a.xht
@@ -0,0 +1,77 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Unquoted and unescaped font-family name with white spaces</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop" title="3.1 Font family: the font-family property" />
+ <link rel="match" href="font-family-rule-002a-ref.xht" />
+
+ <meta content="Any white space characters before or after an unquoted and unescaped font-family name are removed. Any sequence of white space characters between identifiers of an unquoted and unescaped font-family name should be converted to a single white space separating its identifiers." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ font-size: 1.25em;
+ line-height: 1.5;
+ }
+
+ #quoted
+ {
+ font-family: "White Space";
+ }
+
+ #unquoted
+ {
+ font-family: White Space;
+ }
+
+ #unquoted-spaces-before
+ {
+ font-family: White Space;
+ }
+
+ #unquoted-spaces-between
+ {
+ font-family: White Space;
+ }
+
+ #unquoted-spaces-after
+ {
+ font-family: White Space ;
+ }
+
+ #unquoted-spaces-all
+ {
+ font-family: White Space ;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_whitespace.ttf" type="application/x-font-ttf">White Space</a>' font installed.</p>
+
+ <p>Post Test: Remove test font after running the test.</p>
+
+ <p>Test passes if there are 6 short black stripes.</p>
+
+ <div id="quoted">FAIL</div>
+
+ <div id="unquoted">FAIL</div>
+
+ <div id="unquoted-spaces-before">FAIL</div>
+
+ <div id="unquoted-spaces-between">FAIL</div>
+
+ <div id="unquoted-spaces-after">FAIL</div>
+
+ <div id="unquoted-spaces-all">FAIL</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-003.xht
new file mode 100644
index 0000000000..93c3af110f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-003.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font family name with special character, quoted</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Font names containing any special characters can be quoted. Otherwise the special character need to be escaped." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-family: Ahem!;
+ }
+ #div2
+ {
+ font-family: "ahem!";
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_ahem!.ttf">ahem!</a>' font installed.</p>
+ <p>Post Test: Remove test font after running the test.</p>
+ <p>Test passes if there is at least one box below. It is ok to have one letter "X".</p>
+ <div id="div1">X</div>
+ <div id="div2">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-004.xht
new file mode 100644
index 0000000000..0fd2e4dd31
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-004.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font family name same as keyword 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="assert" content="Font family named 'inherit' needs to be quoted to avoid conflict with keyword 'inherit'." />
+ <style type="text/css">
+ #div1
+ {
+ font-family: "inherit";
+ }
+ #div2
+ {
+ font-family: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_inherit.ttf">inherit</a>' font installed.</p>
+ <p>Post Test: Remove test font after run test case.</p>
+ <p>Test passes if there is a box above the letter "X" below.</p>
+ <div id="div1">X</div>
+ <div id="div2">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-004a.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-004a.xht
new file mode 100644
index 0000000000..33657ab19b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-004a.xht
@@ -0,0 +1,122 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: font-family - inherit as part of font-family name</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop" title="3.1 Font family: the font-family property" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012May/0878.html" title="Re: [css2.1][css3-fonts] keywords in unquoted font family names" />
+
+ <meta content="invalid" name="flags" />
+ <meta content="This test verifies 9 font-family declarations with inherit and 2 font-family declarations with invalid identifiers." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ font-size: 1.5em;
+ font-family: serif;
+ }
+
+ span#verify1 {font-family: "CSSTest Verify";}
+
+ div#verify {font-size: 1.5em;}
+
+ div
+ {
+ font-size: 2.5em;
+ line-height: 1.5;
+ }
+
+ /*
+ Newest font-family syntax in CSS 2.1:
+ Value:
+ [[<family-name> | <generic-family>] [, [<family-name>| <generic-family>]]* ] | inherit
+
+ Brackets ([ ]) are for grouping.
+
+ A bar (|) separates two or more alternatives: exactly one of them must occur.
+
+ An asterisk (*) indicates that the preceding type, word, or group occurs zero or more times.
+
+ Section 1.4.2.1 Value
+ http://www.w3.org/TR/CSS21/about.html#value-defs
+ */
+
+ div#firstTest {font-family: inherit, "CSSTest Fallback";}
+ /* invalid: unquoted inherit is a reserved keyword and not a font-family name */
+
+ div#secondTest {font-family: "CSSTest Fallback", inherit;}
+ /* invalid: unquoted inherit is a reserved keyword and not a font-family name */
+
+ div#thirdTest {font-family: inherit foo, "CSSTest Fallback";}
+ /* valid in CSS 2.1: the 2 identifiers (inherit foo) form a font-family name */
+
+ div#fourthTest {font-family: foo inherit, "CSSTest Fallback";}
+ /* valid in CSS 2.1: the 2 identifiers (foo inherit) form a font-family name */
+
+ div#fifthTest {font-family: \inherit foo, "CSSTest Fallback";}
+ /* valid in CSS 2.1: the 2 identifiers (\inherit foo) form a font-family name */
+
+ div#sixthTest {font-family: \foo inherit, "CSSTest Fallback";}
+ /* valid in CSS 2.1: the 2 identifiers (\foo inherit) form a font-family name */
+
+ div#seventhTest {font-family: "inherit" foo, "CSSTest Fallback";}
+ /* invalid: it's either one string or 1+ identifiers */
+
+ div#eighthTest {font-family: fooinherit, "CSSTest Fallback";}
+ /* valid */
+
+ div#ninthTest {font-family: inheritfoo, "CSSTest Fallback";}
+ /* valid */
+
+ div#tenthTest {font-family: --foo bar, "CSSTest Fallback";}
+ /* invalid: an identifier can not start with 2 consecutive hyphens
+ http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier
+ */
+
+ div#eleventhTest {font-family: bar --foo, "CSSTest Fallback";}
+ /* invalid: an identifier can not start with 2 consecutive hyphens
+ http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier
+ */
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p><a href="http://www.w3.org/Style/CSS/Test/Fonts/">Test fonts</a> must be installed for this test: <span id="verify1">FAIL</span></p>
+
+ <div id="verify">User agent's default font must be set to be "CSSTest FamilyName": 5678</div>
+
+ <p>Test passes if there are exactly eleven "PASS" words below:</p>
+
+ <div id="firstTest">5678</div>
+
+ <div id="secondTest">5678</div>
+
+ <div id="thirdTest">1234</div>
+
+ <div id="fourthTest">1234</div>
+
+ <div id="fifthTest">1234</div>
+
+ <div id="sixthTest">1234</div>
+
+ <div id="seventhTest">5678</div>
+
+ <div id="eighthTest">1234</div>
+
+ <div id="ninthTest">1234</div>
+
+ <div id="tenthTest">5678</div>
+
+ <div id="eleventhTest">5678</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-005-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-005-ref.html
new file mode 100644
index 0000000000..617a0ed621
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-005-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<body>
+ <p>Test passes if there is the word "PASS" below.</p>
+ <div>&nbsp;</div>
+ <div>PASS</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-005.xht
new file mode 100644
index 0000000000..414f605216
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font family unknown character glyph matching</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-rule-005-ref.html" />
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="Glyphs that are missing render as the missing glyph character and still report their initial character location, not the missing glyph location." />
+ <style type="text/css">
+ #test
+ {
+ color: white;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the word "PASS" below.</p>
+ <div id="test">&#127;</div>
+ <script type="text/javascript">
+ var pass = document.getElementById("test").textContent.charCodeAt(0) === 127;
+ document.body.appendChild(document.createTextNode(pass ? "PASS" : "FAIL"));
+ </script>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-006.xht
new file mode 100644
index 0000000000..3b6084af37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-006.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font family generic name cannot be quoted</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Generic font family name is not recognized if quoted." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: "sans-serif", Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-007.xht
new file mode 100644
index 0000000000..8957b20624
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-007.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font family name with special characters, escaped</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Font family name having special characters needs to escape special character. Otherwise the font family name need to be quoted." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-family: Ahem\!;
+ }
+ #div2
+ {
+ font-family: Ahem!;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_ahem!.ttf">ahem!</a>' font installed.</p>
+ <p>Post Test: Remove test font after running the test.</p>
+ <p>Test passes if there is a box above the letter "X" below.</p>
+ <div id="div1">X</div>
+ <div id="div2">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-009.xht
new file mode 100644
index 0000000000..b4d56b0264
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-009.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font name with multiple white space characters</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="assert" content="Multiple white spaces inside quoted font-family name cannot be collapsed to single white space." />
+ <style type="text/css">
+ div
+ {
+ font-family: " White Space ", "Times New Roman";
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_whitespace.ttf">White Space</a>' font installed.</p>
+ <p>Post Test: Remove test font after running the test.</p>
+ <p>Test passes if there is a letter "X" below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-010.xht
new file mode 100644
index 0000000000..606d11a5df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-010.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font name same as reserved keyword 'initial'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="assert" content="Font named 'initial' needs to be quoted to avoid conflict with reserved keyword 'initial'." />
+ <style type="text/css">
+ #test1
+ {
+ font-family: "initial";
+ }
+ #test2
+ {
+ font-family: initial;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_initial.ttf">initial</a>' font installed.</p>
+ <p>Post Test: Remove test font after running the test.</p>
+ <p>Test passes if there is a box above the letter 'X' below.</p>
+ <div id="test1">X</div>
+ <div id="test2">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-011.xht
new file mode 100644
index 0000000000..923104f3d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-011.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font name same as reserved keyword 'default'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="assert" content="Font named 'default' needs to be quoted to avoid conflict with reserved keyword 'default'." />
+ <style type="text/css">
+ #test1
+ {
+ font-family: "default";
+ }
+ #test2
+ {
+ font-family: default;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_default.ttf">default</a>' font installed.</p>
+ <p>Post Test: Remove test font after running the test.</p>
+ <p>Test passes if there is a box above the letter "X" below.</p>
+ <div id="test1">X</div>
+ <div id="test2">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-012.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-012.xht
new file mode 100644
index 0000000000..19299c32f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-012.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font name same as keyword 'serif'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="assert" content="Font named 'serif' needs to be quoted to avoid conflict with generic 'font-family' 'serif'." />
+ <style type="text/css">
+ #test1
+ {
+ font-family: "serif";
+ }
+ #test2
+ {
+ font-family: serif;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_serif.ttf">serif</a>' font installed.</p>
+ <p>Post Test: Remove test font after running the test.</p>
+ <p>Test passes if there is a box above the letter "X" below.</p>
+ <div id="test1">X</div>
+ <div id="test2">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-013.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-013.xht
new file mode 100644
index 0000000000..ba521c0ba0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-013.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font name same as keyword 'sans-serif'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="assert" content="Font named 'sans-serif' needs to be quoted to avoid conflict with generic 'font-family' 'sans-serif'." />
+ <style type="text/css">
+ #test1
+ {
+ font-family: "sans-serif";
+ }
+ #test2
+ {
+ font-family: sans-serif;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_sans-serif.ttf">sans-serif</a>' font installed.</p>
+ <p>Post Test: Remove test font after running the test.</p>
+ <p>Test passes if there is a box above the letter "X" below.</p>
+ <div id="test1">X</div>
+ <div id="test2">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-014.xht
new file mode 100644
index 0000000000..f62e76b860
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-014.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font name same as keyword 'cursive'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="assert" content="Font named 'cursive' needs to be quoted to avoid conflict with generic 'font-family' 'cursive'." />
+ <style type="text/css">
+ #div1
+ {
+ font-family: "cursive";
+ }
+ #div2
+ {
+ font-family: cursive;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_cursive.ttf">cursive</a>' font installed.</p>
+ <p>Post Test: Remove test font after running the test.</p>
+ <p>Test passes if there is a box above the letter "X" below.</p>
+ <div id="div1">X</div>
+ <div id="div2">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-015.xht
new file mode 100644
index 0000000000..ca5353338e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-015.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font name same as keyword 'fantasy'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="assert" content="Font named 'fantasy' needs to be quoted to avoid conflict with generic 'font-family' 'fantasy'." />
+ <style type="text/css">
+ #div1
+ {
+ font-family: "fantasy";
+ }
+ #div2
+ {
+ font-family: fantasy;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_fantasy.ttf">fantasy</a>' font installed.</p>
+ <p>Post Test: Remove test font after running the test.</p>
+ <p>Test passes if there is a box above the letter "X" below.</p>
+ <div id="div1">X</div>
+ <div id="div2">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-016.xht
new file mode 100644
index 0000000000..7059c27793
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-016.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font name same as keyword 'monospace'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="assert" content="Font named 'monospace' need to be quoted to avoid conflict with generic 'font-family' 'monospace'." />
+ <style type="text/css">
+ #div1
+ {
+ font-family: "monospace";
+ }
+ #div2
+ {
+ font-family: monospace;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_monospace.ttf">monospace</a>' font installed.</p>
+ <p>Post Test: Remove test font after running the test.</p>
+ <p>Test passes if there is a box above the letter "X" below.</p>
+ <div id="div1">X</div>
+ <div id="div2">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-017.xht
new file mode 100644
index 0000000000..b761abcba6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-rule-017.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-family multiple white space characters in font name</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <meta name="assert" content="Multiple (1 or many) white spaces before and after an unquoted font-family name are ignored. Multiple (more than 1) white spaces inside an unquoted font name get converted to single white space." />
+ <style type="text/css">
+ div
+ {
+ font-family: White Space , "Times New Roman";
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_whitespace.ttf">White Space</a>' font installed.</p>
+ <p>Post Test: Remove test font after running the test.</p>
+ <p>Test passes if there is a box below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-001.xht
new file mode 100644
index 0000000000..b385c3d541
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-001.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Valid characters in font-family values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/" />
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-valid-characters-ref.html" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Valid characters in font family names."/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-family: test-foo, Ahem;
+ }
+ #div2
+ {
+ font-family: test_foo, Ahem;
+ }
+ #div3
+ {
+ font-family: test\foo, Ahem;
+ }
+ #div4
+ {
+ font-family: test, foo, Ahem;
+ }
+ #div5
+ {
+ font-family: _testfoo, Ahem;
+ }
+ #div6
+ {
+ font-family: -testfoo, Ahem;
+ }
+ #div7
+ {
+ font-family: test -foo, Ahem;
+ }
+ #div8
+ {
+ font-family: test _foo, Ahem;
+ }
+ #div9
+ {
+ font-family: \testfoo, Ahem;
+ }
+ #div10
+ {
+ font-family: test-_foo, Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "Fail" is not visible below.</p>
+ <div id="div1">Fail</div>
+ <div id="div2">Fail</div>
+ <div id="div3">Fail</div>
+ <div id="div4">Fail</div>
+ <div id="div5">Fail</div>
+ <div id="div6">Fail</div>
+ <div id="div7">Fail</div>
+ <div id="div8">Fail</div>
+ <div id="div9">Fail</div>
+ <div id="div10">Fail</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-002.xht
new file mode 100644
index 0000000000..fa54f1c492
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-002.xht
@@ -0,0 +1,74 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Valid numbers in font-family values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/" />
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
+ <link rel="match" href="font-family-valid-characters-ref.html" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Font family names must be identifiers."/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ }
+ #div1
+ {
+ font-family: 5testfoo, serif;
+ }
+ #div2
+ {
+ font-family: testfoo 5-0, serif;
+ }
+ #div3
+ {
+ font-family: test 5foo, serif;
+ }
+ #div4
+ {
+ font-family: testfoo -5, serif;
+ }
+ #div5
+ {
+ font-family: testfoo -5bar, serif;
+ }
+ #div6
+ {
+ font-family: testfoo 5_0, serif;
+ }
+ #div7
+ {
+ font-family: testfoo _5, Ahem;
+ }
+ #div8
+ {
+ font-family: testfoo _5bar, Ahem;
+ }
+ #div9
+ {
+ font-family: -5testfoo, serif;
+ }
+ #div10
+ {
+ font-family: _5testfoo, Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "Fail" is not visible below.</p>
+ <div id="div1">Fail</div>
+ <div id="div2">Fail</div>
+ <div id="div3">Fail</div>
+ <div id="div4">Fail</div>
+ <div id="div5">Fail</div>
+ <div id="div6">Fail</div>
+ <div id="div7">Fail</div>
+ <div id="div8">Fail</div>
+ <div id="div9">Fail</div>
+ <div id="div10">Fail</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-ref.html
new file mode 100644
index 0000000000..fa50db3783
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-family-valid-characters-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<meta name="flags" content="ahem" />
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style>
+ div {
+ font-family: Ahem;
+ }
+</style>
+<body>
+ <p>Test passes if the word "Fail" is not visible below.</p>
+ <div>Fail</div>
+ <div>Fail</div>
+ <div>Fail</div>
+ <div>Fail</div>
+ <div>Fail</div>
+ <div>Fail</div>
+ <div>Fail</div>
+ <div>Fail</div>
+ <div>Fail</div>
+ <div>Fail</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-001.xht
new file mode 100644
index 0000000000..a10c97afa7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font Matching Algorithm, Match Font-Family</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-matching" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="If font property match then use the font specified by font-family, if font property doesn't match, don't even try to match font-family." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font-style: italic;
+ }
+ div
+ {
+ font-family: Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below slants to one side.</p>
+ <div id="wrapper">
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-006.xht
new file mode 100644
index 0000000000..448d0d52d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-006.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font Matching Algorithm, match font-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-matching" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="If the font contains definition of 'italic' or 'oblique' and italic or oblique is set by the style, then use that font." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ }
+ #span1
+ {
+ font-style: italic;
+ }
+ #span2
+ {
+ font-style: oblique;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below slants to one side.</p>
+ <div>
+ <span id="span1">X</span><span id="span2">X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-008.xht
new file mode 100644
index 0000000000..622354c566
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-008.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font Matching Algorithm, small-caps synthesized</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The small-caps font is rendered similar to uppercase letters except with a smaller size." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1in/1 Ahem;
+ font-variant: small-caps;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below and the right half is the same height or shorter than the left half.</p>
+ <div>Xx</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-009.xht
new file mode 100644
index 0000000000..fc2e54b7c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-009.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font Matching Algorithm, font-weight out of range</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-matching" />
+ <link rel="match" href="font-weight-normal-ref.html" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Invalid font weight values are set to the default weight of 400." />
+ <style type="text/css">
+ div
+ {
+ font-family: serif;
+ }
+ #span1
+ {
+ font-weight: 400;
+ }
+ #span2
+ {
+ font-weight: 9000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="span1">Filler Text</div>
+ <div id="span2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-010.xht
new file mode 100644
index 0000000000..2dbb397cfc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-010.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font Matching Algorithm, font-variant never fails if property does not match</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-matching" />
+ <meta name="assert" content="If a font property value is not defined, user agent still can use normal value of that property." />
+ <style type="text/css">
+ div
+ {
+ font-family: MissingNormal;
+ font-variant: normal;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_missingnormal.ttf">Missing Normal</a>' font installed.</p>
+ <p>Post Test: Remove test font after running the test.</p>
+ <p>Test passes if there is a square below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-012.xht b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-012.xht
new file mode 100644
index 0000000000..7c233a5750
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-012.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font Matching Algorithm, font-size and rounding</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-matching" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The font-size for scalable fonts are rounded to the nearest whole pixel." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ }
+ #span1
+ {
+ font-size: 20px;
+ }
+ #span2
+ {
+ font-size: 20.25px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single box below and the top edge is not jagged.</p>
+ <div>
+ <span id="span1">X</span><span id="span2">X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-013.xht b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-013.xht
new file mode 100644
index 0000000000..8925cb38f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-013.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font Matching Algorithm, font-variant font missing small-caps property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" />
+ <meta name="assert" content="A font that is only available as small-caps can be assigned either a normal or a small-caps to its font-variant property. Both values have the same effect." />
+ <style type="text/css">
+ span
+ {
+ font-family: SmallCaps;
+ }
+ #span1
+ {
+ font-variant: normal;
+ }
+ #span2
+ {
+ font-variant: small-caps;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_smallcaps.ttf">Small Caps</a>' font installed.</p>
+ <p>Post Test: Remove test font after running the test.</p>
+ <p>Test passes if there is a box below and the top edge is not jagged.</p>
+ <div>
+ <span id="span1">X</span><span id="span2">X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-014.xht
new file mode 100644
index 0000000000..4dfb1acbcb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-matching-rule-014.xht
@@ -0,0 +1,24 @@
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font Matching Algorithm, same fonts</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-matching" />
+ <meta name="assert" content="If all available fonts are exactly same in all properties, the user agent selects one of them." />
+ <style type="text/css">
+ div
+ {
+ font-family: MissingItalicOblique, serif;
+ font-style: italic;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_MissingItalicOblique.ttf">Missing Italic Oblique</a>' font installed. User agent needs to have the generic fonts all set to the "Missing Italic Oblique" font.</p>
+ <p>Post Test: Remove test font after running the test.</p>
+ <p>Test passes if either there is a slanted box below or a letter "X" slanted to one side.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-001.xht
new file mode 100644
index 0000000000..45bdc1704a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using pixels with a minimum minus one value, -1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in pixels is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0;
+ font-size: -1px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-002.xht
new file mode 100644
index 0000000000..5f8b20d293
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-002.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using pixels with a minimum value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-003.xht
new file mode 100644
index 0000000000..2264af2b1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using pixels with a minimum plus one value, 1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ font-size: 1px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a tiny box below.</p>
+ <div>x</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-004.xht
new file mode 100644
index 0000000000..abf7fe01bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-004.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a negative zero length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: -0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-005.xht
new file mode 100644
index 0000000000..41e1181a57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive zero length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: +0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-006.xht
new file mode 100644
index 0000000000..8629310748
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-006.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a nominal length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ position: relative;
+ }
+ #div2
+ {
+ font-size: 96px;
+ }
+ #div3
+ {
+ border-top: 96px solid black;
+ left: 1.1in;
+ position: absolute;
+ top: 0;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-007.xht
new file mode 100644
index 0000000000..45a10bebe4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-007.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using pixels with a positive nominal value, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive nominal length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ position: relative;
+ }
+ #div2
+ {
+ font-size: +96px;
+ }
+ #div3
+ {
+ border-top: 96px solid black;
+ left: 1.1in;
+ position: absolute;
+ top: 0;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-012.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-012.xht
new file mode 100644
index 0000000000..bb46e9a5de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-012.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using points with a minimum minus one value, -1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in points is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0;
+ font-size: -1pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-013.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-013.xht
new file mode 100644
index 0000000000..ddd289005a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-013.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using points with a minimum value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-014.xht
new file mode 100644
index 0000000000..689f11d4a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-014.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using points with a minimum plus one value, 1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ font-size: 1pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a tiny box below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-015.xht
new file mode 100644
index 0000000000..e7980c65e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-015.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a negative zero length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: -0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-016.xht
new file mode 100644
index 0000000000..1489c90b9a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-016.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive zero length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: +0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-017.xht
new file mode 100644
index 0000000000..804074e437
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-017.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a nominal length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ position: relative;
+ }
+ #div2
+ {
+ font-size: 72pt;
+ }
+ #div3
+ {
+ border-top: 72pt solid black;
+ left: 1.1in;
+ position: absolute;
+ top: 0;
+ width: 72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-018.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-018.xht
new file mode 100644
index 0000000000..dcd40035dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-018.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using points with a positive nominal value, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive nominal length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ position: relative;
+ }
+ #div2
+ {
+ font-size: +72pt;
+ }
+ #div3
+ {
+ border-top: 72pt solid black;
+ left: 1.1in;
+ position: absolute;
+ top: 0;
+ width: 72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-023.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-023.xht
new file mode 100644
index 0000000000..3f992f9b46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-023.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using picas with a minimum minus one value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in picas is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0;
+ font-size: -1pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-024.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-024.xht
new file mode 100644
index 0000000000..000ccee0b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-024.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using picas with a minimum value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-025.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-025.xht
new file mode 100644
index 0000000000..daeade7e4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-025.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using picas with a minimum plus one value, 1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ font-size: 1pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-026.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-026.xht
new file mode 100644
index 0000000000..bc044f2c6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-026.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a negative zero length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: -0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-027.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-027.xht
new file mode 100644
index 0000000000..f8e5fa2f62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-027.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive zero length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: +0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-028.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-028.xht
new file mode 100644
index 0000000000..37f9343574
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-028.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a nominal length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ position: relative;
+ }
+ #div2
+ {
+ font-size: 6pc;
+ }
+ #div3
+ {
+ border-top: 6pc solid black;
+ left: 1.1in;
+ position: absolute;
+ top: 0;
+ width: 6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-029.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-029.xht
new file mode 100644
index 0000000000..50067728d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-029.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using picas with a positive nominal value, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive nominal length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ position: relative;
+ }
+ #div2
+ {
+ font-size: +6pc;
+ }
+ #div3
+ {
+ border-top: 6pc solid black;
+ left: 1.1in;
+ position: absolute;
+ top: 0;
+ width: 6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-034.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-034.xht
new file mode 100644
index 0000000000..db9c444386
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-034.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using centimeters with a minimum minus one value, -1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in centimeters is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0;
+ font-size: -1cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-035.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-035.xht
new file mode 100644
index 0000000000..f341914f1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-035.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using centimeters with a minimum value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-036.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-036.xht
new file mode 100644
index 0000000000..6b8fae2cf8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-036.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using centimeters with a minimum plus one value, 1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ font-size: 1cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-037.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-037.xht
new file mode 100644
index 0000000000..96c46102ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-037.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a negative zero length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: -0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-038.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-038.xht
new file mode 100644
index 0000000000..56363a0b88
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-038.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive zero length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: +0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-039.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-039.xht
new file mode 100644
index 0000000000..9b6316fa21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-039.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a nominal length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ position: relative;
+ }
+ #div2
+ {
+ font-size: 2.54cm;
+ }
+ #div3
+ {
+ border-top: 2.54cm solid black;
+ left: 1.1in;
+ position: absolute;
+ top: 0;
+ width: 2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-040.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-040.xht
new file mode 100644
index 0000000000..7b720b4207
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-040.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using centimeters with a positive nominal value, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive nominal length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ position: relative;
+ }
+ #div2
+ {
+ font-size: +2.54cm;
+ }
+ #div3
+ {
+ border-top: 2.54cm solid black;
+ left: 1.1in;
+ position: absolute;
+ top: 0;
+ width: 2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-045.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-045.xht
new file mode 100644
index 0000000000..23b44b4629
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-045.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using millimeters with a minimum minus one value, -1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in millimeters is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0;
+ font-size: -1mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-046.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-046.xht
new file mode 100644
index 0000000000..fd69ec9063
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-046.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using millimeters with a minimum value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-047.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-047.xht
new file mode 100644
index 0000000000..54214b60e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-047.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using millimeters with a minimum plus one value, 1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ font-size: 1mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-048.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-048.xht
new file mode 100644
index 0000000000..baa332abfb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-048.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a negative zero length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: -0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-049.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-049.xht
new file mode 100644
index 0000000000..7b9438b109
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-049.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive zero length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: +0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-050.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-050.xht
new file mode 100644
index 0000000000..346a2d8a50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-050.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a nominal length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ position: relative;
+ }
+ #div2
+ {
+ font-size: 25.4mm;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 25.4mm solid black;
+ left: 1.1in;
+ position: absolute;
+ top: 0;
+ width: 25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-051.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-051.xht
new file mode 100644
index 0000000000..613a38dbff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-051.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using millimeters with a positive nominal value, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive nominal length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ position: relative;
+ }
+ #div2
+ {
+ font-size: +25.4mm;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 25.4mm solid black;
+ left: 1.1in;
+ position: absolute;
+ top: 0;
+ width: 25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-056.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-056.xht
new file mode 100644
index 0000000000..5493edaf9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-056.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using inches with a minimum minus one value, -1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in inches is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0;
+ font-size: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-057.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-057.xht
new file mode 100644
index 0000000000..564341f58b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-057.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using inches with a minimum value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-058.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-058.xht
new file mode 100644
index 0000000000..61a9f7dead
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-058.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using inches with a minimum plus one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-059.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-059.xht
new file mode 100644
index 0000000000..c255bb79d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-059.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a negative zero length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: -0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-060.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-060.xht
new file mode 100644
index 0000000000..99e9a43252
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-060.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive zero length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: +0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-061.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-061.xht
new file mode 100644
index 0000000000..b2cdacb4ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-061.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using inches with a nominal value, 2in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a nominal length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ position: relative;
+ }
+ #div2
+ {
+ font-size: 2in;
+ }
+ #div3
+ {
+ border-top: 2in solid black;
+ left: 2.1in;
+ position: absolute;
+ top: 0;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-062.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-062.xht
new file mode 100644
index 0000000000..cc0276588e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-062.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using inches with a positive nominal value, +2in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive nominal length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ position: relative;
+ }
+ #div2
+ {
+ font-size: +2in;
+ }
+ #div3
+ {
+ border-top: 2in solid black;
+ left: 2.1in;
+ position: absolute;
+ top: 0;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-067.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-067.xht
new file mode 100644
index 0000000000..bcc6e0085d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-067.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using 'em' units with a minimum minus one value, -1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in 'em' units is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0;
+ font-size: -1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-068.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-068.xht
new file mode 100644
index 0000000000..71e1863f39
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-068.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using 'em' units with a minimum value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-069.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-069.xht
new file mode 100644
index 0000000000..7d05e6c906
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-069.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using 'em' units with a minimum plus one value, 1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ font-size: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-070.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-070.xht
new file mode 100644
index 0000000000..ccc938e2f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-070.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: -0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-071.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-071.xht
new file mode 100644
index 0000000000..215967300a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-071.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: +0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-072.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-072.xht
new file mode 100644
index 0000000000..4612dca308
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-072.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ position: relative;
+ }
+ #div2
+ {
+ font-size: 6em;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 6em solid black;
+ left: 1.1in;
+ position: absolute;
+ top: 0;
+ width: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-073.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-073.xht
new file mode 100644
index 0000000000..d55a39e161
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-073.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using 'em' units with a positive nominal value, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ font-size: +6em;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 6em solid black;
+ left: 6.25em;
+ position: absolute;
+ top: 0;
+ width: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-078.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-078.xht
new file mode 100644
index 0000000000..2dfbe525a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-078.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using 'ex' units with a minimum minus one value, -1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in 'ex' units is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0;
+ font-size: -1ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-079.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-079.xht
new file mode 100644
index 0000000000..534c53bc17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-079.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using 'ex' units with a minimum value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-080.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-080.xht
new file mode 100644
index 0000000000..8cb62ec3d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-080.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using 'ex' units with a minimum plus one value, 1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ font-size: 1ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-081.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-081.xht
new file mode 100644
index 0000000000..ea20bbdea9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-081.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: -0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-082.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-082.xht
new file mode 100644
index 0000000000..882604c4ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-082.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: +0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-083.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-083.xht
new file mode 100644
index 0000000000..aa0ffc70c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-083.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using 'ex' units with a nominal value, 6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 1em;
+ position: relative;
+ }
+ #div2
+ {
+ background-color: red;
+ color: black;
+ font-size: 6ex;
+ width: 1in;
+ }
+ #div3
+ {
+ background-color: black;
+ height: 6ex;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size and there is no red visible on the page.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-084.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-084.xht
new file mode 100644
index 0000000000..60682b49b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-084.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using 'ex' units with a positive nominal value, +6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ font-size: 20px;
+ line-height: 1em;
+ position: relative;
+ }
+ #div2
+ {
+ background-color: red;
+ color: black;
+ font-size: +6ex;
+ width: 1in;
+ }
+ #div3
+ {
+ background-color: black;
+ height: 6ex;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size and there is no red visible on the page.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-089.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-089.xht
new file mode 100644
index 0000000000..d6e4b13081
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-089.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using percentages with a minimum minus one value, -1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" />
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'font-size' property sets a minimum minus one length value in percentages is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0;
+ font-size: -1%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-090.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-090.xht
new file mode 100644
index 0000000000..14fd704d74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-090.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using percentages with a minimum value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 1in Ahem;
+ }
+ div div
+ {
+ color: red;
+ font-size: 0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="div1">
+ <div>Filler text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-091.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-091.xht
new file mode 100644
index 0000000000..df96756293
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-091.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using percentages with a minimum plus one value, 1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a minimum plus one length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #reference
+ {
+ font: 2px/1em Ahem;
+ }
+ #parent
+ {
+ font: 200px/5px Ahem;
+ }
+ #test
+ {
+ font-size: 1%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two dots (boxes) below are the same size.</p>
+ <div id="reference">X</div>
+ <div id="parent">
+ <div id="test">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-092.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-092.xht
new file mode 100644
index 0000000000..fb73801a49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-092.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using percentages with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a negative zero length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 1in Ahem;
+ }
+ div div
+ {
+ color: red;
+ font-size: -0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="div1">
+ <div>Filler text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-093.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-093.xht
new file mode 100644
index 0000000000..894d8a46d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-093.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using percentages with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive zero length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 1in Ahem;
+ }
+ div div
+ {
+ color: red;
+ font-size: +0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="div1">
+ <div>Filler text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-094.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-094.xht
new file mode 100644
index 0000000000..b8ebdb4d41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-094.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using percentages with a nominal value, 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a nominal length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 1in Ahem;
+ line-height: 1em;
+ position: relative;
+ }
+ #div2
+ {
+ font-size: 100%;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 1.1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-095.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-095.xht
new file mode 100644
index 0000000000..603f6fafe8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-095.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size using percentages with a positive nominal value, +100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive nominal length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 1in Ahem;
+ line-height: 1em;
+ position: relative;
+ }
+ #div2
+ {
+ font-size: +100%;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 1.1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-100.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-100.xht
new file mode 100644
index 0000000000..39f4e210e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-100.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size with a negative zero value and no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a negative zero length value with no units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: -0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-101.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-101.xht
new file mode 100644
index 0000000000..605dbf92ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-101.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size with a zero value and no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a zero length value with no units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-102.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-102.xht
new file mode 100644
index 0000000000..505165b2bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-102.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size with a positive zero value and no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a positive zero length value with no units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-family: Ahem;
+ font-size: +0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-103.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-103.xht
new file mode 100644
index 0000000000..29e6d1f664
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-103.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size set to the keyword 'xx-small'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property set to the keyword 'xx-small' makes the font size smaller." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: orange;
+ font-family: Ahem;
+ line-height: 1em;
+ }
+ #span1
+ {
+ color: blue;
+ font-size: xx-small;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is smaller than the orange box.</p>
+ <div><span id="span1">X</span><span>X</span></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-104.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-104.xht
new file mode 100644
index 0000000000..6236d086cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-104.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size set to the keyword 'x-small'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property set to the keyword 'x-small' makes the font size smaller." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: orange;
+ font-family: Ahem;
+ line-height: 1em;
+ }
+ #span1
+ {
+ color: blue;
+ font-size: x-small;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is smaller than the orange box.</p>
+ <div><span id="span1">X</span><span>X</span></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-105.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-105.xht
new file mode 100644
index 0000000000..e5fb5bcb16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-105.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size set to the keyword 'small'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property set to the keyword 'small' makes the font size smaller." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: orange;
+ font-family: Ahem;
+ line-height: 1em;
+ }
+ #span1
+ {
+ color: blue;
+ font-size: small;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is smaller than the orange box.</p>
+ <div><span id="span1">X</span><span>X</span></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-106.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-106.xht
new file mode 100644
index 0000000000..22b15db203
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-106.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size set to the keyword 'medium'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property set to the keyword 'medium' is the default font size." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: orange;
+ font-family: Ahem;
+ line-height: 1em;
+ }
+ #span1
+ {
+ color: blue;
+ font-size: 1in;
+ font-size: medium;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is the same size as the orange box.</p>
+ <div><span id="span1">X</span><span>X</span></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-107.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-107.xht
new file mode 100644
index 0000000000..a7bdbbbbb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-107.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size set to the keyword 'large'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property set to the keyword 'large' makes the font size larger." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: orange;
+ font-family: Ahem;
+ line-height: 1em;
+ }
+ #span1
+ {
+ color: blue;
+ font-size: large;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is larger than the orange box.</p>
+ <div><span id="span1">X</span><span>X</span></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-108.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-108.xht
new file mode 100644
index 0000000000..91c47f8e70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-108.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size set to the keyword 'x-large'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property set to the keyword 'x-large' makes the font size larger." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: orange;
+ font-family: Ahem;
+ line-height: 1em;
+ }
+ #span1
+ {
+ color: blue;
+ font-size: x-large;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is larger than the orange box.</p>
+ <div><span id="span1">X</span><span>X</span></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-109.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-109.xht
new file mode 100644
index 0000000000..5c4e16984f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-109.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size set to the keyword 'xx-large'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property set to the keyword 'xx-large' makes the font size larger." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: orange;
+ font-family: Ahem;
+ line-height: 1em;
+ }
+ #span1
+ {
+ color: blue;
+ font-size: xx-large;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is larger than the orange box.</p>
+ <div><span id="span1">X</span><span>X</span></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-110.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-110.xht
new file mode 100644
index 0000000000..62a08b7e24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-110.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size set to the keyword 'larger'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property set to the keyword 'larger' makes the font size larger." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: orange;
+ font-family: Ahem;
+ line-height: 1em;
+ }
+ #span1
+ {
+ color: blue;
+ font-size: larger;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is larger than the orange box.</p>
+ <div><span id="span1">X</span><span>X</span></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-111.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-111.xht
new file mode 100644
index 0000000000..fec21231fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-111.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size set to the keyword 'smaller'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property set to the keyword 'smaller' makes the font size smaller." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: orange;
+ font-family: Ahem;
+ line-height: 1em;
+ }
+ #span1
+ {
+ color: blue;
+ font-size: smaller;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is smaller than the orange box.</p>
+ <div><span id="span1">X</span><span>X</span></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-112.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-112.xht
new file mode 100644
index 0000000000..976f80171c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-112.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property sets a value of 'inherit' and inherits its value from its parent." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ font-size: 3in;
+ }
+ span
+ {
+ font-size: 0;
+ }
+ div span
+ {
+ font-size: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div>
+ <span>X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-113.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-113.xht
new file mode 100644
index 0000000000..ca4ea46c15
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-113.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: font-size - ex unit</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element." />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ font-family: Ahem;
+ line-height: 1;
+ margin-top: 8px;
+ }
+
+ div#parent {font-size: 40px;}
+
+ div#test {font-size: 20px;}
+
+ div#control, div#test {font-size: 2.5ex;}
+
+ div#control2 {font-size: 80px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 3 black squares have <strong>the same width and the same height</strong>.</p>
+
+ <div id="parent">
+
+ <div id="control">C</div>
+
+ <div id="test">T</div>
+
+ </div>
+
+ <div id="control2">2</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-114.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-114.xht
new file mode 100644
index 0000000000..4355346c19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-114.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: sanity tests for relative keyword values of font-size</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/size/004.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+
+ .tests { display: block; padding: 2em; letter-spacing: 3px; }
+ .smallest { font-size: xx-small; }
+ span { font-size: larger; }
+ .tests * { vertical-align: bottom; }
+ .tests, span { font: 900 1em Ahem, Verdana, sans-serif; color: navy; }
+
+ </style>
+ </head>
+ <body class="test">
+
+ <p>Every <span>X</span> in the string below should be bigger than
+ the previous <span>X</span>. (Except at the start, where your UA may
+ be making changes that are smaller than a pixel.)</p>
+
+ <div class="tests">
+ <span class="smallest">X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X<span>X
+ </span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-115.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-115.xht
new file mode 100644
index 0000000000..95ac6b57f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-115.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: sanity tests for font inheritance</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/size/005.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <style type="text/css">
+ span { font: inherit; }
+ </style>
+ </head>
+ <body>
+ <p>There should be two perfect columns of identical Xs below:</p>
+ <pre class="test"> XXX XXX
+ <span>XXX</span> XXX
+ XXX XXX </pre>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-116.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-116.xht
new file mode 100644
index 0000000000..6d2df73ea4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-116.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font-size in pixels</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-27 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/size/006.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style>
+ .prereq { display: inline; font: 1.25em/1 Ahem, sans-serif; background: red; color: white; }
+ .control { height: 0; }
+ .control div { width: 1000px; height: 100px; background: red; }
+ .test { font: 1000px/1 Ahem; color: green; }
+ </style>
+ </head>
+ <body>
+ <div class="prereq">Ahem_font_required_for_this_test.</div>
+ <p>There should be no red below (scroll all the way down if necessary).</p>
+ <div class="control">
+ <div></div>
+ <div></div>
+ <div></div>
+ <div></div>
+ <div></div>
+ <div></div>
+ <div></div>
+ <div></div>
+ <div></div>
+ <div></div>
+ </div>
+ <div class="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-117.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-117.xht
new file mode 100644
index 0000000000..77d46c8d11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-117.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: font-sizes in pixels compared to images in pixels</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/size/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <style type="text/css">
+ p { color: navy; }
+ span { color: silver; }
+ .a { font: 10px Arial, sans-serif; }
+ .b { font: 20px Arial, sans-serif; }
+ .c { font: 30px Arial, sans-serif; }
+ .a img { height: 10px; }
+ .b img { height: 20px; }
+ .c img { height: 30px; }
+ </style>
+ </head>
+ <body>
+
+ <p class="a">The box X<img src="support/1x1-navy.png"
+ alt="[FAIL]"/>X should be taller than the Xs on either side of
+ it. <span>xxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx
+ xxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxx
+ xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxx</span></p>
+
+ <p class="b">The box X<img src="support/1x1-navy.png"
+ alt="[FAIL]"/>X should be taller than the Xs on either side of
+ it. <span>xxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx
+ xxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxx
+ xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxx</span></p>
+
+ <p class="c">The box X<img src="support/1x1-navy.png"
+ alt="[FAIL]"/>X should be taller than the Xs on either side of
+ it. <span>xxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx
+ xxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxx
+ xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxx</span></p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-118.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-118.xht
new file mode 100644
index 0000000000..7e6491571e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-118.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: sanity tests for relative keyword values of font-size</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/size/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+
+ <style type="text/css"><![CDATA[
+
+ .tests * { line-height: 0; border: none; margin: 0; padding: 0; display: block; }
+ .tests { margin: 10em 2em 2em 2em; display: block; }
+ .text { display: inline; white-space: pre; }
+
+ .big { font-size: 10em; }
+ .medium { font-size: medium; }
+ .smaller { font-size: smaller; }
+
+ .medium > .text { background: red; }
+ .smaller > .text { background: green; }
+
+ ]]></style>
+ </head>
+ <body class="test">
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div class="tests">
+ <div class="medium"><div class="text"> </div></div>
+ <div class="big"><div class="smaller"><div class="text"> </div></div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-119.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-119.xht
new file mode 100644
index 0000000000..8141516c7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-119.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: sanity tests for relative keyword values of font-size</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/size/002.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+
+ <style type="text/css"><![CDATA[
+
+ .tests * { line-height: 0; border: none; margin: 0; padding: 0; display: block; }
+ .tests { margin: 20em 2em 0 2em; display: block; }
+ .text { display: inline; white-space: pre; }
+
+ .big { font-size: 20em; }
+ .xxlarge { font-size: xx-large; }
+ .smaller { font-size: smaller; }
+
+ .xxlarge > .text { background: red; font-weight: bold; }
+ .smaller > .text { background: white; }
+ .p { color: green; }
+
+ ]]></style>
+ </head>
+ <body class="test">
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div class="tests">
+ <div class="xxlarge"><div class="text"> </div></div>
+ <div class="big"><div class="smaller"><div class="text"> </div></div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-120-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-120-ref.xht
new file mode 100644
index 0000000000..bf43ab9260
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-120-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 30px;
+ width: 120px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a green stripe and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-120.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-120.xht
new file mode 100644
index 0000000000..e6737dc9be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-120.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: font-size inheritance</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/ahem/002.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="font-size-120-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .a { font-size: 30px; }
+ .c { font-family: Ahem; line-height: 30px; height: 30px; width: 120px; background: red; color: green; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a green stripe and <strong>no red</strong>.</p>
+
+ <div class="a">
+ <div class="b">
+ <div class="c">
+ FAIL
+ </div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-121-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-121-ref.xht
new file mode 100644
index 0000000000..6c8b89fef4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-121-ref.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: green;
+ font-family: Ahem;
+ font-weight: 900;
+ padding: 2em;
+ }
+
+ span
+ {
+ font-size: xx-small;
+ vertical-align: bottom;
+ }
+
+ span + span {font-size: x-small;}
+
+ span + span + span {font-size: small;}
+
+ span + span + span + span {font-size: medium;}
+
+ span + span + span + span + span {font-size: large;}
+
+ span + span + span + span + span + span {font-size: x-large;}
+
+ span + span + span + span + span + span + span {font-size: xx-large;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>, except for antialiasing issues.</p>
+
+ <div><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-121.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-121.xht
new file mode 100644
index 0000000000..fd3c10fb77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-121.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: sanity tests for relative keyword values of font-size</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/size/003.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="font-size-121-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+
+ .tests { display: block; padding: 2em; font: 900 1em Ahem, Verdana, sans-serif; }
+ .tests > * { position: absolute; color: red; }
+ .tests > * + * { color: green; }
+
+ .smallest span { font-size: larger; }
+ .largest span { font-size: smaller; }
+
+ .smallest { font-size: xx-small; }
+ .largest { font-size: xx-large; }
+
+ .tests * { vertical-align: bottom; }
+
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>, except for antialiasing issues.</p>
+ <div class="tests">
+ <span class="smallest">X<span>X<span>X<span>X<span>X<span>X<span>X</span></span></span></span></span></span></span>
+ <span class="largest"><span><span><span><span><span><span>X</span>X</span>X</span>X</span>X</span>X</span>X</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-122-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-122-ref.xht
new file mode 100644
index 0000000000..6621748344
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-122-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: navy;
+ height: 1em;
+ width: 2em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short navy stripe (larger than its height).</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-122.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-122.xht
new file mode 100644
index 0000000000..7d2583bea6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-122.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Default Font Sizes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/size/default/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="font-size-122-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .floats { float: left; width: 16px; height: 16px; background: navy; }
+ .test { font-family: Ahem; color: navy; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a short navy stripe (larger than its height).</p>
+
+ <div class="test">
+ <div class="floats"></div>
+ X
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-123-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-123-ref.xht
new file mode 100644
index 0000000000..7126124e71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-123-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 40px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-123.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-123.xht
new file mode 100644
index 0000000000..f4f73ceba2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-123.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Parsing: Negative Font-Size</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/002.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="font-size-123-ref.xht" />
+
+ <meta name="assert" content="If a negative length value is set into a
+ font-size declaration, then such declaration is ignored."/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+ div { font-size: 20px; font-size: -10px; display: block; width: 100px; height: 40px; background: red; }
+ div > .em { width: 5em; height: 1em; background: green; display: block; }
+ div > .px { width: 100px; height: 20px; background: green; display: block; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div>
+ <span class="em"/>
+ <span class="px"/>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-124.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-124.xht
new file mode 100644
index 0000000000..0954e2a7a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-124.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: inheritance of computed font-size across fonts</title>
+
+ <!--
+ Inspired by
+ http://test.csswg.org/suites/css2.1/20110323/html4/background-position-001.htm
+ http://test.csswg.org/suites/css2.1/nightly-unstable/html4/background-position-001.htm
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div#overlapped-red
+ {
+ background-color: red;
+ height: 100px;
+ width: 100px;
+ }
+
+ div#grand-parent {font: 25px/1 Ahem;}
+ /*
+ To download Ahem font:
+ http://www.w3.org/Style/CSS/Test/Fonts/Ahem/
+ */
+
+ div#parent {font-size: 5ex;}
+ /* The Ahem font has an x-height of 0.8em. */
+
+ div#overlapping-green
+ {
+ background-color: green;
+ bottom: 100px;
+ font-family: serif;
+ position: relative;
+ width: 100px;
+ }
+
+ /*
+ In this test, the inherited computed font-size of
+ div#overlapping-green should be 100px with a line box
+ height of 100px.
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red"></div>
+
+ <div id="grand-parent">
+ <div id="parent">
+ <div id="overlapping-green">&nbsp;</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-001.xht
new file mode 100644
index 0000000000..e77b744c6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size and 'display: inline' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property applies to 'display: inline' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ #div2
+ {
+ display: inline;
+ font-family: Ahem;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="div1"></div>
+ <div id="div2">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-002.xht
new file mode 100644
index 0000000000..b76a44b1be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-002.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size and 'display: block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property applies to 'display: block' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ span
+ {
+ display: block;
+ font-family: Ahem;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="div1"></div>
+ <div>
+ <span>X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-003.xht
new file mode 100644
index 0000000000..721f0a1db1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-003.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size and 'display: list-item' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property applies to 'display: list-item' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ font-size: 1in;
+ margin-left: 2em;
+ }
+ #div1
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ #div2
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size and the bottom box has a marker bullet on the left-hand side.</p>
+ <div id="div1"></div>
+ <div id="div2">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-005.xht
new file mode 100644
index 0000000000..07e051becd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-005.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size and 'display: inline-block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property applies to 'display: inline-block' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ #div2
+ {
+ display: inline-block;
+ font-family: Ahem;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="div1"></div>
+ <div id="div2">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-006.xht
new file mode 100644
index 0000000000..2ee077e739
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-006.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size and 'display: table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property applies to 'display: table' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ }
+ #table
+ {
+ display: table;
+ font-size: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="div1"></div>
+ <div id="table">
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-007.xht
new file mode 100644
index 0000000000..a637ff2278
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-007.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size and 'display: inline-table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property applies to 'display: inline-table' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ }
+ #table
+ {
+ display: inline-table;
+ font-size: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="div1"></div>
+ <div id="table">
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-008.xht
new file mode 100644
index 0000000000..05a796e07f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-008.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size and 'display: table-row-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property applies to 'display: table-row-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-row-group;
+ font-size: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="div1"></div>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-009.xht
new file mode 100644
index 0000000000..256815b835
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-009.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size and 'display: table-header-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property applies to 'display: table-header-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-header-group;
+ font-size: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="div1"></div>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-010.xht
new file mode 100644
index 0000000000..b4ce5a92fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-010.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size and 'display: table-footer-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property applies to 'display: table-footer-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-footer-group;
+ font-size: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="div1"></div>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-011.xht
new file mode 100644
index 0000000000..1af87cfa6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-011.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size and 'display: table-row' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property applies to 'display: table-row' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ font-size: 1in;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="div1"></div>
+ <div id="table">
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-014.xht
new file mode 100644
index 0000000000..c25d3f0de4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-014.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size and 'display: table-cell' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property applies to 'display: table-cell' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="div1"></div>
+ <div id="table">
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-015.xht
new file mode 100644
index 0000000000..2fffb7c411
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-015.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size and 'display: table-caption' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property applies to 'display: table-caption' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ font-size: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="div1"></div>
+ <div id="table">
+ <div id="test">X</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-016.xht
new file mode 100644
index 0000000000..314d810ad8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-016.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size and 'display: none' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property applies to 'display: none' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ display: none;
+ font-family: Ahem;
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Fail</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-017.xht
new file mode 100644
index 0000000000..4b6fc238fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-applies-to-017.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size and 'display: inherit' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-size' property applies to 'display: inherit' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ font-size: 1in;
+ line-height: 1em;
+ }
+ #div1
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ #div2
+ {
+ display: inline;
+ }
+ div div
+ {
+ display: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="div1"></div>
+ <div id="div2">
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-001.xht
new file mode 100644
index 0000000000..26c84ea11f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size, negative values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'font-size' does not allow for a negative value; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ font-family: Ahem;
+ }
+ #span1
+ {
+ font-size: medium;
+ }
+ #span2
+ {
+ font-size: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single box below and the top edge is not jagged.</p>
+ <div>
+ <span id="span1">X</span><span id="span2">X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-002.xht
new file mode 100644
index 0000000000..d0f557257f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-002.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size, relative-size 'larger'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When font size is medium, the value 'larger' will make the font size equivalent to the 'large' font-size." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-size: medium;
+ }
+ span
+ {
+ font-family: Ahem;
+ }
+ #span1
+ {
+ font-size: large;
+ }
+ #span2
+ {
+ font-size: larger;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single box below and the top edge is not jagged.</p>
+ <div>
+ <span id="span1">X</span><span id="span2">X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-003.xht
new file mode 100644
index 0000000000..beb67cae4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-003.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size and font sizes available</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The user agent is free to choose a font-size from the font size table entries or round off to the closest font size." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-size: 18px;
+ }
+ span
+ {
+ font-family: Ahem;
+ }
+ #span1
+ {
+ font-size: 24px;
+ }
+ #span2
+ {
+ font-size: larger;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size or the left box is bigger than the right.</p>
+ <div>
+ <span id="span1">X</span> <span id="span2">X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-004.xht
new file mode 100644
index 0000000000..7fdb27500f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-size-rule-004.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-size 'em' unit value referring to parent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'em' unit refers to the computed font size of the parent element instead of the current element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-size: 18px;
+ }
+ span
+ {
+ font-family: Ahem;
+ }
+ #span1
+ {
+ font-size: 27px;
+ }
+ #span2
+ {
+ font-size: 1.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single box below and the top edge is not jagged.</p>
+ <div>
+ <span id="span1">X</span><span id="span2">X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-001.xht
new file mode 100644
index 0000000000..d29d3103aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style set to 'normal'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-style' property set to 'normal' correctly renders the characters as normal text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-style: italic;
+ font-style: normal;
+ font-family: Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below that appears upright, and not slanted to one side.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-002.xht
new file mode 100644
index 0000000000..20b8cc660c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-002.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style set to 'italic'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-style' property set to 'italic' correctly renders the characters as italic text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-style: italic;
+ font-family: Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below that appears to be slanted to one side.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-003.xht
new file mode 100644
index 0000000000..83360dd95c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style set to 'oblique'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-style' property set to 'normal' correctly renders the characters as oblique text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-style: oblique;
+ font-family: Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below that appears to be slanted to one side.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-004.xht
new file mode 100644
index 0000000000..4586807c6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-004.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-style' property set to 'inherit', inherits is value from the parent element's value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-style: italic;
+ font-family: Ahem;
+ }
+ span
+ {
+ font-style: normal;
+ }
+ div span
+ {
+ font-style: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below that appears to be slanted to one side.</p>
+ <div>
+ <span>X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-001-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-001-ref.html
new file mode 100644
index 0000000000..d410588c99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-001-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<body>
+ <p>Test passes if the "Filler Text" below is slanted to one side.</p>
+ <div><i>Filler Text</i></div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-001.xht
new file mode 100644
index 0000000000..c114b31ed3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style and 'display: inline' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="match" href="font-style-applies-to-001-ref.html" />
+ <meta name="assert" content="The 'font-style' property applies to 'display: inline' elements." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ font-style: italic;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is slanted to one side.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-002.xht
new file mode 100644
index 0000000000..19cffb15ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style and 'display: block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="match" href="font-style-applies-to-001-ref.html" />
+ <meta name="assert" content="The 'font-style' property applies to 'display: block' elements." />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ font-style: italic;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is slanted to one side.</p>
+ <div>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-003.xht
new file mode 100644
index 0000000000..12eaa789bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-003.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style and 'display: list-item' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <meta name="assert" content="The 'font-style' property applies to 'display: list-item' elements." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 2em;
+ }
+ div
+ {
+ display: list-item;
+ font-style: italic;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is slanted to one side and there is a marker bullet on the left-hand side of that text.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-005.xht
new file mode 100644
index 0000000000..981cc81ff4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-005.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style and 'display: inline-block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="match" href="../../reference/pass_if_filler_text_slanted.xht"/>
+ <meta name="assert" content="The 'font-style' property applies to 'display: inline-block' elements." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ font-style: italic;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is slanted to one side.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-006.xht
new file mode 100644
index 0000000000..7714b0f50d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-006.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style and 'display: table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="match" href="../../reference/pass_if_filler_text_slanted.xht"/>
+ <meta name="assert" content="The 'font-style' property applies to 'display: table' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ font-style: italic;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is slanted to one side.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-007.xht
new file mode 100644
index 0000000000..d4f5dbd057
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-007.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style and 'display: inline-table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="match" href="../../reference/pass_if_filler_text_slanted.xht"/>
+ <meta name="assert" content="The 'font-style' property applies to 'display: inline-table' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: inline-table;
+ font-style: italic;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is slanted to one side.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-008.xht
new file mode 100644
index 0000000000..6ad7152744
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-008.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style and 'display: table-row-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="match" href="../../reference/pass_if_filler_text_slanted.xht"/>
+ <meta name="assert" content="The 'font-style' property applies to 'display: table-row-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-row-group;
+ font-style: italic;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is slanted to one side.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-009.xht
new file mode 100644
index 0000000000..99c0683efd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-009.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style and 'display: table-header-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="match" href="../../reference/pass_if_filler_text_slanted.xht"/>
+ <meta name="assert" content="The 'font-style' property does not applies to 'display: table-header-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-header-group;
+ font-style: italic;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is slanted to one side.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-010.xht
new file mode 100644
index 0000000000..1185163c42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-010.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style and 'display: table-footer-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="match" href="../../reference/pass_if_filler_text_slanted.xht"/>
+ <meta name="assert" content="The 'font-style' property applies to 'display: table-footer-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-footer-group;
+ font-style: italic;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is slanted to one side.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-011.xht
new file mode 100644
index 0000000000..36d7a7d3ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-011.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style and 'display: table-row' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="match" href="../../reference/pass_if_filler_text_slanted.xht"/>
+ <meta name="assert" content="The 'font-style' property applies to 'display: table-row' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ font-style: italic;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is slanted to one side.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-014.xht
new file mode 100644
index 0000000000..8abb51d51e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-014.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style and 'display: table-cell' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="match" href="../../reference/pass_if_filler_text_slanted.xht"/>
+ <meta name="assert" content="The 'font-style' property applies to 'display: table-cell' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ font-style: italic;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is slanted to one side.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-015.xht
new file mode 100644
index 0000000000..d4e79e9692
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-015.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style and 'display: table-caption' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <meta name="assert" content="The 'font-style' property applies to 'display: table-caption' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ display: table-caption;
+ font-style: italic;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is slanted to one side.</p>
+ <div id="table">
+ <div id="caption">Filler Text</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-016.xht
new file mode 100644
index 0000000000..ca3be4b3a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-016.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style and 'display: none' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" />
+ <meta name="assert" content="The font-style' property applies to 'display: none' elements." />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ display: none;
+ font-style: italic;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Fail</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-017.xht
new file mode 100644
index 0000000000..5c747f442d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-applies-to-017.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style and 'display: inherit' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
+ <link rel="match" href="font-style-applies-to-001-ref.html" />
+ <meta name="assert" content="The 'font-style' property applies to 'display: inherit' elements." />
+ <style type="text/css">
+ #div1
+ {
+ display: inline;
+ }
+ div div
+ {
+ display: inherit;
+ font-style: italic;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is slanted to one side.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-style-rule-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-style-rule-001.xht
new file mode 100644
index 0000000000..92c4d6574f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-style-rule-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-style with font properties missing</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" />
+ <meta name="assert" content="When font-style italic is not available, find value oblique, if it's still not available, either use the alternate font-family that has italic or oblique value or use 'font-style: normal'." />
+ <style type="text/css">
+ div
+ {
+ font-style: italic;
+ font-family: "MissingItalicOblique";
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_MissingItalicOblique.ttf">Missing Italic Oblique</a>' font installed.</p>
+ <p>Post Test: Remove test font after running the test.</p>
+ <p>Test passes if either there is an upright box below, a slanted box below or a letter "X" slanted to one side.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-systemfont-rule-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-systemfont-rule-003.xht
new file mode 100644
index 0000000000..08e67fb933
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-systemfont-rule-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: System Font, substitute for similar system font when font unknown</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="assert" content="It the specified system font is not available, then substitute it for a similar one, if there is no similar one, then substitute with the default one." />
+ <style type="text/css">
+ #test
+ {
+ font: UnknownFont;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Operating system cannot have a font named "UnknownFont" installed. If it is installed remove it to verify this test.</p>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div>Filler Text</div>
+ <div id="test">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-systemfont-rule-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-systemfont-rule-004.xht
new file mode 100644
index 0000000000..2c566e4d53
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-systemfont-rule-004.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font shorthand property reset to default values if not explicitly set</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
+ <meta name="assert" content="The 'font' shorthand property resets any property not explicitly given a value to its initial value." />
+ <style type="text/css">
+ #div1
+ {
+ font: 14pt serif;
+ }
+ .test
+ {
+ font-size: 96px;
+ font-style: italic;
+ font-weight: bold;
+ }
+ #div2
+ {
+ font: 14pt serif;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="div1">Filler Text</div>
+ <div id="div2" class="test">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-001-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-variant-001-ref.html
new file mode 100644
index 0000000000..1dc9dda856
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-001-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<body>
+ <p>Test passes if the words below are rendered in all lowercase characters.</p>
+ <div>filler text</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-001.xht
new file mode 100644
index 0000000000..22a3554c44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-variant set to 'normal'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="match" href="font-variant-001-ref.html" />
+ <meta name="assert" content="The 'font-variant' property set to 'normal' renders the typical characters for text for the font." />
+ <style type="text/css">
+ div
+ {
+ font-variant: small-caps;
+ font-variant: normal;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words below are rendered in all lowercase characters.</p>
+ <div>filler text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-002.xht
new file mode 100644
index 0000000000..3f93357fcf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-variant set to 'small-caps'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <meta name="assert" content="The 'font-variant' property set to 'normal' renders the small-caps version of characters for text for the font." />
+ <style type="text/css">
+ div
+ {
+ font-variant: small-caps;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words below are rendered in small sized, uppercase characters.</p>
+ <div>filler text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-003.xht
new file mode 100644
index 0000000000..3946e14606
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-003.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-variant set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <meta name="assert" content="The 'font-variant' property set to 'inherit' inherits is value from the patent element's value." />
+ <style type="text/css">
+ div
+ {
+ font-variant: small-caps;
+ }
+ span
+ {
+ font-variant: normal;
+ }
+ div span
+ {
+ font-variant: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words below are rendered in small sized, uppercase characters.</p>
+ <div>
+ <span>filler text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-004.xht
new file mode 100644
index 0000000000..a37df9a7b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-004.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: font-variant and color</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/variant/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <meta name="assert" content="if ‘small-caps’ or ‘all-small-caps’ is specified but small-caps glyphs are not available for a given font, user agents should simulate a small-caps font"/>
+ <style type="text/css">
+ span { color: green; font-variant: small-caps; }
+ div { color: white; text-decoration: underline; }
+ </style>
+ </head>
+ <body>
+ <p>It must say PASSED below, in a small-caps font or a simulated small caps. Test fails if lowercase or normal uppercase used.</p>
+ <div>
+ <span>THIS TEST HAS: passed.</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-001.xht
new file mode 100644
index 0000000000..65dc2192d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-variant and 'display: inline' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/>
+ <meta name="assert" content="The 'font-variant' property applies to 'display: inline' elements." />
+ <style type="text/css">
+ div
+ {
+ font-variant: small-caps;
+ }
+ #div1
+ {
+ display: inline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div>Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-002.xht
new file mode 100644
index 0000000000..2cd7f66b5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-variant and 'display: block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/>
+ <meta name="assert" content="The 'font-variant' property applies to 'display: block' elements." />
+ <style type="text/css">
+ #reference, span
+ {
+ font-variant: small-caps;
+ }
+ span
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-003.xht
new file mode 100644
index 0000000000..b550aff200
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-003.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-variant and 'display: list-item' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <meta name="assert" content="The 'font-variant' property applies to 'display: list-item' elements." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 2em;
+ }
+ div
+ {
+ font-variant: small-caps;
+ }
+ #div1
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match styles and the bottom "Filler Text" has a marker bullet on the left-hand side.</p>
+ <div>Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-005.xht
new file mode 100644
index 0000000000..2878b176a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-005.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-variant and 'display: inline-block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/>
+ <meta name="assert" content="The 'font-variant' property applies to 'display: inline-block' elements." />
+ <style type="text/css">
+ div
+ {
+ font-variant: small-caps;
+ }
+ #div1
+ {
+ display: inline-block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div>Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-006.xht
new file mode 100644
index 0000000000..f744772006
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-006.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-variant and 'display: table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/>
+ <meta name="assert" content="The 'font-variant' property applies to 'display: table' elements." />
+ <style type="text/css">
+ #reference, #table
+ {
+ font-variant: small-caps;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-007.xht
new file mode 100644
index 0000000000..18f0df14e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-007.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-variant and 'display: inline-table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/>
+ <meta name="assert" content="The 'font-variant' property applies to 'display: inline-table' elements." />
+ <style type="text/css">
+ #reference, #table
+ {
+ font-variant: small-caps;
+ }
+ #table
+ {
+ display: inline-table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-008.xht
new file mode 100644
index 0000000000..569a1fb713
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-008.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-variant and 'display: table-row-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/>
+ <meta name="assert" content="The 'font-variant' property applies to 'display: table-row-group' elements." />
+ <style type="text/css">
+ #reference, #test
+ {
+ font-variant: small-caps;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-row-group;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-009.xht
new file mode 100644
index 0000000000..16b1df6060
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-009.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-variant and 'display: table-header-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/>
+ <meta name="assert" content="The 'font-variant' property does not applies to 'display: table-header-group' elements." />
+ <style type="text/css">
+ #reference, #test
+ {
+ font-variant: small-caps;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-header-group;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-010.xht
new file mode 100644
index 0000000000..017c4196f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-010.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-variant and 'display: table-footer-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/>
+ <meta name="assert" content="The 'font-variant' property applies to 'display: table-footer-group' elements." />
+ <style type="text/css">
+ #reference, #test
+ {
+ font-variant: small-caps;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-footer-group;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-011.xht
new file mode 100644
index 0000000000..45ba23c0cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-011.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-variant and 'display: table-row' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/>
+ <meta name="assert" content="The 'font-variant' property applies to 'display: table-row' elements." />
+ <style type="text/css">
+ #reference, #row
+ {
+ font-variant: small-caps;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-014.xht
new file mode 100644
index 0000000000..33d8e03731
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-014.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-variant and 'display: table-cell' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/>
+ <meta name="assert" content="The 'font-variant' property applies to 'display: table-cell' elements." />
+ <style type="text/css">
+ #reference, #cell
+ {
+ font-variant: small-caps;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-015.xht
new file mode 100644
index 0000000000..43bd6a7608
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-015.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-variant and 'display: table-caption' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/>
+ <meta name="assert" content="The 'font-variant' property applies to 'display: table-caption' elements." />
+ <style type="text/css">
+ #reference, #caption
+ {
+ font-variant: small-caps;
+ }
+ #table
+ {
+ display: table;
+ width: 100%;
+ }
+ #caption
+ {
+ display: table-caption;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="caption">Filler Text</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-016.xht
new file mode 100644
index 0000000000..9ba3158906
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-016.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: 'font-variant' and 'display: none' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" />
+ <meta name="assert" content="The 'font-variant' property applies to 'display: none' elements." />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ display: none;
+ font-variant: small-caps;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Fail</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-017.xht
new file mode 100644
index 0000000000..c087c4b48a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-variant-applies-to-017.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-variant and 'display: inherit' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/>
+ <meta name="assert" content="The 'font-variant' property applies to 'display: inherit' elements." />
+ <style type="text/css">
+ #parent, #reference
+ {
+ display: inline;
+ }
+ #reference, div div
+ {
+ font-variant: small-caps;
+ }
+ div div
+ {
+ display: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="parent">
+ <br />
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-001.xht
new file mode 100644
index 0000000000..a0a560cd0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-001.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight set to the keyword 'normal'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-weight' property set to 'normal' properly sets the font to the normal weight rendering of the font." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1in Ahem;
+ line-height: 1em;
+ }
+ #test
+ {
+ color: blue;
+ font-weight: bold;
+ font-weight: normal;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box and the black box are the same size.</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-002.xht
new file mode 100644
index 0000000000..75c61ab5d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight set to the keyword 'bold'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-weight' property set to 'bold' properly sets the font to the bold rendering of the font." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1in Ahem;
+ line-height: 1em;
+ }
+ #test
+ {
+ color: blue;
+ font-weight: bold;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is larger than the black box.</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-003.xht
new file mode 100644
index 0000000000..27dc2725a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-003.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight set to the keyword 'bolder'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'font-weight' property set to 'bolder' properly sets the font to the next higher bold rendering of the font." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1in Ahem;
+ line-height: 1em;
+ }
+ #test
+ {
+ color: blue;
+ font-weight: bolder;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is larger than the black box.</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-008.xht
new file mode 100644
index 0000000000..1967df03fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-008.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight set to the numerical value, 400</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <meta name="assert" content="The 'font-weight' property set to '400' properly sets the font to the correct bold rendering." />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ font-size: 2in;
+ line-height: 1em;
+ position: absolute;
+ }
+ #test
+ {
+ color: black;
+ font-weight: bold;
+ font-weight: 400;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ <div id="test">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-010.xht
new file mode 100644
index 0000000000..1df1eb7f20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-010.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight set to the numerical value, 600</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <meta name="assert" content="The 'font-weight' property set to '600' properly sets the font to the correct bold rendering." />
+ <style type="text/css">
+ div
+ {
+ color: black;
+ font-size: 2in;
+ line-height: 1em;
+ position: absolute;
+ }
+ #test
+ {
+ color: green;
+ font-weight: 600;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the green text is visible. It can be partially obscured by the black text.</p>
+ <div id="test">Filler Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-011.xht
new file mode 100644
index 0000000000..b3d227cd1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-011.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight set to the numerical value, 700</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <meta name="assert" content="The 'font-weight' property set to '700' properly sets the font to the correct bold rendering." />
+ <style type="text/css">
+ div
+ {
+ color: black;
+ font-size: 2in;
+ line-height: 1em;
+ position: absolute;
+ }
+ #test
+ {
+ color: green;
+ font-weight: 700;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the green text is visible. It can be partially obscured by the black text.</p>
+ <div id="test">Filler Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-012.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-012.xht
new file mode 100644
index 0000000000..08348f2fa2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-012.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight set to the numerical value, 800</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <meta name="assert" content="The 'font-weight' property set to '800' properly sets the font to the correct bold rendering." />
+ <style type="text/css">
+ div
+ {
+ color: black;
+ font-size: 2in;
+ line-height: 1em;
+ position: absolute;
+ }
+ #test
+ {
+ color: green;
+ font-weight: 800;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the green text is visible. It can be partially obscured by the black text.</p>
+ <div id="test">Filler Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-013.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-013.xht
new file mode 100644
index 0000000000..5d6c704091
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-013.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight set to the numerical value, 900</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <meta name="assert" content="The 'font-weight' property set to '900' properly sets the font to the correct bold rendering." />
+ <style type="text/css">
+ div
+ {
+ color: black;
+ font-size: 2in;
+ line-height: 1em;
+ position: absolute;
+ }
+ #test
+ {
+ color: green;
+ font-weight: 900;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the green text is visible. It can be partially obscured by the black text.</p>
+ <div id="test">Filler Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-014.xht
new file mode 100644
index 0000000000..9df85b63e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-014.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight set to the keyword 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <meta name="assert" content="The 'font-weight' property set to 'inherit' properly sets the font to the bold rendering of the font." />
+ <style type="text/css">
+ div
+ {
+ color: green;
+ font-size: 1in;
+ font-weight: normal;
+ line-height: 1em;
+ position: absolute;
+ }
+ #wrapper
+ {
+ font-weight: bold;
+ }
+ #test
+ {
+ color: black;
+ font-weight: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the green text is visible. It can be partially obscured by the black text.</p>
+ <div id="wrapper">
+ <div id="reference">Filler Text</div>
+ <div id="test">Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-015.xht
new file mode 100644
index 0000000000..216a53d545
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-015.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: font-weight inheritance</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/ahem/003.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <meta name="flags" content="ahem"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .a { font-weight: 900; }
+ .c { font-family: Ahem; font-size: 64px; line-height: 64px; height: 64px; width: 257px; background: red; color: green; position: absolute; }
+ .container { position: relative; }
+ .overlapper { position: absolute; height: 48px; width: 240px; padding: 8px; background: white; }
+ </style>
+ </head>
+ <body>
+
+ <div class="container">
+ <div class="a">
+ <div class="b">
+ <div class="c">
+ FAIL
+ </div>
+ </div>
+ </div>
+ <div class="overlapper">
+ There should be a green line to the right of this text.
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-016.xht
new file mode 100644
index 0000000000..02d0e165a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-016.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: font-weight 500/600 defaulting to normal/bold</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/ahem/005.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+
+ <meta name="flags" content="ahem"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .overlap { height: 5em; width: 7.5em; background: white; position: absolute; z-index: 1; }
+ .a { font: 500 2.5em/1em Ahem; color: red; }
+ .b { font: 600 2.5em/1em Ahem; color: green; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a short and narrow vertical line of green.</p>
+
+ <div> <!-- work around for bug 87712 -->
+ <div class="overlap"/>
+ <div class="a">500</div>
+ <div class="b">600</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-017.xht
new file mode 100644
index 0000000000..0a2fe169df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-017.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: sanity tests for absolute keyword values of font-weight</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/weight/001.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/weight/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <style type="text/css">
+ /* Chains should be followed all the way. If a chain causes reentrancy, fail. */
+ .fw100 { font-weight: 100; } /* defaults to 200 */
+ .fw200 { font-weight: 200; } /* defaults to 100, failing to 300 */
+ .fw300 { font-weight: 300; } /* defaults to 200, failing to 400 */
+ .fw400 { font-weight: 400; } /* normal */
+ .fw500 { font-weight: 500; } /* defaults to 400 */
+ .fw600 { font-weight: 600; } /* defaults to 700, failing to 500 */
+ .fw700 { font-weight: 700; } /* bold - defaults to 800, failing to 600 */
+ .fw800 { font-weight: 800; } /* defaults to 900, failing to 700 */
+ .fw900 { font-weight: 900; } /* defaults to 800 */
+
+ /* prettiness */
+ p { margin: 1em 0 0.4em 0; }
+ .w { font-family: Verdana, sans-serif; font-variant: normal; font-style: normal; font-size: 1em; margin: 0 0 0.2em 2em; }
+ </style>
+ </head>
+ <body>
+ <p>The following text should get darker (or stay the same) at each stage.</p>
+ <p class="w fw100">100</p>
+ <p class="w fw200">200</p>
+ <p class="w fw300">300</p>
+ <p class="w fw400">400 normal</p>
+ <p class="w fw500">500</p>
+ <p class="w fw600">600</p>
+ <p class="w fw700">700 bold</p>
+ <p class="w fw800">800</p>
+ <p class="w fw900">900</p>
+ <p>If there are two or more different weights in the list above,
+ then the following two tests should be of different weights:</p>
+ <p class="w fw500">500 (defaults to 400 normal)</p>
+ <p class="w fw600">600 (defaults to 700 bold)</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-018.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-018.xht
new file mode 100644
index 0000000000..3a2a2f22b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-018.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: sanity tests for relative keyword values of font-weight</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/weight/002.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/weight/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <style type="text/css">
+ /* Chains should be followed all the way. If a chain causes reentrancy, fail. */
+ .fw100 { font-weight: 100; } /* defaults to 200 */
+ .fw200 { font-weight: 200; } /* defaults to 100, failing to 300 */
+ .fw300 { font-weight: 300; } /* defaults to 200, failing to 400 */
+ .fw400 { font-weight: 400; } /* normal */
+ .fw500 { font-weight: 500; } /* defaults to 400 */
+ .fw600 { font-weight: 600; } /* defaults to 700, failing to 500 */
+ .fw700 { font-weight: 700; } /* bold - defaults to 800, failing to 600 */
+ .fw800 { font-weight: 800; } /* defaults to 900, failing to 700 */
+ .fw900 { font-weight: 900; } /* defaults to 800 */
+
+ /* Test */
+ .l { font-weight: lighter; }
+ .b { font-weight: bolder; }
+
+ /* prettiness */
+ p { margin: 1em 0 0.4em 0; }
+ p.w, p.x { font-family: Verdana, sans-serif; font-variant: normal; font-style: normal; font-size: 1em; }
+ p.w { margin: 0 0 0.2em 2em; }
+ p.x { margin: 0.75em 0 0.2em 2em; }
+ </style>
+ </head>
+ <body>
+ <p>The following lines should always be light on the left and bold
+ on the right and should all be identical (assuming your font only
+ has two font weights).</p>
+
+ <!-- simple -->
+ <p class="x fw100">light<span class="b">bold</span></p>
+ <p class="w fw200">light<span class="b">bold</span></p>
+ <p class="w fw300">light<span class="b">bold</span></p>
+ <p class="w fw400">light<span class="b">bold</span></p>
+ <p class="w fw500">light<span class="b">bold</span></p>
+ <p class="w fw600"><span class="l">light</span>bold</p>
+ <p class="w fw700"><span class="l">light</span>bold</p>
+ <p class="w fw800"><span class="l">light</span>bold</p>
+ <p class="w fw900"><span class="l">light</span>bold</p>
+
+ <!-- two level lighter/bolder -->
+ <p class="x fw100"><span class="l">light<span class="b">bold</span></span></p>
+ <p class="w fw200"><span class="l">light<span class="b">bold</span></span></p>
+ <p class="w fw300"><span class="l">light<span class="b">bold</span></span></p>
+ <p class="w fw400"><span class="l">light<span class="b">bold</span></span></p>
+ <p class="w fw500"><span class="l">light<span class="b">bold</span></span></p>
+ <p class="w fw600"><span class="l">light<span class="b">bold</span></span></p>
+ <p class="w fw700"><span class="l">light<span class="b">bold</span></span></p>
+ <p class="w fw800"><span class="l">light<span class="b">bold</span></span></p>
+ <p class="w fw900"><span class="l">light<span class="b">bold</span></span></p>
+
+ <!-- two level bolder/lighter -->
+ <p class="x fw100"><span class="b"><span class="l">light</span>bold</span></p>
+ <p class="w fw200"><span class="b"><span class="l">light</span>bold</span></p>
+ <p class="w fw300"><span class="b"><span class="l">light</span>bold</span></p>
+ <p class="w fw400"><span class="b"><span class="l">light</span>bold</span></p>
+ <p class="w fw500"><span class="b"><span class="l">light</span>bold</span></p>
+ <p class="w fw600"><span class="b"><span class="l">light</span>bold</span></p>
+ <p class="w fw700"><span class="b"><span class="l">light</span>bold</span></p>
+ <p class="w fw800"><span class="b"><span class="l">light</span>bold</span></p>
+ <p class="w fw900"><span class="b"><span class="l">light</span>bold</span></p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-100-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-weight-100-ref.html
new file mode 100644
index 0000000000..a3bd0d2228
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-100-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Mike Bremford" href="http://bfo.com">
+<style>
+div { font-weight: 100 }
+</style>
+<body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div>Filler Text</div>
+ <div>Filler Text</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-900-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-weight-900-ref.html
new file mode 100644
index 0000000000..cc3ba5d2d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-900-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Mike Bremford" href="http://bfo.com">
+<style>
+div { font-weight: 900 }
+</style>
+<body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div>Filler Text</div>
+ <div>Filler Text</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-001.xht
new file mode 100644
index 0000000000..e351ec3dfc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight and 'display: inline' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="font-weight-bold-ref.html" />
+ <meta name="assert" content="Font weights apply to 'display: inline' elements." />
+ <style type="text/css">
+ div
+ {
+ font-weight: bold;
+ }
+ #div1
+ {
+ display: inline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div>Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-002.xht
new file mode 100644
index 0000000000..09dcd24428
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight and 'display: block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="font-weight-bold-ref.html" />
+ <meta name="assert" content="Font weights apply to 'display: block' elements." />
+ <style type="text/css">
+ #reference, span
+ {
+ font-weight: bold;
+ }
+ span
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-003.xht
new file mode 100644
index 0000000000..868d6dd618
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-003.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight and 'display: list-item' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <meta name="assert" content="Font weights apply to 'display: list-item' elements." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 2em;
+ }
+ div
+ {
+ font-weight: bold;
+ }
+ #div1
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match styles and the bottom "Filler Text" has a marker bullet on the left-hand side.</p>
+ <div>Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-005.xht
new file mode 100644
index 0000000000..5228c156d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-005.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight and 'display: inline-block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/>
+ <meta name="assert" content="Font weights apply to 'display: inline-block' elements." />
+ <style type="text/css">
+ div
+ {
+ font-weight: bold;
+ }
+ #div1
+ {
+ display: inline-block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div>Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-006.xht
new file mode 100644
index 0000000000..e9e68adb34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-006.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight and 'display: table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/>
+ <meta name="assert" content="Font weights apply to 'display: table' elements." />
+ <style type="text/css">
+ #reference, #table
+ {
+ font-weight: bold;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-007.xht
new file mode 100644
index 0000000000..eda231162d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-007.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight and 'display: inline-table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/>
+ <meta name="assert" content="Font weights apply to 'display: inline-table' elements." />
+ <style type="text/css">
+ #reference, #table
+ {
+ font-weight: bold;
+ }
+ #table
+ {
+ display: inline-table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-008.xht
new file mode 100644
index 0000000000..76522784fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-008.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight and 'display: table-row-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/>
+ <meta name="assert" content="Font weights apply to 'display: table-row-group' elements." />
+ <style type="text/css">
+ #reference, #test
+ {
+ font-weight: bold;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-row-group;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-009.xht
new file mode 100644
index 0000000000..75866ee1c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-009.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight and 'display: table-header-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/>
+ <meta name="assert" content="Verifies that font-weight does not applies to 'display: table-header-group' elements." />
+ <style type="text/css">
+ #reference, #test
+ {
+ font-weight: bold;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-header-group;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-010.xht
new file mode 100644
index 0000000000..a47c236038
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-010.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight and 'display: table-footer-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/>
+ <meta name="assert" content="Font weights apply to 'display: table-footer-group' elements." />
+ <style type="text/css">
+ #reference, #test
+ {
+ font-weight: bold;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-footer-group;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-011.xht
new file mode 100644
index 0000000000..f6704c676f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-011.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight and 'display: table-row' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/>
+ <meta name="assert" content="Font weights apply to 'display: table-row' elements." />
+ <style type="text/css">
+ #reference, #row
+ {
+ font-weight: bold;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-014.xht
new file mode 100644
index 0000000000..5fb06c80e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-014.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight and 'display: table-cell' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/>
+ <meta name="assert" content="Font weights apply to 'display: table-cell' elements." />
+ <style type="text/css">
+ #reference, #cell
+ {
+ font-weight: bold;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-015.xht
new file mode 100644
index 0000000000..57fea5b7d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-015.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight and 'display: table-caption' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/>
+ <meta name="assert" content="Font weights apply to 'display: table-caption' elements." />
+ <style type="text/css">
+ #reference, #caption
+ {
+ font-weight: bold;
+ }
+ #table
+ {
+ display: table;
+ width: 100%;
+ }
+ #caption
+ {
+ display: table-caption;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="table">
+ <div id="caption">Filler Text</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-016.xht
new file mode 100644
index 0000000000..c0471c20fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-016.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight and 'display: none' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" />
+ <meta name="assert" content="Font weights apply to 'display: none' elements." />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ display: none;
+ font-weight: bold;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Fail</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-017.xht
new file mode 100644
index 0000000000..76737f6cfb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-applies-to-017.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight and 'display: inherit' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="font-weight-bold-ref.html" />
+ <meta name="assert" content="Font weights apply to 'display: inherit' elements." />
+ <style type="text/css">
+ #parent, #reference
+ {
+ display: inline;
+ }
+ #reference, div div
+ {
+ font-weight: bold;
+ }
+ div div
+ {
+ display: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="parent">
+ <br />
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-bold-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-weight-bold-ref.html
new file mode 100644
index 0000000000..a548a4e98f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-bold-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div><b>Filler Text</b></div>
+ <div><b>Filler Text</b></div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-normal-ref.html b/testing/web-platform/tests/css/CSS2/fonts/font-weight-normal-ref.html
new file mode 100644
index 0000000000..2857ee4cae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-normal-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<link rel="author" title="Intel" href="http://www.intel.com">
+<body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div>Filler Text</div>
+ <div>Filler Text</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-001.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-001.xht
new file mode 100644
index 0000000000..ffc5cc7c11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight set to 'normal' corresponds to '400'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="font-weight-normal-ref.html" />
+ <meta name="assert" content="A font weight of 'normal' corresponds to the weight value '400'." />
+ <style type="text/css">
+ #div1
+ {
+ font-weight: normal;
+ }
+ #div2
+ {
+ font-weight: 400;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="div1">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-002.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-002.xht
new file mode 100644
index 0000000000..857cff179f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-002.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight comparison of 100 to 900</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <meta name="assert" content="Font weight value 100 to 900 indicate a weight that is either darker than OR as dark as its predecessor." />
+ <style type="text/css">
+ #test1
+ {
+ font-weight: 100;
+ }
+ #test2
+ {
+ font-weight: 200;
+ }
+ #test3
+ {
+ font-weight: 300;
+ }
+ #test4
+ {
+ font-weight: 400;
+ }
+ #test5
+ {
+ font-weight: 500;
+ }
+ #test6
+ {
+ font-weight: 600;
+ }
+ #test7
+ {
+ font-weight: 700;
+ }
+ #test8
+ {
+ font-weight: 800;
+ }
+ #test9
+ {
+ font-weight: 900;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the darkness of the below lines are from light to dark. Each line needs to be either darker than or as dark as its previous line.</p>
+ <div id="test1">Filler Text</div>
+ <div id="test2">Filler Text</div>
+ <div id="test3">Filler Text</div>
+ <div id="test4">Filler Text</div>
+ <div id="test5">Filler Text</div>
+ <div id="test6">Filler Text</div>
+ <div id="test7">Filler Text</div>
+ <div id="test8">Filler Text</div>
+ <div id="test9">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-003.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-003.xht
new file mode 100644
index 0000000000..c6491d75b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-003.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight inherits the computed weight</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="font-weight-bold-ref.html" />
+ <meta name="assert" content="Child elements inherit their parent's actual font weight." />
+ <style type="text/css">
+ #parent
+ {
+ font-weight: bold;
+ }
+ #reference
+ {
+ font-weight: bold;
+ }
+ div div
+ {
+ font-weight: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="parent">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-004.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-004.xht
new file mode 100644
index 0000000000..f4d2ea7f14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-004.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight set to 'bolder'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="font-weight-bold-ref.html" />
+ <meta name="assert" content="The value 'bolder' selects the next darker weight compared to its parent's weight." />
+ <style type="text/css">
+ #parent
+ {
+ font-weight: 400;
+ }
+ #reference
+ {
+ font-weight: 700;
+ }
+ div div
+ {
+ font-weight: bolder;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="parent">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-005.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-005.xht
new file mode 100644
index 0000000000..b364741d27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-005.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight set to 'bolder' increasing the value above '900'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="font-weight-900-ref.html" />
+ <meta name="assert" content="The 'font-weight' property set to 'bolder' does not increase the value of font weight when the parent values is already set at 900." />
+ <style type="text/css">
+ #parent
+ {
+ font-weight: 900;
+ }
+ #reference
+ {
+ font-weight: 900;
+ }
+ div div
+ {
+ font-weight: bolder;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="parent">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-006.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-006.xht
new file mode 100644
index 0000000000..2a6bfd226f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-006.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight set to 'lighter'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="font-weight-normal-ref.html" />
+ <meta name="assert" content="A font weight of 'lighter' selects the next lighter weight." />
+ <style type="text/css">
+ #parent
+ {
+ font-weight: bold;
+ }
+ #reference
+ {
+ font-weight: normal;
+ }
+ div div
+ {
+ font-weight: lighter;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="parent">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-007.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-007.xht
new file mode 100644
index 0000000000..2de6246848
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-007.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight set to 'lighter' decreasing value below '100'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="font-weight-100-ref.html" />
+ <meta name="assert" content="A font weight of 'lighter' selects the next lighter weight compared to its parent's weight." />
+ <style type="text/css">
+ #parent, #reference
+ {
+ font-weight: 100;
+ }
+ div div
+ {
+ font-weight: lighter;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="reference">Filler Text</div>
+ <div id="parent">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-008.xht b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-008.xht
new file mode 100644
index 0000000000..510e2d7c1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/font-weight-rule-008.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Font-weight compare 'bold' to '700'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
+ <link rel="match" href="font-weight-bold-ref.html" />
+ <meta name="assert" content="A font weight set to 'bold' corresponds to the weight value '700'." />
+ <style type="text/css">
+ #div1
+ {
+ font-weight: bold;
+ }
+ #div2
+ {
+ font-weight: 700;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the lines of "Filler Text" below match.</p>
+ <div id="div1">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-009.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-009.xht
new file mode 100644
index 0000000000..4045b589ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-009.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Tables: Font Inheritance</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/007.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div { font: 50px/1em Ahem; color: green; margin-left: 1em; }
+ div > * { display: table; background: red; }
+ td { padding: 0; }
+ table { border-spacing: 0; }
+ </style>
+ </head>
+ <body>
+
+ <p>There should be no red below, merely two big identical green blocks.</p>
+ <div>
+ <div class="table"><tr><td>Test<br/>Test</td></tr></div>
+ <p>Test<br/>Test</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-010-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-010-ref.xht
new file mode 100644
index 0000000000..6b7c84af51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-010-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 2.5em;
+ position: relative;
+ top: 0.25em;
+ width: 2.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a small filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-010.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-010.xht
new file mode 100644
index 0000000000..cf5316fccb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-010.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: font inheritance into &lt;pre&gt; elements</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" />
+ <link rel="match" href="fonts-010-ref.xht" />
+
+ <meta name="flags" content="ahem"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div { font: 1.25em/1 Ahem; width: 2em; background: red; height: 2em; }
+ pre { font: inherit; color: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small filled green square and <strong>no red</strong>.</p>
+ <div><pre>xx
+xx</pre></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-011-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-011-ref.xht
new file mode 100644
index 0000000000..eff02b04b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-011-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 2.5em;
+ margin: 2.5em 0em;
+ width: 5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a small filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-011.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-011.xht
new file mode 100644
index 0000000000..e218ea9826
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-011.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Fonts and bidi</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" />
+ <link rel="match" href="fonts-011-ref.xht" />
+
+ <meta name="flags" content="ahem"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { font: 2.5em/1 Ahem; color: green; background: red; width: 2em; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small filled green rectangle and <strong>no red</strong>.</p>
+ <p class="test">X&#x202E;X&#x202C;</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-012-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-012-ref.xht
new file mode 100644
index 0000000000..d721fa8065
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-012-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: blue;
+ font-size: 2.5em;
+ line-height: 1;
+ margin: 1em 0em;
+ }
+
+ span
+ {
+ font-family: Ahem;
+ vertical-align: top;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is an "&#x0130;" in-between 2 blue stripes.</p>
+
+ <div><img src="support/swatch-blue.png" width="160" height="40" alt="Image download support must be enabled" /><img src="support/swatch-white.png" width="40" height="40" alt="Image download support must be enabled" /><span>&#x0130;</span><img src="support/swatch-white.png" width="40" height="40" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="160" height="40" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-012.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-012.xht
new file mode 100644
index 0000000000..af25d7b783
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-012.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Fonts and not bidi</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" />
+ <link rel="match" href="fonts-012-ref.xht" />
+
+ <meta name="flags" content="ahem"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { font: 2.5em/1 Ahem; color: blue; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an "&#x0130;" in-between 2 blue stripes.</p>
+ <p class="test">XXXX &#x0130; FAIL</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-013-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-013-ref.xht
new file mode 100644
index 0000000000..6d6ba69ed9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-013-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: navy;}
+
+ span.Times {font-size: 4em; font-family: "Times New Roman";}
+
+ span.Arial {font-size: 4em; font-family: Arial;}
+
+ span.CourierNew {font-size: 4em; font-family: "Courier New";}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>In each of the three lines below, the two words should look identical.</div>
+
+ <p><span class="Times">&#x0162;&#x0119;&#x015F;&#x0163;</span> &mdash; <span class="Times">&#x0162;&#x0119;&#x015F;&#x0163;</span></p>
+
+ <p><span class="Arial">&#x0162;&#x0119;&#x015F;&#x0163;</span> &mdash; <span class="Arial">&#x0162;&#x0119;&#x015F;&#x0163;</span></p>
+
+ <p><span class="CourierNew">&#x0162;&#x0119;&#x015F;&#x0163;</span> &mdash; <span class="CourierNew">&#x0162;&#x0119;&#x015F;&#x0163;</span></p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-013.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-013.xht
new file mode 100644
index 0000000000..7661c20b2c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-013.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: font and fallbacks</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" />
+ <link rel="match" href="fonts-013-ref.xht" />
+
+ <meta name="flags" content="ahem"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ p { color: navy; }
+ .a span.test { font: 4em "Ahem", "Times New Roman"; }
+ .a span.control { font: 4em "Times New Roman"; }
+ .b span.test { font: 4em "Ahem", "Arial"; }
+ .b span.control { font: 4em "Arial"; }
+ .c span.test { font: 4em "Ahem", "Courier New"; }
+ .c span.control { font: 4em "Courier New"; }
+ </style>
+ </head>
+ <body>
+ <div>In each of the three lines below, the two words should look identical.</div>
+ <p class="a">
+ <span class="test">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ &mdash;
+ <span class="control">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ </p>
+ <p class="b">
+ <span class="test">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ &mdash;
+ <span class="control">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ </p>
+ <p class="c">
+ <span class="test">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ &mdash;
+ <span class="control">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/fonts-014.xht b/testing/web-platform/tests/css/CSS2/fonts/fonts-014.xht
new file mode 100644
index 0000000000..dec823ebbf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/fonts-014.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: font and fallbacks</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#algorithm" />
+ <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" />
+ <link rel="match" href="fonts-013-ref.xht" />
+
+ <meta name="flags" content="ahem"/>
+ <style type="text/css">
+ p { color: navy; }
+ .a span.test { font: 4em "Missing Font", "Times New Roman"; }
+ .a span.control { font: 4em "Times New Roman"; }
+ .b span.test { font: 4em "Missing Font", "Arial"; }
+ .b span.control { font: 4em "Arial"; }
+ .c span.test { font: 4em "Missing Font", "Courier New"; }
+ .c span.control { font: 4em "Courier New"; }
+ </style>
+ </head>
+ <body>
+ <div>In each of the three lines below, the two words should look identical.</div>
+ <p class="a">
+ <span class="test">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ &mdash;
+ <span class="control">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ </p>
+ <p class="b">
+ <span class="test">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ &mdash;
+ <span class="control">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ </p>
+ <p class="c">
+ <span class="test">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ &mdash;
+ <span class="control">&#x0162;&#x0119;&#x015F;&#x0163;</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/shand-font-000-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/shand-font-000-ref.xht
new file mode 100644
index 0000000000..d0e14239fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/shand-font-000-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p.test {
+ font-family: serif;
+}
+</style>
+</head>
+<body>
+<p>The following paragraphs should be identical:</p>
+<p class="test">This should be in a normal weight font.</p>
+<p class="test">This should be in a normal weight font.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/shand-font-000.xht b/testing/web-platform/tests/css/CSS2/fonts/shand-font-000.xht
new file mode 100644
index 0000000000..ff01cdb29a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/shand-font-000.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Shorthand Properties (font)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/about.html#shorthand"/>
+ <link rel="match" href="shand-font-000-ref.xht"/>
+ <style type="text/css">
+
+ p.one { font-family: serif; } /* control */
+ p.two { font-weight: bold; font: 1em/normal serif; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following paragraphs should be identical:</p>
+
+ <p class="one">This should be in a normal weight font.</p>
+ <p class="two">This should be in a normal weight font.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/shand-font-001.xht b/testing/web-platform/tests/css/CSS2/fonts/shand-font-001.xht
new file mode 100644
index 0000000000..6cdb234eca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/shand-font-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Shorthand Properties (font)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/about.html#shorthand"/>
+ <link rel="match" href="shand-font-000-ref.xht"/>
+ <style type="text/css">
+
+ p.one { font-family: serif; } /* control */
+ p.two { font-weight: bold; }
+ p.two { font: 1em/normal serif; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following paragraphs should be identical:</p>
+
+ <p class="one">This should be in a normal weight font.</p>
+ <p class="two">This should be in a normal weight font.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/shand-font-002-ref.xht b/testing/web-platform/tests/css/CSS2/fonts/shand-font-002-ref.xht
new file mode 100644
index 0000000000..437989e877
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/shand-font-002-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p.test {
+ font-family: serif;
+ font-weight: bold;
+}
+</style>
+</head>
+<body>
+<p>The following paragraphs should be identical:</p>
+<p class="test">This should be in a bold font.</p>
+<p class="test">This should be in a bold font.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/shand-font-002.xht b/testing/web-platform/tests/css/CSS2/fonts/shand-font-002.xht
new file mode 100644
index 0000000000..cd054edfa1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/shand-font-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Shorthand Properties (font)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/about.html#shorthand"/>
+ <link rel="match" href="shand-font-002-ref.xht"/>
+ <style type="text/css">
+
+ p.one { font-family: serif; font-weight: bold; } /* control */
+ p.two { font: 1em/normal serif; font-weight: bold; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following paragraphs should be identical:</p>
+
+ <p class="one">This should be in a bold font.</p>
+ <p class="two">This should be in a bold font.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/shand-font-003.xht b/testing/web-platform/tests/css/CSS2/fonts/shand-font-003.xht
new file mode 100644
index 0000000000..fdb2948a13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/shand-font-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Shorthand Properties (font)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/about.html#shorthand"/>
+ <link rel="match" href="shand-font-002-ref.xht"/>
+ <style type="text/css">
+
+ p.one { font-family: serif; font-weight: bold; } /* control */
+ p.two { font: 1em/normal serif; }
+ p.two { font-weight: bold; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following paragraphs should be identical:</p>
+
+ <p class="one">This should be in a bold font.</p>
+ <p class="two">This should be in a bold font.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/fonts/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/fonts/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/a-green.css b/testing/web-platform/tests/css/CSS2/fonts/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/b-green.css b/testing/web-platform/tests/css/CSS2/fonts/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/black96x96.png b/testing/web-platform/tests/css/CSS2/fonts/support/black96x96.png
new file mode 100644
index 0000000000..4e5a7c7546
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/black96x96.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/fonts/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/c-red.css b/testing/web-platform/tests/css/CSS2/fonts/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/cat.png b/testing/web-platform/tests/css/CSS2/fonts/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/diamond.png b/testing/web-platform/tests/css/CSS2/fonts/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/green15x15.png b/testing/web-platform/tests/css/CSS2/fonts/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/fonts/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/fonts/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/fonts/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/fonts/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/ring.png b/testing/web-platform/tests/css/CSS2/fonts/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/square-purple.png b/testing/web-platform/tests/css/CSS2/fonts/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/square-teal.png b/testing/web-platform/tests/css/CSS2/fonts/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/square-white.png b/testing/web-platform/tests/css/CSS2/fonts/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/test-bl.png b/testing/web-platform/tests/css/CSS2/fonts/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/test-br.png b/testing/web-platform/tests/css/CSS2/fonts/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/test-outer.png b/testing/web-platform/tests/css/CSS2/fonts/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/test-tl.png b/testing/web-platform/tests/css/CSS2/fonts/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/fonts/support/test-tr.png b/testing/web-platform/tests/css/CSS2/fonts/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/fonts/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-001.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-001.xht
new file mode 100644
index 0000000000..c63b365819
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Marker box position - first-child block box with 'overflow'</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/>
+ <meta name="assert" content="The position of a first-child block box inside a principal box must not be affected by 'overflow' being applied to the first-child, when marker box is positioned outside the principal box"/>
+ <style type="text/css">
+ #test{
+ background:red;
+ display:list-item;
+ font-size:85px;
+ margin:50px;
+ }
+ #test div{
+ background:lime;
+ overflow:auto;
+ }
+ </style>
+ </head>
+
+ <body>
+ <p>To pass, there <strong>must</strong> be a bullet (filled-in circle) visible which <strong>should</strong> appear alongside the green bar to the left, and there <strong>must not</strong> not be any red in this page.</p>
+ <div id="test">
+ <div>&nbsp;</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-002.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-002.xht
new file mode 100644
index 0000000000..8cec7d72d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Marker box position - descendant block box with 'overflow'</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/>
+ <meta name="assert" content="The position of a descendant block box inside a principal box must not be affected by 'overflow' being applied to the descendant, when marker box is positioned outside the principal box"/>
+ <style type="text/css">
+ #test{
+ background:red;
+ display:list-item;
+ font-size:85px;
+ margin:50px;
+ }
+ #test div.descendant{
+ background:lime;
+ display: block;
+ overflow:auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>To pass, there <strong>must</strong> be a bullet (filled-in circle) visible which <strong>should</strong> appear alongside the green bar to the left, and there <strong>must not</strong> not be any red in this page.</p>
+ <div id="test">
+ <div><div class="descendant">&nbsp;</div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-003.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-003.xht
new file mode 100644
index 0000000000..2b30663b85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-003.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Marker box position - list-item overflow - 'list-style-position:inside'</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/>
+ <meta name="assert" content="'overflow' applied to principal box and presence of child block box (in normal flow) must have no affect on visibility or position of marker box"/>
+ <style type="text/css">
+ #test{
+ display:list-item;
+ font-size:85px;
+ color:navy;
+ list-style-position:inside;
+ overflow:auto;
+ }
+ #test div{
+ background:blue;
+ display:block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>To pass, there <strong>must</strong> be a bullet (filled-in circle) above a blue bar</p>
+ <div id="test">
+ <div>&nbsp;</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-004.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-004.xht
new file mode 100644
index 0000000000..a6c9514c3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-004.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Marker box position - list-item overflow - 'list-style-position:outside'</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <meta name="flags" content="may"/>
+ <meta name="assert" content="'overflow' applied to the list-item must not clip the marker box"/>
+ <style type="text/css">
+ #test{
+ display:list-item;
+ font-size:200px;
+ margin-left:150px;
+ overflow:auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>To pass, there <strong>must</strong> be a bullet (filled-in circle) below</p>
+ <div id="test">
+ &nbsp;
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-005.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-005.xht
new file mode 100644
index 0000000000..86d53a2ac9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-005.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Marker box position (inside principal box) - block box in normal flow (as child of principal box)</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/>
+ <meta name="assert" content="Since a marker box is the first inline element in the principal box when 'list-style-position:inside', the following block box (in normal flow) must create a new stacking context below the marker box"/>
+ <style type="text/css">
+ #test{
+ background:lime;
+ color:lime;
+ display:list-item;
+ font-size:85px;
+ list-style-position:inside;
+ }
+ #test div{
+ background:blue;
+ display:block;
+ }
+ </style>
+ </head>
+
+ <body>
+ <p>To pass, there <strong>must</strong> be a green bar stacked on top of a blue bar.</p>
+ <div id="test">
+ <div>&nbsp;</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-006.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-006.xht
new file mode 100644
index 0000000000..9e76b4de75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-006.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Marker box position (inside principal box) - block box with 'float:left' (as child of principal box)</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position"/>
+ <meta name="assert" content="Since a marker box is the first inline element in the principal box when 'list-style-position:inside', the following block box (floated to the left) must visually appear before the marker box in the rendered document"/>
+ <style type="text/css">
+ #test{
+ color:navy;
+ display:list-item;
+ font-size:85px;
+ list-style-position:inside;
+ }
+ #test div{
+ background:blue;
+ float:left;
+ height:100px;
+ width:100px;
+ }
+ </style>
+ </head>
+
+ <body>
+ <p>To pass, there <strong>must</strong> be a bullet (filled-in circle) to the right of a square.</p>
+ <div id="test">
+ <div>&nbsp;</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-007.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-007.xht
new file mode 100644
index 0000000000..a06016d3f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-007.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Marker box position (inside principal box) - block box with 'float:right' (as child of principal box)</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position"/>
+ <meta name="assert" content=""/>
+ <style type="text/css">
+ #test{
+ color:navy;
+ display:list-item;
+ font-size:85px;
+ list-style-position:inside;
+ }
+ #test div{
+ background:blue;
+ float:right;
+ height:100px;
+ width:100px;
+ }
+ </style>
+ </head>
+
+ <body>
+ <p>To pass, there <strong>must</strong> be a bullet (filled-in circle) to the left of the page, and a square to the right of the page.</p>
+ <div id="test">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-008.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-008.xht
new file mode 100644
index 0000000000..227ce20867
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-008.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Marker box position (outside principal box) - floated-left child</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
+ <meta name="assert" content="A floated element (as a child of the principal box) should not affect the horizontal position of the marker box (positioned outside principal box) in relation to the principal box's content"/>
+ <style type="text/css">
+ #test{
+ border-top:3px solid black;
+ display:list-item;
+ font-size:85px;
+ list-style-position:outside;
+ margin:100px;
+ }
+ #test div{
+ background:yellow;
+ float:left;
+ height:100px;
+ width:100px;
+ }
+ </style>
+ </head>
+
+ <body>
+ <p>To pass, a bullet (filled-in circle) <strong>must</strong> appear to the left of a yellow square, and the bullet probably <strong>should not</strong> appear above the black line.</p>
+ <div id="test">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-009.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-009.xht
new file mode 100644
index 0000000000..b0ce957398
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-009.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Marker box position (outside principal box) - floated-right child</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
+ <meta name="assert" content="A floated element (as a child of the principal box) should not affect the horizontal position of the marker box (positioned outside principal box) in relation to the principal box's content"/>
+ <style type="text/css">
+ #test{
+ border-top:3px solid black;
+ display:list-item;
+ font-size:85px;
+ list-style-position:outside;
+ margin:100px;
+ width:250px;
+ }
+ #test div{
+ background:yellow;
+ float:right;
+ height:100px;
+ width:100px;
+ }
+ </style>
+ </head>
+
+ <body>
+ <p>To pass, a bullet (filled-in circle) <strong>must</strong> appear to the left of a yellow square, and the bullet probably <strong>should not</strong> appear above the black line.</p>
+ <div id="test">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-010.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-010.xht
new file mode 100644
index 0000000000..862745ca89
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-010.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Marker box position (outside principal box) - :before pseudo-element list-item ('list-style-position:inside')</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/>
+ <meta name="assert" content="When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). The document tree content of the associated element must be placed after the principal box established by the :before pseudo element. The presence of the :before pseudo element in this context, must have no affect on the position of the marker box of the associated element as it must still appear to the outside left edge of it's own principal box (since 'list-style-position:outside')."/>
+ <style type="text/css">
+ #test{
+ background:silver;
+ color:blue;
+ display:list-item;
+ font-size:85px;
+ margin:100px;
+ }
+ #test:before{
+ color:yellow;
+ content:'T';
+ display:list-item;
+ list-style-position:inside;
+ }
+ </style>
+ </head>
+ <body>
+ <p>To pass, there <strong>must</strong> be a blue bullet (filled-in circle) to the left outside edge of a grey box. Also, there <strong>must</strong> be a yellow bullet to the left inside edge of the grey box, with a yellow letter to the right of the yellow bullet, and there <strong>must</strong> be a blue letter below the yellow bullet, within the grey box.</p>
+ <div id="test">
+ T
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-011.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-011.xht
new file mode 100644
index 0000000000..368bb0c4ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-011.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Marker box position (inside principal box) - :before pseudo-element list-item ('list-style-position:outside')</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/>
+ <meta name="assert" content="When the :before element is set as a list-item, it establishes a principal box and a marker box which is positioned outside of that principal box (since 'list-style-position:outside). The document tree content of the associated element must be placed after the principal box established by the :before pseudo element. Since the marker box of the associated element must be the first inline element within it's principal box (since 'list-style-position:inside'), that marker box must appear before the marker box and principal box of the :before pseudo-element."/>
+ <style type="text/css">
+ #test{
+ background:silver;
+ color:blue;
+ display:list-item;
+ font-size:85px;
+ list-style-position:inside;
+ margin:100px;
+ }
+ #test:before{
+ color:yellow;
+ content:'T';
+ display:list-item;
+ list-style-position:outside;
+ }
+ </style>
+ </head>
+ <body>
+ <p>To pass, there <strong>must</strong> be a blue bullet (filled-in circle) to the inside left edge of a grey box, below which <strong>must</strong> be a yellow letter, with a yellow bullet to the left (positioned outside of the grey box) of the yellow letter. Below the yellow letter, there <strong>must</strong> be a blue letter.</p>
+ <div id="test">
+ T
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-012.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-012.xht
new file mode 100644
index 0000000000..c770c18de7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-012.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Marker box position (inside principal box) - :before pseudo-element list-item ('list-style-position:inside')</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/>
+ <meta name="assert" content="When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). The document tree content of the associated element must be placed after the principal box established by the :before pseudo element. Since the marker box of the associated element must be the first inline element within it's principal box (since 'list-style-position:inside'), that marker box must appear before the marker box and principal box of the :before pseudo-element."/>
+ <style type="text/css">
+ #test{
+ background:silver;
+ color:blue;
+ display:list-item;
+ font-size:85px;
+ list-style-position:inside;
+ margin:100px;
+ }
+ #test:before{
+ color:yellow;
+ content:'T';
+ display:list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>To pass, there <strong>must</strong> be a blue bullet (filled-in circle) to the inside left edge of a grey box, below which must be a yellow bullet and a yellow letter to the right of that yellow bullet. Below the yellow bullet, there <strong>must</strong> be a blue letter.</p>
+ <div id="test">
+ T
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-013.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-013.xht
new file mode 100644
index 0000000000..7e05468765
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-013.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Marker box position (outside principal box) - :before pseudo-element list-item ('list-style-position:outside')</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/>
+ <meta name="assert" content="When the :before element is set as a list-item, it establishes a principal box and a marker box which is positioned outside of that principal box (since 'list-style-position:outside). The document tree content of the associated element must be placed after the principal box established by the :before pseudo element. The position of the marker box of the associated element must still appear to the outside left edge of it's principal box (since 'list-style-position:outside') and should be positioned towards the top of this principal box. Since the marker box of the :before pseudo element should be positioned at the same coordinate as the associated element's marker box, either bullet could appear in front of the other (since stacking levels of marker boxes aren't defined in CSS2.1, in this context)."/>
+ <style type="text/css">
+ #test{
+ background:silver;
+ color:blue;
+ display:list-item;
+ font-size:85px;
+ list-style-position:outside;
+ margin:100px;
+ }
+ #test:before{
+ color:yellow;
+ content:'T';
+ display:list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>To pass, there <strong>must</strong> be <em>either</em> a blue <em>or</em> yellow bullet (filled-in circle) to the outside left edge of a grey box, with a yellow letter to the right of that bullet. There <strong>must</strong> also be a blue letter below the yellow letter.</p>
+ <div id="test">
+ T
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-014.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-014.xht
new file mode 100644
index 0000000000..51756c378a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-014.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Marker box position (outside principal box) - floated :before pseudo-element list-item ('list-style-position:inside')</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/>
+ <meta name="assert" content="When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). Since this :before pseudo element is floated left, the document tree content of the associated element must appear alongside (after) this :before pseudo element. The position of the marker box of the associated element must not be affected, as it must still appear to the outside left edge of it's principal box (since 'list-style-position:outside')."/>
+ <style type="text/css">
+ #test{
+ background:silver;
+ color:blue;
+ display:list-item;
+ font-size:85px;
+ margin:100px;
+ }
+ #test:before{
+ color:yellow;
+ content:'T';
+ display:list-item;
+ float:left;
+ list-style-position:inside;
+ }
+ </style>
+ </head>
+ <body>
+ <p>To pass, there <strong>must</strong> be blue bullet (filled-in circle) to the outside left edge of a grey box. Inside the grey box, there <strong>must</strong> be a yellow bullet to the left of a yellow letter. There <strong>must</strong> also be a blue letter to the right of the yellow letter.</p>
+ <div id="test">
+ T
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-015.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-015.xht
new file mode 100644
index 0000000000..295fb9812e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-015.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Marker box position (inside principal box) - floated :before pseudo-element list-item ('list-style-position:outside')</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/>
+ <meta name="assert" content="When the :before element is set as a list-item, it establishes a principal box and a marker box which is positioned outside of that principal box (since 'list-style-position:outside). Since this :before pseudo element is floated left, the principal box (and marker box, since 'list-style-position:inside') of the associated element must appear alongside (after) this :before pseudo element. The position of the marker box of the :before pseudo element must still appear to the outside left edge of it's associated element's principal box (since 'list-style-position:outside')."/>
+ <style type="text/css">
+ #test{
+ background:silver;
+ color:blue;
+ display:list-item;
+ font-size:85px;
+ list-style-position:inside;
+ margin:100px;
+ }
+ #test:before{
+ color:yellow;
+ content:'T';
+ display:list-item;
+ float:left;
+ list-style-position:outside;
+ }
+ </style>
+ </head>
+ <body>
+ <p>To pass, there <strong>must</strong> a yellow bullet (filled-in circle) to the left outside edge of a grey box. Inside the grey box, there <strong>must</strong> be a yellow letter to the left of a blue bullet, and a blue letter to the right of the blue bullet.</p>
+ <div id="test">
+ T
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-016.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-016.xht
new file mode 100644
index 0000000000..878f14a05b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-016.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Marker box position (inside principal box) - floated :before pseudo-element list-item ('list-style-position:inside')</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/>
+ <meta name="assert" content="When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). Since the :before pseudo element is floated left, the principal box (and marker box, since 'list-style-position:inside') of the associated element must appear alongside (after) the :before pseudo element."/>
+ <style type="text/css">
+ #test{
+ background:silver;
+ color:blue;
+ display:list-item;
+ font-size:85px;
+ list-style-position:inside;
+ margin:100px;
+ }
+ #test:before{
+ color:yellow;
+ content:'T';
+ display:list-item;
+ float:left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>To pass, there <strong>must</strong> a yellow bullet (filled-in circle) to the inside left edge of a grey box, and a yellow letter to the right of the yellow bullet. There <strong>must</strong> also be a blue bullet to the right of the yellow letter, and a blue letter to the right of the blue bullet.</p>
+ <div id="test">
+ T
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-017.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-017.xht
new file mode 100644
index 0000000000..dbeaabc1af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-017.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Marker box position (outside principal box) - floated :before pseudo-element list-item ('list-style-position:outside')</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/>
+ <meta name="assert" content="When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). Since the :before pseudo element is floated left, The document tree content of the associated element must appear alongside (after) the :before pseudo element. Since the marker box of the :before pseudo element should be positioned at the same coordinate as the associated element's marker box, either bullet could appear in front of the other (since stacking levels of marker boxes aren't defined in CSS2.1, in this context)."/>
+ <style type="text/css">
+ #test{
+ background:silver;
+ color:blue;
+ display:list-item;
+ font-size:85px;
+ list-style-position:outside;
+ margin:100px;
+ }
+ #test:before{
+ color:yellow;
+ content:'T';
+ display:list-item;
+ float:left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>To pass, there <strong>must</strong> be <em>either</em> a blue <em>or</em> yellow bullet (filled-in circle) to the outside left edge of a grey box. Also, there <strong>must</strong> be a yellow letter to the inside left edge of the grey box, and a blue letter to the right of a yellow letter.</p>
+ <div id="test">
+ T
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/generate/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/generate/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/generate/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/generate/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/generate/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/generate/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/generate/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/generate/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/a-green.css b/testing/web-platform/tests/css/CSS2/generate/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/b-green.css b/testing/web-platform/tests/css/CSS2/generate/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/bidi-list-style-image-001.png b/testing/web-platform/tests/css/CSS2/generate/support/bidi-list-style-image-001.png
new file mode 100644
index 0000000000..cf5e88e2a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/bidi-list-style-image-001.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/c-red.css b/testing/web-platform/tests/css/CSS2/generate/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/cat.png b/testing/web-platform/tests/css/CSS2/generate/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/import-green.css b/testing/web-platform/tests/css/CSS2/generate/support/import-green.css
new file mode 100644
index 0000000000..537104e663
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/import-green.css
@@ -0,0 +1 @@
+.import { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/import-red.css b/testing/web-platform/tests/css/CSS2/generate/support/import-red.css
new file mode 100644
index 0000000000..9945ef4711
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/import-red.css
@@ -0,0 +1 @@
+.import { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/ruler-h-50%.png b/testing/web-platform/tests/css/CSS2/generate/support/ruler-h-50%.png
new file mode 100644
index 0000000000..cf2eea6b43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/ruler-h-50%.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/ruler-h-50px.png b/testing/web-platform/tests/css/CSS2/generate/support/ruler-h-50px.png
new file mode 100644
index 0000000000..9f46583665
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/ruler-h-50px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/ruler-v-100px.png b/testing/web-platform/tests/css/CSS2/generate/support/ruler-v-100px.png
new file mode 100644
index 0000000000..a837eca222
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/ruler-v-100px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/ruler-v-50px.png b/testing/web-platform/tests/css/CSS2/generate/support/ruler-v-50px.png
new file mode 100644
index 0000000000..8414102802
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/ruler-v-50px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/square-purple.png b/testing/web-platform/tests/css/CSS2/generate/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/square-teal.png b/testing/web-platform/tests/css/CSS2/generate/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/square-white.png b/testing/web-platform/tests/css/CSS2/generate/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/generate/support/support/swatch-green.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/generate/support/support/swatch-red.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/generate/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/generate/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/generate/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/generate/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/generate/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/generate/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/generate/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/test-bl.png b/testing/web-platform/tests/css/CSS2/generate/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/test-br.png b/testing/web-platform/tests/css/CSS2/generate/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/test-inner-half-size.png b/testing/web-platform/tests/css/CSS2/generate/support/test-inner-half-size.png
new file mode 100644
index 0000000000..e473bf80ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/test-inner-half-size.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/test-outer.png b/testing/web-platform/tests/css/CSS2/generate/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/test-tl.png b/testing/web-platform/tests/css/CSS2/generate/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generate/support/test-tr.png b/testing/web-platform/tests/css/CSS2/generate/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generate/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-001-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-001-ref.xht
new file mode 100644
index 0000000000..c30736f47a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-001-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
+
+ <div>Filler text Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-001.xht
new file mode 100644
index 0000000000..ea45942cfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-001.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :after generated content - display inline</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-001-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:after
+ {
+ content: " Filler text";
+ display: inline;
+ }
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-002-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-002-ref.xht
new file mode 100644
index 0000000000..1110982292
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-002-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-002.xht
new file mode 100644
index 0000000000..abbcff23be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-002.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :after generated content - display block</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:after
+ {
+ content: "Filler text";
+ display: block;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-003-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-003-ref.xht
new file mode 100644
index 0000000000..d214ec0cf3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-003-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ ul
+ {
+ margin: 0;
+ padding: 0;
+ }
+
+ li {margin-left: 1em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>. The 2nd line should be preceded with a bullet list-marker (a "disc" as a small filled-in circle).</p>
+
+ <div>Filler text</div>
+
+ <ul>
+ <li>Filler text</li>
+ </ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-003.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-003.xht
new file mode 100644
index 0000000000..e1c300ea9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-003.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :after generated content - display list-item</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="help" href="http://www.w3.org/TR/html4/struct/lists.html#h-10.3.1" />
+ <link rel="match" href="after-content-display-003-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:after
+ {
+ content: "Filler text";
+ display: list-item;
+ margin-left: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>. The 2nd line should be preceded with a bullet list-marker (a "disc" as a small filled-in circle).</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-005.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-005.xht
new file mode 100644
index 0000000000..2498d83e41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-005.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :after generated content - display inline-block</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-001-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:after
+ {
+ content: "Filler text";
+ display: inline-block;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
+
+ <div>Filler text </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-006.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-006.xht
new file mode 100644
index 0000000000..58f55f3fae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-006.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :after generated content - display table</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:after
+ {
+ content: "Filler text";
+ display: table;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-007.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-007.xht
new file mode 100644
index 0000000000..e183cb4753
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-007.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :after generated content - display inline-table</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-001-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:after
+ {
+ content: "Filler text";
+ display: inline-table;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
+
+ <div>Filler text </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-008.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-008.xht
new file mode 100644
index 0000000000..3423c58137
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-008.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :after generated content - display table-row-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:after
+ {
+ content: "Filler text";
+ display: table-row-group;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-009.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-009.xht
new file mode 100644
index 0000000000..f238a5af17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-009.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :after generated content - display table-header-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:after
+ {
+ content: "Filler text";
+ display: table-header-group;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-010.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-010.xht
new file mode 100644
index 0000000000..1af5125175
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-010.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :after generated content - display table-footer-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:after
+ {
+ content: "Filler text";
+ display: table-footer-group;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-011.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-011.xht
new file mode 100644
index 0000000000..8f15dce1b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-011.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :after generated content - display table-row</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:after
+ {
+ content: "Filler text";
+ display: table-row;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-012-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-012-ref.xht
new file mode 100644
index 0000000000..1249ef1244
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-012-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>one "Filler text"</strong> and no red.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-012.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-012.xht
new file mode 100644
index 0000000000..d1f700dbe7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-012.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :after generated content - display table-column-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <link rel="match" href="after-content-display-012-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none')." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:after
+ {
+ background-color: red;
+ color: yellow;
+ content: ".\0D FAIL";
+ display: table-column-group;
+ font-size: 2em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>one "Filler text"</strong> and no red.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-013.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-013.xht
new file mode 100644
index 0000000000..e79035060b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-013.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :after generated content - display table-column</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <link rel="match" href="after-content-display-012-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none')." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:after
+ {
+ background-color: red;
+ color: yellow;
+ content: ".\0D FAIL";
+ display: table-column;
+ font-size: 2em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>one "Filler text"</strong> and no red.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-014.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-014.xht
new file mode 100644
index 0000000000..e9fae96186
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-014.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :after generated content - display table-cell</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:after
+ {
+ content: "Filler text";
+ display: table-cell;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-015.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-015.xht
new file mode 100644
index 0000000000..41720a4a70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-015.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :after generated content - display table-caption</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:after
+ {
+ content: "Filler\A0text";
+ /* Without a table box, the table-caption may shrink to minimum
+ content width (MCW), thus the no-breaking-space (in utf-8)
+ addition to avoid line-wrapping causing 2 lines. */
+ display: table-caption;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-016.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-016.xht
new file mode 100644
index 0000000000..6f53a052d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-016.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :after generated content - display none</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-012-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:after
+ {
+ background-color: red;
+ color: yellow;
+ content: ".\0D FAIL";
+ display: none;
+ font-size: 2em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>one "Filler text"</strong> and no red.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-017.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-017.xht
new file mode 100644
index 0000000000..250534a481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-017.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :after generated content - display inherit</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:after
+ {
+ content: "Filler text";
+ display: inherit;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-018.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-018.xht
new file mode 100644
index 0000000000..8e3ac35fc8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-content-display-018.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :after generated content - initial value of display </title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="match" href="after-content-display-001-ref.xht" />
+ <meta content="The initial value of the 'display' for generated content property is 'inline'." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:after
+ {
+ content: " Filler text";
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-inheritable-001-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/after-inheritable-001-ref.html
new file mode 100644
index 0000000000..77aa2dbd51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-inheritable-001-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: solid;
+ color: green;
+ text-align: center;
+ }
+</style>
+<body>
+ <p>Test passes if the words "PASS PASS" below are green and the words are centered within the box below.</p>
+ <div>PASS PASS</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-inheritable-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-inheritable-001.xht
new file mode 100644
index 0000000000..d9f0684445
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-inheritable-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo-element ':after' inherits inheritable values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="match" href="after-inheritable-001-ref.html" />
+ <meta name="assert" content="The pseudo-element ':after' generated content inherits any inheritable properties from the element." />
+ <style type="text/css">
+ div
+ {
+ border: solid;
+ color: green;
+ text-align: center;
+ }
+ div:after
+ {
+ content: 'PASS PASS';
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" below are green and the words are centered within the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-inheritable-002-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/after-inheritable-002-ref.html
new file mode 100644
index 0000000000..541589be21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-inheritable-002-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 15px solid blue;
+ color: green;
+ }
+ a {
+ border-color: orange;
+ border-style: solid;
+ }
+</style>
+<body>
+ <p>Test passes if the words "PASS PASS" are green, they are contained within an orange box with thinner lines than the blue box.</p>
+ <div><a>PASS PASS</a></div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-inheritable-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-inheritable-002.xht
new file mode 100644
index 0000000000..c99290f862
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-inheritable-002.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo-element ':after' does not inherit non-inheritable values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="match" href="after-inheritable-002-ref.html" />
+ <meta name="assert" content="Non-inherited properties apply their initial value when applying to ':after'." />
+ <style type="text/css">
+ div
+ {
+ border: 15px solid blue;
+ color: green;
+ }
+ div:after
+ {
+ border-color: orange;
+ border-style: solid;
+ content: 'PASS PASS';
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" are green, they are contained within an orange box with thinner lines than the blue box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-location-001-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/after-location-001-ref.html
new file mode 100644
index 0000000000..5b4f25f23d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-location-001-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<body>
+ <p>Test passes if the words "PASS PASS" appear below and are to the right of the arrow.</p>
+ <div>--&gt;PASS PASS</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/after-location-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/after-location-001.xht
new file mode 100644
index 0000000000..b1e4974824
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/after-location-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: After applies after text</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="match" href="after-location-001-ref.html" />
+ <meta name="assert" content="After places the generated content after the element content." />
+ <style type="text/css">
+ div:after
+ {
+ content: 'PASS PASS';
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear below and are to the right of the arrow.</p>
+ <div>--&gt;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-001.xht
new file mode 100644
index 0000000000..05351a0430
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Before, after applies to same selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Multiple pseudo-elements cannot be placed on the same selector." />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ }
+ div:before:after
+ {
+ content: 'FAIL FAIL';
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-002.xht
new file mode 100644
index 0000000000..fcd24380d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Before, after is included in formatting changes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="match" href="content-003-ref.html" />
+ <meta name="assert" content="Generated content is included in any formatting changes made to an element." />
+ <style type="text/css">
+ div
+ {
+ border: 2px solid black;
+ color: green;
+ }
+ div:before
+ {
+ content: 'PASS ';
+ }
+ div:after
+ {
+ content: 'PASS';
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-011-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-011-ref.xht
new file mode 100644
index 0000000000..7b30a84370
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-011-ref.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div.table
+ {
+ border-spacing: 0;
+ color: green;
+ display: table;
+ }
+
+ div.row {display: table-row;}
+
+ div.cell
+ {
+ background-color: white;
+ border: white solid medium;
+ display: table-cell;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the word <strong>PASS appear twice</strong> and if there is no red.</p>
+
+ <div class="table">
+
+ <div class="row">
+ <div class="cell">P</div>
+ <div class="cell">A</div>
+ <div class="cell">S</div>
+ <div class="cell">S</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">P</div>
+ <div class="cell">A</div>
+ <div class="cell">S</div>
+ <div class="cell">S</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-011.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-011.xht
new file mode 100644
index 0000000000..60fb721b8c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-011.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS table model and generated content: Basics</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/generated-content/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="before-after-011-ref.xht" />
+
+ <style type="text/css">
+ .table { display: table; border-spacing: 0; background: red; color: green; }
+ .row { display: table-row; }
+ .cell, .row.test:before, .row.test:after { display: table-cell; background: white; border: solid white; }
+ .row.test:before { content: "P"; }
+ .row.test:after { content: "S"; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word <strong>PASS appear twice</strong> and if there is no red.</p>
+ <div class="table">
+ <div class="row">
+ <div class="cell">P</div>
+ <div class="cell">A</div>
+ <div class="cell">S</div>
+ <div class="cell">S</div>
+ </div>
+ <div class="row test">
+ <!--<div class="cell">P</div>-->
+ <div class="cell">A</div>
+ <div class="cell">S</div>
+ <!--<div class="cell">S</div>-->
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-display-types-001-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-display-types-001-ref.xht
new file mode 100644
index 0000000000..2aafd0dd10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-display-types-001-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<style type="text/css">
+div { border:1px solid green; margin:5px; }
+</style>
+</head>
+<body>
+<table width="100%"><tbody><tr><td valign="top">
+ <div><span style="display:block">1<img src="support/square-outline-32x32.png" />"Before block</span>Inner<span style="display:block">2<img src="support/square-outline-32x32.png" />After block"</span></div>
+ <div><span style="display:inline">1<img src="support/square-outline-32x32.png" />"Before inline</span>Inner<span style="display:inline">2<img src="support/square-outline-32x32.png" />After inline"</span></div>
+ <div><span style="display:inline-block">1<img src="support/square-outline-32x32.png" />"Before inline-block</span>Inner<span style="display:inline-block">2<img src="support/square-outline-32x32.png" />After inline-block"</span></div>
+ <div><span style="display:table">1<img src="support/square-outline-32x32.png" />"Before table</span>Inner<span style="display:table">2<img src="support/square-outline-32x32.png" />After table"</span></div>
+ <div><span style="display:inline-table">1<img src="support/square-outline-32x32.png" />"Before inline-table</span>Inner<span style="display:inline-table">2<img src="support/square-outline-32x32.png" />After inline-table"</span></div>
+ <div><span style="display:table-row-group">1<img src="support/square-outline-32x32.png" />"Before table-row-group</span>Inner<span style="display:table-row-group">2<img src="support/square-outline-32x32.png" />After table-row-group"</span></div>
+</td><td valign="top">
+ <div><span style="display:table-row">1<img src="support/square-outline-32x32.png" />"Before table-row</span>Inner<span style="display:table-row">2<img src="support/square-outline-32x32.png" />After table-row"</span></div>
+ <div><span style="display:table-cell">1<img src="support/square-outline-32x32.png" />"Before table-cell</span>Inner<span style="display:table-cell">2<img src="support/square-outline-32x32.png" />After table-cell"</span></div>
+ <div><span style="display:table-caption">1<img src="support/square-outline-32x32.png" />"Before table-caption</span>Inner<span style="display:table-caption">2<img src="support/square-outline-32x32.png" />After table-caption"</span></div>
+
+
+</td></tr></tbody></table></body></html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-display-types-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-display-types-001.xht
new file mode 100644
index 0000000000..2ced98b971
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-display-types-001.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: generated content</title>
+ <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="match" href="before-after-display-types-001-ref.xht"/>
+<style type="text/css">
+div { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"}
+
+div:before {
+ content:counter(ctr) url(support/square-outline-32x32.png) open-quote "Before " attr(class);
+ counter-increment:ctr;
+}
+div:after {
+ content:counter(ctr) url(support/square-outline-32x32.png) "After " attr(class) close-quote;
+ counter-increment:ctr;
+}
+
+.block:before, .block:after { display:block; }
+.inline:before, .inline:after { display:inline; }
+.inline-block:before, .inline-block:after { display:inline-block; }
+.table:before, .table:after { display:table; }
+.inline-table:before, .inline-table:after { display:inline-table; }
+.table-row-group:before, .table-row-group:after { display:table-row-group; }
+.table-row:before, .table-row:after { display:table-row; }
+.table-cell:before, .table-cell:after { display:table-cell; }
+.table-caption:before, .table-caption:after { display:table-caption; }
+
+div { border:1px solid green; margin:5px; }
+</style>
+</head>
+
+<body>
+<table width="100%"><tbody><tr><td valign="top">
+ <div class="block">Inner</div>
+ <div class="inline">Inner</div>
+ <div class="inline-block">Inner</div>
+ <div class="table">Inner</div>
+ <div class="inline-table">Inner</div>
+ <div class="table-row-group">Inner</div>
+</td><td valign="top">
+ <div class="table-row">Inner</div>
+ <div class="table-cell">Inner</div>
+ <div class="table-caption">Inner</div>
+</td></tr></tbody></table>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-dynamic-attr-001-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-dynamic-attr-001-ref.xht
new file mode 100644
index 0000000000..8fcd6586b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-dynamic-attr-001-ref.xht
@@ -0,0 +1,5 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head></head><body style="font-family:sans-serif;">
+before after!
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-dynamic-attr-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-dynamic-attr-001.xht
new file mode 100644
index 0000000000..acde603c1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-dynamic-attr-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait"><head>
+ <title>CSS Test: generated content</title>
+ <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="before-after-dynamic-attr-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+<style type="text/css">
+body {
+ font-family:sans-serif;
+}
+body:before {
+ content:attr(my-attr);
+}
+body:after {
+ content:attr(my-attr-2);
+}
+</style>
+<script type="text/javascript">
+function fixupDOM() {
+ document.body.setAttribute("my-attr", "before");
+ document.body.setAttribute("my-attr-2", "after!");
+ document.documentElement.className = "";
+}
+</script>
+</head>
+<body onload="fixupDOM()" my-attr-2="xyz">
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-dynamic-restyle-001-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-dynamic-restyle-001-ref.xht
new file mode 100644
index 0000000000..f217f34260
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-dynamic-restyle-001-ref.xht
@@ -0,0 +1,6 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head></head><body style="border:2px solid green;">
+<span style="border:2px solid green;">Before</span>
+<div>After</div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-dynamic-restyle-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-dynamic-restyle-001.xht
new file mode 100644
index 0000000000..bafa418f7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-dynamic-restyle-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait"><head>
+ <title>CSS Test: generated content</title>
+ <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="before-after-dynamic-restyle-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+<style type="text/css">
+body:before {
+ content:"Before";
+ border:inherit;
+}
+.cl:after {
+ display:block;
+ content:"After";
+}
+</style>
+<script type="text/javascript">
+function fixupDOM() {
+ document.body.setAttribute("style", "border:2px solid green;");
+ document.body.className = "cl";
+ document.documentElement.className = "";
+}
+</script>
+</head>
+<body onload="fixupDOM()">
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-floated-001-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-floated-001-ref.xht
new file mode 100644
index 0000000000..514887512a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-floated-001-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<style type="text/css">
+div { border:1px solid green; margin:5px; }
+div { overflow:auto; }
+</style>
+</head>
+<body>
+<div><span style="float:left">1<img src="support/square-outline-32x32.png" />"Before beforeleft afterleft</span>Inner<span style="float:left">2<img src="support/square-outline-32x32.png" />After beforeleft afterleft"</span></div>
+<div><span style="float:left">1<img src="support/square-outline-32x32.png" />"Before beforeleft afterright</span>Inner<span style="float:right">2<img src="support/square-outline-32x32.png" />After beforeleft afterright"</span></div>
+<div><span style="float:right">1<img src="support/square-outline-32x32.png" />"Before beforeright afterleft</span>Inner<span style="float:left">2<img src="support/square-outline-32x32.png" />After beforeright afterleft"</span></div>
+<div><span style="float:right">1<img src="support/square-outline-32x32.png" />"Before beforeright afterright</span>Inner<span style="float:right">2<img src="support/square-outline-32x32.png" />After beforeright afterright"</span></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-floated-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-floated-001.xht
new file mode 100644
index 0000000000..9a3cfc0c89
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-floated-001.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: generated content</title>
+ <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="match" href="before-after-floated-001-ref.xht"/>
+<style type="text/css">
+div { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"; }
+
+div:before {
+ content:counter(ctr) url(support/square-outline-32x32.png) open-quote "Before " attr(class);
+ counter-increment:ctr;
+}
+div:after {
+ content:counter(ctr) url(support/square-outline-32x32.png) "After " attr(class) close-quote;
+ counter-increment:ctr;
+}
+
+.beforeleft:before {
+ float:left;
+}
+.beforeright:before {
+ float:right;
+}
+.afterleft:after {
+ float:left;
+}
+.afterright:after {
+ float:right;
+}
+
+div { border:1px solid green; margin:5px; }
+div { overflow:auto; }
+</style>
+</head>
+<body>
+<div class="beforeleft afterleft">Inner</div>
+<div class="beforeleft afterright">Inner</div>
+<div class="beforeright afterleft">Inner</div>
+<div class="beforeright afterright">Inner</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-images-001-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-images-001-ref.xht
new file mode 100644
index 0000000000..9163bf53e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-images-001-ref.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<style type="text/css">
+div { border:1px solid green; margin:5px; }
+</style>
+</head>
+<body>
+<div>Inner</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-images-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-images-001.xht
new file mode 100644
index 0000000000..2d359ba712
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-images-001.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: generated content</title>
+ <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="before-after-images-001-ref.xht"/>
+<style type="text/css">
+div:before {
+ content:url(missing-image.png);
+}
+div { border:1px solid green; margin:5px; }
+</style>
+</head>
+<body><div>Inner</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-001-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-001-ref.xht
new file mode 100644
index 0000000000..ea3ac234b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-001-ref.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<style type="text/css">
+div { border:1px solid green; margin:5px; height:100px; }
+</style>
+</head>
+<body><div><span style="position:absolute; left:0">1<img src="support/square-outline-32x32.png" />"Before gen abs</span>Inner<span style="position:absolute; right:0">2<img src="support/square-outline-32x32.png" />After gen abs"</span></div>
+<div style="position:relative"><span style="position:absolute; left:0">1<img src="support/square-outline-32x32.png" />"Before gen abs</span>Inner<span style="position:absolute; right:0">2<img src="support/square-outline-32x32.png" />After gen abs"</span></div>
+<div><span style="position:relative; top:-10px;">1<img src="support/square-outline-32x32.png" />"Before gen rel</span>Inner<span style="position:relative; top:10px;">2<img src="support/square-outline-32x32.png" />After gen rel"</span></div>
+<div>Begin <span style="position:relative; top:-10px;">1<img src="support/square-outline-32x32.png" />"Before gen rel</span>Inner<span style="position:relative; top:10px;">2<img src="support/square-outline-32x32.png" />After gen rel"</span> End</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-001.xht
new file mode 100644
index 0000000000..37b22f31ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-001.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: generated content</title>
+ <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="match" href="before-after-positioned-001-ref.xht"/>
+<style type="text/css">
+div { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"; }
+
+.gen:before {
+ content:counter(ctr) url(support/square-outline-32x32.png) open-quote "Before " attr(class);
+ counter-increment:ctr;
+}
+.gen:after {
+ content:counter(ctr) url(support/square-outline-32x32.png) "After " attr(class) close-quote;
+ counter-increment:ctr;
+}
+
+.abs:before {
+ position:absolute;
+ left:0;
+}
+.abs:after {
+ position:absolute;
+ right:0;
+}
+
+.rel:before {
+ position:relative;
+ top:-10px;
+}
+.rel:after {
+ position:relative;
+ top:10px;
+}
+
+div { border:1px solid green; margin:5px; height:100px; }
+</style>
+</head>
+<body><div class="gen abs">Inner</div>
+<!-- an element should be the containing block for its positioned content -->
+<div style="position:relative;" class="gen abs">Inner</div>
+<div class="gen rel">Inner</div>
+<div>Begin <span class="gen rel">Inner</span> End</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-002-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-002-ref.html
new file mode 100644
index 0000000000..66dc20e5b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-002-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com">
+<style type="text/css">
+#test {
+ position: absolute;
+ background: blue;
+ height: 100px;
+ width: 100px;
+ right: 0px;
+ bottom: 0px;
+}
+</style>
+<p>Test passes if there is a square (four equal sides) at the bottom right of the page.</p>
+<div id="test"></div>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-002.html b/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-002.html
new file mode 100644
index 0000000000..30a2649d93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-002.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ <title>CSS Test: :before/:after pseudo-elements - 'position:fixed'</title>
+ <link rel="author" title="James Hopkins" href="mailto:james(at)idreamincode.co.uk">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content">
+ <link rel="match" href="before-after-positioned-002-ref.html">
+ <meta name="assert" content="Since the restriction on assigning positioning schemes to the :before and :after pseudo elements was lifted in CSS 2.1, this tests whether 'position:fixed' can be correctly applied to both pseudo elements.">
+ <style type="text/css">
+ #test:after,
+ #test:before{
+ background:blue;
+ bottom:0;
+ content:"";
+ height:100px;
+ position:fixed;
+ right:0;
+ width:50px;
+ }
+ #test:before{
+ bottom:0;
+ right:50px;
+ }
+ </style>
+ </head>
+
+ <body>
+ <p>Test passes if there is a square (four equal sides) at the bottom right of the page.</p>
+ <div id="test"></div>
+ </body>
+
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-003.html b/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-003.html
new file mode 100644
index 0000000000..f187b2bad0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-003.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ <title>CSS Test: :before/:after pseudo-elements - 'position:absolute'</title>
+ <link rel="author" title="James Hopkins" href="mailto:james(at)idreamincode.co.uk">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content">
+ <link rel="match" href="before-after-positioned-002-ref.html">
+ <meta name="assert" content="Since the restriction on assigning positioning schemes to the :before and :after pseudo elements was lifted in CSS 2.1, this tests whether 'position:absolute' can be correctly applied to both pseudo elements.">
+ <style type="text/css">
+ #test:after,
+ #test:before{
+ background:blue;
+ bottom:0;
+ content:"";
+ height:100px;
+ position:absolute;
+ right:0;
+ width:50px;
+ }
+ #test:before{
+ bottom:0;
+ right:50px;
+ }
+ </style>
+ </head>
+
+ <body>
+ <p>Test passes if there is a square (four equal sides) at the bottom right of the page.</p>
+ <div id="test"></div>
+ </body>
+
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-004-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-004-ref.html
new file mode 100644
index 0000000000..0887626d93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-004-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com">
+<style type="text/css">
+#test {
+ background: blue;
+ height: 100px;
+ width: 100px;
+}
+</style>
+<p>Test passes if there is a square (four equal sides) below.</p>
+<div id="test"></div>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-004.html b/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-004.html
new file mode 100644
index 0000000000..99147574a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-positioned-004.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ <title>CSS Test: :before/:after pseudo-elements - 'position:relative'</title>
+ <link rel="author" title="James Hopkins" href="mailto:james(at)idreamincode.co.uk">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content">
+ <link rel="match" href="before-after-positioned-004-ref.html">
+ <meta name="assert" content="Since the restriction on assigning positioning schemes to the :before and :after pseudo elements was lifted in CSS 2.1, this tests whether 'position:relative' can be correctly applied to both pseudo elements.">
+ <style type="text/css">
+ #test:after,
+ #test:before{
+ background:blue;
+ content:"";
+ display:block;
+ height:100px;
+ left:0;
+ position:relative;
+ top:-100px;
+ width:50px;
+ }
+ #test:before{
+ left:50px;
+ top:0;
+ }
+ </style>
+ </head>
+
+ <body>
+ <p>Test passes if there is a square (four equal sides) below.</p>
+ <div id="test"></div>
+ </body>
+
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-table-parts-001-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-table-parts-001-ref.xht
new file mode 100644
index 0000000000..d9017a6e57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-table-parts-001-ref.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<style type="text/css">
+table { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"; }
+
+table { border:1px solid blue; }
+td.real { border:1px solid cyan; }
+td { border-spacing:0; padding:0; }
+
+.table { display:table; }
+.row { display:table-row; }
+.rowgroup { display:table-row-group; }
+
+div { border:1px solid green; margin:5px; }
+div.cell { border:none; display:table-cell; }
+div.real { display:table-cell; }
+
+.tall { height:100px; }
+
+.yellow { background:yellow; }
+.orange { background:orange; }
+.brown { background:brown; }
+</style>
+</head>
+
+<body>
+<table width="100%" style="border:none"><tbody><tr><td style="border:none" valign="top">
+ <div><table><tbody><tr><td>1<img src="support/square-outline-32x32.png" />"Before gen</td><td class="real">Inner</td><td>2<img src="support/square-outline-32x32.png" />After gen"</td></tr></tbody></table></div>
+ <div><table><tbody><tr><td>1<img src="support/square-outline-32x32.png" />"Before gen</td></tr><tr><td class="real">Inner</td></tr><tr><td>2<img src="support/square-outline-32x32.png" />After gen"</td></tr></tbody></table></div>
+ <div><table><tbody><tr><td>1<img src="support/square-outline-32x32.png" />"Before gen</td></tr><tr><td>2<img src="support/square-outline-32x32.png" />After gen"</td></tr><tr><td class="real">Inner</td></tr></tbody></table></div>
+ <div><table><tbody><tr><td class="real">Inner</td></tr></tbody></table></div>
+ <div><table><tbody><tr><td>2<img src="support/square-outline-32x32.png" />After gen headfoot"</td></tr><tr><td class="real">Inner</td></tr><tr><td>1<img src="support/square-outline-32x32.png" />"Before gen headfoot</td></tr></tbody></table></div>
+ <div><div class="table tall"><div class="cell yellow">1<img src="support/square-outline-32x32.png" />"Before gen table gencell varyheight</div><div class="real orange">Inner</div><div class="cell brown">2<img src="support/square-outline-32x32.png" />After gen table gencell varyheight"</div></div></div>
+ <div><div><div style="border:none; margin:0;" class="table tall"><div class="cell yellow">1<img src="support/square-outline-32x32.png" />"Before gen gencell varyheight</div><div class="real orange">Inner</div><div class="cell brown">2<img src="support/square-outline-32x32.png" />After gen gencell varyheight"</div></div></div></div>
+ <div><div><div style="border:none; margin:0;" class="table"><div class="row yellow">1<img src="support/square-outline-32x32.png" />"Before gen genrow varywidth</div><div class="row orange">Inner</div><div class="row brown">2<img src="support/square-outline-32x32.png" />After gen genrow varywidth"</div></div></div></div>
+</td><td style="border:none" valign="top">
+ <div><div class="row"><div class="cell">1<img src="support/square-outline-32x32.png" />"Before gen row gencell</div><div class="real">Inner</div><div class="cell">2<img src="support/square-outline-32x32.png" />After gen row gencell"</div></div></div>
+ <div><div class="row"><div class="cell">1<img src="support/square-outline-32x32.png" />"Before gen row genblock</div><div class="real">Inner</div><div class="cell">2<img src="support/square-outline-32x32.png" />After gen row genblock"</div></div></div>
+ <div><div class="row"><div class="cell">1<img src="support/square-outline-32x32.png" />"Before gen row geninline</div><div class="real">Inner</div><div class="cell">2<img src="support/square-outline-32x32.png" />After gen row geninline"</div></div></div>
+ <div><div class="rowgroup"><div class="row">1<img src="support/square-outline-32x32.png" />"Before gen rowgroup genrow</div><div class="row"><div class="real">Inner</div></div><div class="row">2<img src="support/square-outline-32x32.png" />After gen rowgroup genrow"</div></div></div>
+ <div><div class="rowgroup"><div class="row">1<img src="support/square-outline-32x32.png" />"Before gen rowgroup gencell</div><div class="row"><div class="real">Inner</div></div><div class="row">2<img src="support/square-outline-32x32.png" />After gen rowgroup gencell"</div></div></div>
+ <div><div class="rowgroup"><div class="row">1<img src="support/square-outline-32x32.png" />"Before gen rowgroup genblock</div><div class="row"><div class="real">Inner</div></div><div class="row">2<img src="support/square-outline-32x32.png" />After gen rowgroup genblock"</div></div></div>
+ <div><div class="rowgroup"><div class="row">1<img src="support/square-outline-32x32.png" />"Before gen rowgroup geninline</div><div class="row"><div class="real">Inner</div></div><div class="row">2<img src="support/square-outline-32x32.png" />After gen rowgroup geninline"</div></div></div>
+</td></tr></tbody></table>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-table-parts-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-table-parts-001.xht
new file mode 100644
index 0000000000..f9eb998ebc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-table-parts-001.xht
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: generated content</title>
+ <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="match" href="before-after-table-parts-001-ref.xht"/>
+<style type="text/css">
+table, div.gen { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"; }
+
+.gen:before {
+ content:counter(ctr) url(support/square-outline-32x32.png) open-quote "Before " attr(class);
+ counter-increment:ctr;
+}
+.gen:after {
+ content:counter(ctr) url(support/square-outline-32x32.png) "After " attr(class) close-quote;
+ counter-increment:ctr;
+}
+
+table { border:1px solid blue; }
+td { border:1px solid cyan; }
+td { border-spacing:0; padding:0; }
+
+tr.gen:before, tr.gen:after { display:table-cell; }
+tbody.gen:before, tbody.gen:after { display:table-row; }
+table.gen:before, table.gen:after { display:table-row-group; }
+table.col:before, table.gen.col:after { display:table-column-group; }
+/* note reordering here! */
+table.headfoot:after { display:table-header-group; }
+table.headfoot:before { display:table-footer-group; }
+
+.cell { display:table-cell; }
+.row { display:table-row; }
+.rowgroup { display:table-row-group; }
+.table { display:table; }
+div.gencell:before, div.gencell:after { display:table-cell; }
+div.genrow:before, div.genrow:after { display:table-row; }
+div.genblock:before, div.genblock:after { display:block; }
+div.geninline:before, div.geninline:after { display:inline; }
+
+div { border:1px solid green; margin:5px; }
+
+.varyheight:before { height:100px; background:yellow; }
+.varyheight &gt; div { height:80px; background:orange; }
+.varyheight:after { height:60px; background:brown; }
+
+.varywidth:before { background:yellow; }
+.varywidth &gt; div { background:orange; }
+.varywidth:after { background:brown; }
+</style>
+</head>
+
+<body>
+<table width="100%" style="border:none"><tbody><tr><td style="border:none" valign="top">
+ <div><table><tbody><tr class="gen"><td>Inner</td></tr></tbody></table></div>
+ <div><table><tbody class="gen"><tr><td>Inner</td></tr></tbody></table></div>
+ <div><table class="gen"><tfoot><tr><td>Inner</td></tr></tfoot></table></div>
+ <div><table class="gen col"><tbody><tr><td>Inner</td></tr></tbody></table></div>
+ <div><table class="gen headfoot"><tbody><tr><td>Inner</td></tr></tbody></table></div>
+ <div><div class="gen table gencell varyheight"><div class="cell">Inner</div></div></div>
+ <div><div class="gen gencell varyheight"><div class="cell">Inner</div></div></div>
+ <div><div class="gen genrow varywidth"><div class="row">Inner</div></div></div>
+</td><td style="border:none" valign="top">
+ <div><div class="gen row gencell"><div class="cell">Inner</div></div></div>
+ <div><div class="gen row genblock"><div class="cell">Inner</div></div></div>
+ <div><div class="gen row geninline"><div class="cell">Inner</div></div></div>
+ <div><div class="gen rowgroup genrow"><div class="row"><div class="cell">Inner</div></div></div></div>
+ <div><div class="gen rowgroup gencell"><div class="row"><div class="cell">Inner</div></div></div></div>
+ <div><div class="gen rowgroup genblock"><div class="row"><div class="cell">Inner</div></div></div></div>
+ <div><div class="gen rowgroup geninline"><div class="row"><div class="cell">Inner</div></div></div></div>
+</td></tr></tbody></table>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-table-whitespace-001-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-table-whitespace-001-ref.xht
new file mode 100644
index 0000000000..17f575dae1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-table-whitespace-001-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<style type="text/css">
+div { border:1px solid green; margin:5px; }
+</style>
+</head>
+
+<body>
+<div>
+ <table><tbody><tr><td>Cell0</td><td></td></tr>
+ <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
+</div>
+<div>
+ <table><tbody><tr><td></td><td>Cell0</td></tr>
+ <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
+</div>
+<div>
+ <table><tbody><tr><td></td><td>Cell0</td></tr>
+ <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
+</div>
+<div>
+ <table><tbody><tr><td></td><td>Cell0</td></tr>
+ <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
+</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-after-table-whitespace-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-after-table-whitespace-001.xht
new file mode 100644
index 0000000000..f299398a5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-after-table-whitespace-001.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: generated content</title>
+ <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="before-after-table-whitespace-001-ref.xht"/>
+<style type="text/css">
+.gen0:before {
+ padding:1px;
+}
+.gen1:before {
+ content: " ";
+}
+.gen2:before {
+ content: attr(missing);
+}
+.gen3:before {
+ content: url(missing-image.png);
+}
+
+div { border:1px solid green; margin:5px; }
+</style>
+</head>
+
+<!-- This tests that generated content items that evaluate to empty strings or
+ broken images are *not* treated as whitespace text and ignored by the table.
+ Altogether missing content should be ignored, though. (In fact it won't even be generated.) -->
+
+<body>
+<div>
+ <table><tbody><tr class="gen0"><td>Cell0</td></tr>
+ <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
+</div>
+<div>
+ <table><tbody><tr class="gen1"><td>Cell0</td></tr>
+ <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
+</div>
+<div>
+ <table><tbody><tr class="gen2"><td>Cell0</td></tr>
+ <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
+</div>
+<div>
+ <table><tbody><tr class="gen3"><td>Cell0</td></tr>
+ <tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
+</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-001.xht
new file mode 100644
index 0000000000..122dbde1c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :before generated content - display inline</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-001-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:before
+ {
+ content: "Filler text ";
+ display: inline;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-002.xht
new file mode 100644
index 0000000000..610926ba50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-002.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :before generated content - display block</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:before
+ {
+ content: "Filler text";
+ display: block;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-003-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-003-ref.xht
new file mode 100644
index 0000000000..f3f7872090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-003-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ ul
+ {
+ margin: 0;
+ padding: 0;
+ }
+
+ li {margin-left: 1em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>. The top "Filler text" should be preceded with a bullet marker (a "disc" as a small filled-in circle).</p>
+
+ <ul>
+ <li>Filler text</li>
+ </ul>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-003.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-003.xht
new file mode 100644
index 0000000000..2ec13d1dec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-003.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :before generated content - display list-item</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="help" href="http://www.w3.org/TR/html4/struct/lists.html#h-10.3.1" />
+ <link rel="match" href="before-content-display-003-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:before
+ {
+ content: "Filler text";
+ display: list-item;
+ margin-left: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>. The top "Filler text" should be preceded with a bullet marker (a "disc" as a small filled-in circle).</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-005.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-005.xht
new file mode 100644
index 0000000000..199b1f9dff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-005.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :before generated content - display inline-block</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-001-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:before
+ {
+ content: "Filler text\A0";
+ display: inline-block;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-006.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-006.xht
new file mode 100644
index 0000000000..1bdb0da79f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-006.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :before generated content - display table</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:before
+ {
+ content: "Filler text";
+ display: table;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-007.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-007.xht
new file mode 100644
index 0000000000..0e14e8c631
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-007.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :before generated content - display inline-table</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-001-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:before
+ {
+ content: "Filler text\A0";
+ display: inline-table;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-008.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-008.xht
new file mode 100644
index 0000000000..6d4e660086
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-008.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :before generated content - display table-row-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:before
+ {
+ content: "Filler text";
+ display: table-row-group;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-009.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-009.xht
new file mode 100644
index 0000000000..91c02ddb3b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-009.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :before generated content - display table-header-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:before
+ {
+ content: "Filler text";
+ display: table-header-group;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-010.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-010.xht
new file mode 100644
index 0000000000..92cdbd70fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-010.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :before generated content - display table-footer-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:before
+ {
+ content: "Filler text";
+ display: table-footer-group;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-011.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-011.xht
new file mode 100644
index 0000000000..806649d69f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-011.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :before generated content - display table-row</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:before
+ {
+ content: "Filler text";
+ display: table-row;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-012.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-012.xht
new file mode 100644
index 0000000000..27567bb720
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-012.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :before generated content - display table-column-group</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <link rel="match" href="after-content-display-012-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none')." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:before
+ {
+ background-color: red;
+ color: yellow;
+ content: ".\0D FAIL";
+ display: table-column-group;
+ font-size: 2em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>one "Filler text"</strong> and no red.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-013.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-013.xht
new file mode 100644
index 0000000000..b49618c8f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-013.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :before generated content - display table-column</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <link rel="match" href="after-content-display-012-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none')." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:before
+ {
+ background-color: red;
+ color: yellow;
+ content: ".\0D FAIL";
+ display: table-column;
+ font-size: 2em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>one "Filler text"</strong> and no red.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-014.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-014.xht
new file mode 100644
index 0000000000..eeb0847632
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-014.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :before generated content - display table-cell</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:before
+ {
+ content: "Filler text";
+ display: table-cell;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-015.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-015.xht
new file mode 100644
index 0000000000..9808bfff86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-015.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :before generated content - display table-caption</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:before
+ {
+ content: "Filler\A0text";
+ /* Without a table box, the table-caption may shrink to minimum content
+ width (MCW), thus the no-breaking-space (in utf-8) addition between
+ "Filler" and "text" to avoid line-wrapping causing 2 lines. */
+ display: table-caption;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-016.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-016.xht
new file mode 100644
index 0000000000..88b0bdbfa0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-016.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :before generated content - display none</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-012-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:before
+ {
+ background-color: red;
+ color: yellow;
+ content: ".\0D FAIL";
+ display: none;
+ font-size: 2em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>one "Filler text"</strong> and no red.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-017.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-017.xht
new file mode 100644
index 0000000000..8d0a59d3c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-017.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :before generated content - display inherit</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+ <link rel="match" href="after-content-display-002-ref.xht" />
+ <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:before
+ {
+ content: "Filler text";
+ display: inherit;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-018.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-018.xht
new file mode 100644
index 0000000000..35831c3abf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-content-display-018.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :before generated content - initial value of display </title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="match" href="after-content-display-001-ref.xht" />
+ <meta content="The initial value of the 'display' for generated content property is 'inline'." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div:before
+ {
+ content: "Filler text ";
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
+
+ <div>Filler text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-inheritable-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-inheritable-001.xht
new file mode 100644
index 0000000000..bf9a22ffa9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-inheritable-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo-element ':before' inherits inheritable values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="match" href="after-inheritable-001-ref.html" />
+ <meta name="assert" content="The pseudo-element ':before' generated content inherits any inheritable properties from the element." />
+ <style type="text/css">
+ div
+ {
+ border: solid;
+ color: green;
+ text-align: center;
+ }
+ div:before
+ {
+ content: 'PASS PASS';
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" below are green and the words are centered within the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-inheritable-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-inheritable-002.xht
new file mode 100644
index 0000000000..d2d32efdc2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-inheritable-002.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo-element ':before' does not inherit non-inheritable values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="match" href="after-inheritable-002-ref.html" />
+ <meta name="assert" content="Non-inherited properties apply the initial value when applying to ':before'." />
+ <style type="text/css">
+ div
+ {
+ border: 15px solid blue;
+ color: green;
+ }
+ div:before
+ {
+ border-color: orange;
+ border-style: solid;
+ content: 'PASS PASS';
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" are green, they are contained within an orange box with thinner lines than the blue box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-location-001-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/before-location-001-ref.html
new file mode 100644
index 0000000000..d22138abd4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-location-001-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<body>
+ <p>Test passes if the words "PASS PASS" appear below and are to the left of the arrow.</p>
+ <div>PASS PASS&lt;--</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/before-location-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/before-location-001.xht
new file mode 100644
index 0000000000..f8ac26c52e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/before-location-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Before applies before text</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
+ <link rel="match" href="before-location-001-ref.html" />
+ <meta name="assert" content="Before places generated content before the element content." />
+ <style type="text/css">
+ div:before
+ {
+ content: 'PASS PASS';
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear below and are to the left of the arrow.</p>
+ <div>&lt;--</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/bidi-generated-content-001-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/bidi-generated-content-001-ref.html
new file mode 100644
index 0000000000..9ff414acf3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/bidi-generated-content-001-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<body>
+ <p>The two lines below should be identical:</p>
+ <p>This sentence should be readable</p>
+ <p>This sentence should be readable</p>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/bidi-generated-content-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/bidi-generated-content-001.xht
new file mode 100644
index 0000000000..11e106254f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/bidi-generated-content-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: with character forced bidi - rlo</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="match" href="bidi-generated-content-001-ref.html" />
+ <meta name="assert" content="A right-to-left override should be applied when u+202E is inserted through the content property"/>
+ <style type="text/css"><![CDATA[
+ .force:before {
+ content: "\202E"
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>The two lines below should be identical:</p>
+ <p>This sentence should be readable</p>
+ <p>This sentence should be <span class="force">elbadaer</span></p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/bidi-generated-content-002-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/bidi-generated-content-002-ref.html
new file mode 100644
index 0000000000..a7eaddf816
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/bidi-generated-content-002-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<body>
+ <p>The two lines below should be identical:</p>
+ <p>ab c d</p>
+ <p>ab c d</p>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/bidi-generated-content-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/bidi-generated-content-002.xht
new file mode 100644
index 0000000000..f2c04930d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/bidi-generated-content-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: with character forced bidi - lro</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content"/>
+ <link rel="match" href="bidi-generated-content-002-ref.html" />
+ <meta name="assert" content="A left-to-right override should be correctly applied when inserted through the content property"/>
+ <style type="text/css"><![CDATA[
+ .force:before {
+ content: "\202D"
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>The two lines below should be identical:</p>
+ <p>ab c d</p>
+ <p>&#x202E;d c <span class="force">ab</span>&#x202C;</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-001-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-001-ref.html
new file mode 100644
index 0000000000..b55f5fe2d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-001-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ height: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-001.xht
new file mode 100644
index 0000000000..da3acc30f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-001.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with the value of 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-001-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a value of 'none'." />
+ <style type="text/css">
+ div:before
+ {
+ content: "FAIL FAIL";
+ content: none;
+ color: red;
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-002.xht
new file mode 100644
index 0000000000..63676c9f4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-002.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with the value of 'normal'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-001-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a value of 'normal'." />
+ <style type="text/css">
+ div:before
+ {
+ content: "FAIL FAIL";
+ content: normal;
+ color: red;
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-003-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-003-ref.html
new file mode 100644
index 0000000000..83017ff7e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-003-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the words "PASS PASS" appear in the box below.</p>
+ <div>PASS PASS</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-003.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-003.xht
new file mode 100644
index 0000000000..2262466da6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-003.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a string as the value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-003-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a string as a value." />
+ <style type="text/css">
+ div:before
+ {
+ content: "PASS PASS";
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-004.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-004.xht
new file mode 100644
index 0000000000..1388f76d47
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a url() to an image as a value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/ref-filled-green-100px-square-only.html" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'content' property properly handles the 'url()' function as a value." />
+ <style type="text/css">
+ div:before
+ {
+ content: url('../support/green_box.png');
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-005-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-005-ref.html
new file mode 100644
index 0000000000..9947695209
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-005-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ height: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a zero "0" in the box below.</p>
+ <div>0</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-005.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-005.xht
new file mode 100644
index 0000000000..76a4efac95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'counter()' function as a value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-005-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counter()' function as a value." />
+ <style type="text/css">
+ div:before
+ {
+ content: counter(test);
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a zero "0" in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-006-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-006-ref.html
new file mode 100644
index 0000000000..1a59725150
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-006-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ height: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a bullet (&#x2022;) in the box below.</p>
+ <div>&#x2022;</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-006.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-006.xht
new file mode 100644
index 0000000000..dc79cffa06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-006.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counter()' function with a list style set to 'disc'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-006-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counter(test, disc);
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a bullet (&#x2022;) in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-007-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-007-ref.html
new file mode 100644
index 0000000000..7e50aaa961
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-007-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ height: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a bullet (&#x25E6;) in the box below.</p>
+ <div>&#x25E6;</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-007.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-007.xht
new file mode 100644
index 0000000000..d0fccb76a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-007.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counter()' function with a list style set to 'circle'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-007-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counter(test, circle);
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a bullet (&#x25E6;) in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-008.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-008.xht
new file mode 100644
index 0000000000..57c992613a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counter()' function with a list style set to 'square'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counter(test, square);
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a bullet (&#x25A0;) in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-009.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-009.xht
new file mode 100644
index 0000000000..1685289920
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-009.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counter()' function with a list style set to 'decimal'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-005-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counter(test, decimal);
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a zero "0" in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-010-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-010-ref.html
new file mode 100644
index 0000000000..85979c53b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-010-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ height: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if there are double zeros "00" in the box below.</p>
+ <div>00</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-010.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-010.xht
new file mode 100644
index 0000000000..188543d7de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counter()' function with a list style set to 'decimal-leading-zero'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-010-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counter(test, decimal-leading-zero);
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are double zeros "00" in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-011-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-011-ref.html
new file mode 100644
index 0000000000..8bc5f313b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-011-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ height: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a letter "i" in the box below.</p>
+ <div>i</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-011.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-011.xht
new file mode 100644
index 0000000000..fc6c274069
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-011.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counter()' function with a list style set to 'lower-roman'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-011-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
+ <style type="text/css">
+ div:before
+ {
+ counter-increment: test;
+ content: counter(test, lower-roman);
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a letter "i" in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-012-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-012-ref.html
new file mode 100644
index 0000000000..e628c5fc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-012-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ height: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a letter "I" in the box below.</p>
+ <div>I</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-012.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-012.xht
new file mode 100644
index 0000000000..3c9aa6e54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-012.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counter()' function with a list style set to 'upper-roman'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-012-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
+ <style type="text/css">
+ div:before
+ {
+ counter-increment: test;
+ content: counter(test, upper-roman);
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a letter "I" in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-013-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-013-ref.html
new file mode 100644
index 0000000000..dd22b26d6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-013-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ height: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a greek letter "&#x03B1;" in the box below.</p>
+ <div>&#x03B1;</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-013.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-013.xht
new file mode 100644
index 0000000000..87a3ccd25a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-013.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counter()' function with a list style set to 'lower-greek'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-013-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
+ <style type="text/css">
+ div:before
+ {
+ counter-increment: test;
+ content: counter(test, lower-greek);
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a greek letter "&#x03B1;" in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-014-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-014-ref.html
new file mode 100644
index 0000000000..a3b3167a2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-014-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ height: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a letter "a" in the box below.</p>
+ <div>a</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-014.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-014.xht
new file mode 100644
index 0000000000..a1b60da6fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-014.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counter()' function with a list style set to 'lower-latin'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-014-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
+ <style type="text/css">
+ div:before
+ {
+ counter-increment: test;
+ content: counter(test, lower-latin);
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a letter "a" in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-015-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-015-ref.html
new file mode 100644
index 0000000000..f452a20e7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-015-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ height: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a letter "A" in the box below.</p>
+ <div>A</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-015.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-015.xht
new file mode 100644
index 0000000000..082219e753
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-015.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counter()' function with a list style set to 'upper-latin'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-015-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
+ <style type="text/css">
+ div:before
+ {
+ counter-increment: test;
+ content: counter(test, upper-latin);
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a letter "A" in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-016-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-016-ref.html
new file mode 100644
index 0000000000..023c98d56e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-016-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ height: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if there is an Armenian character "&#x0531;" below.</p>
+ <div>&#x0531;</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-016.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-016.xht
new file mode 100644
index 0000000000..1513ce0240
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-016.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counter()' function with a list style set to 'armenian'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-016-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
+ <style type="text/css">
+ div:before
+ {
+ counter-increment: test;
+ content: counter(test, armenian);
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an Armenian character "&#x0531;" below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-017-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-017-ref.html
new file mode 100644
index 0000000000..25d69f22be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-017-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ height: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a Georgian character "&#x10d0;" in the box below.</p>
+ <div>&#x10d0;</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-017.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-017.xht
new file mode 100644
index 0000000000..8e41792b1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-017.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counter()' function with a list style set to 'georgian'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-017-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
+ <style type="text/css">
+ div:before
+ {
+ counter-increment: test;
+ content: counter(test, georgian);
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a Georgian character "&#x10d0;" in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-018.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-018.xht
new file mode 100644
index 0000000000..269d04f318
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-018.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counter()' function with a list style set to 'lower-alpha'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-014-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
+ <style type="text/css">
+ div:before
+ {
+ counter-increment: test;
+ content: counter(test, lower-alpha);
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a letter "a" in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-019.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-019.xht
new file mode 100644
index 0000000000..07ad5767fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-019.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counter()' function with a list style set to 'upper-alpha'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-015-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
+ <style type="text/css">
+ div:before
+ {
+ counter-increment: test;
+ content: counter(test, upper-alpha);
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a letter "A" in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-020.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-020.xht
new file mode 100644
index 0000000000..a2f82d47b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-020.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counter()' function with a list style set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-001-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
+ <style type="text/css">
+ div:before
+ {
+ counter-increment: test;
+ content: counter(test, none);
+ color: red;
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-021-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-021-ref.html
new file mode 100644
index 0000000000..5e9cd46e68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-021-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if the numbers "0" and "0.0" are in the box below.</p>
+ <div>0<br>0.0</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-021.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-021.xht
new file mode 100644
index 0000000000..48bc22d22f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-021.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counters()' function with a string value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-021-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string value." />
+ <style type="text/css">
+ div:before
+ {
+ content: counters(test, ".");
+ counter-reset: test;
+ }
+ #div1
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the numbers "0" and "0.0" are in the box below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-022-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-022-ref.html
new file mode 100644
index 0000000000..a7087f7bc6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-022-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if there are bullets "&#x2022;" and "&#x2022;.&#x2022;" in the box below.</p>
+ <div>&#x2022;<br>&#x2022;.&#x2022;</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-022.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-022.xht
new file mode 100644
index 0000000000..6559e49480
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-022.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counters()' function with a string and a list style set to 'disc'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-022-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counters(test, ".", disc);
+ counter-reset: test;
+ }
+ #div1
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are bullets "&#x2022;" and "&#x2022;.&#x2022;" in the box below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-023-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-023-ref.html
new file mode 100644
index 0000000000..c6f8a19309
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-023-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if there are circles "&#x25E6;" and "&#x25E6;.&#x25E6;" in the box below.</p>
+ <div>&#x25E6;<br>&#x25E6;.&#x25E6;</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-023.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-023.xht
new file mode 100644
index 0000000000..71e0f3b424
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-023.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counters()' function with a string and a list style set to 'circle'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-023-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counters(test, ".", circle);
+ counter-reset: test;
+ }
+ #div1
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are circles "&#x25E6;" and "&#x25E6;.&#x25E6;" in the box below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-024.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-024.xht
new file mode 100644
index 0000000000..d0f7c36bab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-024.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counters()' function with a string and a list style set to 'square'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counters(test, ".", square);
+ counter-reset: test;
+ }
+ #div1
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are squares "&#x25A0;" and "&#x25A0;.&#x25A0;" in the box below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-025.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-025.xht
new file mode 100644
index 0000000000..8d24769777
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-025.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counters()' function with a string and a list style set to 'decimal'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-021-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counters(test, ".", decimal);
+ counter-reset: test;
+ }
+ #div1
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the numbers "0" and "0.0" are in the box below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-026-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-026-ref.html
new file mode 100644
index 0000000000..c884052e44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-026-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if there are numbers "00" and "00.00" in the box below.</p>
+ <div>00<br>00.00</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-026.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-026.xht
new file mode 100644
index 0000000000..59efafc59f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-026.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counters()' function with a string and a list style set to 'decimal-leading-zero'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-026-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counters(test, ".", decimal-leading-zero);
+ counter-reset: test;
+ }
+ #div1
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are numbers "00" and "00.00" in the box below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-027-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-027-ref.html
new file mode 100644
index 0000000000..eb09da6bad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-027-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if there are letters "i" and "i.i" in the box below.</p>
+ <div>i<br>i.i</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-027.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-027.xht
new file mode 100644
index 0000000000..2e2053daa7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-027.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counters()' function with a string and a list style set to 'lower-roman'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-027-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counters(test, ".", lower-roman);
+ counter-increment: test;
+ counter-reset: test;
+ }
+ #div1
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are letters "i" and "i.i" in the box below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-028-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-028-ref.html
new file mode 100644
index 0000000000..78883ada67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-028-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if there are letters "I" and "I.I" in the box below.</p>
+ <div>I<br>I.I</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-028.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-028.xht
new file mode 100644
index 0000000000..9d9535d752
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-028.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counters()' function with a string and a list style set to 'upper-roman'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-028-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counters(test, ".", upper-roman);
+ counter-increment: test;
+ counter-reset: test;
+ }
+ #div1
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are letters "I" and "I.I" in the box below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-029-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-029-ref.html
new file mode 100644
index 0000000000..7e8e6c61d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-029-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if there are greek letters "&#x03B1;" and "&#x03B1;.&#x03B1;" in the box below.</p>
+ <div>&#x03B1;<br>&#x03B1;.&#x03B1;</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-029.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-029.xht
new file mode 100644
index 0000000000..1a3c087f43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-029.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counters()' function with a string and a list style set to 'lower-greek'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-029-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counters(test, ".", lower-greek);
+ counter-increment: test;
+ counter-reset: test;
+ }
+ #div1
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are greek letters "&#x03B1;" and "&#x03B1;.&#x03B1;" in the box below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-030-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-030-ref.html
new file mode 100644
index 0000000000..2a7a6c2e45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-030-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if there are letters "a" and "a.a" in the box below.</p>
+ <div>a<br>a.a</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-030.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-030.xht
new file mode 100644
index 0000000000..d49e5aad1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-030.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counters()' function with a string and a list style set to 'lower-latin'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-030-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counters(test, ".", lower-latin);
+ counter-increment: test;
+ counter-reset: test;
+ }
+ #div1
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are letters "a" and "a.a" in the box below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-031-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-031-ref.html
new file mode 100644
index 0000000000..d97b57ba29
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-031-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if there are letters "A" and "A.A" in the box below.</p>
+ <div>A<br>A.A</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-031.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-031.xht
new file mode 100644
index 0000000000..b5dd7ee122
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-031.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counters()' function with a string and a list style set to 'upper-latin'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-031-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counters(test, ".", upper-latin);
+ counter-increment: test;
+ counter-reset: test;
+ }
+ #div1
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are letters "A" and "A.A" in the box below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-032-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-032-ref.html
new file mode 100644
index 0000000000..55ea7be06e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-032-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if there are Armenian characters "&#x0531;" and "&#x0531;.&#x0531;" in the box below.</p>
+ <div>&#x0531;<br>&#x0531;.&#x0531;</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-032.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-032.xht
new file mode 100644
index 0000000000..7dbe529526
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-032.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counters()' function with a string and a list style set to 'armenian'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-032-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counters(test, ".", armenian);
+ counter-increment: test;
+ counter-reset: test;
+ }
+ #div1
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are Armenian characters "&#x0531;" and "&#x0531;.&#x0531;" in the box below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-033-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-033-ref.html
new file mode 100644
index 0000000000..fc0aa9eb5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-033-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if there are Georgian characters "&#x10d0;" and "&#x10d0;.&#x10d0;" in the box below.</p>
+ <div>&#x10d0;<br>&#x10d0;.&#x10d0;</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-033.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-033.xht
new file mode 100644
index 0000000000..033f681eb3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-033.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counters()' function with a string and a list style set to 'georgian'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-033-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counters(test, ".", georgian);
+ counter-increment: test;
+ counter-reset: test;
+ }
+ #div1
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are Georgian characters "&#x10d0;" and "&#x10d0;.&#x10d0;" in the box below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-034.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-034.xht
new file mode 100644
index 0000000000..97d411ed37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-034.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counters()' function with a string and a list style set to 'lower-alpha'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-030-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counters(test, ".", lower-alpha);
+ counter-increment: test;
+ counter-reset: test;
+ }
+ #div1
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are letters "a" and "a.a" in the box below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-035.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-035.xht
new file mode 100644
index 0000000000..9f722770b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-035.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counters()' function with a string and a list style set to 'upper-alpha'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-031-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counters(test, ".", upper-alpha);
+ counter-increment: test;
+ counter-reset: test;
+ }
+ #div1
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are letters "A" and "A.A" in the box below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-036.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-036.xht
new file mode 100644
index 0000000000..3f860e9ebd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-036.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content using a 'counters()' function with a string and a list style set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-001-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
+ <style type="text/css">
+ div:before
+ {
+ content: counters(test, ".", none);
+ counter-increment: test;
+ counter-reset: test;
+ color: red;
+ }
+ div
+ {
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-037-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-037-ref.html
new file mode 100644
index 0000000000..39b5ba9284
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-037-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ td {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the words "PASS PASS" appear in the box below.</p>
+ <table>
+ <tr>
+ <td>PASS PASS</td>
+ </tr>
+ </table>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-037.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-037.xht
new file mode 100644
index 0000000000..433d7dc52f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-037.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'abbr'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-037-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'abbr'." />
+ <style type="text/css">
+ td:before
+ {
+ content: attr(abbr);
+ color: green;
+ }
+ td
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear in the box below.</p>
+ <table>
+ <tr>
+ <td abbr="PASS PASS"></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-038.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-038.xht
new file mode 100644
index 0000000000..5208f5c931
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-038.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'accept-charset'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-003-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'accept-charset'." />
+ <style type="text/css">
+ form:before
+ {
+ content: attr(accept-charset);
+ color: green;
+ }
+ form
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear in the box below.</p>
+ <form accept-charset="PASS PASS" action="#">
+ <div></div>
+ </form>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-039.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-039.xht
new file mode 100644
index 0000000000..f62560b337
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-039.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'accept'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-003-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'accept'." />
+ <style type="text/css">
+ form:before
+ {
+ content: attr(accept);
+ color: green;
+ }
+ form
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear in the box below.</p>
+ <form accept="PASS PASS" action="#">
+ <div></div>
+ </form>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-040-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-040-ref.html
new file mode 100644
index 0000000000..b5f7d0dd76
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-040-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the letter "P" appears in the box below.</p>
+ <div>P</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-040.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-040.xht
new file mode 100644
index 0000000000..fa1ae9b328
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-040.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'accesskey'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-040-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'accesskey'." />
+ <style type="text/css">
+ a:before
+ {
+ content: attr(accesskey);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "P" appears in the box below.</p>
+ <div>
+ <a accesskey="P"></a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-041-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-041-ref.html
new file mode 100644
index 0000000000..c3868b3259
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-041-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the word "PASS" appears in the box below.</p>
+ <div>PASS</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-041.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-041.xht
new file mode 100644
index 0000000000..cee3fd8e5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-041.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'action'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-041-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'action'." />
+ <style type="text/css">
+ form:before
+ {
+ content: attr(action);
+ color: green;
+ }
+ form
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "PASS" appears in the box below.</p>
+ <form action="PASS">
+ <div></div>
+ </form>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-042-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-042-ref.html
new file mode 100644
index 0000000000..3a3c43e878
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-042-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the words "center" appear in the box below.</p>
+ <div align="center">center</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-042.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-042.xht
new file mode 100644
index 0000000000..e4aac947e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-042.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'align'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-042-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'align'." />
+ <style type="text/css">
+ div:before
+ {
+ content: attr(align);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "center" appear in the box below.</p>
+ <div align="center"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-043-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-043-ref.html
new file mode 100644
index 0000000000..42f7ab0e61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-043-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ color: green;
+ }
+</style>
+<body>
+ <div>#ffff00</div>
+ <p>Test passes if there is the text "#ffff00" above.</p>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-043.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-043.xht
new file mode 100644
index 0000000000..2ba9f71367
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-043.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'alink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-043-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'alink'." />
+ <style type="text/css">
+ body:before
+ {
+ content: attr(alink);
+ color: green;
+ }
+ </style>
+ </head>
+ <body alink="#ffff00">
+ <p>Test passes if there is the text "#ffff00" above.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-046.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-046.xht
new file mode 100644
index 0000000000..cb96a3b5be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-046.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'axis'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-037-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'axis'." />
+ <style type="text/css">
+ td:before
+ {
+ content: attr(axis);
+ color: green;
+ }
+ td
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear in the box below.</p>
+ <table>
+ <tr>
+ <td axis="PASS PASS"></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-047-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-047-ref.html
new file mode 100644
index 0000000000..317170fc0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-047-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ body {
+ margin: 0px;
+ }
+ .test {
+ color: green;
+ }
+ p {
+ margin-left: 8px;
+ }
+</style>
+<body>
+ <div class="test">PASS PASS</div>
+ <p>Test passes if the words "PASS PASS" appear above this text.</p>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-047.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-047.xht
new file mode 100644
index 0000000000..2189f95244
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-047.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'background'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-047-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'background'." />
+ <style type="text/css">
+ body:before {
+ content: attr(background);
+ color: green;
+ }
+ body {
+ margin: 0px;
+ }
+ p {
+ margin-left: 8px;
+ }
+ </style>
+ </head>
+ <body background="PASS PASS">
+ <p>Test passes if the words "PASS PASS" appear above this text.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-048-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-048-ref.html
new file mode 100644
index 0000000000..e871e3be62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-048-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ body {
+ background: #ffff00;
+ }
+ div {
+ color: green;
+ }
+</style>
+<body>
+ <div>#ffff00</div>
+ <p>Test passes if there is the text "#ffff00" above.</p>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-048.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-048.xht
new file mode 100644
index 0000000000..59597ab9a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-048.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'bgcolor'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-048-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'bgcolor'." />
+ <style type="text/css">
+ body:before
+ {
+ content: attr(bgcolor);
+ color: green;
+ }
+ </style>
+ </head>
+ <body bgcolor="#ffff00">
+ <p>Test passes if there is the text "#ffff00" above.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-049.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-049.xht
new file mode 100644
index 0000000000..4f3622628d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-049.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'border'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'border'." />
+ <style type="text/css">
+ table:before
+ {
+ content: attr(border);
+ color: green;
+ }
+ table
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number "1" appears in the box below.</p>
+ <table border="1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-050-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-050-ref.html
new file mode 100644
index 0000000000..bf0b0a81a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-050-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ table:before {
+ content: "1";
+ }
+ table {
+ color: green;
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if the number "1" appears in the box below.</p>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-050.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-050.xht
new file mode 100644
index 0000000000..0b43248a53
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-050.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'cellpadding'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-050-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'cellpadding'." />
+ <style type="text/css">
+ table:before
+ {
+ content: attr(cellpadding);
+ color: green;
+ }
+ table
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number "1" appears in the box below.</p>
+ <table cellpadding="1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-051.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-051.xht
new file mode 100644
index 0000000000..dd4ad1513f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-051.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'cellspacing'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'cellspacing'." />
+ <style type="text/css">
+ table:before
+ {
+ content: attr(cellspacing);
+ color: green;
+ }
+ table
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number "1" appears in the box below.</p>
+ <table cellspacing="1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-052-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-052-ref.html
new file mode 100644
index 0000000000..630898c845
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-052-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ td {
+ color: green;
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if the letter "A" appears in the box below.</p>
+ <table>
+ <tr>
+ <td>A</td>
+ </tr>
+ </table>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-052.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-052.xht
new file mode 100644
index 0000000000..9812d3134f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-052.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'char'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-052-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'char'." />
+ <style type="text/css">
+ td:before
+ {
+ content: attr(char);
+ color: green;
+ }
+ td
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "A" appears in the box below.</p>
+ <table>
+ <tr>
+ <td char="A"></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-053-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-053-ref.html
new file mode 100644
index 0000000000..6f639b174a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-053-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ td {
+ color: green;
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if the number "1" appears in the box below.</p>
+ <table>
+ <tr>
+ <td>1</td>
+ </tr>
+ </table>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-053.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-053.xht
new file mode 100644
index 0000000000..f8ddb34981
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-053.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'charoff'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-053-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'charoff'." />
+ <style type="text/css">
+ td:before
+ {
+ content: attr(charoff);
+ color: green;
+ }
+ td
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number "1" appears in the box below.</p>
+ <table>
+ <tr>
+ <td charoff="1"></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-054.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-054.xht
new file mode 100644
index 0000000000..3a282056d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-054.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'charset'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-003-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'charset'." />
+ <style type="text/css">
+ a:before
+ {
+ content: attr(charset);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear in the box below.</p>
+ <div>
+ <a charset="PASS PASS"></a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-056.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-056.xht
new file mode 100644
index 0000000000..0f7ee3b86f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-056.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'cite'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-003-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'cite'." />
+ <style type="text/css">
+ q:before
+ {
+ content: attr(cite);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear in the box below.</p>
+ <div>
+ <q cite="PASS PASS"></q>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-057.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-057.xht
new file mode 100644
index 0000000000..5907a251b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-057.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'class'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-003-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'class'." />
+ <style type="text/css">
+ div:before
+ {
+ content: attr(class);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear in the box below.</p>
+ <div class="PASS PASS"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-063-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-063-ref.html
new file mode 100644
index 0000000000..84a732bb1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-063-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the word "green" appears in the box below.</p>
+ <div>green</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-063.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-063.xht
new file mode 100644
index 0000000000..2293fce5fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-063.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'color'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-063-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'color'." />
+ <style type="text/css">
+ font:before
+ {
+ content: attr(color);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "green" appears in the box below.</p>
+ <div>
+ <font color="green"></font>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-065.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-065.xht
new file mode 100644
index 0000000000..3eb962bc1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-065.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'colspan'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-053-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'colspan'." />
+ <style type="text/css">
+ td:before
+ {
+ content: attr(colspan);
+ color: green;
+ }
+ td
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number "1" appears in the box below.</p>
+ <table>
+ <tr>
+ <td colspan="1"></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-066.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-066.xht
new file mode 100644
index 0000000000..63e28c1138
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-066.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'compact'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'compact'." />
+ <style type="text/css">
+ ul:before
+ {
+ content: attr(compact);
+ color: green;
+ }
+ ul
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "compact" appears in the box below.</p>
+ <ul compact="compact">
+ <li></li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-067.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-067.xht
new file mode 100644
index 0000000000..9ab92e3397
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-067.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'content'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-047-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'content'." />
+ <meta content="PASS PASS" />
+ <style type="text/css">
+ meta:before
+ {
+ content: attr(content);
+ color: green;
+ }
+ head, meta[content='PASS PASS']
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear above this text.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-068-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-068-ref.html
new file mode 100644
index 0000000000..e3c1796412
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-068-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the number "10" appears in the box below.</p>
+ <div>10</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-068.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-068.xht
new file mode 100644
index 0000000000..4c7578bf34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-068.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'coords'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-068-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'coords'." />
+ <style type="text/css">
+ a:before
+ {
+ content: attr(coords);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number "10" appears in the box below.</p>
+ <div>
+ <a coords="10"></a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-070-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-070-ref.html
new file mode 100644
index 0000000000..2995930fc4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-070-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ ins {
+ border: 2px solid black;
+ color: green;
+ text-decoration-color: black;
+ }
+</style>
+<body>
+ <p>Test passes if the text "2000-01-01T00:00:00-08:00" appears in the box below.</p>
+ <ins>2000-01-01T00:00:00-08:00</ins>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-070.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-070.xht
new file mode 100644
index 0000000000..dec76a0274
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-070.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'datetime'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-070-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'datetime'." />
+ <style type="text/css">
+ ins:before
+ {
+ content: attr(datetime);
+ color: green;
+ }
+ ins
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the text "2000-01-01T00:00:00-08:00" appears in the box below.</p>
+ <div>
+ <ins datetime="2000-01-01T00:00:00-08:00"></ins>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-072-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-072-ref.html
new file mode 100644
index 0000000000..c8bc3266d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-072-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the word "defer" appears in the box below.</p>
+ <div>defer</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-072.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-072.xht
new file mode 100644
index 0000000000..05d18bd094
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-072.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'defer'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-072-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'defer'." />
+ <style type="text/css">
+ script:before
+ {
+ content: attr(defer);
+ color: green;
+ }
+ script
+ {
+ border: 2px solid black;
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "defer" appears in the box below.</p>
+ <script defer="defer" type="text/javascript"></script>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-073-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-073-ref.html
new file mode 100644
index 0000000000..41963db83c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-073-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the letters "ltr" appear in the box below.</p>
+ <div>ltr</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-073.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-073.xht
new file mode 100644
index 0000000000..c86d0dda43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-073.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'dir'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-073-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'dir'." />
+ <style type="text/css">
+ div:before
+ {
+ content: attr(dir);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters "ltr" appear in the box below.</p>
+ <div dir="ltr"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-075-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-075-ref.html
new file mode 100644
index 0000000000..2c0b63dbf3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-075-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the text "multipart/form-data" appear in the box below.</p>
+ <div>multipart/form-data</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-075.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-075.xht
new file mode 100644
index 0000000000..35cd1447c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-075.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'enctype'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-075-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'enctype'." />
+ <style type="text/css">
+ form:before
+ {
+ content: attr(enctype);
+ color: green;
+ }
+ form
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the text "multipart/form-data" appear in the box below.</p>
+ <form action="#" enctype="multipart/form-data">
+ <div></div>
+ </form>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-076.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-076.xht
new file mode 100644
index 0000000000..a4bfdd0b9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-076.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'face'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-003-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'face'." />
+ <style type="text/css">
+ font:before
+ {
+ content: attr(face);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear in the box below.</p>
+ <div>
+ <font face="PASS PASS"></font>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-077.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-077.xht
new file mode 100644
index 0000000000..0be87d4269
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-077.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'for'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-041-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'for'." />
+ <style type="text/css">
+ label:before
+ {
+ content: attr(for);
+ color: green;
+ }
+ .box
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "PASS" appears in the box below.</p>
+ <div class="box">
+ <label for="PASS"></label>
+ <div id="PASS"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-078.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-078.xht
new file mode 100644
index 0000000000..3fa0d1f6f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-078.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'frame'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'frame'." />
+ <style type="text/css">
+ table:before
+ {
+ content: attr(frame);
+ color: green;
+ }
+ table
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "hsides" appears in the box below.</p>
+ <table frame="hsides">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-080-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-080-ref.html
new file mode 100644
index 0000000000..6f5454c008
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-080-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ td {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the word "PASS" appears in the box below.</p>
+ <table>
+ <tr>
+ <td>PASS</td>
+ </tr>
+ </table>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-080.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-080.xht
new file mode 100644
index 0000000000..ea4e72cb73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-080.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'headers'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-080-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'headers'." />
+ <style type="text/css">
+ td:before
+ {
+ content: attr(headers);
+ color: green;
+ }
+ td
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "PASS" appears in the box below.</p>
+ <table>
+ <tr>
+ <td headers="PASS"></td>
+ </tr>
+ <tr>
+ <th id="PASS"></th>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-081-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-081-ref.html
new file mode 100644
index 0000000000..7da539a72f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-081-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ td {
+ color: green;
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if the number "10" appears in the box below.</p>
+ <table>
+ <tr>
+ <td>10</td>
+ </tr>
+ </table>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-081.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-081.xht
new file mode 100644
index 0000000000..937a691eb1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-081.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'height'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-081-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'height'." />
+ <style type="text/css">
+ td:before
+ {
+ content: attr(height);
+ color: green;
+ }
+ td
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number "10" appears in the box below.</p>
+ <table>
+ <tr>
+ <td height="10"></td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-082-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-082-ref.html
new file mode 100644
index 0000000000..db3242baa7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-082-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the character "#" appears in the box below.</p>
+ <a href="#"><div>#</div></a>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-082.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-082.xht
new file mode 100644
index 0000000000..a6a7afe1cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-082.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'href'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-082-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'href'." />
+ <style type="text/css">
+ a:before
+ {
+ content: attr(href);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the character "#" appears in the box below.</p>
+ <div>
+ <a href="#"></a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-083-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-083-ref.html
new file mode 100644
index 0000000000..375572bac5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-083-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the letters "aa" appear in the box below.</p>
+ <div>aa</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-083.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-083.xht
new file mode 100644
index 0000000000..49e03bc852
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-083.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'hreflang'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-083-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'hreflang'." />
+ <style type="text/css">
+ a:before
+ {
+ content: attr(hreflang);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters "aa" appear in the box below.</p>
+ <div>
+ <a hreflang="aa"></a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-085.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-085.xht
new file mode 100644
index 0000000000..ea3bca8047
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-085.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'http-equiv'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-047-ref.html" />
+ <meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'http-equiv'." />
+ <meta content="" http-equiv="PASS PASS" />
+ <style type="text/css">
+ meta:before
+ {
+ content: attr(http-equiv);
+ color: green;
+ }
+ head, meta
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear above this text.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-086.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-086.xht
new file mode 100644
index 0000000000..94ca4dc57d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-086.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'id'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-041-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'id'." />
+ <style type="text/css">
+ div:before
+ {
+ content: attr(id);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "PASS" appears in the box below.</p>
+ <div id="PASS"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-089-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-089-ref.html
new file mode 100644
index 0000000000..375572bac5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-089-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the letters "aa" appear in the box below.</p>
+ <div>aa</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-089.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-089.xht
new file mode 100644
index 0000000000..4090d04f7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-089.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'lang'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-089-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'lang'." />
+ <style type="text/css">
+ div:before
+ {
+ content: attr(lang);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters "aa" appear in the box below.</p>
+ <div lang="aa"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-090-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-090-ref.html
new file mode 100644
index 0000000000..a8d8619059
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-090-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the word "ecmascript" appears in the box below.</p>
+ <div>ecmascript</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-090.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-090.xht
new file mode 100644
index 0000000000..982023deaa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-090.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'language'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-090-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'language'." />
+ <style type="text/css">
+ script:before
+ {
+ content: attr(language);
+ color: green;
+ }
+ script
+ {
+ border: 2px solid black;
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "ecmascript" appears in the box below.</p>
+ <script language="ecmascript" type="text/ecmascript"></script>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-091-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-091-ref.html
new file mode 100644
index 0000000000..b9cb6dd4bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-091-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ color: green;
+ }
+</style>
+<body>
+ <div>green</div>
+ <p>Test passes if the word "green" appears above.</p>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-091.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-091.xht
new file mode 100644
index 0000000000..1c1b35239e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-091.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'link'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-091-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'link'." />
+ <style type="text/css">
+ body:before
+ {
+ content: attr(link);
+ color: green;
+ }
+ </style>
+ </head>
+ <body link="green">
+ <p>Test passes if the word "green" appears above.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-096-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-096-ref.html
new file mode 100644
index 0000000000..9518fe01f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-096-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ body {
+ margin: 0px;
+ }
+ .test {
+ color: green;
+ }
+ p {
+ margin-left: 8px;
+ }
+</style>
+<body>
+ <div class="test">all</div>
+ <p>Test passes if the word "all" appears above this text.</p>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-096.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-096.xht
new file mode 100644
index 0000000000..8fbd1fe5c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-096.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'media'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-096-ref.html" />
+ <link media="all" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'media'." />
+ <style type="text/css">
+ link:before
+ {
+ content: attr(media);
+ color: green;
+ }
+ head, link
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "all" appears above this text.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-097-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-097-ref.html
new file mode 100644
index 0000000000..d68b7955f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-097-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the word "get" appears in the box below.</p>
+ <div>get</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-097.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-097.xht
new file mode 100644
index 0000000000..bec72c932d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-097.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'method'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-097-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'method'." />
+ <style type="text/css">
+ form:before
+ {
+ content: attr(method);
+ color: green;
+ }
+ form
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "get" appears in the box below.</p>
+ <form action="" method="get">
+ <div></div>
+ </form>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-099.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-099.xht
new file mode 100644
index 0000000000..81ae3ebc11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-099.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'name'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-041-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'name'." />
+ <style type="text/css">
+ a:before
+ {
+ content: attr(name);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "PASS" appears in the box below.</p>
+ <div>
+ <a name="PASS"></a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-100-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-100-ref.html
new file mode 100644
index 0000000000..91b01cef30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-100-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the word "nohref" appears in the box below.</p>
+ <div>nohref</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-100.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-100.xht
new file mode 100644
index 0000000000..733f22e829
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-100.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'nohref'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-100-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'nohref'." />
+ <style type="text/css">
+ area:before
+ {
+ content: attr(nohref);
+ color: green;
+ }
+ area
+ {
+ border: 2px solid black;
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "nohref" appears in the box below.</p>
+ <div>
+ <map id="test">
+ <area alt="" nohref="nohref" />
+ </map>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-103-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-103-ref.html
new file mode 100644
index 0000000000..d538ab4b47
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-103-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ td {
+ color: green;
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if the word "nowrap" appears in the box below.</p>
+ <table>
+ <tr>
+ <td>nowrap</td>
+ </tr>
+ </table>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-103.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-103.xht
new file mode 100644
index 0000000000..352c7aabb3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-103.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'nowrap'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-103-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'nowrap'." />
+ <style type="text/css">
+ td:before
+ {
+ content: attr(nowrap);
+ color: green;
+ }
+ td
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "nowrap" appears in the box below.</p>
+ <table>
+ <tr>
+ <td nowrap="nowrap"></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-105.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-105.xht
new file mode 100644
index 0000000000..25eb7796f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-105.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'onblur'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/only_pass_parens_semicolon.html" />
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'onblur'." />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <style type="text/css">
+ a:before
+ {
+ content: attr(onblur);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "PASS();" appears in the box below. Fail if there is any other additional text.</p>
+ <div>
+ <a onblur="PASS();"></a>
+ </div>
+ <script type="text/javascript">
+ function PASS()
+ {
+ return false;
+ }
+ </script>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-107.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-107.xht
new file mode 100644
index 0000000000..f415ff338b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-107.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'onclick'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/only_pass_parens_semicolon.html"/>
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'onclick'." />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <style type="text/css">
+ div:before
+ {
+ content: attr(onclick);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "PASS();" appears in the box below. Fail if there is any other additional text.</p>
+ <div onclick="PASS();"></div>
+ <script type="text/javascript">
+ function PASS()
+ {
+ return false;
+ }
+ </script>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-108.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-108.xht
new file mode 100644
index 0000000000..1887a6d443
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-108.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'ondblclick'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/only_pass_parens_semicolon.html"/>
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'ondblclick'." />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <style type="text/css">
+ div:before
+ {
+ content: attr(ondblclick);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "PASS();" appears in the box below. Fail if there is any other additional text.</p>
+ <div ondblclick="PASS();"></div>
+ <script type="text/javascript">
+ function PASS()
+ {
+ return false;
+ }
+ </script>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-109.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-109.xht
new file mode 100644
index 0000000000..030d38d41d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-109.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'onfocus'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/only_pass_parens_semicolon.html" />
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'onfocus'." />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <style type="text/css">
+ a:before
+ {
+ content: attr(onfocus);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "PASS();" appears in the box below. Fail if there is any other additional text.</p>
+ <div>
+ <a onfocus="PASS();"></a>
+ </div>
+ <script type="text/javascript">
+ function PASS()
+ {
+ return false;
+ }
+ </script>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-110.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-110.xht
new file mode 100644
index 0000000000..cf2cc1b286
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-110.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'onkeydown'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/only_pass_parens_semicolon.html"/>
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'onkeydown'." />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <style type="text/css">
+ div:before
+ {
+ content: attr(onkeydown);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "PASS();" appears in the box below. Fail if there is any other additional text.</p>
+ <div onkeydown="PASS();"></div>
+ <script type="text/javascript">
+ function PASS()
+ {
+ return false;
+ }
+ </script>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-111.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-111.xht
new file mode 100644
index 0000000000..e97431cdf5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-111.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'onkeypress'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/only_pass_parens_semicolon.html"/>
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'onkeypress'." />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <style type="text/css">
+ div:before
+ {
+ content: attr(onkeypress);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "PASS();" appears in the box below. Fail if there is any other additional text.</p>
+ <div onkeypress="PASS();"></div>
+ <script type="text/javascript">
+ function PASS()
+ {
+ return false;
+ }
+ </script>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-112.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-112.xht
new file mode 100644
index 0000000000..f45e00a5a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-112.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'onkeyup'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/only_pass_parens_semicolon.html"/>
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'onkeyup'." />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <style type="text/css">
+ div:before
+ {
+ content: attr(onkeyup);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "PASS();" appears in the box below. Fail if there is any other additional text.</p>
+ <div onkeyup="PASS();"></div>
+ <script type="text/javascript">
+ function PASS()
+ {
+ return false;
+ }
+ </script>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-113-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-113-ref.html
new file mode 100644
index 0000000000..c17bdd7f09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-113-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ color: green;
+ }
+</style>
+<body>
+ <div>PASS();</div>
+ <p>Test passes if only the word "PASS();" appears above. Fail if there is any other additional text.</p>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-113.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-113.xht
new file mode 100644
index 0000000000..559b7953d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-113.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'onload'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-113-ref.html" />
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'onload'." />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <style type="text/css">
+ body:before
+ {
+ content: attr(onload);
+ color: green;
+ }
+ </style>
+ </head>
+ <body onload="PASS();">
+ <p>Test passes if only the word "PASS();" appears above. Fail if there is any other additional text.</p>
+ <script type="text/javascript">
+ function PASS()
+ {
+ return false;
+ }
+ </script>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-114.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-114.xht
new file mode 100644
index 0000000000..67babfc45f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-114.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'onmousedown'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/only_pass_parens_semicolon.html"/>
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'onmousedown'." />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <style type="text/css">
+ div:before
+ {
+ content: attr(onmousedown);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "PASS();" appears in the box below. Fail if there is any other additional text.</p>
+ <div onmousedown="PASS();"></div>
+ <script type="text/javascript">
+ function PASS()
+ {
+ return false;
+ }
+ </script>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-115.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-115.xht
new file mode 100644
index 0000000000..4472f25dcc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-115.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'onmousemove'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/only_pass_parens_semicolon.html"/>
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'onmousemove'." />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <style type="text/css">
+ div:before
+ {
+ content: attr(onmousemove);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "PASS();" appears in the box below. Fail if there is any other additional text.</p>
+ <div onmousemove="PASS();"></div>
+ <script type="text/javascript">
+ function PASS()
+ {
+ return false;
+ }
+ </script>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-116.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-116.xht
new file mode 100644
index 0000000000..3eca048b9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-116.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'onmouseout'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/only_pass_parens_semicolon.html"/>
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'onmouseout'." />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <style type="text/css">
+ div:before
+ {
+ content: attr(onmouseout);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "PASS();" appears in the box below. Fail if there is any other additional text.</p>
+ <div onmouseout="PASS();"></div>
+ <script type="text/javascript">
+ function PASS()
+ {
+ return false;
+ }
+ </script>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-117.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-117.xht
new file mode 100644
index 0000000000..dc89bacc3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-117.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'onmouseover'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/only_pass_parens_semicolon.html"/>
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'onmouseover'." />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <style type="text/css">
+ div:before
+ {
+ content: attr(onmouseover);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "PASS();" appears in the box below. Fail if there is any other additional text.</p>
+ <div onmouseover="PASS();"></div>
+ <script type="text/javascript">
+ function PASS()
+ {
+ return false;
+ }
+ </script>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-118.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-118.xht
new file mode 100644
index 0000000000..08fc22bb99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-118.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'onmouseup'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/only_pass_parens_semicolon.html"/>
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'onmouseup'." />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <style type="text/css">
+ div:before
+ {
+ content: attr(onmouseup);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "PASS();" appears in the box below. Fail if there is any other additional text.</p>
+ <div onmouseup="PASS();"></div>
+ <script type="text/javascript">
+ function PASS()
+ {
+ return false;
+ }
+ </script>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-119.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-119.xht
new file mode 100644
index 0000000000..37f69d4a71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-119.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'onreset'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/only_pass_parens_semicolon.html"/>
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'onreset'." />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <style type="text/css">
+ form:before
+ {
+ content: attr(onreset);
+ color: green;
+ }
+ form
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "PASS();" appears in the box below. Fail if there is any other additional text.</p>
+ <form action="" onreset="PASS();">
+ <div></div>
+ </form>
+ <script type="text/javascript">
+ function PASS()
+ {
+ return false;
+ }
+ </script>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-121.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-121.xht
new file mode 100644
index 0000000000..f1f827f70f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-121.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'onsubmit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/only_pass_parens_semicolon.html"/>
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'onsubmit'." />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <style type="text/css">
+ form:before
+ {
+ content: attr(onsubmit);
+ color: green;
+ }
+ form
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "PASS();" appears in the box below. Fail if there is any other additional text.</p>
+ <form action="" onsubmit="PASS();">
+ <div></div>
+ </form>
+ <script type="text/javascript">
+ function PASS()
+ {
+ return false;
+ }
+ </script>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-122.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-122.xht
new file mode 100644
index 0000000000..a32ce892c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-122.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'onunload'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-113-ref.html" />
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'onunload'." />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <style type="text/css">
+ body:before
+ {
+ content: attr(onunload);
+ color: green;
+ }
+ </style>
+ </head>
+ <body onunload="PASS();">
+ <p>Test passes if only the word "PASS();" appears above. Fail if there is any other additional text.</p>
+ <script type="text/javascript">
+ function PASS()
+ {
+ return false;
+ }
+ </script>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-123.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-123.xht
new file mode 100644
index 0000000000..85c5308c7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-123.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head profile="PASS PASS">
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'profile'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-047-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'profile'." />
+ <style type="text/css">
+ head:before
+ {
+ content: attr(profile);
+ color: green;
+ }
+ head
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear above this text.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-126-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-126-ref.html
new file mode 100644
index 0000000000..74f46da24c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-126-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if only the word "Alternate" appears in the box below.</p>
+ <div>Alternate</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-126.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-126.xht
new file mode 100644
index 0000000000..c3f8697b8a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-126.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'rel'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-126-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'rel'." />
+ <style type="text/css">
+ a:before
+ {
+ content: attr(rel);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "Alternate" appears in the box below.</p>
+ <div>
+ <a rel="Alternate"></a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-127.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-127.xht
new file mode 100644
index 0000000000..7fa3429e87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-127.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'rev'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-126-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'rev'." />
+ <style type="text/css">
+ a:before
+ {
+ content: attr(rev);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "Alternate" appears in the box below.</p>
+ <div>
+ <a rev="Alternate"></a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-129.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-129.xht
new file mode 100644
index 0000000000..0346521aa1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-129.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'rowspan'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-053-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'rowspan'." />
+ <style type="text/css">
+ td:before
+ {
+ content: attr(rowspan);
+ color: green;
+ }
+ td
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number "1" appears in the box below.</p>
+ <table>
+ <tr>
+ <td rowspan="1"></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-130.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-130.xht
new file mode 100644
index 0000000000..f104530438
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-130.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'rules'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'rules'." />
+ <style type="text/css">
+ table:before
+ {
+ content: attr(rules);
+ color: green;
+ }
+ table
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "all" appears in the box below.</p>
+ <table rules="all">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-131.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-131.xht
new file mode 100644
index 0000000000..1e142a90bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-131.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'scheme'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-047-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'scheme'." />
+ <meta content="" scheme="PASS PASS" />
+ <style type="text/css">
+ meta:before
+ {
+ content: attr(scheme);
+ color: green;
+ }
+ head, meta
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear above this text.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-132-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-132-ref.html
new file mode 100644
index 0000000000..6c1736b5c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-132-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ td {
+ color: green;
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if only the word "col" appears in the box below.</p>
+ <table>
+ <tr>
+ <td>col</td>
+ </tr>
+ </table>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-132.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-132.xht
new file mode 100644
index 0000000000..54636ed2bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-132.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'scope'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-132-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'scope'." />
+ <style type="text/css">
+ td:before
+ {
+ content: attr(scope);
+ color: green;
+ }
+ td
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "col" appears in the box below.</p>
+ <table>
+ <tr>
+ <td scope="col"></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-135-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-135-ref.html
new file mode 100644
index 0000000000..c1be10b7a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-135-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if only the word "circle" appears in the box below.</p>
+ <div>circle</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-135.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-135.xht
new file mode 100644
index 0000000000..e62a4c2095
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-135.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'shape'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-135-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'shape'." />
+ <style type="text/css">
+ a:before
+ {
+ content: attr(shape);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "circle" appears in the box below.</p>
+ <div>
+ <a shape="circle"></a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-136-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-136-ref.html
new file mode 100644
index 0000000000..2ec806a962
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-136-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ font {
+ color: green;
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if the number "5" appears in the box below.</p>
+ <div><font size="5">5</font></div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-136.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-136.xht
new file mode 100644
index 0000000000..419fad5bf6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-136.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'size'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-136-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'size'." />
+ <style type="text/css">
+ font:before
+ {
+ content: attr(size);
+ color: green;
+ }
+ font
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number "5" appears in the box below.</p>
+ <div>
+ <font size="5"></font>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-138.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-138.xht
new file mode 100644
index 0000000000..8c3910211e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-138.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'src'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-003-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'src'." />
+ <style type="text/css">
+ script:before
+ {
+ content: attr(src);
+ color: green;
+ }
+ script
+ {
+ border: 2px solid black;
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear in the box below.</p>
+ <script src="PASS PASS" type="text/javascript"></script>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-140.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-140.xht
new file mode 100644
index 0000000000..9c50299b3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-140.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'start'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'start'." />
+ <style type="text/css">
+ ol:before
+ {
+ color: green;
+ content: attr(start);
+ }
+ ol
+ {
+ border: 2px solid black;
+ color: white;
+ font-size: 25px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green number "1" in the box below.</p>
+ <ol start="1">
+ <li></li>
+ </ol>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-141-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-141-ref.html
new file mode 100644
index 0000000000..9a5d248bc6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-141-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the words "color: green;" appear in the box below.</p>
+ <div>color: green;</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-141.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-141.xht
new file mode 100644
index 0000000000..52ec51bb50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-141.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'style'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-141-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'style'." />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+ div:before
+ {
+ content: attr(style);
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "color: green;" appear in the box below.</p>
+ <div style="color: green;"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-142.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-142.xht
new file mode 100644
index 0000000000..cb82c23663
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-142.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'summary'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'summary'." />
+ <style type="text/css">
+ table:before
+ {
+ content: attr(summary);
+ color: green;
+ }
+ table
+ {
+ border: 2px solid black;
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the words "PASS PASS" appear in the box below.</p>
+ <table summary="PASS PASS">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-143-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-143-ref.html
new file mode 100644
index 0000000000..6a4e3dcf9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-143-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the number "5" appears in the box below.</p>
+ <div>5</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-143.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-143.xht
new file mode 100644
index 0000000000..922f8accb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-143.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'tabindex'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-143-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'tabindex'." />
+ <style type="text/css">
+ a:before
+ {
+ content: attr(tabindex);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number "5" appears in the box below.</p>
+ <div>
+ <a tabindex="5"></a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-144-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-144-ref.html
new file mode 100644
index 0000000000..f89a44c850
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-144-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the word "_blank" appears in the box below.</p>
+ <div>_blank</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-144.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-144.xht
new file mode 100644
index 0000000000..18c5069223
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-144.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'target'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-144-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'target'." />
+ <style type="text/css">
+ a:before
+ {
+ content: attr(target);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "_blank" appears in the box below.</p>
+ <div>
+ <a target="_blank"></a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-145.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-145.xht
new file mode 100644
index 0000000000..08027dd3da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-145.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'text'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-091-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'text'." />
+ <style type="text/css">
+ body:before
+ {
+ content: attr(text);
+ }
+ p
+ {
+ color: black;
+ }
+ </style>
+ </head>
+ <body text="green">
+ <p>Test passes if the word "green" appears above.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-146.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-146.xht
new file mode 100644
index 0000000000..6dd3f73526
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-146.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'title'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-003-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'title'." />
+ <style type="text/css">
+ a:before
+ {
+ content: attr(title);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear in the box below.</p>
+ <div>
+ <a title="PASS PASS"></a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-147-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-147-ref.html
new file mode 100644
index 0000000000..8c056131d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-147-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the words "text/plain" appear in the box below.</p>
+ <div>text/plain</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-147.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-147.xht
new file mode 100644
index 0000000000..58e269b288
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-147.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'type'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-147-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'type'." />
+ <style type="text/css">
+ a:before
+ {
+ content: attr(type);
+ color: green;
+ }
+ div
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "text/plain" appear in the box below.</p>
+ <div>
+ <a type="text/plain"></a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-149-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-149-ref.html
new file mode 100644
index 0000000000..55641ccda0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-149-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ td {
+ color: green;
+ border: 2px solid black;
+ }
+</style>
+<body>
+ <p>Test passes if only the word "baseline" appears in the box below.</p>
+ <table>
+ <tr>
+ <td>baseline</td>
+ </tr>
+ </table>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-149.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-149.xht
new file mode 100644
index 0000000000..ab98d48e1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-149.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'valign'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-149-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'valign'." />
+ <style type="text/css">
+ td:before
+ {
+ content: attr(valign);
+ color: green;
+ }
+ td
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the word "baseline" appears in the box below.</p>
+ <table>
+ <tr>
+ <td valign="baseline"></td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-150-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-150-ref.html
new file mode 100644
index 0000000000..2a24d705b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-150-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ li {
+ color: green;
+ border: 2px solid black;
+ display: block;
+ }
+</style>
+<body>
+ <p>Test passes if only the number "1" appears in the box below.</p>
+ <ol>
+ <li>1</li>
+ </ol>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-150.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-150.xht
new file mode 100644
index 0000000000..f8545a90d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-150.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'value'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-150-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'value'." />
+ <style type="text/css">
+ li:before
+ {
+ content: attr(value);
+ color: green;
+ }
+ li
+ {
+ border: 2px solid black;
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the number "1" appears in the box below.</p>
+ <ol>
+ <li value="1"></li>
+ </ol>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-151.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-151.xht
new file mode 100644
index 0000000000..5d56b1846e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-151.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'valuetype'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'valuetype'." />
+ <style type="text/css">
+ param:before
+ {
+ content: attr(valuetype);
+ color: green;
+ }
+ param
+ {
+ border: 2px solid black;
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "data" appears in the box below.</p>
+ <div>
+ <object>
+ <param name="test" valuetype="data" />
+ </object>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-152.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-152.xht
new file mode 100644
index 0000000000..5db11c6028
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-152.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" version="PASS PASS">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'version'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-047-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'version'." />
+ <style type="text/css">
+ html:before
+ {
+ content: attr(version);
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "PASS PASS" appear above this text.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-153.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-153.xht
new file mode 100644
index 0000000000..36c0344763
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-153.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'vlink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-091-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'vlink'." />
+ <style type="text/css">
+ body:before
+ {
+ content: attr(vlink);
+ color: green;
+ }
+ </style>
+ </head>
+ <body vlink="green">
+ <p>Test passes if the word "green" appears above.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-155-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-155-ref.html
new file mode 100644
index 0000000000..373e467765
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-155-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ pre {
+ border: 2px solid black;
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the number "10" appears in the box below.</p>
+ <pre>10</pre>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-155.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-155.xht
new file mode 100644
index 0000000000..d7ab8392e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-155.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with a 'attr()' function as a value selecting 'width'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-155-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'width'." />
+ <style type="text/css">
+ pre:before
+ {
+ content: attr(width);
+ color: green;
+ }
+ pre
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number "10" appears in the box below.</p>
+ <pre width="10"></pre>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-156-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-156-ref.html
new file mode 100644
index 0000000000..1dab980f97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-156-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid blue;
+ height: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a quote (") in the blue box below.</p>
+ <div>"</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-156.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-156.xht
new file mode 100644
index 0000000000..26ff550a7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-156.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with the value of 'open-quote'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-156-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles an 'open-quote' value." />
+ <style type="text/css">
+ div:lang(en)
+ {
+ quotes: '"' '"' "'" "'";
+ }
+ div:before
+ {
+ content: open-quote;
+ }
+ div
+ {
+ border: 2px solid blue;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a quote (") in the blue box below.</p>
+ <div lang="en"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-157.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-157.xht
new file mode 100644
index 0000000000..4ee73ab9db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-157.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with the value of 'close-quote'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-156-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'close-quote' value." />
+ <style type="text/css">
+ div:lang(en)
+ {
+ quotes: '"' '"' "'" "'";
+ }
+ div:before
+ {
+ content: no-open-quote;
+ }
+ div:after
+ {
+ content: close-quote;
+ }
+ div
+ {
+ border: 2px solid blue;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a quote (") in the blue box below.</p>
+ <div lang="en"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-158-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-158-ref.html
new file mode 100644
index 0000000000..f54324da84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-158-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid blue;
+ height: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if there is a single quote (') in the blue box below.</p>
+ <div>'</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-158.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-158.xht
new file mode 100644
index 0000000000..1b4b21a38d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-158.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with the value of 'no-open-quote'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-158-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'no-open-quote' value." />
+ <style type="text/css">
+ div:lang(en)
+ {
+ quotes: '"' '"' "'" "'";
+ }
+ .noopen:before
+ {
+ content: no-open-quote;
+ }
+ #div2:before
+ {
+ content: open-quote;
+ }
+ #div1
+ {
+ border: 2px solid blue;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single quote (') in the blue box below.</p>
+ <div id="div1" class="noopen" lang="en">
+ <div id="div2" class="noopen"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-159-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-159-ref.html
new file mode 100644
index 0000000000..bd17b1fe02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-159-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: 2px solid blue;
+ }
+</style>
+<body>
+ <p>Test passes if there are 3 quotes (" ' ") in the blue box.</p>
+ <div>" ' "</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-159.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-159.xht
new file mode 100644
index 0000000000..8a86f7aabf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-159.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with the value of 'no-close-quote'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-159-ref.html" />
+ <meta name="assert" content="The 'content' property properly handles a 'no-close-quote' value." />
+ <style type="text/css">
+ div:lang(en)
+ {
+ quotes: '"' '"' "'" "'";
+ }
+ .spans:before
+ {
+ content: open-quote;
+ }
+ .spans:after
+ {
+ content: close-quote;
+ }
+ #span2:after
+ {
+ content: no-close-quote;
+ }
+ div
+ {
+ border: 2px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 3 quotes (" ' ") in the blue box.</p>
+ <div id="wrapper" lang="en">
+ <span id="span1" class="spans">
+ <span id="span2" class="spans"></span>
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-160.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-160.xht
new file mode 100644
index 0000000000..adc29c8e68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-160.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with the value of 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="The 'content' property correctly handles an 'inherit' value." />
+ <style type="text/css">
+ #div1
+ {
+ background: white;
+ color: blue;
+ content: "TEXT";
+ }
+ div:before
+ {
+ color: green;
+ content: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing displayed below or the words "TEXT TEXT" are below, and the left "TEXT" is green and the right "TEXT' is blue.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-171-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-171-ref.xht
new file mode 100644
index 0000000000..1a758584b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-171-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ color: white;
+ font: 1em/1 monospace;
+ width: 15em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if "Line 1" and "Line 2" are white inside a green stripe.</p>
+
+ <div>Line 1</div>
+ <div>Line 2</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-171.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-171.xht
new file mode 100644
index 0000000000..05eba6a2b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-171.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Generated Content: Simple \A</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/content/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-171-ref.xht" />
+
+ <style type="text/css">
+ div { font: 1em/1em monospace; background: red; color: yellow; height: 2em; width: 15em; }
+ div:before { content: 'Line 1\A Line 2'; white-space: pre; background: green; color: white; display: block; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if "Line 1" and "Line 2" are white inside a green stripe.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-172-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-172-ref.xht
new file mode 100644
index 0000000000..9168cc2de8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-172-ref.xht
@@ -0,0 +1,81 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ td
+ {
+ border: black solid medium;
+ font: 1em/1 monospace;
+ }
+
+ tr.normal div {white-space: normal;}
+
+ tr.pre div {white-space: pre;}
+
+ tr.nowrap div {white-space: nowrap;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The following two columns should be pixel-perfect identical (the
+ first two rows should just be rows of Xs, the last row should be
+ a step pattern):</p>
+
+ <table>
+ <thead>
+ <tr>
+ <th> Test </th>
+ <th> Control </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr class="normal">
+ <td>
+<div>XXX
+ XXX
+ XXX</div>
+ </td>
+ <td>
+<div>XXX
+ XXX
+ XXX</div>
+ </td>
+ </tr>
+ <tr class="nowrap">
+ <td>
+<div>XXX
+ XXX
+ XXX</div>
+ </td>
+ <td>
+<div>XXX
+ XXX
+ XXX</div>
+ </td>
+ </tr>
+ <tr class="pre">
+ <td>
+<div>XXX
+ XXX
+ XXX</div>
+ </td>
+ <td>
+<div>XXX
+ XXX
+ XXX</div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-172.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-172.xht
new file mode 100644
index 0000000000..c1fb7bf21b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-172.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Generated Content: \A and white-space</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/content/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-172-ref.xht" />
+
+ <style type="text/css">
+ /* Setup */
+ td { font: 1em/1em monospace; border: solid; }
+ .normal div { white-space: normal; }
+ .pre div { white-space: pre; }
+ .nowrap div { white-space: nowrap; }
+ :before, :after { white-space: inherit; /* this isn't a cascade test */ }
+
+ /* Test */
+ .test:before { content: 'XXX\A XXX\A '; }
+ .test:after { content: 'XXX'; }
+ </style>
+ </head>
+ <body>
+
+ <p>The following two columns should be pixel-perfect identical (the
+ first two rows should just be rows of Xs, the last row should be
+ a step pattern):</p>
+
+ <table>
+ <thead>
+ <tr>
+ <th> Test </th>
+ <th> Control </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr class="normal">
+ <td>
+<div class="test"></div>
+ </td>
+ <td>
+<div>XXX
+ XXX
+ XXX</div>
+ </td>
+ </tr>
+ <tr class="nowrap">
+ <td>
+<div class="test"></div>
+ </td>
+ <td>
+<div>XXX
+ XXX
+ XXX</div>
+ </td>
+ </tr>
+ <tr class="pre">
+ <td>
+<div class="test"></div>
+ </td>
+ <td>
+<div>XXX
+ XXX
+ XXX</div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-173-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-173-ref.xht
new file mode 100644
index 0000000000..6810135e2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-173-ref.xht
@@ -0,0 +1,75 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ td
+ {
+ border: black solid medium;
+ font: 1em/1 monospace;
+ }
+
+ div {white-space: pre;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The following two boxes should be perfectly <strong>identical</strong>,
+ <em>including</em> the blank lines and the margin between the edges
+ of the image and the border:</p>
+
+ <table>
+ <thead>
+ <tr>
+ <th> Test </th>
+ <th> Control </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr class="pre">
+ <td>
+<div>
+ ,
+ _/((
+ _.---. .' `\
+ .' ` ^ T=
+ / \ .--'
+ | / )'-.
+ ; , &lt;__..-( '-.) <!--significant white space at the end of this line-->
+ \ \-.__) ``--._)
+ jgs '.'-.__.-.
+ '-...-'
+ </div>
+ </td>
+ <td>
+<div>
+ ,
+ _/((
+ _.---. .' `\
+ .' ` ^ T=
+ / \ .--'
+ | / )'-.
+ ; , &lt;__..-( '-.) <!--significant white space at the end of this line-->
+ \ \-.__) ``--._)
+ jgs '.'-.__.-.
+ '-...-'
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+ <p>The cats should also be <strong>aligned vertically</strong>
+ (i.e. be at the same height); if they are not, then the test
+ has not passed.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-173.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-173.xht
new file mode 100644
index 0000000000..5a39c8a6e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-173.xht
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<!-- WARNING!
+ ! This file contains SIGNIFICANT trailing white space characters!
+ ! Edit with care!
+ !-->
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Generated Content: Nasty parsing and generated content test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/content/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-173-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ td { font: 1em/1em monospace; border: solid; }
+ div { white-space: pre; }
+/*******************************************************************************/
+/* FOR THE LOVE OF ALL CATS, DO NOT CHANGE THE FOLLOWING LINES IN ANY WAY! */
+/*******************************************************************************/
+ .test:before { content: '\A ,\A _/((\A \
+ _.---. .\' `\\\A .\' '
+ ' ` ^ T=\A / \\ .--\'\A \
+ | / )\'-.\A '; }
+ .test:after { content: ' ; , <__..-( \'-.) \A \\ \\-.__) ``--._\
+)\A jgs \'.\'-.__.-.\A \20\020 \0020\00020\000020 \'-.' '.' '.-\'\A' '\A'; }
+/*******************************************************************************/
+
+ ]]></style>
+ </head>
+ <body>
+
+ <p>The following two boxes should be perfectly <strong>identical</strong>,
+ <em>including</em> the blank lines and the margin between the edges
+ of the image and the border:</p>
+
+ <table>
+ <thead>
+ <tr>
+ <th> Test </th>
+ <th> Control </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr class="pre">
+ <td>
+<div class="test"></div>
+ </td>
+ <td>
+<div>
+ ,
+ _/((
+ _.---. .' `\
+ .' ` ^ T=
+ / \ .--'
+ | / )'-.
+ ; , &lt;__..-( '-.) <!--significant white space at the end of this line-->
+ \ \-.__) ``--._)
+ jgs '.'-.__.-.
+ '-...-'
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+ <p>The cats should also be <strong>aligned vertically</strong>
+ (i.e. be at the same height); if they are not, then the test
+ has not passed.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-174-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-174-ref.xht
new file mode 100644
index 0000000000..4533dcfedc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-174-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ color: white;
+ display: inline;
+ font: 1em/1 monospace;
+ vertical-align: top;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>Test passes if this sentence has a green background.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-174.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-174.xht
new file mode 100644
index 0000000000..8aff716e4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-174.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Generated Content: \A and white-space</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/content/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-174-ref.xht" />
+
+ <style type="text/css">
+ .red { background: red; width: 5em; font: 1em/1 monospace; height: 1em; }
+ .small { width: 1em; }
+ span:before { background: green; color: white; white-space: nowrap; content: 'Test\Apasses if this sentence has a green background.'; }
+ </style>
+ </head>
+ <body>
+ <div class="red">
+ <div class="small">
+ <span></span>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-175-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-175-ref.xht
new file mode 100644
index 0000000000..3679fd86d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-175-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {margin: 0px auto 2em;}
+
+ div
+ {
+ background-color: navy;
+ color: navy;
+ display: inline;
+ margin-left: 10em;
+ padding-right: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is only one single straight blue stripe.</p>
+
+ <div>This test has failed.&nbsp;&nbsp;&nbsp;</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-175.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-175.xht
new file mode 100644
index 0000000000..84e2b96d0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-175.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Generated Content: \A and white-space</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/content/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-175-ref.xht" />
+
+ <style type="text/css">
+ .test { width: 20em; padding: 2em 10em; }
+ .test div { display: inline; padding: 0 1em 0 0; background: navy; color: navy; }
+ .test div:after { content: ' \A'; white-space: pre; }
+ </style>
+ </head>
+ <body>
+ <div>Test passes if there is only one single straight blue stripe.</div>
+ <div class="test"><div>
+ This test has failed.
+ </div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-177-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-177-ref.xht
new file mode 100644
index 0000000000..f43c543443
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-177-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: green;
+ font: 3em sans-serif;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a jumble of green letters and symbols that makes no sense and if there is <strong>no red</strong>.</p>
+
+ <div>TEST &amp;#x46;&amp;#x41;&amp;#x49;&amp;#x4c;ED</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-177.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-177.xht
new file mode 100644
index 0000000000..66116d844d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-177.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Generated Content: Entities</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/content/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-177-ref.xht" />
+
+ <style type="text/css"><![CDATA[
+ div { position: relative; font: 3em sans-serif; color: red; }
+ span { position: absolute; top: 0; left: 0; }
+ .control { color: green; }
+ .test:before { content: 'TEST &#x46;&#x41;&#x49;&#x4c;'; }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a jumble of green letters and symbols that makes no sense and if there is <strong>no red</strong>.</p>
+ <div><span class="test">ED</span><span class="control">TEST &amp;#x46;&amp;#x41;&amp;#x49;&amp;#x4c;ED</span></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-178.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-178.xht
new file mode 100644
index 0000000000..5ac03b9a4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-178.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Generated Content and :hover</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/content/dynamic/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ div:before { content: "Hover here."; display: block; background: navy; color: white; }
+ div:hover:before { content: "PASS"; background: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the following navy block turns green and says PASS when you hover it:</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-applies-to-001.xht
new file mode 100644
index 0000000000..5344676c08
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-applies-to-001.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content property works only with :before and :after</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="Content property only works in conjunction with the :before and :after pseudo-elements." />
+ <style type="text/css">
+ div
+ {
+ content: "GENERATED";
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the words "Filler Text" or the word "GENERATED" appear below. If both "Filler Text" and "GENERATED" are present the test fails.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-attr-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-attr-001.xht
new file mode 100644
index 0000000000..b40b5ba00b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-attr-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content property missing attr(x)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../reference/ref-nothing-below.xht" />
+ <meta name="assert" content="If attribute (x) does not exist then an empty string is returned for the attr(x) value." />
+ <style type="text/css">
+ div:before
+ {
+ content: attr(title);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-attr-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-attr-002.xht
new file mode 100644
index 0000000000..12a6f86faa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-attr-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Generated Content from Attributes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/content/attributes/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+
+ <style type="text/css">
+ html, body, head { margin: 0; padding: 0; display: block; }
+ head * { display: none; }
+ link, p { display: block; margin: 1em; }
+ link:before { content: 'The test has '; }
+ link:after { content: attr(media); }
+ </style>
+ <link rel="stylesheet" href="support/content-attr-002.css" media="passed."/>
+ </head>
+ <body>
+ <p>Test passes if there is a sentence above which says "The test has passed."</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-attr-case-001.html b/testing/web-platform/tests/css/CSS2/generated-content/content-attr-case-001.html
new file mode 100644
index 0000000000..2ba49f9558
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-attr-case-001.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: Content property attr(x) case sensitivity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content">
+ <link rel="match" href="../../reference/pass_if_pass_below.html" />
+ <meta name="flags" content="HTMLonly">
+ <meta name="assert" content="The attr(x) function selects the attribute even when case does not match.">
+ <style type="text/css">
+ div:before
+ {
+ content: attr(Title);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the word "PASS" below.</p>
+ <div title="PASS"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-attr-case-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-attr-case-002.xht
new file mode 100644
index 0000000000..d3126bafcd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-attr-case-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content attr(x) case sensitivity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht" />
+ <meta name="flags" content="nonHTML" />
+ <meta name="assert" content="Verify in XHTML that attr(x) does not select the attribute when the case does not match" />
+ <style type="text/css">
+ #test:before
+ {
+ background: red;
+ color: yellow;
+ content: attr(Title);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="test" title="FAIL"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-auto-reset-001-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-auto-reset-001-ref.html
new file mode 100644
index 0000000000..3a2e1d7e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-auto-reset-001-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<body>
+ <p>Test passes if there is the number '0' below.</p>
+ <div>0</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-auto-reset-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-auto-reset-001.xht
new file mode 100644
index 0000000000..1eec9768b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-auto-reset-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content property on out of scope counter</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-auto-reset-001-ref.html" />
+ <meta name="assert" content="If content refers to a counter that is not in scope, it is assumed that a counter-reset has occurred and the counter is reset to zero." />
+ <style type="text/css">
+ div:before
+ {
+ content: counter(outofscope);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the number '0' below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-000-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-000-ref.xht
new file mode 100644
index 0000000000..7b8deb8d9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-000-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+body {
+ white-space: nowrap;
+}
+</style>
+</head>
+<body>
+<p>The following two lines should look the same:</p>
+<div>
+1
+2
+3
+4
+5
+6
+7
+8
+9
+10
+11
+12
+</div>
+<div>
+1
+2
+3
+4
+5
+6
+7
+8
+9
+10
+11
+12
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-000.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-000.xht
new file mode 100644
index 0000000000..328ba64164
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-000.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counter(c)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <link rel="match" href="content-counter-000-ref.xht"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test { counter-reset: c; }
+ #test span { counter-increment: c; }
+ #test span:before { content: counter(c); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+ 10
+ 11
+ 12
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-001.xht
new file mode 100644
index 0000000000..8f06e686e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-001.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counter(c, none)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <link rel="match" href="about:blank"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test { counter-reset: c; }
+ #test span { counter-increment: c; }
+ #test span:before { content: counter(c, none) "z"; }
+
+ </style>
+ </head>
+ <body>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-002-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-002-ref.xht
new file mode 100644
index 0000000000..7c53335c75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-002-ref.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ white-space: nowrap;
+}
+
+#test {
+ color: blue;
+}
+</style>
+</head>
+<body>
+<p>There should be a string of 12 blue filled circles below. (A string of
+12 black circles is provided on the second line for reference.):</p>
+<div id="test">
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+</div>
+<div>
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+&#x2022;
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-002.xht
new file mode 100644
index 0000000000..c5d1234626
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-002.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counter(c, disc)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <link rel="match" href="content-counter-002-ref.xht"/>
+ <style type="text/css">
+
+ div { white-space: nowrap; }
+
+
+ #test { counter-reset: c; color: blue; }
+ #test span { counter-increment: c; }
+ #test span:before { content: counter(c, disc); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>There should be a string of 12 blue filled circles below. (A string of
+ 12 black circles is provided on the second line for reference.):</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ &#x2022;
+ &#x2022;
+ &#x2022;
+ &#x2022;
+ &#x2022;
+ &#x2022;
+ &#x2022;
+ &#x2022;
+ &#x2022;
+ &#x2022;
+ &#x2022;
+ &#x2022;
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-003-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-003-ref.xht
new file mode 100644
index 0000000000..953494bb1b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-003-ref.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ white-space: nowrap;
+}
+
+#test {
+ color: blue;
+}
+</style>
+</head>
+<body>
+<p>There should be a string of 12 blue hollow circles below. (A string of
+12 black hollow circles is provided on the second line for reference.):</p>
+<div id="test">
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+</div>
+<div>
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+&#x25E6;
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-003.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-003.xht
new file mode 100644
index 0000000000..eb0f616c4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-003.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counter(c, circle)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <link rel="match" href="content-counter-003-ref.xht"/>
+ <style type="text/css">
+
+ div { white-space: nowrap; }
+
+
+ #test { counter-reset: c; color: blue; }
+ #test span { counter-increment: c; }
+ #test span:before { content: counter(c, circle); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>There should be a string of 12 blue hollow circles below. (A string of
+ 12 black hollow circles is provided on the second line for reference.):</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ &#x25E6;
+ &#x25E6;
+ &#x25E6;
+ &#x25E6;
+ &#x25E6;
+ &#x25E6;
+ &#x25E6;
+ &#x25E6;
+ &#x25E6;
+ &#x25E6;
+ &#x25E6;
+ &#x25E6;
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-004-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-004-ref.xht
new file mode 100644
index 0000000000..4c5eacd4dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-004-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+#test {
+ color: blue;
+}
+li { list-style-type: square; list-style-position: inside; }
+li::marker { font-family: inherit; }
+ib { }
+</style>
+</head>
+<body>
+<p>Test passes if there are 12 blue filled squares below.</p>
+<div id="test">
+<li></li>
+<li></li>
+<li></li>
+<li></li>
+<li></li>
+<li></li>
+<li></li>
+<li></li>
+<li></li>
+<li></li>
+<li></li>
+<li></li>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-004.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-004.xht
new file mode 100644
index 0000000000..cda1a54811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-004.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counter(c, square)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <link rel="match" href="content-counter-004-ref.xht"/>
+ <style type="text/css">
+
+ #test { counter-reset: c; color: blue; }
+ #test span { display: block; counter-increment: c; }
+ #test span:before { content: counter(c, square); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there are 12 blue filled squares below.</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-005.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-005.xht
new file mode 100644
index 0000000000..bcbbca1c06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-005.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counter(c, decimal)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <link rel="match" href="content-counter-000-ref.xht"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test { counter-reset: c; }
+ #test span { counter-increment: c; }
+ #test span:before { content: counter(c, decimal); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+ 10
+ 11
+ 12
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-006-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-006-ref.xht
new file mode 100644
index 0000000000..d80b3cec23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-006-ref.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+body {
+ white-space: nowrap;
+}
+</style>
+</head>
+<body>
+<p>The following two lines should look the same:</p>
+<div>
+01
+02
+03
+04
+05
+06
+07
+08
+09
+10
+11
+12
+99
+100
+101
+</div>
+<div>
+01
+02
+03
+04
+05
+06
+07
+08
+09
+10
+11
+12
+99
+100
+101
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-006.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-006.xht
new file mode 100644
index 0000000000..be91103910
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-006.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counter(c, decimal-leading-zero)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <link rel="match" href="content-counter-006-ref.xht"/>
+ <meta http-equiv="Content-Style-Type" content="text/css"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test { counter-reset: c; }
+ #test span { counter-increment: c; }
+ #test span:before { content: counter(c, decimal-leading-zero); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span style="counter-reset: c 98"></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ 01
+ 02
+ 03
+ 04
+ 05
+ 06
+ 07
+ 08
+ 09
+ 10
+ 11
+ 12
+ 99
+ 100
+ 101
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-007-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-007-ref.xht
new file mode 100644
index 0000000000..9e39e6411e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-007-ref.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+body {
+ white-space: nowrap;
+}
+</style>
+</head>
+<body>
+<p>The following two lines should look the same:</p>
+<div>
+i
+ii
+iii
+iv
+v
+vi
+vii
+viii
+ix
+x
+xi
+xii
+xlix
+l
+ccclxxxix
+cccxc
+mmmcdlxxxix
+mmmcdxc
+mmmcdxci
+</div>
+<div>
+i
+ii
+iii
+iv
+v
+vi
+vii
+viii
+ix
+x
+xi
+xii
+xlix
+l
+ccclxxxix
+cccxc
+mmmcdlxxxix
+mmmcdxc
+mmmcdxci
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-007.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-007.xht
new file mode 100644
index 0000000000..198f1f4e1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-007.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counter(c, lower-roman)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <link rel="match" href="content-counter-007-ref.xht"/>
+ <meta http-equiv="Content-Style-Type" content="text/css"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test { counter-reset: c; }
+ #test span { counter-increment: c; }
+ #test span:before { content: counter(c, lower-roman); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span style="counter-reset: c 48"></span>
+ <span></span>
+ <span style="counter-reset: c 388"></span>
+ <span></span>
+ <span style="counter-reset: c 3488"></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ i
+ ii
+ iii
+ iv
+ v
+ vi
+ vii
+ viii
+ ix
+ x
+ xi
+ xii
+ xlix
+ l
+ ccclxxxix
+ cccxc
+ mmmcdlxxxix
+ mmmcdxc
+ mmmcdxci
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-008-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-008-ref.xht
new file mode 100644
index 0000000000..bb8c7fa667
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-008-ref.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+body {
+ white-space: nowrap;
+}
+</style>
+</head>
+<body>
+<p>The following two lines should look the same:</p>
+<div>
+I
+II
+III
+IV
+V
+VI
+VII
+VIII
+IX
+X
+XI
+XII
+XLIX
+L
+CCCLXXXIX
+CCCXC
+MMMCDLXXXIX
+MMMCDXC
+MMMCDXCI
+</div>
+<div>
+I
+II
+III
+IV
+V
+VI
+VII
+VIII
+IX
+X
+XI
+XII
+XLIX
+L
+CCCLXXXIX
+CCCXC
+MMMCDLXXXIX
+MMMCDXC
+MMMCDXCI
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-008.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-008.xht
new file mode 100644
index 0000000000..647978e9cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-008.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counter(c, upper-roman)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <link rel="match" href="content-counter-008-ref.xht"/>
+ <meta http-equiv="Content-Style-Type" content="text/css"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test { counter-reset: c; }
+ #test span { counter-increment: c; }
+ #test span:before { content: counter(c, upper-roman); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span style="counter-reset: c 48"></span>
+ <span></span>
+ <span style="counter-reset: c 388"></span>
+ <span></span>
+ <span style="counter-reset: c 3488"></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ I
+ II
+ III
+ IV
+ V
+ VI
+ VII
+ VIII
+ IX
+ X
+ XI
+ XII
+ XLIX
+ L
+ CCCLXXXIX
+ CCCXC
+ MMMCDLXXXIX
+ MMMCDXC
+ MMMCDXCI
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-009-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-009-ref.xht
new file mode 100644
index 0000000000..c3614b9c59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-009-ref.xht
@@ -0,0 +1,99 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+body {
+ white-space: nowrap;
+}
+</style>
+</head>
+<body>
+<p>The following two lines should look the same:</p>
+<div>
+&#x10D0;
+&#x10D1;
+&#x10D2;
+&#x10D3;
+&#x10D4;
+&#x10D5;
+&#x10D6;
+&#x10F1;
+&#x10D7;
+&#x10D8;
+&#x10D8;&#x10D0;
+&#x10D8;&#x10D1;
+&#x10D9;
+&#x10DA;
+&#x10DB;
+&#x10DC;
+&#x10F2;
+&#x10DD;
+&#x10DE;
+&#x10DF;
+&#x10E0;
+&#x10E1;
+&#x10E2;
+&#x10F3;
+&#x10E4;
+&#x10E5;
+&#x10E6;
+&#x10E7;
+&#x10E8;
+&#x10E9;
+&#x10EA;
+&#x10EB;
+&#x10EC;
+&#x10ED;
+&#x10EE;
+&#x10F4;
+&#x10EF;
+&#x10F0;
+&#x10F5;
+&#x10F5;&#x10F0;&#x10E8;&#x10DF;&#x10D7;
+</div>
+<div>
+&#x10D0;
+&#x10D1;
+&#x10D2;
+&#x10D3;
+&#x10D4;
+&#x10D5;
+&#x10D6;
+&#x10F1;
+&#x10D7;
+&#x10D8;
+&#x10D8;&#x10D0;
+&#x10D8;&#x10D1;
+&#x10D9;
+&#x10DA;
+&#x10DB;
+&#x10DC;
+&#x10F2;
+&#x10DD;
+&#x10DE;
+&#x10DF;
+&#x10E0;
+&#x10E1;
+&#x10E2;
+&#x10F3;
+&#x10E4;
+&#x10E5;
+&#x10E6;
+&#x10E7;
+&#x10E8;
+&#x10E9;
+&#x10EA;
+&#x10EB;
+&#x10EC;
+&#x10ED;
+&#x10EE;
+&#x10F4;
+&#x10EF;
+&#x10F0;
+&#x10F5;
+&#x10F5;&#x10F0;&#x10E8;&#x10DF;&#x10D7;
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-009.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-009.xht
new file mode 100644
index 0000000000..f5ac6c2309
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-009.xht
@@ -0,0 +1,113 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counter(c, georgian)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <link rel="match" href="content-counter-009-ref.xht"/>
+ <meta http-equiv="Content-Style-Type" content="text/css"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test { counter-reset: c; }
+ #test span { counter-increment: c; }
+ #test span:before { content: counter(c, georgian); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span style="counter-reset: c 19"></span>
+ <span style="counter-reset: c 29"></span>
+ <span style="counter-reset: c 39"></span>
+ <span style="counter-reset: c 49"></span>
+ <span style="counter-reset: c 59"></span>
+ <span style="counter-reset: c 69"></span>
+ <span style="counter-reset: c 79"></span>
+ <span style="counter-reset: c 89"></span>
+ <span style="counter-reset: c 99"></span>
+ <span style="counter-reset: c 199"></span>
+ <span style="counter-reset: c 299"></span>
+ <span style="counter-reset: c 399"></span>
+ <span style="counter-reset: c 499"></span>
+ <span style="counter-reset: c 599"></span>
+ <span style="counter-reset: c 699"></span>
+ <span style="counter-reset: c 799"></span>
+ <span style="counter-reset: c 899"></span>
+ <span style="counter-reset: c 999"></span>
+ <span style="counter-reset: c 1999"></span>
+ <span style="counter-reset: c 2999"></span>
+ <span style="counter-reset: c 3999"></span>
+ <span style="counter-reset: c 4999"></span>
+ <span style="counter-reset: c 5999"></span>
+ <span style="counter-reset: c 6999"></span>
+ <span style="counter-reset: c 7999"></span>
+ <span style="counter-reset: c 8999"></span>
+ <span style="counter-reset: c 9999"></span>
+ <span style="counter-reset: c 19998"></span>
+ </div>
+
+ <div>
+ &#x10D0;
+ &#x10D1;
+ &#x10D2;
+ &#x10D3;
+ &#x10D4;
+ &#x10D5;
+ &#x10D6;
+ &#x10F1;
+ &#x10D7;
+ &#x10D8;
+ &#x10D8;&#x10D0;
+ &#x10D8;&#x10D1;
+ &#x10D9;
+ &#x10DA;
+ &#x10DB;
+ &#x10DC;
+ &#x10F2;
+ &#x10DD;
+ &#x10DE;
+ &#x10DF;
+ &#x10E0;
+ &#x10E1;
+ &#x10E2;
+ &#x10F3;
+ &#x10E4;
+ &#x10E5;
+ &#x10E6;
+ &#x10E7;
+ &#x10E8;
+ &#x10E9;
+ &#x10EA;
+ &#x10EB;
+ &#x10EC;
+ &#x10ED;
+ &#x10EE;
+ &#x10F4;
+ &#x10EF;
+ &#x10F0;
+ &#x10F5;
+ &#x10F5;&#x10F0;&#x10E8;&#x10DF;&#x10D7;
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-010-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-010-ref.xht
new file mode 100644
index 0000000000..8ab0ea69a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-010-ref.xht
@@ -0,0 +1,97 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+body {
+ white-space: nowrap;
+}
+</style>
+</head>
+<body>
+<p>The following two lines should look the same:</p>
+<div>
+&#x531;
+&#x532;
+&#x533;
+&#x534;
+&#x535;
+&#x536;
+&#x537;
+&#x538;
+&#x539;
+&#x53A;
+&#x53A;&#x531;
+&#x53A;&#x532;
+&#x53B;
+&#x53C;
+&#x53D;
+&#x53E;
+&#x53F;
+&#x540;
+&#x541;
+&#x542;
+&#x543;
+&#x544;
+&#x545;
+&#x546;
+&#x547;
+&#x548;
+&#x549;
+&#x54A;
+&#x54B;
+&#x54C;
+&#x54D;
+&#x54E;
+&#x54F;
+&#x550;
+&#x551;
+&#x552;
+&#x553;
+&#x554;
+&#x554;&#x54B;&#x542;&#x539;
+</div>
+<div>
+&#x531;
+&#x532;
+&#x533;
+&#x534;
+&#x535;
+&#x536;
+&#x537;
+&#x538;
+&#x539;
+&#x53A;
+&#x53A;&#x531;
+&#x53A;&#x532;
+&#x53B;
+&#x53C;
+&#x53D;
+&#x53E;
+&#x53F;
+&#x540;
+&#x541;
+&#x542;
+&#x543;
+&#x544;
+&#x545;
+&#x546;
+&#x547;
+&#x548;
+&#x549;
+&#x54A;
+&#x54B;
+&#x54C;
+&#x54D;
+&#x54E;
+&#x54F;
+&#x550;
+&#x551;
+&#x552;
+&#x553;
+&#x554;
+&#x554;&#x54B;&#x542;&#x539;
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-010.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-010.xht
new file mode 100644
index 0000000000..05c1112f16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-010.xht
@@ -0,0 +1,111 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counter(c, armenian)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <link rel="match" href="content-counter-010-ref.xht"/>
+ <meta http-equiv="Content-Style-Type" content="text/css"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test { counter-reset: c; }
+ #test span { counter-increment: c; }
+ #test span:before { content: counter(c, armenian); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span style="counter-reset: c 19"></span>
+ <span style="counter-reset: c 29"></span>
+ <span style="counter-reset: c 39"></span>
+ <span style="counter-reset: c 49"></span>
+ <span style="counter-reset: c 59"></span>
+ <span style="counter-reset: c 69"></span>
+ <span style="counter-reset: c 79"></span>
+ <span style="counter-reset: c 89"></span>
+ <span style="counter-reset: c 99"></span>
+ <span style="counter-reset: c 199"></span>
+ <span style="counter-reset: c 299"></span>
+ <span style="counter-reset: c 399"></span>
+ <span style="counter-reset: c 499"></span>
+ <span style="counter-reset: c 599"></span>
+ <span style="counter-reset: c 699"></span>
+ <span style="counter-reset: c 799"></span>
+ <span style="counter-reset: c 899"></span>
+ <span style="counter-reset: c 999"></span>
+ <span style="counter-reset: c 1999"></span>
+ <span style="counter-reset: c 2999"></span>
+ <span style="counter-reset: c 3999"></span>
+ <span style="counter-reset: c 4999"></span>
+ <span style="counter-reset: c 5999"></span>
+ <span style="counter-reset: c 6999"></span>
+ <span style="counter-reset: c 7999"></span>
+ <span style="counter-reset: c 8999"></span>
+ <span style="counter-reset: c 9998"></span>
+ </div>
+
+ <div>
+ &#x531;
+ &#x532;
+ &#x533;
+ &#x534;
+ &#x535;
+ &#x536;
+ &#x537;
+ &#x538;
+ &#x539;
+ &#x53A;
+ &#x53A;&#x531;
+ &#x53A;&#x532;
+ &#x53B;
+ &#x53C;
+ &#x53D;
+ &#x53E;
+ &#x53F;
+ &#x540;
+ &#x541;
+ &#x542;
+ &#x543;
+ &#x544;
+ &#x545;
+ &#x546;
+ &#x547;
+ &#x548;
+ &#x549;
+ &#x54A;
+ &#x54B;
+ &#x54C;
+ &#x54D;
+ &#x54E;
+ &#x54F;
+ &#x550;
+ &#x551;
+ &#x552;
+ &#x553;
+ &#x554;
+ &#x554;&#x54B;&#x542;&#x539;
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-011-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-011-ref.xht
new file mode 100644
index 0000000000..8325d72d4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-011-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+body {
+ white-space: nowrap;
+}
+</style>
+</head>
+<body>
+<p>The following two lines should look the same:</p>
+<div>
+a
+b
+c
+d
+e
+f
+g
+h
+i
+j
+k
+l
+</div>
+<div>
+a
+b
+c
+d
+e
+f
+g
+h
+i
+j
+k
+l
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-011.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-011.xht
new file mode 100644
index 0000000000..a103f713b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-011.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counter(c, lower-latin)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <link rel="match" href="content-counter-011-ref.xht"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test { counter-reset: c; }
+ #test span { counter-increment: c; }
+ #test span:before { content: counter(c, lower-latin); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ a
+ b
+ c
+ d
+ e
+ f
+ g
+ h
+ i
+ j
+ k
+ l
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-012.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-012.xht
new file mode 100644
index 0000000000..a65cf76877
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-012.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counter(c, lower-alpha)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <link rel="match" href="content-counter-011-ref.xht"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test { counter-reset: c; }
+ #test span { counter-increment: c; }
+ #test span:before { content: counter(c, lower-alpha); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ a
+ b
+ c
+ d
+ e
+ f
+ g
+ h
+ i
+ j
+ k
+ l
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-013-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-013-ref.xht
new file mode 100644
index 0000000000..a9a3c70126
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-013-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+body {
+ white-space: nowrap;
+}
+</style>
+</head>
+<body>
+<p>The following two lines should look the same:</p>
+<div>
+A
+B
+C
+D
+E
+F
+G
+H
+I
+J
+K
+L
+</div>
+<div>
+A
+B
+C
+D
+E
+F
+G
+H
+I
+J
+K
+L
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-013.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-013.xht
new file mode 100644
index 0000000000..4db0b345b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-013.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counter(c, upper-latin)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <link rel="match" href="content-counter-013-ref.xht"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test { counter-reset: c; }
+ #test span { counter-increment: c; }
+ #test span:before { content: counter(c, upper-latin); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ A
+ B
+ C
+ D
+ E
+ F
+ G
+ H
+ I
+ J
+ K
+ L
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-014.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-014.xht
new file mode 100644
index 0000000000..86bed13945
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-014.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counter(c, upper-alpha)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <link rel="match" href="content-counter-013-ref.xht"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test { counter-reset: c; }
+ #test span { counter-increment: c; }
+ #test span:before { content: counter(c, upper-alpha); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ A
+ B
+ C
+ D
+ E
+ F
+ G
+ H
+ I
+ J
+ K
+ L
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-015-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-015-ref.xht
new file mode 100644
index 0000000000..79bc5d5437
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-015-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+body {
+ white-space: nowrap;
+}
+</style>
+</head>
+<body>
+<p>The following two lines should look the same:</p>
+<div>
+&#x3B1;
+&#x3B2;
+&#x3B3;
+&#x3B4;
+&#x3B5;
+&#x3B6;
+&#x3B7;
+&#x3B8;
+&#x3B9;
+&#x3BA;
+&#x3BB;
+&#x3BC;
+</div>
+<div>
+&#x3B1;
+&#x3B2;
+&#x3B3;
+&#x3B4;
+&#x3B5;
+&#x3B6;
+&#x3B7;
+&#x3B8;
+&#x3B9;
+&#x3BA;
+&#x3BB;
+&#x3BC;
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-015.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-015.xht
new file mode 100644
index 0000000000..442e4ef636
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-015.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counter(c, lower-greek)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <link rel="match" href="content-counter-015-ref.xht"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test { counter-reset: c; }
+ #test span { counter-increment: c; }
+ #test span:before { content: counter(c, lower-greek); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ &#x3B1;
+ &#x3B2;
+ &#x3B3;
+ &#x3B4;
+ &#x3B5;
+ &#x3B6;
+ &#x3B7;
+ &#x3B8;
+ &#x3B9;
+ &#x3BA;
+ &#x3BB;
+ &#x3BC;
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counter-016.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-016.xht
new file mode 100644
index 0000000000..1449aa92cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counter-016.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counter() error cases</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <link rel="match" href="content-counter-000-ref.xht"/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test { counter-reset: c 0 f 1000; }
+ #test span { counter-increment: c; }
+ #test span:before {
+ content: counter(c);
+ content: counter(f, ".");
+ content: counter(f, ".", decimal);
+ content: counter(f, decimal, ".");
+ content: counter(f, decimal, decimal);
+ }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+ 10
+ 11
+ 12
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-000.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-000.xht
new file mode 100644
index 0000000000..2d93833b80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-000.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters(c, ".")</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test { counter-reset: c; }
+ p, #test span { counter-increment: c; }
+ #test span:before { content: counters(c, "."); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ 1.1
+ 1.2
+ 1.3
+ 1.4
+ 1.5
+ 1.6
+ 1.7
+ 1.8
+ 1.9
+ 1.10
+ 1.11
+ 1.12
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-001.xht
new file mode 100644
index 0000000000..80a5f883cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-001.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters(c, ".", none)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test { counter-reset: c; }
+ p, #test span { counter-increment: c; }
+ #test span:before { content: counters(c, ".", none) "z"; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look <em>approximately</em> the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ .z
+ .z
+ .z
+ .z
+ .z
+ .z
+ .z
+ .z
+ .z
+ .z
+ .z
+ .z
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-002.xht
new file mode 100644
index 0000000000..7effad4dc2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-002.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters(c, ".", disc)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test { counter-reset: c; }
+ p, #test span { counter-increment: c; }
+ #test span:before { content: counters(c, ".", disc); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look <em>approximately</em> the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ &#x2022;.&#x2022;
+ &#x2022;.&#x2022;
+ &#x2022;.&#x2022;
+ &#x2022;.&#x2022;
+ &#x2022;.&#x2022;
+ &#x2022;.&#x2022;
+ &#x2022;.&#x2022;
+ &#x2022;.&#x2022;
+ &#x2022;.&#x2022;
+ &#x2022;.&#x2022;
+ &#x2022;.&#x2022;
+ &#x2022;.&#x2022;
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-003.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-003.xht
new file mode 100644
index 0000000000..7bc6fa0f1b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-003.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters(c, ".", circle)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test { counter-reset: c; }
+ p, #test span { counter-increment: c; }
+ #test span:before { content: counters(c, ".", circle); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look <em>approximately</em> the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ &#x25E6;.&#x25E6;
+ &#x25E6;.&#x25E6;
+ &#x25E6;.&#x25E6;
+ &#x25E6;.&#x25E6;
+ &#x25E6;.&#x25E6;
+ &#x25E6;.&#x25E6;
+ &#x25E6;.&#x25E6;
+ &#x25E6;.&#x25E6;
+ &#x25E6;.&#x25E6;
+ &#x25E6;.&#x25E6;
+ &#x25E6;.&#x25E6;
+ &#x25E6;.&#x25E6;
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-004.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-004.xht
new file mode 100644
index 0000000000..452f34cf3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-004.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters(c, ".", square)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test { counter-reset: c; }
+ p, #test span { counter-increment: c; }
+ #test span:before { content: counters(c, ".", square); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if below there are 6 groups of: filled in box, period, filled in box.</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-005.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-005.xht
new file mode 100644
index 0000000000..e993b9ed1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-005.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters(c, ".", decimal)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test { counter-reset: c; }
+ p, #test span { counter-increment: c; }
+ #test span:before { content: counters(c, ".", decimal); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ 1.1
+ 1.2
+ 1.3
+ 1.4
+ 1.5
+ 1.6
+ 1.7
+ 1.8
+ 1.9
+ 1.10
+ 1.11
+ 1.12
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-006.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-006.xht
new file mode 100644
index 0000000000..db259a510e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-006.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters(c, ".", decimal-leading-zero)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <meta http-equiv="Content-Style-Type" content="text/css"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test span:first-child { counter-reset: c; }
+ p, #test span { counter-increment: c; }
+ #test span:before { content: counters(c, ".", decimal-leading-zero); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span style="counter-reset: c 98"></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ 01.01
+ 01.02
+ 01.03
+ 01.04
+ 01.05
+ 01.06
+ 01.07
+ 01.08
+ 01.09
+ 01.10
+ 01.11
+ 01.12
+ 01.99
+ 01.100
+ 01.101
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-007.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-007.xht
new file mode 100644
index 0000000000..38233d084e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-007.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters(c, ".", lower-roman)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <meta http-equiv="Content-Style-Type" content="text/css"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test span:first-child { counter-reset: c; }
+ p, #test span { counter-increment: c; }
+ #test span:before { content: counters(c, ".", lower-roman); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span style="counter-reset: c 48"></span>
+ <span></span>
+ <span style="counter-reset: c 388"></span>
+ <span></span>
+ <span style="counter-reset: c 3488"></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ i.i
+ i.ii
+ i.iii
+ i.iv
+ i.v
+ i.vi
+ i.vii
+ i.viii
+ i.ix
+ i.x
+ i.xi
+ i.xii
+ i.xlix
+ i.l
+ i.ccclxxxix
+ i.cccxc
+ i.mmmcdlxxxix
+ i.mmmcdxc
+ i.mmmcdxci
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-008.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-008.xht
new file mode 100644
index 0000000000..85b7df60ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-008.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters(c, ".", upper-roman)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <meta http-equiv="Content-Style-Type" content="text/css"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test span:first-child { counter-reset: c; }
+ p, #test span { counter-increment: c; }
+ #test span:before { content: counters(c, ".", upper-roman); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span style="counter-reset: c 48"></span>
+ <span></span>
+ <span style="counter-reset: c 388"></span>
+ <span></span>
+ <span style="counter-reset: c 3488"></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ I.I
+ I.II
+ I.III
+ I.IV
+ I.V
+ I.VI
+ I.VII
+ I.VIII
+ I.IX
+ I.X
+ I.XI
+ I.XII
+ I.XLIX
+ I.L
+ I.CCCLXXXIX
+ I.CCCXC
+ I.MMMCDLXXXIX
+ I.MMMCDXC
+ I.MMMCDXCI
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-009.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-009.xht
new file mode 100644
index 0000000000..db8f141831
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-009.xht
@@ -0,0 +1,112 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters(c, ".", georgian)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <meta http-equiv="Content-Style-Type" content="text/css"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test span:first-child { counter-reset: c; }
+ p, #test span { counter-increment: c; }
+ #test span:before { content: counters(c, ".", georgian); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span style="counter-reset: c 19"></span>
+ <span style="counter-reset: c 29"></span>
+ <span style="counter-reset: c 39"></span>
+ <span style="counter-reset: c 49"></span>
+ <span style="counter-reset: c 59"></span>
+ <span style="counter-reset: c 69"></span>
+ <span style="counter-reset: c 79"></span>
+ <span style="counter-reset: c 89"></span>
+ <span style="counter-reset: c 99"></span>
+ <span style="counter-reset: c 199"></span>
+ <span style="counter-reset: c 299"></span>
+ <span style="counter-reset: c 399"></span>
+ <span style="counter-reset: c 499"></span>
+ <span style="counter-reset: c 599"></span>
+ <span style="counter-reset: c 699"></span>
+ <span style="counter-reset: c 799"></span>
+ <span style="counter-reset: c 899"></span>
+ <span style="counter-reset: c 999"></span>
+ <span style="counter-reset: c 1999"></span>
+ <span style="counter-reset: c 2999"></span>
+ <span style="counter-reset: c 3999"></span>
+ <span style="counter-reset: c 4999"></span>
+ <span style="counter-reset: c 5999"></span>
+ <span style="counter-reset: c 6999"></span>
+ <span style="counter-reset: c 7999"></span>
+ <span style="counter-reset: c 8999"></span>
+ <span style="counter-reset: c 9999"></span>
+ <span style="counter-reset: c 19998"></span>
+ </div>
+
+ <div>
+ &#x10D0;.&#x10D0;
+ &#x10D0;.&#x10D1;
+ &#x10D0;.&#x10D2;
+ &#x10D0;.&#x10D3;
+ &#x10D0;.&#x10D4;
+ &#x10D0;.&#x10D5;
+ &#x10D0;.&#x10D6;
+ &#x10D0;.&#x10F1;
+ &#x10D0;.&#x10D7;
+ &#x10D0;.&#x10D8;
+ &#x10D0;.&#x10D8;&#x10D0;
+ &#x10D0;.&#x10D8;&#x10D1;
+ &#x10D0;.&#x10D9;
+ &#x10D0;.&#x10DA;
+ &#x10D0;.&#x10DB;
+ &#x10D0;.&#x10DC;
+ &#x10D0;.&#x10F2;
+ &#x10D0;.&#x10DD;
+ &#x10D0;.&#x10DE;
+ &#x10D0;.&#x10DF;
+ &#x10D0;.&#x10E0;
+ &#x10D0;.&#x10E1;
+ &#x10D0;.&#x10E2;
+ &#x10D0;.&#x10F3;
+ &#x10D0;.&#x10E4;
+ &#x10D0;.&#x10E5;
+ &#x10D0;.&#x10E6;
+ &#x10D0;.&#x10E7;
+ &#x10D0;.&#x10E8;
+ &#x10D0;.&#x10E9;
+ &#x10D0;.&#x10EA;
+ &#x10D0;.&#x10EB;
+ &#x10D0;.&#x10EC;
+ &#x10D0;.&#x10ED;
+ &#x10D0;.&#x10EE;
+ &#x10D0;.&#x10F4;
+ &#x10D0;.&#x10EF;
+ &#x10D0;.&#x10F0;
+ &#x10D0;.&#x10F5;
+ &#x10D0;.&#x10F5;&#x10F0;&#x10E8;&#x10DF;&#x10D7;
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-010.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-010.xht
new file mode 100644
index 0000000000..6780dbe7c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-010.xht
@@ -0,0 +1,110 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters(c, ".", armenian)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <meta http-equiv="Content-Style-Type" content="text/css"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test span:first-child { counter-reset: c; }
+ p, #test span { counter-increment: c; }
+ #test span:before { content: counters(c, ".", armenian); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span style="counter-reset: c 19"></span>
+ <span style="counter-reset: c 29"></span>
+ <span style="counter-reset: c 39"></span>
+ <span style="counter-reset: c 49"></span>
+ <span style="counter-reset: c 59"></span>
+ <span style="counter-reset: c 69"></span>
+ <span style="counter-reset: c 79"></span>
+ <span style="counter-reset: c 89"></span>
+ <span style="counter-reset: c 99"></span>
+ <span style="counter-reset: c 199"></span>
+ <span style="counter-reset: c 299"></span>
+ <span style="counter-reset: c 399"></span>
+ <span style="counter-reset: c 499"></span>
+ <span style="counter-reset: c 599"></span>
+ <span style="counter-reset: c 699"></span>
+ <span style="counter-reset: c 799"></span>
+ <span style="counter-reset: c 899"></span>
+ <span style="counter-reset: c 999"></span>
+ <span style="counter-reset: c 1999"></span>
+ <span style="counter-reset: c 2999"></span>
+ <span style="counter-reset: c 3999"></span>
+ <span style="counter-reset: c 4999"></span>
+ <span style="counter-reset: c 5999"></span>
+ <span style="counter-reset: c 6999"></span>
+ <span style="counter-reset: c 7999"></span>
+ <span style="counter-reset: c 8999"></span>
+ <span style="counter-reset: c 9998"></span>
+ </div>
+
+ <div>
+ &#x531;.&#x531;
+ &#x531;.&#x532;
+ &#x531;.&#x533;
+ &#x531;.&#x534;
+ &#x531;.&#x535;
+ &#x531;.&#x536;
+ &#x531;.&#x537;
+ &#x531;.&#x538;
+ &#x531;.&#x539;
+ &#x531;.&#x53A;
+ &#x531;.&#x53A;&#x531;
+ &#x531;.&#x53A;&#x532;
+ &#x531;.&#x53B;
+ &#x531;.&#x53C;
+ &#x531;.&#x53D;
+ &#x531;.&#x53E;
+ &#x531;.&#x53F;
+ &#x531;.&#x540;
+ &#x531;.&#x541;
+ &#x531;.&#x542;
+ &#x531;.&#x543;
+ &#x531;.&#x544;
+ &#x531;.&#x545;
+ &#x531;.&#x546;
+ &#x531;.&#x547;
+ &#x531;.&#x548;
+ &#x531;.&#x549;
+ &#x531;.&#x54A;
+ &#x531;.&#x54B;
+ &#x531;.&#x54C;
+ &#x531;.&#x54D;
+ &#x531;.&#x54E;
+ &#x531;.&#x54F;
+ &#x531;.&#x550;
+ &#x531;.&#x551;
+ &#x531;.&#x552;
+ &#x531;.&#x553;
+ &#x531;.&#x554;
+ &#x531;.&#x554;&#x54B;&#x542;&#x539;
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-011.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-011.xht
new file mode 100644
index 0000000000..c0955c1267
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-011.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters(c, ".", lower-latin)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test { counter-reset: c; }
+ p, #test span { counter-increment: c; }
+ #test span:before { content: counters(c, ".", lower-latin); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ a.a
+ a.b
+ a.c
+ a.d
+ a.e
+ a.f
+ a.g
+ a.h
+ a.i
+ a.j
+ a.k
+ a.l
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-012.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-012.xht
new file mode 100644
index 0000000000..b837735e9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-012.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters(c, ".", lower-alpha)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test { counter-reset: c; }
+ p, #test span { counter-increment: c; }
+ #test span:before { content: counters(c, ".", lower-alpha); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ a.a
+ a.b
+ a.c
+ a.d
+ a.e
+ a.f
+ a.g
+ a.h
+ a.i
+ a.j
+ a.k
+ a.l
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-013.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-013.xht
new file mode 100644
index 0000000000..94e7139428
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-013.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters(c, ".", upper-latin)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test { counter-reset: c; }
+ p, #test span { counter-increment: c; }
+ #test span:before { content: counters(c, ".", upper-latin); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ A.A
+ A.B
+ A.C
+ A.D
+ A.E
+ A.F
+ A.G
+ A.H
+ A.I
+ A.J
+ A.K
+ A.L
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-014.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-014.xht
new file mode 100644
index 0000000000..938c1ba6c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-014.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters(c, ".", upper-alpha)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test { counter-reset: c; }
+ p, #test span { counter-increment: c; }
+ #test span:before { content: counters(c, ".", upper-alpha); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ A.A
+ A.B
+ A.C
+ A.D
+ A.E
+ A.F
+ A.G
+ A.H
+ A.I
+ A.J
+ A.K
+ A.L
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-015.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-015.xht
new file mode 100644
index 0000000000..515c0a4c02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-015.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters(c, ".", lower-greek)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test { counter-reset: c; }
+ p, #test span { counter-increment: c; }
+ #test span:before { content: counters(c, ".", lower-greek); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ &#x3B1;.&#x3B1;
+ &#x3B1;.&#x3B2;
+ &#x3B1;.&#x3B3;
+ &#x3B1;.&#x3B4;
+ &#x3B1;.&#x3B5;
+ &#x3B1;.&#x3B6;
+ &#x3B1;.&#x3B7;
+ &#x3B1;.&#x3B8;
+ &#x3B1;.&#x3B9;
+ &#x3B1;.&#x3BA;
+ &#x3B1;.&#x3BB;
+ &#x3B1;.&#x3BC;
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-016.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-016.xht
new file mode 100644
index 0000000000..198ad99195
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-016.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters() string argument</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test { counter-reset: c; }
+ p, #test span { counter-increment: c; }
+
+ span#one:before { content: counters(c, ".") " - "; }
+ span#two:before { content: counters(c, "") " - "; }
+ span#three:before { content: counters(c, ".", decimal) "-- --" counters(c, "-------", decimal); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test"><span id="one"></span><span id="two"></span><span id="three"></span></div>
+
+ <div>1.1 - 12 - 1.3-- --1-------3</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-017.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-017.xht
new file mode 100644
index 0000000000..1408079007
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-017.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters() string argument</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test { counter-reset: c; }
+ div, :before, :after { white-space: pre; }
+ p, #test span { counter-increment: c; }
+
+ span#one:before { content: counters(c, ".") " - "; }
+ span#two:before { content: counters(c, "") " - "; }
+ span#three:before { content: counters(c, ".", decimal) "-- --" counters(c, "-------", decimal); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test"><span id="one"></span><span id="two"></span><span id="three"></span></div>
+
+ <div>1.1 - 12 - 1.3-- --1-------3</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-counters-018.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-018.xht
new file mode 100644
index 0000000000..24d57da9ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-counters-018.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: content: counters() error cases</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body, #test { counter-reset: c 0 f 1000; }
+ p, #test span { counter-increment: c; }
+ #test span:before {
+ content: counters(c, ".");
+ content: counters(f);
+ content: counters(f, decimal);
+ content: counters(f, decimal, ".");
+ content: counters(f, ".", decimal, decimal);
+ content: counters(f, ".", decimal, ".");
+ }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should look the same:</p>
+
+ <div id="test">
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <div>
+ 1.1
+ 1.2
+ 1.3
+ 1.4
+ 1.5
+ 1.6
+ 1.7
+ 1.8
+ 1.9
+ 1.10
+ 1.11
+ 1.12
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-inherit-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-inherit-001.xht
new file mode 100644
index 0000000000..24a806a38a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-inherit-001.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS inheritance: content</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/inheritance/content/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <style type="text/css">
+ body { content: 'PASSED'; }
+ .test { content: inherit; }
+ .test:after { content: inherit; color: green; }
+ </style>
+ </head>
+ <body>
+ <span class="test">
+ This test has:
+ </span>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-inherit-002-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-inherit-002-ref.xht
new file mode 100644
index 0000000000..855af55406
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-inherit-002-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ span#control {color: black;}
+
+ span {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <table><tr><td>(Control: <span id="control">PASSED)</span></td></tr></table>
+
+ <table><tr><td>Test 1 has: <span>PASSED</span></td></tr></table>
+
+ <table><tr><td>Test 2 has: <span>PASSED</span></td></tr></table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-inherit-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-inherit-002.xht
new file mode 100644
index 0000000000..1080ab19c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-inherit-002.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS inheritance: content with tables</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/inheritance/content/002.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-inherit-002-ref.xht" />
+
+ <style type="text/css">
+ .control td:after { content: 'PASSED)'; }
+ .test1 td { content: 'PASSED'; }
+ .test1 td:after { content: inherit; color: green; }
+ .test2 tr { content: 'PASSED'; }
+ .test2 td { content: inherit; }
+ .test2 td:after { content: inherit; color: green; }
+ </style>
+ </head>
+ <body>
+ <table class="control"><tr><td>(Control: </td></tr></table>
+ <table class="test1"><tr><td>Test 1 has: </td></tr></table>
+ <table class="test2"><tr><td>Test 2 has: </td></tr></table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-newline-001-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-newline-001-ref.html
new file mode 100644
index 0000000000..22d77944e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-newline-001-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ height: 100px;
+ width: 200px;
+ }
+</style>
+<body>
+ <p>Test passes if there are exactly two lines of text below.</p>
+ <div>This text<br />should be on two lines.</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-newline-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-newline-001.xht
new file mode 100644
index 0000000000..0aab447de7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-newline-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content property \A creates newline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-newline-001-ref.html" />
+ <meta name="assert" content="A '\A' creates a newline for strings in the content property." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ white-space: pre;
+ width: 200px;
+ }
+ div:before
+ {
+ content: "This text\Ashould be on two lines.";
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are exactly two lines of text below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-uri-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-uri-001.xht
new file mode 100644
index 0000000000..eb5f18927f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-uri-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content property with missing image</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="When the URI resource cannot be displayed the user agent needs to leave it out or display some indication that the resource cannot be displayed." />
+ <style type="text/css">
+ div:before
+ {
+ content: url('missingImage.png');
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing displayed below or there is a missing image icon displayed.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-001-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-001-ref.html
new file mode 100644
index 0000000000..cbc297ec13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-001-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: solid green;
+ width: 25em;
+ }
+ #test {
+ border: solid blue;
+ }
+</style>
+<body>
+ <p>Test passes if the text in the green box and the blue box have the same spacing between words and the lines wrap at the same point.</p>
+ <div>This text<br />should be on two lines.</div>
+ <div id="test">This text<br />should be on two lines.</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-001.xht
new file mode 100644
index 0000000000..d1236c47bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content property and white-space: pre-line</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-white-space-001-ref.html" />
+ <meta name="assert" content="'white-space: pre-line' applies to generated string content." />
+ <style type="text/css">
+ #reference, #test
+ {
+ width: 25em;
+ }
+ #reference
+ {
+ border: solid green;
+ }
+ #test
+ {
+ border: solid blue;
+ }
+ #test:before
+ {
+ content: "This text\A should be on two lines.";
+ white-space: pre-line;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the text in the green box and the blue box have the same spacing between words and the lines wrap at the same point.</p>
+ <div id="reference">This text<br />should be on two lines.</div>
+ <div id="test"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-002-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-002-ref.html
new file mode 100644
index 0000000000..62b54e2d85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-002-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: solid silver;
+ margin: 0.5em;
+ padding: 0.2em;
+ color: blue;
+ white-space: pre;
+ }
+</style>
+<body>
+ <p>Test passes if the contents of the two silver boxes are identical.</p>
+ <div>This text
+ should be on
+ four
+ lines.</div>
+ <div>This text
+ should be on
+ four
+ lines.</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-002.xht
new file mode 100644
index 0000000000..f485c0bef2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-002.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content property and white-space: pre</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-white-space-002-ref.html" />
+ <meta name="assert" content="'white-space: pre' applies to generated string content." />
+ <style type="text/css">
+ div {
+ border: solid silver;
+ margin: 0.5em;
+ padding: 0.2em;
+ color: blue;
+ }
+ #reference
+ {
+ white-space: pre;
+ }
+ #test:before
+ {
+ content: "This text\A should be on\A four\A lines.";
+ white-space: pre;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the contents of the two silver boxes are identical.</p>
+ <div id="reference">This text
+ should be on
+ four
+ lines.</div>
+ <div id="test"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-003-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-003-ref.html
new file mode 100644
index 0000000000..283bd8186f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-003-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: solid silver;
+ margin: 0.5em;
+ padding: 0.2em;
+ color: blue;
+ }
+</style>
+<body>
+ <p>Test passes if the contents of the two silver boxes are identical.</p>
+ <div>This text should be on one line.</div>
+ <div>This text should be on one line.</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-003.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-003.xht
new file mode 100644
index 0000000000..897aef3e61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-003.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content property and white-space: nowrap</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-white-space-003-ref.html" />
+ <meta name="assert" content="'white-space: nowrap' applies to generated string content." />
+ <style type="text/css">
+ div.outer {
+ border: solid silver;
+ margin: 0.5em;
+ padding: 0.2em;
+ color: blue;
+ }
+ div div {
+ width: 4em;
+ }
+ #reference
+ {
+ white-space: nowrap;
+ }
+ #test:before
+ {
+ content: "This text\A should be on\A one\A line.";
+ white-space: nowrap;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the contents of the two silver boxes are identical.</p>
+ <div class="outer"> <div id="reference">This text should be on one line.</div></div>
+ <div class="outer"><div id="test"></div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-004-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-004-ref.html
new file mode 100644
index 0000000000..5c5fa20633
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-004-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ border: solid silver;
+ margin: 0.5em;
+ padding: 0.2em;
+ color: blue;
+ width: 10em;
+ }
+</style>
+<body>
+ <p>Test passes if the contents of the two silver boxes are identical.</p>
+ <div>This text should wrap normally.</div>
+ <div>This text should wrap normally.</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-004.xht b/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-004.xht
new file mode 100644
index 0000000000..57eb58df43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/content-white-space-004.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content property and white-space: nowrap</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="content-white-space-004-ref.html" />
+ <meta name="assert" content="'white-space: normal' applies to generated string content." />
+ <style type="text/css">
+ div {
+ border: solid silver;
+ margin: 0.5em;
+ padding: 0.2em;
+ color: blue;
+ width: 10em;
+ }
+ #test:before
+ {
+ content: "This text\A should\A wrap\A normally.";
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the contents of the two silver boxes are identical.</p>
+ <div id="reference">This text should wrap normally.</div>
+ <div id="test"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counter-increment-000.xht b/testing/web-platform/tests/css/CSS2/generated-content/counter-increment-000.xht
new file mode 100644
index 0000000000..e1bf95eaba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counter-increment-000.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: dynamic changes to 'counter-increment'</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <meta name="flags" content="dom"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test, .reset { counter-reset: c; }
+ .increment:before { content: counters(c, ".") "-"; }
+ .increment { counter-increment: c; }
+
+ </style>
+ <script type="text/javascript">
+
+ function run() {
+ var t = document.getElementById("test");
+ var s = document.createElement("span");
+ s.setAttribute("class", "increment");
+ s.appendChild(document.createTextNode("new-"));
+ t.insertBefore(s, t.childNodes.item(1));
+ }
+
+ </script>
+ </head>
+ <body onload="setTimeout('run()', 0)">
+
+ <p>The following two lines should be the same:</p>
+
+ <div id="test"><span class="increment"></span><span class="increment"></span><span class="increment"></span></div>
+
+ <div id="reference">1-2-new-3-4-</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counter-increment-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/counter-increment-001.xht
new file mode 100644
index 0000000000..2065a2d9af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counter-increment-001.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: dynamic changes to 'counter-increment'</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <meta name="flags" content="dom"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test, .reset { counter-reset: c; }
+ .increment:before { content: counters(c, ".") "-"; }
+ .increment { counter-increment: c; }
+
+ </style>
+ <script type="text/javascript">
+
+ function run() {
+ var t = document.getElementById("test");
+ t.removeChild(t.childNodes.item(1));
+ }
+
+ </script>
+ </head>
+ <body onload="setTimeout('run()', 0)">
+
+ <p>The following two lines should be the same:</p>
+
+ <div id="test"><span class="increment"></span><span class="increment">FAIL-</span><span class="increment"></span><span class="increment"></span></div>
+
+ <div id="reference">1-2-3-</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counter-increment-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/counter-increment-002.xht
new file mode 100644
index 0000000000..0d3bce1176
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counter-increment-002.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: dynamic changes to 'counter-increment'</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <meta name="flags" content="dom"/>
+ <meta http-equiv="Content-Style-Type" content="text/css"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test, .reset { counter-reset: c; }
+ .increment:before, .use:before { content: counters(c, ".") "-"; }
+ .increment { counter-increment: c; }
+
+ </style>
+ <script type="text/javascript">
+
+ function run() {
+ document.getElementById("one").removeAttribute("class");
+ document.getElementById("two").setAttribute("class", "increment");
+ document.getElementById("three").setAttribute("style", "counter-increment: c");
+ }
+
+ </script>
+ </head>
+ <body onload="setTimeout('run()', 0)">
+
+ <p>The following two lines should be the same:</p>
+
+ <div id="test"><span id="one" class="increment"></span><span><span class="reset"><span class="increment"></span><span id="two" class="increment"></span></span></span><span id="three" class="use"></span><span class="increment"></span></div>
+
+ <div id="reference">0.1-0.2-1-2-</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counter-reset-000.xht b/testing/web-platform/tests/css/CSS2/generated-content/counter-reset-000.xht
new file mode 100644
index 0000000000..5ee028730e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counter-reset-000.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: dynamic changes to 'counter-increment'</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <meta name="flags" content="dom"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test, .reset { counter-reset: c; }
+ .increment:before { content: counters(c, ".") "-"; }
+ .increment { counter-increment: c; }
+
+ </style>
+ <script type="text/javascript">
+
+ function run() {
+ var t = document.getElementById("test");
+ var s = document.createElement("span");
+ s.setAttribute("class", "reset");
+ t.insertBefore(s, t.childNodes.item(1));
+ }
+
+ </script>
+ </head>
+ <body onload="setTimeout('run()', 0)">
+
+ <p>The following two lines should be the same:</p>
+
+ <div id="test"><span class="increment"></span><span class="increment"></span><span class="increment"></span></div>
+
+ <div id="reference">1-1.1-1.2-</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counter-reset-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/counter-reset-001.xht
new file mode 100644
index 0000000000..d5ee826659
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counter-reset-001.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: dynamic changes to 'counter-increment'</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <meta name="flags" content="dom"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test, .reset { counter-reset: c; }
+ .increment:before { content: counters(c, ".") "-"; }
+ .increment { counter-increment: c; }
+
+ </style>
+ <script type="text/javascript">
+
+ function run() {
+ var t = document.getElementById("test");
+ t.removeChild(t.childNodes.item(1));
+ }
+
+ </script>
+ </head>
+ <body onload="setTimeout('run()', 0)">
+
+ <p>The following two lines should be the same:</p>
+
+ <div id="test"><span class="increment"></span><span class="reset"></span><span class="increment"></span><span class="increment"></span></div>
+
+ <div id="reference">1-2-3-</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counter-reset-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/counter-reset-002.xht
new file mode 100644
index 0000000000..cc1f9b1423
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counter-reset-002.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: dynamic changes to 'counter-increment'</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <meta name="flags" content="dom"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #test, .reset { counter-reset: c; }
+ .increment:before { content: counters(c, ".") "-"; }
+ .increment { counter-increment: c; }
+
+ </style>
+ <script type="text/javascript">
+
+ function run() {
+ document.getElementById("one").setAttribute("class", "reset");
+ document.getElementById("two").removeAttribute("class");
+ }
+
+ </script>
+ </head>
+ <body onload="setTimeout('run()', 0)">
+
+ <p>The following two lines should be the same:</p>
+
+ <div id="test"><span class="increment"></span><span><span id="one"><span class="increment"></span></span></span><span class="increment"></span><span><span id="two" class="reset"><span class="increment"></span></span></span><span class="increment"></span></div>
+
+ <div id="reference">1-1.1-2-3-4-</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-000-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-000-ref.html
new file mode 100644
index 0000000000..db63888d61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-000-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<body>
+ <p>The following should be identical:</p>
+ <div>0</div>
+ <div>0</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-000.xht b/testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-000.xht
new file mode 100644
index 0000000000..a3c62481f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-000.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter properties on 'content: none' pseudo-elements</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#undisplayed-counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="match" href="counters-hidden-000-ref.html" />
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ div { counter-reset: c }
+ #one:before { counter-increment: c }
+ #two:before { content: counter(c) }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following should be identical:</p>
+
+ <div><span id="one"></span><span id="two"></span></div>
+ <div>0</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-001.xht
new file mode 100644
index 0000000000..b872609331
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter properties on 'display: none' elements</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#undisplayed-counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="match" href="counters-hidden-000-ref.html" />
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ div { counter-reset: c }
+ #one { display: none; counter-increment: c }
+ #two:before { content: counter(c) }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following should be identical:</p>
+
+ <div><span id="one"></span><span id="two"></span></div>
+ <div>0</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-002-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-002-ref.html
new file mode 100644
index 0000000000..ce3c9fc0c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-002-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<body>
+ <p>The following should be identical:</p>
+ <div>1</div>
+ <div>1</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-002.xht
new file mode 100644
index 0000000000..3253f3e7d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-hidden-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter properties on 'visibility: hidden' elements</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#undisplayed-counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="match" href="counters-hidden-002-ref.html" />
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ div { counter-reset: c }
+ #one { visibility: hidden; counter-increment: c }
+ #two:before { content: counter(c) }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following should be identical:</p>
+
+ <div><span id="one"></span><span id="two"></span></div>
+ <div>1</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-multi-000-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/counters-multi-000-ref.html
new file mode 100644
index 0000000000..09c607f67c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-multi-000-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<body>
+ <p>The following should be identical:</p>
+ <div>12</div>
+ <div>12</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-multi-000.xht b/testing/web-platform/tests/css/CSS2/generated-content/counters-multi-000.xht
new file mode 100644
index 0000000000..1c9bab5a7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-multi-000.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Multiple resets for same counter</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="match" href="counters-multi-000-ref.html" />
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #one:before { counter-reset: one 1; content: counter(one) }
+ #two:before { counter-reset: two 7 two 2; content: counter(two) }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following should be identical:</p>
+
+ <div><span id="one"></span><span id="two"></span></div>
+ <div>12</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-multi-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/counters-multi-001.xht
new file mode 100644
index 0000000000..a67d6ce14c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-multi-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Multiple increments and resets</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="match" href="counters-multi-000-ref.html" />
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ body { counter-reset: one 7 two -2; }
+ #one:before { counter-increment: one -6; content: counter(one) }
+ #two:before { counter-increment: dummy two 7 two two -4 silly 7; content: counter(two) }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following should be identical:</p>
+
+ <div><span id="one"></span><span id="two"></span></div>
+ <div>12</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-order-000-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/counters-order-000-ref.html
new file mode 100644
index 0000000000..341484cf54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-order-000-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<body>
+ <p>The following should be identical:</p>
+ <div>0 1 2 3 4 4 4 4 8 9 10 11 12 12 12 12</div>
+ <div>0 1 2 3 4 4 4 4 8 9 10 11 12 12 12 12</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-order-000.xht b/testing/web-platform/tests/css/CSS2/generated-content/counters-order-000.xht
new file mode 100644
index 0000000000..7fd5bb6b99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-order-000.xht
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Order of 'counter-reset', 'counter-increment', and counter use, including pseudo-elements</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="match" href="counters-order-000-ref.html" />
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ span.c span:before { content: counter(c); }
+ span.c { counter-reset: c 0; }
+ span.one { counter-reset: c 1; }
+ span.two { counter-increment: c 2; }
+ span.four:before { counter-reset: c 4; }
+ span.eight:before { counter-increment: c 8; }
+ span.c span:after { counter-increment: c 100; counter-reset: c 200; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following should be identical:</p>
+
+ <div>
+ <span class="c"><span class=""></span></span>
+ <span class="c"><span class="one"></span></span>
+ <span class="c"><span class="two"></span></span>
+ <span class="c"><span class="two one"></span></span>
+ <span class="c"><span class="four"></span></span>
+ <span class="c"><span class="four one"></span></span>
+ <span class="c"><span class="four two"></span></span>
+ <span class="c"><span class="four two one"></span></span>
+ <span class="c"><span class="eight"></span></span>
+ <span class="c"><span class="eight one"></span></span>
+ <span class="c"><span class="eight two"></span></span>
+ <span class="c"><span class="eight two one"></span></span>
+ <span class="c"><span class="eight four"></span></span>
+ <span class="c"><span class="eight four one"></span></span>
+ <span class="c"><span class="eight four two"></span></span>
+ <span class="c"><span class="eight four two one"></span></span>
+ </div>
+
+ <div>
+ 0
+ 1
+ 2
+ 3
+ 4
+ 4
+ 4
+ 4
+ 8
+ 9
+ 10
+ 11
+ 12
+ 12
+ 12
+ 12
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-order-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/counters-order-001.xht
new file mode 100644
index 0000000000..16048a5ed5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-order-001.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Order of counters in out-of-flow content</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <style type="text/css">
+
+ ul { display: block; margin: 0; padding: 0; counter-reset: c; }
+ li { counter-increment: c; }
+ li, div { display: block; margin: 0; padding: 0;
+ width: 3em; border: thin solid; }
+ li:before, div:before { content: counter(c); }
+
+ #four { border: none; }
+ #four:before { content: none; }
+
+ #two { float: left; }
+ #three { position: relative; }
+ #four { position: relative; }
+ #four div { position: absolute; left: 8em; }
+ #six { position: absolute; top: 5em; left: 12em; }
+ #eight { position: fixed; top: 8em; left: 4em; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>You should see nine boxes below, each just containing a unique
+ multiple of eleven, from 11 to 99, and nothing else.</p>
+
+ <ul>
+ <li id="one">1</li>
+ <li id="two">2</li>
+ <li id="three">3</li>
+ <li id="four"><div>4</div></li>
+ <li id="five">5</li>
+ <li id="six">6</li>
+ <li id="seven">7</li>
+ <li id="eight">8</li>
+ <li id="nine">9</li>
+ </ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-root-000-ref.html b/testing/web-platform/tests/css/CSS2/generated-content/counters-root-000-ref.html
new file mode 100644
index 0000000000..ecf2645466
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-root-000-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<body>
+ <p>The following should be identical:</p>
+ <div>4.8</div>
+ <div>4.8</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-root-000.xht b/testing/web-platform/tests/css/CSS2/generated-content/counters-root-000.xht
new file mode 100644
index 0000000000..d588241d52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-root-000.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: counters on the root element</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <link rel="match" href="counters-root-000-ref.html" />
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+ html { counter-reset: c 0 c 4 c 0; counter-increment: c 1 c 3; }
+ html:before { content: " "; counter-reset: c 9999; counter-increment: c 9999; }
+ body { counter-reset: c 3; counter-increment: c 5; }
+
+ span.c:before { content: counters(c, "."); }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following should be identical:</p>
+
+ <div>
+ <span class="c"></span>
+ </div>
+
+ <div>
+ 4.8
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-000.xht b/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-000.xht
new file mode 100644
index 0000000000..8e96aac432
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-000.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter scope</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ .scope { counter-reset: c 1; }
+ .scope:before, .scope:after { content: counter(c); }
+ .c:before { content: counter(c); }
+
+ .one:before { counter-reset: c 2; }
+ .two { counter-reset: c 3; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The next 2 lines should be identical:</p>
+
+ <div>
+ <span class="scope"><span class="one c"><span class="c"></span></span><span class="c"></span></span><span class="c"></span>
+ <span class="scope"><span class="two c"><span class="c"></span></span><span class="c"></span></span><span class="c"></span>
+ </div>
+
+ <div>
+ 122111
+ 133331
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-001.xht
new file mode 100644
index 0000000000..c13354bd19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter scope and nesting on elements</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ span:before { counter-increment: c 1; content: "B" counters(c,".") "-" }
+ span:after { counter-increment: c 1; content: "A" counters(c,".") "-" }
+
+ body, span#reset { counter-reset: c 0; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should be the same:</p>
+
+ <div><span><span><span id="reset"><span></span><span></span></span><span><span></span></span></span></span></div>
+ <div>B1-B2-B2.1-B2.2-A2.3-B2.4-A2.5-A2.6-B2.7-B2.8-A2.9-A2.10-A2.11-A3-</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-002.xht
new file mode 100644
index 0000000000..5e419d4d7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter scope and nesting on :before</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ span:before { counter-increment: c 1; content: "B" counters(c,".") "-" }
+ span:after { counter-increment: c 1; content: "A" counters(c,".") "-" }
+
+ body, span#reset:before { counter-reset: c 0; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should be the same:</p>
+
+ <div><span><span id="reset"><span></span></span></span></div>
+ <div>B1-B1.1-B1.2-A1.3-A1.4-A2-</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-003.xht b/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-003.xht
new file mode 100644
index 0000000000..7e514d3f75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-003.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter scope and nesting on :after</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ span:before { counter-increment: c 1; content: "B" counters(c,".") "-" }
+ span:after { counter-increment: c 1; content: "A" counters(c,".") "-" }
+
+ body, span#reset:after { counter-reset: c 0; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should be the same:</p>
+
+ <div><span><span id="reset"><span></span></span></span></div>
+ <div>B1-B2-B3-A4-A4.1-A5-</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-004.xht b/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-004.xht
new file mode 100644
index 0000000000..dd99bbbef7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-004.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter scope and nesting</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ .reset { counter-reset: c; }
+ .rb:before { counter-reset: c; content: "R"; }
+ .use { counter-increment: c; }
+ .use:before { content: counters(c, ".") " "; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The next two lines should be the same:</p>
+
+ <div><span class="reset"></span><span class="use"></span><span class="reset"></span><span class="use"></span><span class="rb"><span class="use"></span><span class="reset"></span><span class="use"></span></span></div>
+ <div>1 1 R1.1 1.1</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-implied-000.xht b/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-implied-000.xht
new file mode 100644
index 0000000000..97de4ab6a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-implied-000.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Implied counter scopes with no 'counter-increment' or 'counter-reset'</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ #one:before { content: counter(one) }
+ #two:before { content: counter(two) }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following should be identical:</p>
+
+ <div><span id="one"></span><span id="two"></span></div>
+ <div>00</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-implied-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-implied-001.xht
new file mode 100644
index 0000000000..c5d1be65c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-implied-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Implied counter scopes by counter use</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ .i { counter-increment: c 1; }
+ .r { counter-reset: c 0; }
+ .u:before { content: counters(c, ".") " "; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should be identical:</p>
+
+ <div><span class="u"></span><span class="r"><span class="i u"></span></span></div>
+
+ <div>0 1</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-implied-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-implied-002.xht
new file mode 100644
index 0000000000..8184ee995a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/counters-scope-implied-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Implied counter scopes by 'counter-increment'</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+ <style type="text/css">
+
+ body { white-space: nowrap; }
+
+
+ .i { counter-increment: c 1; }
+ .ib:before { counter-increment: c 1; content: "B" }
+ .r { counter-reset: c 0; }
+ .u:before { content: counters(c, ".") " "; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following two lines should be identical:</p>
+
+ <div><span class="ib"><span class="u"></span><span class="r"><span class="u"></span></span></span><span class="i"><span class="u"></span><span class="r"><span class="u"></span></span></span></div>
+
+ <div>B1 0 1 1.0</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/multiple-content-values-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/multiple-content-values-001.xht
new file mode 100644
index 0000000000..09da15a315
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/multiple-content-values-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content with multiple content values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/pass_if_pass_below.html"/>
+ <meta name="assert" content="When 'content' property values produce no visual effect or are invalid in the current context the other 'content' property values still apply." />
+ <style type="text/css">
+ div:before
+ {
+ content: no-open-quote "P" "A" "S" "S";
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the word "PASS" below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/other-attribute-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/other-attribute-001.xht
new file mode 100644
index 0000000000..4aa2d1b7ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/other-attribute-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Function 'attr()' referencing another elements attribute data</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'attr()' function can only retrieve data from the same element that is called from." />
+ <style type="text/css">
+ span:before
+ {
+ color: red;
+ content: attr(class);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <p class="FAIL">
+ <span></span>
+ </p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-001.xht
new file mode 100644
index 0000000000..66fbaee9bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying only one set of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote;
+ }
+ div:after
+ {
+ content: close-quote;
+ }
+ div
+ {
+ quotes: "A" "Z";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters "AZ" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-002.xht
new file mode 100644
index 0000000000..1c52feb63c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="The 'quotes' property handles specifying two sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote;
+ }
+ div
+ {
+ quotes: "P" "S" "A" "S";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "PASS" appears in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-003.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-003.xht
new file mode 100644
index 0000000000..0f4578f170
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-003.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with six values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="The 'quotes' property handles specifying three sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "P" "D" "A" "E" "S" "S";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "PASSED" appears in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-004.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-004.xht
new file mode 100644
index 0000000000..c98f59d05b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-004.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with eight values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying four sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "H" "B" "G" "C" "F" "D" "E";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters "ABCDEFGH" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-005.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-005.xht
new file mode 100644
index 0000000000..9e2452c3bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-005.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with ten values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying five sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "J" "B" "I" "C" "H" "D" "G" "E" "F";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters "ABCDEFGHIJ" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-006.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-006.xht
new file mode 100644
index 0000000000..d574c87a18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-006.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with twelve values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying six sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "L" "B" "K" "C" "J" "D" "I" "E" "H" "F" "G";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters "ABCDEFGHIJKL" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-007.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-007.xht
new file mode 100644
index 0000000000..3ae5774ec1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-007.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with fourteen values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying seven sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "N" "B" "M" "C" "L" "D" "K" "E" "J" "F" "I" "G" "H";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters "ABCDEFGHIJKLMN" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-008.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-008.xht
new file mode 100644
index 0000000000..93b4134b87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-008.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with sixteen values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying eight sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "P" "B" "O" "C" "N" "D" "M" "E" "L" "F" "K" "G" "J" "H" "I";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters "ABCDEFGHIJKLMNOP" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-009.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-009.xht
new file mode 100644
index 0000000000..348288f85e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-009.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with eighteen values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying nine sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "R" "B" "Q" "C" "P" "D" "O" "E" "N" "F" "M" "G" "L" "H" "K" "I" "J";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters "ABCDEFGHIJKLMNOPQR" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-010.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-010.xht
new file mode 100644
index 0000000000..df486f88cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-010.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with twenty values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying ten sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "T" "B" "S" "C" "R" "D" "Q" "E" "P" "F" "O" "G" "N" "H" "M" "I" "L" "J" "K";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters "ABCDEFGHIJKLMNOPQRST" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-011.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-011.xht
new file mode 100644
index 0000000000..d8cd4568fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-011.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with twenty-two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying eleven sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "V" "B" "U" "C" "T" "D" "S" "E" "R" "F" "Q" "G" "P" "H" "O" "I" "N" "J" "M" "K" "L";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters "ABCDEFGHIJKLMNOPQRSTUV" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-012.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-012.xht
new file mode 100644
index 0000000000..d661f0fa2c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-012.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with twenty-four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying twelve sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "X" "B" "W" "C" "V" "D" "U" "E" "T" "F" "S" "G" "R" "H" "Q" "I" "P" "J" "O" "K" "N" "L" "M";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters "ABCDEFGHIJKLMNOPQRSTUVWX" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-013.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-013.xht
new file mode 100644
index 0000000000..b269515379
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-013.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with twenty-six values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying thirteen sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "Z" "B" "Y" "C" "X" "D" "W" "E" "V" "F" "U" "G" "T" "H" "S" "I" "R" "J" "Q" "K" "P" "L" "O" "M" "N";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters "ABCDEFGHIJKLMNOPQRSTUVWXYZ" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-014.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-014.xht
new file mode 100644
index 0000000000..a12c73fc73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-014.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with twenty-eight values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying fourteen sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "2" "B" "1" "C" "Z" "D" "Y" "E" "X" "F" "W" "G" "V" "H" "U" "I" "T" "J" "S" "K" "R" "L" "Q" "M" "P" "N" "O";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ12" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-015.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-015.xht
new file mode 100644
index 0000000000..f4d9e68819
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-015.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with thirty values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying fifteen sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "4" "B" "3" "C" "2" "D" "1" "E" "Z" "F" "Y" "G" "X" "H" "W" "I" "V" "J" "U" "K" "T" "L" "S" "M" "R" "N" "Q" "O" "P";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-016.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-016.xht
new file mode 100644
index 0000000000..841a0f7391
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-016.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with thirty-two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying sixteen sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "6" "B" "5" "C" "4" "D" "3" "E" "2" "F" "1" "G" "Z" "H" "Y" "I" "X" "J" "W" "K" "V" "L" "U" "M" "T" "N" "S" "O" "R" "P" "Q";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ123456" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-017.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-017.xht
new file mode 100644
index 0000000000..a88d51d50f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-017.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with thirty-four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying seventeen sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "8" "B" "7" "C" "6" "D" "5" "E" "4" "F" "3" "G" "2" "H" "1" "I" "Z" "J" "Y" "K" "X" "L" "W" "M" "V" "N" "U" "O" "T" "P" "S" "Q" "R";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ12345678" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-018.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-018.xht
new file mode 100644
index 0000000000..30c6d13c10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-018.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with thirty-six values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying eighteen sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "0" "B" "9" "C" "8" "D" "7" "E" "6" "F" "5" "G" "4" "H" "3" "I" "2" "J" "1" "K" "Z" "L" "Y" "M" "X" "N" "W" "O" "V" "P" "U" "Q" "T" "R" "S";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-019.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-019.xht
new file mode 100644
index 0000000000..f280240540
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-019.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with thirty-eight values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying nineteen sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "|" "B" "*" "C" "0" "D" "9" "E" "8" "F" "7" "G" "6" "H" "5" "I" "4" "J" "3" "K" "2" "L" "1" "M" "Z" "N" "Y" "O" "X" "P" "W" "Q" "V" "R" "U" "S" "T";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890*|" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-020.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-020.xht
new file mode 100644
index 0000000000..0226d1f575
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-020.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with forty values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying twenty sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "b" "B" "a" "C" "|" "D" "*" "E" "0" "F" "9" "G" "8" "H" "7" "I" "6" "J" "5" "K" "4" "L" "3" "M" "2" "N" "1" "O" "Z" "P" "Y" "Q" "X" "R" "W" "S" "V" "T" "U";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890*|ab" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-021.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-021.xht
new file mode 100644
index 0000000000..e74357dfa1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-021.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with forty-two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying twenty-one sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "d" "B" "c" "C" "b" "D" "a" "E" "|" "F" "*" "G" "0" "H" "9" "I" "8" "J" "7" "K" "6" "L" "5" "M" "4" "N" "3" "O" "2" "P" "1" "Q" "Z" "R" "Y" "S" "X" "T" "W" "U" "V";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890*|abcd" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-022.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-022.xht
new file mode 100644
index 0000000000..2e95fcda1b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-022.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with forty-four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying twenty-two sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "f" "B" "e" "C" "d" "D" "c" "E" "b" "F" "a" "G" "|" "H" "*" "I" "0" "J" "9" "K" "8" "L" "7" "M" "6" "N" "5" "O" "4" "P" "3" "Q" "2" "R" "1" "S" "Z" "T" "Y" "U" "X" "V" "W";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890*|abcdef" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-023.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-023.xht
new file mode 100644
index 0000000000..ea9a9078fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-023.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with forty-six values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying twenty-three sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "h" "B" "g" "C" "f" "D" "e" "E" "d" "F" "c" "G" "b" "H" "a" "I" "|" "J" "*" "K" "0" "L" "9" "M" "8" "N" "7" "O" "6" "P" "5" "Q" "4" "R" "3" "S" "2" "T" "1" "U" "Z" "V" "Y" "W" "X";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890*|abcdefgh" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-024.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-024.xht
new file mode 100644
index 0000000000..6a032b973b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-024.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with forty-eight values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying twenty-four sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "j" "B" "i" "C" "h" "D" "g" "E" "f" "F" "e" "G" "d" "H" "c" "I" "b" "J" "a" "K" "|" "L" "*" "M" "0" "N" "9" "O" "8" "P" "7" "Q" "6" "R" "5" "S" "4" "T" "3" "U" "2" "V" "1" "W" "Z" "X" "Y";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890*|abcdefghij" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-025.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-025.xht
new file mode 100644
index 0000000000..0678338f6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-025.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with fifty values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying twenty-five sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "l" "B" "k" "C" "j" "D" "i" "E" "h" "F" "g" "G" "f" "H" "e" "I" "d" "J" "c" "K" "b" "L" "a" "M" "|" "N" "*" "O" "0" "P" "9" "Q" "8" "R" "7" "S" "6" "T" "5" "U" "4" "V" "3" "W" "2" "X" "1" "Y" "Z";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890*|abcdefghijkl" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-026.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-026.xht
new file mode 100644
index 0000000000..00a86306db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-026.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with fifty-two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying twenty-six sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "n" "B" "m" "C" "l" "D" "k" "E" "j" "F" "i" "G" "h" "H" "g" "I" "f" "J" "e" "K" "d" "L" "c" "M" "b" "N" "a" "O" "|" "P" "*" "Q" "0" "R" "9" "S" "8" "T" "7" "U" "6" "V" "5" "W" "4" "X" "3" "Y" "2" "Z" "1";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890*|abcdefghijklmn" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-027.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-027.xht
new file mode 100644
index 0000000000..2a031ada50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-027.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with fifty-four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying twenty-seven sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "p" "B" "o" "C" "n" "D" "m" "E" "l" "F" "k" "G" "j" "H" "i" "I" "h" "J" "g" "K" "f" "L" "e" "M" "d" "N" "c" "O" "b" "P" "a" "Q" "|" "R" "*" "S" "0" "T" "9" "U" "8" "V" "7" "W" "6" "X" "5" "Y" "4" "Z" "3" "1" "2";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890*|abcdefghijklmnop" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-028.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-028.xht
new file mode 100644
index 0000000000..4df6b1bc18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-028.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with fifty-six values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying twenty-eight sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "r" "B" "q" "C" "p" "D" "o" "E" "n" "F" "m" "G" "l" "H" "k" "I" "j" "J" "i" "K" "h" "L" "g" "M" "f" "N" "e" "O" "d" "P" "c" "Q" "b" "R" "a" "S" "|" "T" "*" "U" "0" "V" "9" "W" "8" "X" "7" "Y" "6" "Z" "5" "1" "4" "2" "3";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890*|abcdefghijklmnopqr" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-029.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-029.xht
new file mode 100644
index 0000000000..f1ca5c0c13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-029.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with fifty-eight values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying twenty-nine sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "t" "B" "s" "C" "r" "D" "q" "E" "p" "F" "o" "G" "n" "H" "m" "I" "l" "J" "k" "K" "j" "L" "i" "M" "h" "N" "g" "O" "f" "P" "e" "Q" "d" "R" "c" "S" "b" "T" "a" "U" "|" "V" "*" "W" "0" "X" "9" "Y" "8" "Z" "7" "1" "6" "2" "5" "3" "4";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890*|abcdefghijklmnopqrst" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-030.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-030.xht
new file mode 100644
index 0000000000..8550e17a9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-030.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with sixty values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying thirty sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "v" "B" "u" "C" "t" "D" "s" "E" "r" "F" "q" "G" "p" "H" "o" "I" "n" "J" "m" "K" "l" "L" "k" "M" "j" "N" "i" "O" "h" "P" "g" "Q" "f" "R" "e" "S" "d" "T" "c" "U" "b" "V" "a" "W" "|" "X" "*" "Y" "0" "Z" "9" "1" "8" "2" "7" "3" "6" "4" "5";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890*|abcdefghijklmnopqrstuv" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-031.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-031.xht
new file mode 100644
index 0000000000..94b43155f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-031.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with sixty-two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying thirty-one sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "x" "B" "w" "C" "v" "D" "u" "E" "t" "F" "s" "G" "r" "H" "q" "I" "p" "J" "o" "K" "n" "L" "m" "M" "l" "N" "k" "O" "j" "P" "i" "Q" "h" "R" "g" "S" "f" "T" "e" "U" "d" "V" "c" "W" "b" "X" "a" "Y" "|" "Z" "*" "1" "0" "2" "9" "3" "8" "4" "7" "5" "6";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890*|abcdefghijklmnopqrstuvwx" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-032.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-032.xht
new file mode 100644
index 0000000000..820f75964e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-032.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with sixty-four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="Verify that quotes is supported when specifying thirty-two sets of quotes." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote close-quote;
+ }
+ div
+ {
+ quotes: "A" "z" "B" "y" "C" "x" "D" "w" "E" "v" "F" "u" "G" "t" "H" "s" "I" "r" "J" "q" "K" "p" "L" "o" "M" "n" "N" "m" "O" "l" "P" "k" "Q" "j" "R" "i" "S" "h" "T" "g" "U" "f" "V" "e" "W" "d" "X" "c" "Y" "b" "Z" "a" "1" "|" "2" "*" "3" "0" "4" "9" "5" "8" "6" "7";
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890*|abcdefghijklmnopqrstuvwxyz" appear, in the same order, in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-033.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-033.xht
new file mode 100644
index 0000000000..5b29b15fa0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-033.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with a value of 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="The 'quotes' property set to 'none' does not allow quotes to be generated." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote;
+ }
+ div:after
+ {
+ content: close-quote;
+ }
+ div
+ {
+ quotes: none;
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if box below is empty.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-034.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-034.xht
new file mode 100644
index 0000000000..d735ae27dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-034.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="The quotes property set to 'inherit' correctly inherits the value from the patent element." />
+ <style type="text/css">
+ body
+ {
+ quotes: "P" "S" "A" "S";
+ }
+ div:before
+ {
+ content: open-quote open-quote;
+ }
+ div:after
+ {
+ content: close-quote close-quote;
+ }
+ body div
+ {
+ quotes: inherit;
+ }
+ div
+ {
+ quotes: "F" "L" "A" "I";
+ border: 2px solid black;
+ height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "PASS" appears in the box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-035-ref.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-035-ref.xht
new file mode 100644
index 0000000000..6654646ee6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-035-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <style type="text/css"><![CDATA[
+ .test { margin-left: 2em; }
+ ]]></style>
+ </head>
+ <body>
+ <div class="test">Isn't it wonderful to see CSS quotes work!!!</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-035.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-035.xht
new file mode 100644
index 0000000000..eb0bf21563
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-035.xht
@@ -0,0 +1,84 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS and Quotes: Counting Right (Slightly Simpler Version)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/quotes/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes" />
+ <link rel="match" href="quotes-035-ref.xht"/>
+ <meta name="flags" content="should"/>
+ <style type="text/css">
+ <![CDATA[
+ .party1 * { display: inline; }
+ .party1 .a { quotes: "Isn" "'"
+ "t" "FAIL!"
+ "FAIL!" " i"; }
+ .party1 .b { quotes: "" "FAIL!!"
+ " wonderful" "!!!"
+ " to " " work"
+ "see " " [FAIL to]"
+ "C" "quotes"
+ "S" " "; }
+ .party1 .c { quotes: none; }
+ .party1 .d { quotes: "FAIL!" "FAIL!"
+ "FAIL!" "FAIL!"
+ "" ""; }
+ .test { margin-left: 2em; }
+ .test .no-open:before { content: no-open-quote; }
+ .test .open:before { content: open-quote; }
+ .test .triple-open:before { content: open-quote open-quote open-quote; }
+ .test .no-close:after { content: no-close-quote; }
+ .test .triple-no-close:after { content: no-close-quote no-close-quote no-close-quote; }
+ .test .close:after { content: close-quote; }
+ .test .triple-close:after { content: close-quote close-quote close-quote; }
+ .test .no-close-open:before { content: no-close-quote open-quote; }
+
+ ]]>
+ </style>
+ </head>
+ <body>
+
+ <!-- this is the same as the 002.xml version except the <br> and <hr> nodes are <div>s. -->
+
+ <!-- Isn't it wonderful to see CSS quotes work!!!
+ --><div class="test c party1"><!-- c 0
+ --><div class="a open close"><!-- open a 1 isn
+ --></div><!-- close a 0 '
+ --><div class="a"><!-- a 0
+ --><div class="c open"><!-- open c 1
+ --><div class="a open"><!-- open a 2 t
+ --></div><!-- a 2
+ --></div><!-- c 2
+ --><div class="no-open close"><!-- a 3 [FAIL!]
+ --></div><!-- close a 2 i
+ --></div><!-- a 2
+ --><div class="no-close-open no-close a"><!-- a 2 [FAIL!] t
+ --></div><!-- close a 1
+ --><div class="d no-open no-close"><!-- open d 2 [FAIL!]
+ --><div class="open close"><!-- open d 3
+ --><div class="open close"><!-- open d 4
+ --></div><!-- close d 3
+ --></div><!-- close d 2
+ --></div><!-- close d 1 [FAIL!]
+ --><div class="b no-close"><!-- b 1
+ --><div class="triple-no-close"/><!-- close b 0 [FAIL!!]
+ --><div class="triple-open"/><!-- open x 3 b 3 "", "wonderful ", "to "
+ --><div class="triple-open"/><!-- open x 3 b 6 "see ", "C", "S"
+ --><div class="open close"><!-- open b 7 S
+ --><div class="close"><!-- b 7
+ --><div class="no-close"><!-- b 7
+ --><div class="close"><!-- b 7
+ --><div class="no-close"><!-- b 7
+ --><div class="close"><!-- b 7
+ --></div><!-- close b 6 " "
+ --></div><!-- close b 5 [" "]
+ --></div><!-- close b 4 quotes
+ --></div><!-- close b 3 [ FAIL to]
+ --></div><!-- close b 2 work
+ --></div><!-- close b 1 !!!
+ --></div><!-- close b 0 [FAIL!!]
+ --></div><!-- b 0
+ -->
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-035a.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-035a.xht
new file mode 100644
index 0000000000..fc87f5e0d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-035a.xht
@@ -0,0 +1,85 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS and Quotes: Counting Right (Slightly Simpler Version)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/quotes/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes" />
+ <link rel="match" href="quotes-035-ref.xht"/>
+ <style type="text/css">
+ <![CDATA[
+ .party1 * { display: inline; }
+ .party1 .a { quotes: "Isn" "'"
+ "t" "FAIL!"
+ "FAIL!" " i"; }
+ .party1 .b { quotes: "" "FAIL!!"
+ " wonderful" "!!!"
+ " to " " work"
+ "see " " [FAIL to]"
+ "C" "quotes"
+ "S" " "
+ "S" " "; }
+ .party1 .c { quotes: none; }
+ .party1 .d { quotes: "FAIL!" "FAIL!"
+ "FAIL!" "FAIL!"
+ "" ""
+ "" ""; }
+ .test { margin-left: 2em; }
+ .test .no-open:before { content: no-open-quote; }
+ .test .open:before { content: open-quote; }
+ .test .triple-open:before { content: open-quote open-quote open-quote; }
+ .test .no-close:after { content: no-close-quote; }
+ .test .triple-no-close:after { content: no-close-quote no-close-quote no-close-quote; }
+ .test .close:after { content: close-quote; }
+ .test .triple-close:after { content: close-quote close-quote close-quote; }
+ .test .no-close-open:before { content: no-close-quote open-quote; }
+
+ ]]>
+ </style>
+ </head>
+ <body>
+
+ <!-- this is the same as the 002.xml version except the <br> and <hr> nodes are <div>s. -->
+
+ <!-- Isn't it wonderful to see CSS quotes work!!!
+ --><div class="test c party1"><!-- c 0
+ --><div class="a open close"><!-- open a 1 isn
+ --></div><!-- close a 0 '
+ --><div class="a"><!-- a 0
+ --><div class="c open"><!-- open c 1
+ --><div class="a open"><!-- open a 2 t
+ --></div><!-- a 2
+ --></div><!-- c 2
+ --><div class="no-open close"><!-- a 3 [FAIL!]
+ --></div><!-- close a 2 i
+ --></div><!-- a 2
+ --><div class="no-close-open no-close a"><!-- a 2 [FAIL!] t
+ --></div><!-- close a 1
+ --><div class="d no-open no-close"><!-- open d 2 [FAIL!]
+ --><div class="open close"><!-- open d 3
+ --><div class="open close"><!-- open d 4
+ --></div><!-- close d 3
+ --></div><!-- close d 2
+ --></div><!-- close d 1 [FAIL!]
+ --><div class="b no-close"><!-- b 1
+ --><div class="no-close"/><!-- close b 0 [FAIL!!]
+ --><div class="triple-open"/><!-- open x 3 b 3 "", "wonderful ", "to "
+ --><div class="triple-open"/><!-- open x 3 b 6 "see ", "C", "S"
+ --><div class="open close"><!-- open b 7 S
+ --><div class="close"><!-- b 7
+ --><div class="no-close"><!-- b 7
+ --><div class="close"><!-- b 7
+ --><div class="no-close"><!-- b 7
+ --><div class="close"><!-- b 7
+ --></div><!-- close b 6 " "
+ --></div><!-- close b 5 [" "]
+ --></div><!-- close b 4 quotes
+ --></div><!-- close b 3 [ FAIL to]
+ --></div><!-- close b 2 work
+ --></div><!-- close b 1 !!!
+ --></div><!-- close b 0 [FAIL!!]
+ --></div><!-- b 0
+ -->
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-036.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-036.xht
new file mode 100644
index 0000000000..f853ca2c69
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-036.xht
@@ -0,0 +1,88 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS and Quotes: Counting Right (Evil Version)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/quotes/002.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes" />
+ <link rel="match" href="quotes-035-ref.xht"/>
+ <meta name="flags" content="may"/>
+ <style type="text/css">
+ <![CDATA[
+ .party1 * { display: inline; }
+ .party1 .a { quotes: "Isn" "'"
+ "t" "FAIL!"
+ "FAIL!" " i"; }
+ .party1 .b { quotes: "" "FAIL!!"
+ " wonderful" "!!!"
+ " to " " work"
+ "see " " [FAIL to]"
+ "C" "quotes"
+ "S" " "; }
+ .party1 .c { quotes: none; }
+ .party1 .d { quotes: "FAIL!" "FAIL!"
+ "FAIL!" "FAIL!"
+ "" ""; }
+ .test { margin-left: 2em; }
+ .test .no-open:before { content: no-open-quote; }
+ .test .open:before { content: open-quote; }
+ .test .triple-open:before { content: open-quote open-quote open-quote; }
+ .test .no-close:after { content: no-close-quote; }
+ .test .triple-no-close:after { content: no-close-quote no-close-quote no-close-quote; }
+ .test .close:after { content: close-quote; }
+ .test .triple-close:after { content: close-quote close-quote close-quote; }
+ .test .no-close-open:before { content: no-close-quote open-quote; }
+
+ /* hr br */
+ .test hr, .test br { display: inline; margin: 0; padding: 0;
+ height: auto; width: auto; border: none; color: inherit;
+ background: transparent; }
+ .test br:before { content: "" }
+ .test br:after { content: "" }
+ ]]>
+ </style>
+ </head>
+ <body>
+
+ <!-- Isn't it wonderful to see CSS quotes work!!!
+ --><div class="test c party1"><!-- c 0
+ --><div class="a open close"><!-- open a 1 isn
+ --></div><!-- close a 0 '
+ --><div class="a"><!-- a 0
+ --><div class="c open"><!-- open c 1
+ --><div class="a open"><!-- open a 2 t
+ --></div><!-- a 2
+ --></div><!-- c 2
+ --><div class="no-open close"><!-- a 3 [FAIL!]
+ --></div><!-- close a 2 i
+ --></div><!-- a 2
+ --><div class="no-close-open no-close a"><!-- a 2 [FAIL!] t
+ --></div><!-- close a 1
+ --><div class="d no-open no-close"><!-- open d 2 [FAIL!]
+ --><div class="open close"><!-- open d 3
+ --><div class="open close"><!-- open d 4
+ --></div><!-- close d 3
+ --></div><!-- close d 2
+ --></div><!-- close d 1 [FAIL!]
+ --><div class="b no-close"><!-- b 1
+ --><br class="triple-no-close"/><!-- close b 0 [FAIL!!] <<< EVIL
+ --><hr class="triple-open"/><!-- open x 3 b 3 "", "wonderful ", "to " <<< EVIL
+ --><br class="triple-open"/><!-- open x 3 b 6 "see ", "C", "S" <<< EVIL
+ --><div class="open close"><!-- open b 7 S
+ --><div class="close"><!-- b 7
+ --><div class="no-close"><!-- b 7
+ --><div class="close"><!-- b 7
+ --><div class="no-close"><!-- b 7
+ --><div class="close"><!-- b 7
+ --></div><!-- close b 6 " "
+ --></div><!-- close b 5 [" "]
+ --></div><!-- close b 4 quotes
+ --></div><!-- close b 3 [ FAIL to]
+ --></div><!-- close b 2 work
+ --></div><!-- close b 1 !!!
+ --></div><!-- close b 0 [FAIL!!]
+ --></div><!-- b 0
+ -->
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-001.xht
new file mode 100644
index 0000000000..ac2ea1a1bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-001.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <link rel="match" href="../../reference/pass_if_pass_below.html"/>
+ <meta name="assert" content="The 'quotes' property applies to elements with a 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ quotes: "P" "S" "A" "S";
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: open-quote open-quote close-quote close-quote;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the word "PASS" below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-002.xht
new file mode 100644
index 0000000000..24cf5ecedd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-002.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <link rel="match" href="../../reference/pass_if_pass_below.html"/>
+ <meta name="assert" content="The 'quotes' property applies to elements with a 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ quotes: "P" "S" "A" "S";
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: open-quote open-quote close-quote close-quote;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the word "PASS" below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-003.xht
new file mode 100644
index 0000000000..6da6c51053
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-003.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <link rel="match" href="../../reference/pass_if_pass_below.html"/>
+ <meta name="assert" content="The 'quotes' property applies to elements with a 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ quotes: "P" "S" "A" "S";
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: open-quote open-quote close-quote close-quote;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the word "PASS" below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-004.xht
new file mode 100644
index 0000000000..684910744c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-004.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <link rel="match" href="../../reference/pass_if_pass_below.html"/>
+ <meta name="assert" content="The 'quotes' property applies to elements with a 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ quotes: "P" "S" "A" "S";
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: open-quote open-quote close-quote close-quote;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the word "PASS" below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-005.xht
new file mode 100644
index 0000000000..28023af01b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-005.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="The 'quotes' property does not apply to elements with a 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ quotes: "F" "L" "A" "I";
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: open-quote open-quote close-quote close-quote;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only quotes below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-006.xht
new file mode 100644
index 0000000000..6fff77054f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-006.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="The 'quotes' property does not apply to elements with a 'display' set to 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ quotes: "F" "L" "A" "I";
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: open-quote open-quote close-quote close-quote;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only quotes below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-007.xht
new file mode 100644
index 0000000000..8591ed2f01
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <link rel="match" href="../../reference/pass_if_pass_below.html"/>
+ <meta name="assert" content="The 'quotes' property applies to elements with a 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ quotes: "P" "S" "A" "S";
+ }
+ #cell:before
+ {
+ content: open-quote open-quote close-quote close-quote;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the word "PASS" below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-008.xht
new file mode 100644
index 0000000000..3cad22af66
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-008.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <link rel="match" href="../../reference/pass_if_pass_below.html"/>
+ <meta name="assert" content="The 'quotes' property applies to elements with a 'display' set to 'inline'." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ quotes: "P" "S" "A" "S";
+ }
+ div:before
+ {
+ content: open-quote open-quote close-quote close-quote;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the word "PASS" below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-009.xht
new file mode 100644
index 0000000000..f881d20e91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-009.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <link rel="match" href="../../reference/pass_if_pass_below.html"/>
+ <meta name="assert" content="The 'quotes' property applies to elements with a 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ quotes: "P" "S" "A" "S";
+ }
+ span:before
+ {
+ content: open-quote open-quote close-quote close-quote;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the word "PASS" below.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-010.xht
new file mode 100644
index 0000000000..e4c1cd9782
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <meta name="assert" content="The 'quotes' property applies to elements with a 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ display: list-item;
+ margin-left: 2em;
+ quotes: "P" "S" "A" "S";
+ }
+ div:before
+ {
+ content: open-quote open-quote close-quote close-quote;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the word "PASS" below and there is a marker bullet on the left-hand side of the word.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-012.xht
new file mode 100644
index 0000000000..beafc64267
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-012.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <link rel="match" href="../../reference/pass_if_pass_below.html"/>
+ <meta name="assert" content="The 'quotes' property applies to elements with a 'display' set to 'inline-block'." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ quotes: "P" "S" "A" "S";
+ }
+ div:before
+ {
+ content: open-quote open-quote close-quote close-quote;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the word "PASS" below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-013.xht
new file mode 100644
index 0000000000..9ff27c83a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-013.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <link rel="match" href="../../reference/pass_if_pass_below.html"/>
+ <meta name="assert" content="The 'quotes' property applies to elements with a 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ quotes: "P" "S" "A" "S";
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: open-quote open-quote close-quote close-quote;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the word "PASS" below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-014.xht
new file mode 100644
index 0000000000..75f19776d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-014.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <link rel="match" href="../../reference/pass_if_pass_below.html"/>
+ <meta name="assert" content="The 'quotes' property applies to elements with a 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ display: inline-table;
+ quotes: "P" "S" "A" "S";
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: open-quote open-quote close-quote close-quote;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the word "PASS" below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-015.xht
new file mode 100644
index 0000000000..a0b5079762
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-applies-to-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
+ <link rel="match" href="../../reference/pass_if_pass_below.html"/>
+ <meta name="assert" content="The 'quotes' property applies to elements with a 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-caption;
+ quotes: "P" "S" "A" "S";
+ }
+ #test:before
+ {
+ content: open-quote open-quote close-quote close-quote;
+ }
+ #table
+ {
+ display: inline-table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the word "PASS" below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-negative-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-negative-001.xht
new file mode 100644
index 0000000000..b711b8b65a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-negative-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes with negative depth</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="When a 'close-quote' makes the depth negative then depth stays at 0. Insertion of a quote does not occur but the remainder of the content string is inserted." />
+ <style type="text/css">
+ div:before
+ {
+ content: "PASS" close-quote;
+ }
+ div
+ {
+ quotes: 'FAIL' 'FAIL' 'FAIL' 'FAIL';
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are three instances of the word 'PASS' below. If there are any additional characters below this test fails.</p>
+ <div>
+ <div>
+ <div></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-page-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-page-001.xht
new file mode 100644
index 0000000000..d8f1906305
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-page-001.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quotes not affected by page level quotes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="The page content quotes do not affect the depth of generated quotes." />
+ <style type="text/css">
+ #test
+ {
+ border: solid blue;
+ quotes: '"' '"' "'" "'";
+ }
+ #test div:before
+ {
+ content: open-quote;
+ }
+ #test div:after
+ {
+ content: close-quote;
+ }
+ #reference
+ {
+ border: solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the characters in the blue box exactly match the characters in the orange box.</p>
+ <div id="test">
+ "document level open quote
+ <div>first open generated quote
+ <div>second set of quotes</div>
+ close first generated quote</div>
+ document level close quote"
+ </div>
+ <div id="reference">
+ "document level open quote
+ <div>"first open generated quote
+ <div>'second set of quotes'</div>
+ close first generated quote"</div>
+ document level close quote"
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/quotes-repeat-001.xht b/testing/web-platform/tests/css/CSS2/generated-content/quotes-repeat-001.xht
new file mode 100644
index 0000000000..2c38c54f10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/quotes-repeat-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Quote depth exceeded</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="If the depth of the 'quotes' is more than the defined pairs then repeat the last set of pair." />
+ <style type="text/css">
+ div:before
+ {
+ content: open-quote;
+ }
+ div
+ {
+ quotes: 'PASS' 'FAIL' 'PASS' 'FAIL';
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes is there are three instances of the word "PASS" below.</p>
+ <div>
+ <div>
+ <div></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/generated-content/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/generated-content/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/a-green.css b/testing/web-platform/tests/css/CSS2/generated-content/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/b-green.css b/testing/web-platform/tests/css/CSS2/generated-content/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/generated-content/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/c-red.css b/testing/web-platform/tests/css/CSS2/generated-content/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/cat.png b/testing/web-platform/tests/css/CSS2/generated-content/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/content-attr-002.css b/testing/web-platform/tests/css/CSS2/generated-content/support/content-attr-002.css
new file mode 100644
index 0000000000..e69de29bb2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/content-attr-002.css
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/diamond.png b/testing/web-platform/tests/css/CSS2/generated-content/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/green15x15.png b/testing/web-platform/tests/css/CSS2/generated-content/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/generated-content/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/generated-content/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/generated-content/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/generated-content/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/ring.png b/testing/web-platform/tests/css/CSS2/generated-content/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/square-outline-32x32.png b/testing/web-platform/tests/css/CSS2/generated-content/support/square-outline-32x32.png
new file mode 100644
index 0000000000..917163f409
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/square-outline-32x32.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/square-purple.png b/testing/web-platform/tests/css/CSS2/generated-content/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/square-teal.png b/testing/web-platform/tests/css/CSS2/generated-content/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/square-white.png b/testing/web-platform/tests/css/CSS2/generated-content/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/test-bl.png b/testing/web-platform/tests/css/CSS2/generated-content/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/test-br.png b/testing/web-platform/tests/css/CSS2/generated-content/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/test-outer.png b/testing/web-platform/tests/css/CSS2/generated-content/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/test-tl.png b/testing/web-platform/tests/css/CSS2/generated-content/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/generated-content/support/test-tr.png b/testing/web-platform/tests/css/CSS2/generated-content/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/generated-content/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/META.yml b/testing/web-platform/tests/css/CSS2/i18n/META.yml
new file mode 100644
index 0000000000..9fa8c3b6c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/META.yml
@@ -0,0 +1,2 @@
+suggested_reviewers:
+ - r12a
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/.htaccess b/testing/web-platform/tests/css/CSS2/i18n/syndata/.htaccess
new file mode 100644
index 0000000000..453f100a5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/.htaccess
@@ -0,0 +1,87 @@
+<Files ~ '^character-encoding-001\.(xht|xhtml|xml|html|htm)$'>
+AddCharset utf-8 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-002\.(xht|xhtml|xml|html|htm)$'>
+AddCharset utf-8 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-003\.(xht|xhtml|xml|html|htm)$'>
+AddCharset iso-8859-1 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-004\.(xht|xhtml|xml|html|htm)$'>
+AddCharset utf-8 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-005\.(xht|xhtml|xml|html|htm)$'>
+AddCharset utf-8 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-006\.(xht|xhtml|xml|html|htm)$'>
+AddCharset iso-8859-1 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-007\.(xht|xhtml|xml|html|htm)$'>
+AddCharset utf-8 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-008\.(xht|xhtml|xml|html|htm)$'>
+AddCharset utf-8 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-009\.(xht|xhtml|xml|html|htm)$'>
+AddCharset iso-8859-1 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-010\.(xht|xhtml|xml|html|htm)$'>
+AddCharset iso-8859-1 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-011\.(xht|xhtml|xml|html|htm)$'>
+AddCharset iso-8859-15 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-012\.(xht|xhtml|xml|html|htm)$'>
+AddCharset utf-8 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-013\.(xht|xhtml|xml|html|htm)$'>
+AddCharset iso-8859-1 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-014\.(xht|xhtml|xml|html|htm)$'>
+AddCharset iso-8859-15 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-015\.(xht|xhtml|xml|html|htm)$'>
+AddCharset iso-8859-1 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-016\.(xht|xhtml|xml|html|htm)$'>
+AddCharset iso-8859-1 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-017\.(xht|xhtml|xml|html|htm)$'>
+AddCharset iso-8859-15 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-018\.(xht|xhtml|xml|html|htm)$'>
+AddCharset utf-8 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-019\.(xht|xhtml|xml|html|htm)$'>
+AddCharset utf-8 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-020\.(xht|xhtml|xml|html|htm)$'>
+AddCharset utf-8 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-021\.(xht|xhtml|xml|html|htm)$'>
+AddCharset utf-8 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-022\.(xht|xhtml|xml|html|htm)$'>
+AddCharset utf-8 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-023\.(xht|xhtml|xml|html|htm)$'>
+AddCharset utf-8 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-024\.(xht|xhtml|xml|html|htm)$'>
+AddCharset utf-8 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-025\.(xht|xhtml|xml|html|htm)$'>
+AddCharset utf-8 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-026\.(xht|xhtml|xml|html|htm)$'>
+AddCharset iso-8859-1 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-027\.(xht|xhtml|xml|html|htm)$'>
+AddCharset iso-8859-1 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-028\.(xht|xhtml|xml|html|htm)$'>
+AddCharset iso-8859-1 .xht .xhtml .xml .html .htm
+</Files>
+<Files ~ '^character-encoding-029\.(xht|xhtml|xml|html|htm)$'>
+AddCharset iso-8859-1 .xht .xhtml .xml .html .htm
+</Files>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-001.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-001.xht
new file mode 100644
index 0000000000..33794092c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-001.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='utf-8'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Test: html utf8, css http iso1</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=18' />
+<meta name='flags' content='http' />
+<meta name="assert" content="The user agent respects the encoding of a css stylesheet declared in HTTP." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/http1.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span class="ýäè">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as UTF-8. The CSS file encoding is established as ISO 8859-1 using only the HTTP header.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-001.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-001.xht.headers
new file mode 100644
index 0000000000..686ec5a33b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-001.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=utf-8
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-002.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-002.xht
new file mode 100644
index 0000000000..eb946403a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-002.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='utf-8'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Test: html utf8, css http iso15</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=19' />
+<meta name='flags' content='http' />
+<meta name="assert" content="The user agent respects the encoding of a css stylesheet declared in HTTP." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/http15.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span class="ÜÀÚ">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as UTF-8. The CSS file encoding is established as ISO 8859-15 using only the HTTP header.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-002.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-002.xht.headers
new file mode 100644
index 0000000000..686ec5a33b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-002.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=utf-8
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-003.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-003.xht
new file mode 100644
index 0000000000..223f6f4077
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-003.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='iso-8859-1'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>CSS Test: html iso1, css http utf8</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=20' />
+<meta name='flags' content='http' />
+<meta name="assert" content="The user agent respects the encoding of a css stylesheet declared in HTTP." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/http8.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span class="">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as ISO 8859-1. The CSS file encoding is established as UTF-8 using only the HTTP header.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-003.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-003.xht.headers
new file mode 100644
index 0000000000..f935dc4b5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-003.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=iso-8859-1
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-004.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-004.xht
new file mode 100644
index 0000000000..5c3e75894d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-004.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='utf-8'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Test: html utf8, css @charset iso1</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=21' />
+<meta name='flags' content='http' />
+<meta name="assert" content="The user agent respects the encoding of a css stylesheet declared in an @charset rule." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/charset1.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span class="ýäè">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as UTF-8. The CSS file encoding is established as ISO 8859-1 using only an @charset rule.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-004.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-004.xht.headers
new file mode 100644
index 0000000000..686ec5a33b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-004.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=utf-8
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-005.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-005.xht
new file mode 100644
index 0000000000..6d9afbd6c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-005.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='utf-8'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Test: html utf8, css @charset iso15</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=22' />
+<meta name='flags' content='http' />
+<meta name="assert" content="The user agent respects the encoding of a css stylesheet declared in an @charset rule." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/charset15.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span class="ÜÀÚ">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as UTF-8. The CSS file encoding is established as ISO 8859-15 using only an @charset rule.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-005.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-005.xht.headers
new file mode 100644
index 0000000000..686ec5a33b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-005.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=utf-8
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-006.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-006.xht
new file mode 100644
index 0000000000..e353479c84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-006.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='iso-8859-1'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>CSS Test: html iso1, css @charset utf8</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=23' />
+<meta name='flags' content='http' />
+<meta name="assert" content="The user agent respects the encoding of a css stylesheet declared in an @charset rule." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/charset8.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span class="">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as ISO 8859-1. The CSS file encoding is established as UTF-8 using only an @charset rule.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-006.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-006.xht.headers
new file mode 100644
index 0000000000..f935dc4b5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-006.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=iso-8859-1
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-007.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-007.xht
new file mode 100644
index 0000000000..02a9442e72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-007.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='utf-8'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Test: html utf8, link charset iso1</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=24' />
+<meta name='flags' content='http' />
+<meta name="assert" content="The user agent respects the encoding of a css stylesheet declared in a charset attribute on the HTML link." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" charset="iso-8859-1" type="text/css" href="support/none.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span class="ýäè">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as UTF-8. The CSS file encoding is established as ISO 8859-1 using only a charset attribute on the HTML link.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-007.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-007.xht.headers
new file mode 100644
index 0000000000..686ec5a33b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-007.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=utf-8
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-008.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-008.xht
new file mode 100644
index 0000000000..934fa7548d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-008.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='utf-8'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Test: html utf8, link charset iso15</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=25' />
+<meta name='flags' content='http' />
+<meta name="assert" content="The user agent respects the encoding of a css stylesheet declared in a charset attribute on the HTML link." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" charset="iso-8859-15" type="text/css" href="support/none.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span class="ÜÀÚ">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as UTF-8. The CSS file encoding is established as ISO 8859-15 using only a charset attribute on the HTML link.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-008.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-008.xht.headers
new file mode 100644
index 0000000000..686ec5a33b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-008.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=utf-8
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-009.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-009.xht
new file mode 100644
index 0000000000..67919fba7f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-009.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='iso-8859-1'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>CSS Test: html iso-8859-1, link charset utf8</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=26' />
+<meta name='flags' content='http' />
+<meta name="assert" content="The user agent respects the encoding of a css stylesheet declared in a charset attribute on the HTML link." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" charset="utf-8" type="text/css" href="support/none.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span class="">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as ISO 8859-1. The CSS file encoding is established as UTF-8 using only a charset attribute on the HTML link.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-009.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-009.xht.headers
new file mode 100644
index 0000000000..f935dc4b5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-009.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=iso-8859-1
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-010.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-010.xht
new file mode 100644
index 0000000000..9ba07a5a26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-010.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='iso-8859-1'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>CSS Test: html iso1</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=27' />
+<meta name='flags' content='http' />
+<meta name="assert" content="The user agent applies the encoding of the HTML file to a css stylesheet whose encoding is not otherwise declared." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/none.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span class="ýäè">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as ISO 8859-1. The CSS file has no encoding set or BOM.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-010.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-010.xht.headers
new file mode 100644
index 0000000000..f935dc4b5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-010.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=iso-8859-1
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-011.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-011.xht
new file mode 100644
index 0000000000..f563929a40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-011.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='iso-8859-15'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" /><title>CSS Test: html iso15</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=28' />
+<meta name='flags' content='http' />
+<meta name="assert" content="The user agent applies the encoding of the HTML file to a css stylesheet whose encoding is not otherwise declared." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/none.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span class="ýäè">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as ISO 8859-15. The CSS file has no encoding set or BOM.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-011.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-011.xht.headers
new file mode 100644
index 0000000000..2fcc807eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-011.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=iso-8859-15
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-012.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-012.xht
new file mode 100644
index 0000000000..e6d3251100
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-012.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='utf-8'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Test: html utf8</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=29' />
+<meta name='flags' content='http' />
+<meta name="assert" content="The user agent applies the encoding of the HTML file to a css stylesheet whose encoding is not otherwise declared." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/none.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span class="ýäè">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as UTF-8. The CSS file has no encoding set or BOM.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-012.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-012.xht.headers
new file mode 100644
index 0000000000..686ec5a33b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-012.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=utf-8
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-013.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-013.xht
new file mode 100644
index 0000000000..a9ac0bd2d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-013.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='iso-8859-1'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>CSS Test: html iso-8859-1, css bom</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=30' />
+<meta name='flags' content='http' />
+<meta name="assert" content="The user agent uses a UTF-8 signature without an @charset at the beginning of a css stylesheet to indicate that the encoding is UTF-8." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/bom.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span class="">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as ISO 8859-1. The CSS file encoding is established as utf-8 using only the presence of a UTF-8 signature.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-013.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-013.xht.headers
new file mode 100644
index 0000000000..f935dc4b5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-013.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=iso-8859-1
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-014.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-014.xht
new file mode 100644
index 0000000000..2daebf3fe1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-014.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='iso-8859-15'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" /><title>CSS Test: html iso-8859-15, css bom</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=31' />
+<meta name='flags' content='http' />
+<meta name="assert" content="The user agent uses a UTF-8 signature without an @charset at the beginning of a css stylesheet to indicate that the encoding is UTF-8." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/bom.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span class="">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as ISO 8859-15. The CSS file encoding is established as utf-8 using only the presence of a UTF-8 signature.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-014.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-014.xht.headers
new file mode 100644
index 0000000000..2fcc807eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-014.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=iso-8859-15
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-015.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-015.xht
new file mode 100644
index 0000000000..08873c8edd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-015.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='iso-8859-1'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>CSS Test: html iso-8859-1, css bom and @charset utf8 (in lowercase)</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=32' />
+<meta name='flags' content='http' />
+<meta name="assert" content="When a stylesheet has a BOM and an @charset declaration that is for the right Unicode encoding, the stylesheet works." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/bom-charsetutf8.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span style="background-color: red; color: red;"><span class="">text</span></span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as ISO 8859-1. The CSS starts with a UTF-8 signature but also has an @charset rule declaring the encoding to be UTF-8.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-015.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-015.xht.headers
new file mode 100644
index 0000000000..f935dc4b5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-015.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=iso-8859-1
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-016.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-016.xht
new file mode 100644
index 0000000000..9a10ec6ea3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-016.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='iso-8859-1'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>CSS Test: html iso-8859-1, css bom and @charset utf8 (in uppercase)</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=33' />
+<meta name='flags' content='http' />
+<meta name="assert" content="When a stylesheet has a BOM and an @charset declaration that is for the right Unicode encoding, the stylesheet works." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/bom-charsetutf8uc.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span class="">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as ISO 8859-1. The CSS starts with a UTF-8 signature but also has an @charset rule declaring the encoding to be UTF-8.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-016.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-016.xht.headers
new file mode 100644
index 0000000000..f935dc4b5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-016.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=iso-8859-1
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-017.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-017.xht
new file mode 100644
index 0000000000..913d1ead06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-017.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='iso-8859-15'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" /><title>CSS Test: html iso-8859-15, css bom and @charset iso15</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=34' />
+<meta name='flags' content='http' />
+<meta name="assert" content="When a stylesheet has a BOM, honor it." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/bom-charset15.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span style="background-color: #00FF00; color: #00FF00;"><span class="hello">text</span></span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as ISO 8859-1. The CSS starts with a UTF-8 signature but also has an @charset rule declaring the encoding to be ISO 8859-1. The CSS 2.1 spec says that the whole stylesheet should be abandoned in that case.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-017.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-017.xht.headers
new file mode 100644
index 0000000000..2fcc807eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-017.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=iso-8859-15
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-018.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-018.xht
new file mode 100644
index 0000000000..ea4c560713
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-018.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding='utf-8'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Test: html utf-8, css @charset unknown</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=35' />
+<meta name='flags' content='http' />
+<meta name="assert" content="When a stylesheet has a @charset declaration with an unknown value, the declaration should be ignored." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+.hello { background-color: #FF0000; color: #FF0000; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/charset-unknown.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p>
+
+
+<div class="test"><span class="hello">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as UTF-8. The CSS starts a @charset rule for an encoding that is not in the IANA list.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-018.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-018.xht.headers
new file mode 100644
index 0000000000..686ec5a33b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-018.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=utf-8
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-019.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-019.xht
new file mode 100644
index 0000000000..d3df459e14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-019.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='utf-8'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Test: no semicolon at end of charset rule</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=36' />
+<meta name='flags' content='http' />
+<meta name="assert" content="If a @charset declaration is missing a final semicolon, the encoding declaration will not be recognised." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/charset15-nocolon.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p><p class='instructionNote'>This test is only valid if the user agent recognises the @charset rule. </p>
+
+
+<div class="test"><span style="background-color: #0000FF; color: #0000FF;"><span class="ÜÀÚ">text</span></span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as UTF-8. The CSS stylesheet is in ISO 8859-15. For the test to be successful, the stylesheet has to be read as ISO 8859-15. The @charset rule is not correctly formed, so should be ignored, but the stylesheet should still be used.</p><p class='notes'>If the box is blue, the stylesheet hasn't been read at all.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-019.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-019.xht.headers
new file mode 100644
index 0000000000..686ec5a33b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-019.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=utf-8
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-020.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-020.xht
new file mode 100644
index 0000000000..0af3085f46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-020.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='utf-8'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Test: extra spaces after @charset</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=37' />
+<meta name='flags' content='http' />
+<meta name="assert" content="If a @charset declaration has more than one space after 'charset', the encoding declaration will not be recognised." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/charset15-midspaces.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p><p class='instructionNote'>This test is only valid if the user agent recognises the @charset rule. </p>
+
+
+<div class="test"><span style="background-color: #0000FF; color: #0000FF;"><span class="ÜÀÚ">text</span></span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as UTF-8. The CSS stylesheet is in ISO 8859-15. For the test to be successful, the stylesheet has to be read as ISO 8859-15. The @charset rule is not correctly formed, so should be ignored, but the stylesheet should still be used.</p><p class='notes'>If the box is blue, the stylesheet hasn't been read at all.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-020.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-020.xht.headers
new file mode 100644
index 0000000000..686ec5a33b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-020.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=utf-8
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-021.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-021.xht
new file mode 100644
index 0000000000..f3daaa60ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-021.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='utf-8'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Test: extra spaces before colon in charset rule</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=38' />
+<meta name='flags' content='http' />
+<meta name="assert" content="If a @charset declaration has spaces just before the colon, the encoding declaration will not be recognised." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/charset15-endspaces.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p><p class='instructionNote'>This test is only valid if the user agent recognises the @charset rule. </p>
+
+
+<div class="test"><span style="background-color: #0000FF; color: #0000FF;"><span class="ÜÀÚ">text</span></span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as UTF-8. The CSS stylesheet is in ISO 8859-15. For the test to be successful, the stylesheet has to be read as ISO 8859-15. The @charset rule is not correctly formed, so should be ignored, but the stylesheet should still be used.</p><p class='notes'>If the box is blue, the stylesheet hasn't been read at all.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-021.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-021.xht.headers
new file mode 100644
index 0000000000..686ec5a33b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-021.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=utf-8
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-022.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-022.xht
new file mode 100644
index 0000000000..cc44e271ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-022.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='utf-8'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Test: linebreak in middle of charset rule</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=39' />
+<meta name='flags' content='http' />
+<meta name="assert" content="If a @charset declaration has a line break in the middle, the encoding declaration will not be recognised." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/charset15-linebreak.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p><p class='instructionNote'>This test is only valid if the user agent recognises the @charset rule. </p>
+
+
+<div class="test"><span style="background-color: #0000FF; color: #0000FF;"><span class="ÜÀÚ">text</span></span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as UTF-8. The CSS stylesheet is in ISO 8859-15. For the test to be successful, the stylesheet has to be read as ISO 8859-15. The @charset rule is not correctly formed, so should be ignored, but the stylesheet should still be used.</p><p class='notes'>If the box is blue, the stylesheet hasn't been read at all.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-022.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-022.xht.headers
new file mode 100644
index 0000000000..686ec5a33b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-022.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=utf-8
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-023.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-023.xht
new file mode 100644
index 0000000000..cf6c454eb5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-023.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='utf-8'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Test: single quotes around charset name</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=40' />
+<meta name='flags' content='http' />
+<meta name="assert" content="If a @charset declaration value has single, rather than double, quotes around it, the encoding declaration will not be recognised." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/charset15-singlequotes.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p><p class='instructionNote'>This test is only valid if the user agent recognises the @charset rule. </p>
+
+
+<div class="test"><span style="background-color: #0000FF; color: #0000FF;"><span class="ÜÀÚ">text</span></span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as UTF-8. The CSS stylesheet is in ISO 8859-15. For the test to be successful, the stylesheet has to be read as ISO 8859-15. The @charset rule is not correctly formed, so should be ignored, but the stylesheet should still be used.</p><p class='notes'>If the box is blue, the stylesheet hasn't been read at all.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-023.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-023.xht.headers
new file mode 100644
index 0000000000..686ec5a33b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-023.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=utf-8
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-024.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-024.xht
new file mode 100644
index 0000000000..75f24ea154
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-024.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='utf-8'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Test: blank line before @charset</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=41' />
+<meta name='flags' content='http' />
+<meta name="assert" content="If a @charset declaration is not on the first line of the file, the encoding declaration will not be recognised." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/charset15-blankline.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p><p class='instructionNote'>This test is only valid if the user agent recognises the @charset rule. </p>
+
+
+<div class="test"><span style="background-color: #0000FF; color: #0000FF;"><span class="ÜÀÚ">text</span></span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as UTF-8. The CSS stylesheet is in ISO 8859-15. For the test to be successful, the stylesheet has to be read as ISO 8859-15. The @charset rule is not correctly formed, so should be ignored, but the stylesheet should still be used.</p><p class='notes'>If the box is blue, the stylesheet hasn't been read at all.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-024.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-024.xht.headers
new file mode 100644
index 0000000000..686ec5a33b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-024.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=utf-8
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-025.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-025.xht
new file mode 100644
index 0000000000..2232f6f758
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-025.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='utf-8'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Test: blank spaces before @charset</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=42' />
+<meta name='flags' content='http' />
+<meta name="assert" content="If a @charset declaration does not start at the beginning of the first line of the file (when there is no BOM), the encoding declaration will not be recognised." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/charset15-beforespaces.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p><p class='instructionNote'>This test is only valid if the user agent recognises the @charset rule. </p>
+
+
+<div class="test"><span style="background-color: #0000FF; color: #0000FF;"><span class="ÜÀÚ">text</span></span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as UTF-8. The CSS stylesheet is in ISO 8859-15. For the test to be successful, the stylesheet has to be read as ISO 8859-15. The @charset rule is not correctly formed, so should be ignored, but the stylesheet should still be used.</p><p class='notes'>If the box is blue, the stylesheet hasn't been read at all.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-025.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-025.xht.headers
new file mode 100644
index 0000000000..686ec5a33b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-025.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=utf-8
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-026.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-026.xht
new file mode 100644
index 0000000000..5ffaad2798
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-026.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='iso-8859-1'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>CSS Test: http vs. @charset</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=43' />
+<meta name='flags' content='http' />
+<meta name="assert" content="An HTTP encoding declaration for a stylesheet takes precedence over an @charset declaration." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/http1-charset8.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p><p class='instructionNote'>This test is only valid if the user agent recognises the HTTP and @charset declarations.</p>
+
+
+<div class="test"><span class="ýäè">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as ISO 8859-1. The CSS contains an @charset rule that says the file is UTF-8, but the HTTP header says ISO 8859-1.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-026.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-026.xht.headers
new file mode 100644
index 0000000000..f935dc4b5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-026.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=iso-8859-1
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-027.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-027.xht
new file mode 100644
index 0000000000..14ca5b887c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-027.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='iso-8859-1'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>CSS Test: http vs. charset link</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=44' />
+<meta name='flags' content='http' />
+<meta name="assert" content="An HTTP encoding declaration for a stylesheet takes precedence over a charset attribute link declaration." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" charset="utf-8" type="text/css" href="support/http1.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p><p class='instructionNote'>This test is only valid if the user agent recognises the HTTP and charset link declarations.</p>
+
+
+<div class="test"><span class="ýäè">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as ISO 8859-1. The HTML link contains a charset attribute that says the file is UTF-8, but the HTTP header for the stylesheet says ISO 8859-1.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-027.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-027.xht.headers
new file mode 100644
index 0000000000..f935dc4b5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-027.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=iso-8859-1
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-028.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-028.xht
new file mode 100644
index 0000000000..cf7c0b9be7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-028.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='iso-8859-1'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>CSS Test: http vs. bom</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=45' />
+<meta name='flags' content='http' />
+<meta name="assert" content="A UTF-8 signature for a stylesheet takes precedence over an HTTP encoding declaration." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" type="text/css" href="support/http1-bom.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p><p class='instructionNote'>This test is only valid if the user agent recognises the HTTP declarations and BOM function.</p>
+
+
+<div class="test"><span class="ýäè">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as ISO 8859-1. The CSS contains a UTF-8 signature at the beginning, but the HTTP header says ISO 8859-1.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-028.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-028.xht.headers
new file mode 100644
index 0000000000..f935dc4b5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-028.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=iso-8859-1
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-029.xht b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-029.xht
new file mode 100644
index 0000000000..1f76c4b088
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-029.xht
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding='iso-8859-1'?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>CSS Test: @charset vs. link charset</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<!-- placeholdercomment -->
+<link rel='help' href='http://www.w3.org/TR/CSS21/syndata.html#charset' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-character-encoding/generate?test=46' />
+<meta name='flags' content='http' />
+<meta name="assert" content="An HTTP encoding declaration for a stylesheet takes precedence over a UTF-8 signature." />
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 40px; }
+.test img { vertical-align: middle; }
+.test td { padding-right: 60px; }
+</style>
+<link rel="stylesheet" charset="utf-8" type="text/css" href="support/charset1.css" />
+</head>
+<body>
+<p class='instructions'>Test passes if there is a green rectangle below.</p><p class='instructionNote'>This test is only valid if the user agent recognises the @charset and charset attribute declarations.</p>
+
+
+<div class="test"><span class="ýäè">text</span></div>
+
+
+<!--p class="notes">Notes: <br />The HTML page is served as ISO 8859-1. The CSS contains an @charset rule that says the file is ISO 8859-1, but the HTML link charset attribute says UTF-8.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-029.xht.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-029.xht.headers
new file mode 100644
index 0000000000..f935dc4b5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/character-encoding-029.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml;charset=iso-8859-1
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/.htaccess b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/.htaccess
new file mode 100644
index 0000000000..d8e9dc2372
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/.htaccess
@@ -0,0 +1,42 @@
+<Files "http1.css">
+AddCharset iso-8859-1 .css
+</Files>
+<Files "http15.css">
+AddCharset iso-8859-15 .css
+</Files>
+<Files "http8.css">
+AddCharset utf-8 .css
+</Files>
+<Files "charset8.css">
+RemoveCharset .css
+</Files>
+<Files "charset1.css">
+RemoveCharset .css
+</Files>
+<Files "charset15.css">
+RemoveCharset .css
+</Files>
+<Files "none.css">
+RemoveCharset .css
+</Files>
+<Files "bom.css">
+RemoveCharset .css
+</Files>
+<Files "bom-charset1.css">
+RemoveCharset .css
+</Files>
+<Files "bom-charset15.css">
+RemoveCharset .css
+</Files>
+<Files "illegalcharset.css">
+RemoveCharset .css
+</Files>
+<Files "http8-charset1.css">
+AddCharset utf-8 .css
+</Files>
+<Files "http1-charset8.css">
+AddCharset iso-8859-1 .css
+</Files>
+<Files "http1-bom.css">
+AddCharset iso-8859-1 .css
+</Files>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/a-green.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/b-green.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charset1.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charset1.css
new file mode 100644
index 0000000000..2c67cd56e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charset1.css
@@ -0,0 +1,7 @@
+@charset "iso-8859-1";
+.ýäè {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: white;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charset1.css.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charset1.css.headers
new file mode 100644
index 0000000000..74e07a14e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charset1.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charset15.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charset15.css
new file mode 100644
index 0000000000..40c3eeb855
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charset15.css
@@ -0,0 +1,7 @@
+@charset "iso-8859-15";
+.hello {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charset15.css.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charset15.css.headers
new file mode 100644
index 0000000000..74e07a14e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charset15.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charsetutf8.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charsetutf8.css
new file mode 100644
index 0000000000..0468871e30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charsetutf8.css
@@ -0,0 +1,13 @@
+@charset "utf-8";
+span {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: red;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charsetutf8uc.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charsetutf8uc.css
new file mode 100644
index 0000000000..62a558a4f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom-charsetutf8uc.css
@@ -0,0 +1,13 @@
+@charset "UTF-8";
+span {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: red;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom.css
new file mode 100644
index 0000000000..432afff0e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom.css
@@ -0,0 +1,12 @@
+span {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: red;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom.css.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom.css.headers
new file mode 100644
index 0000000000..74e07a14e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bom.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bordered-rectangle.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bordered-rectangle.png
new file mode 100644
index 0000000000..1da0ce2ec3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/bordered-rectangle.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/c-red.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/cat.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset-unknown.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset-unknown.css
new file mode 100644
index 0000000000..dbc2ae45e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset-unknown.css
@@ -0,0 +1,7 @@
+@charset "xxxunknownEncodingxxx";
+.hello {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset1.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset1.css
new file mode 100644
index 0000000000..5175f4b2c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset1.css
@@ -0,0 +1,13 @@
+@charset "iso-8859-1";
+span {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: red;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset1.css.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset1.css.headers
new file mode 100644
index 0000000000..74e07a14e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset1.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-beforespaces.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-beforespaces.css
new file mode 100644
index 0000000000..a9e81f9a66
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-beforespaces.css
@@ -0,0 +1,13 @@
+ @charset "iso-8859-15";
+span {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: #FF0000;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-blankline.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-blankline.css
new file mode 100644
index 0000000000..b0131faac4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-blankline.css
@@ -0,0 +1,14 @@
+
+@charset "iso-8859-15";
+span {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: #FF0000;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-endspaces.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-endspaces.css
new file mode 100644
index 0000000000..db3b2ce237
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-endspaces.css
@@ -0,0 +1,13 @@
+@charset "iso-8859-15" ;
+span {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: #FF0000;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-linebreak.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-linebreak.css
new file mode 100644
index 0000000000..3a84065358
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-linebreak.css
@@ -0,0 +1,14 @@
+@charset
+"iso-8859-15";
+span {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: #FF0000;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-midspaces.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-midspaces.css
new file mode 100644
index 0000000000..7482eddfef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-midspaces.css
@@ -0,0 +1,13 @@
+@charset "iso-8859-15";
+span {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: #FF0000;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-nocolon.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-nocolon.css
new file mode 100644
index 0000000000..690a46995a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-nocolon.css
@@ -0,0 +1,14 @@
+@charset "iso-8859-15"
+dummy { font-family: serif; } /* provides a colon to make the important stuff work */
+span {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: #FF0000;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-singlequotes.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-singlequotes.css
new file mode 100644
index 0000000000..57320c38e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15-singlequotes.css
@@ -0,0 +1,13 @@
+@charset 'iso-8859-15';
+span {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: #FF0000;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15.css
new file mode 100644
index 0000000000..f004fc220f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15.css
@@ -0,0 +1,13 @@
+@charset "iso-8859-15";
+span {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: red;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15.css.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15.css.headers
new file mode 100644
index 0000000000..74e07a14e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset15.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset8.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset8.css
new file mode 100644
index 0000000000..ab09948751
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset8.css
@@ -0,0 +1,13 @@
+@charset "utf-8";
+span {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: red;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset8.css.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset8.css.headers
new file mode 100644
index 0000000000..74e07a14e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/charset8.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/diamond.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/equal.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/equal.png
new file mode 100644
index 0000000000..071443046b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/equal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1-bom.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1-bom.css
new file mode 100644
index 0000000000..218a5b747d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1-bom.css
@@ -0,0 +1,12 @@
+span {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: red;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1-bom.css.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1-bom.css.headers
new file mode 100644
index 0000000000..8a52752d9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1-bom.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css; charset=iso-8859-1
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1-charset8.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1-charset8.css
new file mode 100644
index 0000000000..ab09948751
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1-charset8.css
@@ -0,0 +1,13 @@
+@charset "utf-8";
+span {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: red;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1-charset8.css.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1-charset8.css.headers
new file mode 100644
index 0000000000..8a52752d9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1-charset8.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css; charset=iso-8859-1
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1.css
new file mode 100644
index 0000000000..a9dc99667a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1.css
@@ -0,0 +1,12 @@
+span {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: red;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1.css.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1.css.headers
new file mode 100644
index 0000000000..8a52752d9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http1.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css; charset=iso-8859-1
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http15.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http15.css
new file mode 100644
index 0000000000..a9dc99667a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http15.css
@@ -0,0 +1,12 @@
+span {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: red;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http15.css.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http15.css.headers
new file mode 100644
index 0000000000..2addb8d141
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http15.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css; charset=iso-8859-15
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http8-charset1.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http8-charset1.css
new file mode 100644
index 0000000000..2c67cd56e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http8-charset1.css
@@ -0,0 +1,7 @@
+@charset "iso-8859-1";
+.ýäè {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: white;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http8-charset1.css.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http8-charset1.css.headers
new file mode 100644
index 0000000000..e13897f157
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http8-charset1.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css; charset=utf-8
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http8.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http8.css
new file mode 100644
index 0000000000..a9dc99667a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http8.css
@@ -0,0 +1,12 @@
+span {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: red;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http8.css.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http8.css.headers
new file mode 100644
index 0000000000..e13897f157
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/http8.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css; charset=utf-8
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/illegalcharset.css.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/illegalcharset.css.headers
new file mode 100644
index 0000000000..74e07a14e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/illegalcharset.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/import-green.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/import-green.css
new file mode 100644
index 0000000000..537104e663
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/import-green.css
@@ -0,0 +1 @@
+.import { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/import-red.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/import-red.css
new file mode 100644
index 0000000000..9945ef4711
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/import-red.css
@@ -0,0 +1 @@
+.import { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/none.css b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/none.css
new file mode 100644
index 0000000000..a9dc99667a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/none.css
@@ -0,0 +1,12 @@
+span {
+ background-color: #FF0000;
+ font-weight: bold;
+ color: red;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+.ýäè {
+ background-color: #00FF00;
+ font-weight: bold;
+ color: #00FF00;
+ font-family: Arial, Helvetica, sans-serif;
+ }
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/none.css.headers b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/none.css.headers
new file mode 100644
index 0000000000..74e07a14e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/none.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/notequal.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/notequal.png
new file mode 100644
index 0000000000..0824a495b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/notequal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/ring.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/ruler-h-50%.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/ruler-h-50%.png
new file mode 100644
index 0000000000..cf2eea6b43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/ruler-h-50%.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/ruler-h-50px.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/ruler-h-50px.png
new file mode 100644
index 0000000000..9f46583665
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/ruler-h-50px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/ruler-v-100px.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/ruler-v-100px.png
new file mode 100644
index 0000000000..a837eca222
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/ruler-v-100px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/ruler-v-50px.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/ruler-v-50px.png
new file mode 100644
index 0000000000..8414102802
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/ruler-v-50px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/square-purple.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/square-teal.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/square-white.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/support/swatch-green.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/support/swatch-red.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-bl.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-br.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-inner-half-size.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-inner-half-size.png
new file mode 100644
index 0000000000..e473bf80ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-inner-half-size.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-outer.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-tl.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-tr.png b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/syndata/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-001.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-001.xht
new file mode 100644
index 0000000000..5629e9a9f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-001.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:default context, direction rtl, unicode-bidi embed</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=1' />
+<meta name="assert" content="In the default context, if direction:rtl and unicode-bidi:embed are applied to an inline element containing mixed direction text, the text in that element will be displayed correctly." />
+<style type='text/css'>
+.test span { direction: rtl; unicode-bidi: embed; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">i18n activity "<span>نشاط التدويل، W3C</span>"!</div>
+
+
+<p><img src="support/direction-unicode-bidi-005.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-002.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-002.xht
new file mode 100644
index 0000000000..5c14bc16a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-002.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:default context, direction rtl, unicode-bidi none</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=2' />
+<meta name="assert" content="In the default context, if direction:rtl alone is applied to an inline element containing mixed direction text, the different directional runs in that element will not be in the correct order." />
+<style type='text/css'>
+.test span { direction: rtl; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">i18n activity "<span>نشاط التدويل، W3C</span>"!</div>
+
+
+<p><img src="support/direction-unicode-bidi-001.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-003.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-003.xht
new file mode 100644
index 0000000000..199931f397
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-003.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:ltr context, direction rtl, unicode-bidi embed</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=3' />
+<meta name="assert" content="In a LTR context, if direction:rtl and unicode-bidi:embed are applied to an inline element containing mixed direction text, the text in that element will be displayed correctly." />
+<style type='text/css'>
+.test { direction: ltr; } .test span { direction: rtl; unicode-bidi: embed; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">i18n activity "<span>نشاط التدويل، W3C</span>"!</div>
+
+
+<p><img src="support/direction-unicode-bidi-005.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-004.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-004.xht
new file mode 100644
index 0000000000..c6cf5be3b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-004.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:ltr context, direction rtl, unicode-bidi none</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=4' />
+<meta name="assert" content="In a LTR context, if direction:rtl alone is applied to an inline element containing mixed direction text, the different directional runs in that element will not be in the correct order." />
+<style type='text/css'>
+.test { direction: ltr; } .test span { direction: rtl; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">i18n activity "<span>نشاط التدويل، W3C</span>"!</div>
+
+
+<p><img src="support/direction-unicode-bidi-001.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-005.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-005.xht
new file mode 100644
index 0000000000..6027755bfb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-005.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:rtl context, direction ltr, unicode-bidi embed</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=5' />
+<meta name="assert" content="In a RTL context, if direction:ltr and unicode-bidi:embed are applied to a LTR inline element containing mixed direction text, the text in that element will be displayed correctly." />
+<style type='text/css'>
+.test { direction: rtl; } .test span { direction: ltr; unicode-bidi: embed; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">نشاط التدويل "<span>i18n activity, اختبار</span>"!</div>
+
+
+<p style="text-align:right"><img src="support/direction-unicode-bidi-015.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-006.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-006.xht
new file mode 100644
index 0000000000..6ef2b77aeb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-006.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:rtl context, direction ltr, unicode-bidi none</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=6' />
+<meta name="assert" content="In a RTL context, if direction:ltr alone is applied to a LTR inline element containing mixed direction text, the different directional runs in that element will not be in the correct order." />
+<style type='text/css'>
+.test { direction: rtl; } .test span { direction: ltr; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">نشاط التدويل "<span>i18n activity, اختبار</span>"!</div>
+
+
+<p style="text-align:right"><img src="support/direction-unicode-bidi-011.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-007.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-007.xht
new file mode 100644
index 0000000000..d7f00230f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-007.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:direction of a ltr tspan</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=7' />
+<meta name="assert" content="In a RTL context, if direction:ltr and unicode-bidi:embed are applied to an inline element containing mixed direction text, the the inline element will interact with surrounding ltr text as a LTR directional run." />
+<style type='text/css'>
+.test { direction: rtl; } .test span { direction: ltr; unicode-bidi: embed; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">i18n activity "<span>نشاط التدويل، W3C</span>"!</div>
+
+
+<p style="text-align:right"><img src="support/direction-unicode-bidi-016.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-008.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-008.xht
new file mode 100644
index 0000000000..3b5e7299fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-008.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:direction of a rtl tspan</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=8' />
+<meta name="assert" content="In a LTR context, if direction:rtl and unicode-bidi:embed are applied to an inline element containing mixed direction text, the the inline element will interact with surrounding rtl text as a RTL directional run." />
+<style type='text/css'>
+.test { direction: ltr; } .test span { direction: rtl; unicode-bidi: embed; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">نشاط التدويل "<span>i18n activity, اختبار</span>"!</div>
+
+
+<p><img src="support/direction-unicode-bidi-017.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-009.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-009.xht
new file mode 100644
index 0000000000..0381746fa4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-009.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:on element, direction ltr, unicode-bidi none</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=9' />
+<meta name="assert" content="direction:ltr alone on a block element will cause the text to be left-aligned, directional runs to be arranged LTR (but the words should look correct within each run), and punctuation should be treated as LTR." />
+<style type='text/css'>
+.test { direction: ltr; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">W3C نشاط التدويل i18n activity!</div>
+
+
+<p><img src="support/direction-unicode-bidi-018.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-010.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-010.xht
new file mode 100644
index 0000000000..0f94aefe74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-010.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:on element, direction rtl, unicode-bidi none</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=10' />
+<meta name="assert" content="direction:rtl alone on a block element will cause the text to be right-aligned, directional runs to be arranged RTL (but the words should look correct within each run), and punctuation should be treated as RTL." />
+<style type='text/css'>
+.test { direction: rtl; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">W3C نشاط التدويل i18n activity!</div>
+
+
+<p style="text-align:right"><img src="support/direction-unicode-bidi-019.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-011.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-011.xht
new file mode 100644
index 0000000000..6f663ad024
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-011.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:inherited, direction ltr, unicode-bidi none</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=11' />
+<meta name="assert" content="direction:ltr on a container element will be inherited by an embedded block element." />
+<style type='text/css'>
+.test { direction: ltr; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test"><div>W3C نشاط التدويل i18n activity!</div></div>
+
+
+<p><img src="support/direction-unicode-bidi-018.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-012.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-012.xht
new file mode 100644
index 0000000000..eb23f525ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-012.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:inherited, direction rtl, unicode-bidi none</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=12' />
+<meta name="assert" content="direction:rtl on a container element will be inherited by an embedded block element." />
+<style type='text/css'>
+.test { direction: rtl; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test"><div>W3C نشاط التدويل i18n activity!</div></div>
+
+
+<p style="text-align:right"><img src="support/direction-unicode-bidi-019.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-013.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-013.xht
new file mode 100644
index 0000000000..dbe8cf3e61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-013.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:default context, direction none, unicode-bidi override</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=13' />
+<meta name="assert" content="In the default context, if unicode-bidi:bidi-override and no direction are applied to an inline element containing mixed direction text, the characters in that element will be displayed in backing-store order from left to right." />
+<style type='text/css'>
+.test span { unicode-bidi: bidi-override; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">i18n activity "<span>نشاط التدويل، W3C</span>"!</div>
+
+
+<p><img src="support/direction-unicode-bidi-002.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-014.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-014.xht
new file mode 100644
index 0000000000..972be2e098
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-014.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:default context, direction ltr, unicode-bidi override</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=14' />
+<meta name="assert" content="In the default context, if direction:ltr and unicode-bidi:bidi-override are applied to an inline element containing mixed direction text, the characters in that element will be displayed in backing-store order from left to right." />
+<style type='text/css'>
+.test span { direction: ltr; unicode-bidi: bidi-override; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">i18n activity "<span>نشاط التدويل، W3C</span>"!</div>
+
+
+<p><img src="support/direction-unicode-bidi-003.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-015.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-015.xht
new file mode 100644
index 0000000000..2a5f615509
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-015.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:default context, direction rtl, unicode-bidi override</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=15' />
+<meta name="assert" content="In the default context, if unicode-bidi:bidi-override and direction:rtl are applied to an inline element containing mixed direction text, the characters in that element will be displayed in reverse backing-store order from left to right." />
+<style type='text/css'>
+.test span { direction: rtl; unicode-bidi: bidi-override; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">i18n activity "<span>نشاط التدويل، W3C</span>"!</div>
+
+
+<p><img src="support/direction-unicode-bidi-004.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-016.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-016.xht
new file mode 100644
index 0000000000..f91a7bdfa1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-016.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:ltr context, direction none, unicode-bidi override</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=16' />
+<meta name="assert" content="In a LTR context, if unicode-bidi:bidi-override and no direction are applied to an inline element containing mixed direction text, the characters in that element will be displayed in backing-store order from left to right." />
+<style type='text/css'>
+.test { direction: ltr; } .test span { unicode-bidi: bidi-override; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">i18n activity "<span>نشاط التدويل، W3C</span>"!</div>
+
+
+<p><img src="support/direction-unicode-bidi-002.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-017.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-017.xht
new file mode 100644
index 0000000000..2a3117ea58
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-017.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:ltr context, direction ltr, unicode-bidi override</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=17' />
+<meta name="assert" content="In a LTR context, if direction:ltr and unicode-bidi:bidi-override are applied to an inline element containing mixed direction text, the characters in that element will be displayed in backing-store order from left to right." />
+<style type='text/css'>
+.test { direction: ltr; } .test span { direction: ltr; unicode-bidi: bidi-override; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">i18n activity "<span>نشاط التدويل، W3C</span>"!</div>
+
+
+<p><img src="support/direction-unicode-bidi-003.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-018.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-018.xht
new file mode 100644
index 0000000000..b573976e7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-018.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:ltr context, direction rtl, unicode-bidi override</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=18' />
+<meta name="assert" content="In a LTR context, if unicode-bidi:bidi-override and direction:rtl are applied to an inline element containing mixed direction text, the characters in that element will be displayed in reverse backing-store order from left to right." />
+<style type='text/css'>
+.test { direction: ltr; } .test span { direction: rtl; unicode-bidi: bidi-override; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">i18n activity "<span>نشاط التدويل، W3C</span>"!</div>
+
+
+<p><img src="support/direction-unicode-bidi-004.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-019.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-019.xht
new file mode 100644
index 0000000000..b4548355db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-019.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:rtl context, direction none, unicode-bidi override</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=19' />
+<meta name="assert" content="In a RTL context, if unicode-bidi:bidi-override and no direction are applied to a LTR inline element containing mixed direction text, the characters in that element will be displayed in backing-store order from right to left." />
+<style type='text/css'>
+.test { direction: rtl; } .test span { unicode-bidi: bidi-override; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">نشاط التدويل "<span>i18n activity, اختبار</span>"!</div>
+
+
+<p style="text-align:right"><img src="support/direction-unicode-bidi-012.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-020.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-020.xht
new file mode 100644
index 0000000000..3c82626a6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-020.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:rtl context, direction ltr, unicode-bidi override</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=20' />
+<meta name="assert" content="In a RTL context, if direction:ltr and unicode-bidi:bidi-override are applied to a LTR inline element containing mixed direction text, the characters in that element will be displayed in reverse backing-store order from right to left." />
+<style type='text/css'>
+.test { direction: rtl; } .test span { direction: ltr; unicode-bidi: bidi-override; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">نشاط التدويل "<span>i18n activity, اختبار</span>"!</div>
+
+
+<p style="text-align:right"><img src="support/direction-unicode-bidi-013.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-021.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-021.xht
new file mode 100644
index 0000000000..2c77d7696e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-021.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:rtl context, direction rtl, unicode-bidi override</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=21' />
+<meta name="assert" content="In a RTL context, if unicode-bidi:bidi-override and direction:rtl are applied to a LTR inline element containing mixed direction text, the characters in that element will be displayed in backing-store order from right to left." />
+<style type='text/css'>
+.test { direction: rtl; } .test span { direction: rtl; unicode-bidi: bidi-override; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">نشاط التدويل "<span>i18n activity, اختبار</span>"!</div>
+
+
+<p style="text-align:right"><img src="support/direction-unicode-bidi-014.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-022.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-022.xht
new file mode 100644
index 0000000000..9b3b0d1b5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-022.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:on element, direction ltr, unicode-bidi override</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=22' />
+<meta name="assert" content="direction:ltr and unicode-bidi:bidi-override on a block element will cause the text to be left-aligned, and all text to be displayed in backing-store order from left to right." />
+<style type='text/css'>
+.test { direction: ltr; unicode-bidi: bidi-override; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">W3C نشاط التدويل i18n activity!</div>
+
+
+<p><img src="support/direction-unicode-bidi-020.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-023.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-023.xht
new file mode 100644
index 0000000000..9ec8f76e8b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-023.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:on element, direction rtl, unicode-bidi override</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=23' />
+<meta name="assert" content="direction:rtl and unicode-bidi:bidi-override on a block element will cause the text to be right-aligned, and all text to be displayed in backing-store order from right to left." />
+<style type='text/css'>
+.test { direction: rtl; unicode-bidi: bidi-override; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test">W3C نشاط التدويل i18n activity!</div>
+
+
+<p style="text-align:right"><img src="support/direction-unicode-bidi-021.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-024.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-024.xht
new file mode 100644
index 0000000000..58331645bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-024.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:inherited, direction ltr, unicode-bidi override</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=24' />
+<meta name="assert" content="When direction:ltr and unicode-bidi:bidi-override is set on a block element, the override will not be inherited by a child block element, but the direction will." />
+<style type='text/css'>
+.test { direction: ltr; unicode-bidi: bidi-override; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test"><div>W3C نشاط التدويل i18n activity!</div></div>
+
+
+<p><img src="support/direction-unicode-bidi-024.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-025.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-025.xht
new file mode 100644
index 0000000000..f32220d979
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-025.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:inherited, direction rtl, unicode-bidi override</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=25' />
+<meta name="assert" content="When direction:rtl and unicode-bidi:bidi-override is set on a block element, the override will not be inherited by a child block element, but the direction will." />
+<style type='text/css'>
+.test { direction: rtl; unicode-bidi: bidi-override; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test"><div>W3C نشاط التدويل i18n activity!</div></div>
+
+
+<p style="text-align:right"><img src="support/direction-unicode-bidi-025.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-026.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-026.xht
new file mode 100644
index 0000000000..bf8dc1b767
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-026.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:right to left block</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=26' />
+<meta name="assert" content="When direction:ltr and unicode-bidi:bidi-override is set on a block element containing block and inline elements, only the direction of the inline text will be overridden." />
+<style type='text/css'>
+.test { direction: ltr; unicode-bidi: bidi-override; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test"><div>W3C نشاط التدويل i18n activity!</div>W3C نشاط التدويل i18n activity!</div>
+
+
+<p><img src="support/direction-unicode-bidi-026.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-027.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-027.xht
new file mode 100644
index 0000000000..a3c228515a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-027.xht
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:left to right block</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=27' />
+<meta name="assert" content="When direction:rtl and unicode-bidi:bidi-override is set on a block element containing block and inline elements, only the direction of the inline text will be overridden." />
+<style type='text/css'>
+.test { direction: rtl; unicode-bidi: bidi-override; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test"><div>W3C نشاط التدويل i18n activity!</div>W3C نشاط التدويل i18n activity!</div>
+
+
+<p style="text-align:right"><img src="support/direction-unicode-bidi-027.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-028.xht b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-028.xht
new file mode 100644
index 0000000000..3f3a4b83e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/direction-unicode-bidi-028.xht
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test:inner block converted to inline</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/visuren.html#direction' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-direction-unicode-bidi/generate?test=28' />
+<meta name="assert" content="When direction:rtl and unicode-bidi:bidi-override is set on a block element containing block and inline elements, and CSS is used to change the block element to an inline element, the direction of all the text will be overridden." />
+<style type='text/css'>
+.test { direction: rtl; unicode-bidi: bidi-override; }
+.test div { display: inline; unicode-bidi: normal; } /* default HTML stylesheet sets unicode-bidi */
+
+/* the CSS below is not part of the test */
+.test { font-size: 28px; font-family: serif; }
+img { margin-left: 14px; margin-right: 10px; }
+</style>
+</head>
+<body>
+<div dir='ltr'>
+<p class="instructions"><span class="instructionsymbol"><img src="support/same.png" alt="same" /></span> Test passes if characters are in the same order.</p></div>
+
+
+
+<div class="test"><div>W3C نشاط التدويل i18n activity!</div>W3C نشاط التدويل i18n activity!</div>
+
+
+<p style="text-align:right"><img src="support/direction-unicode-bidi-028.png" alt="reference graphic" /></p><div dir='ltr'>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-001.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-001.png
new file mode 100644
index 0000000000..f28069ca2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-001.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-002.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-002.png
new file mode 100644
index 0000000000..fe89596420
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-002.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-003.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-003.png
new file mode 100644
index 0000000000..fe89596420
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-003.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-004.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-004.png
new file mode 100644
index 0000000000..3f04cf5016
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-004.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-005.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-005.png
new file mode 100644
index 0000000000..c38f120bf8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-005.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-006.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-006.png
new file mode 100644
index 0000000000..b1c300fa65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-006.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-007.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-007.png
new file mode 100644
index 0000000000..0943b9ab88
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-007.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-008.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-008.png
new file mode 100644
index 0000000000..bad4e97b07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-008.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-011.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-011.png
new file mode 100644
index 0000000000..eb65b37250
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-011.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-012.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-012.png
new file mode 100644
index 0000000000..4f9dc17d25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-012.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-013.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-013.png
new file mode 100644
index 0000000000..8fa3ba8801
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-013.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-014.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-014.png
new file mode 100644
index 0000000000..3e43bb0764
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-014.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-015.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-015.png
new file mode 100644
index 0000000000..79d13182b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-015.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-016.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-016.png
new file mode 100644
index 0000000000..be28d6605a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-016.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-017.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-017.png
new file mode 100644
index 0000000000..b6c0bc65bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-017.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-018.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-018.png
new file mode 100644
index 0000000000..57e0ad7d5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-018.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-019.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-019.png
new file mode 100644
index 0000000000..187030d6bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-019.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-020.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-020.png
new file mode 100644
index 0000000000..1b9cd39155
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-020.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-021.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-021.png
new file mode 100644
index 0000000000..c1c81122ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-021.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-024.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-024.png
new file mode 100644
index 0000000000..2a358b0229
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-024.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-025.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-025.png
new file mode 100644
index 0000000000..31ce920a6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-025.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-026.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-026.png
new file mode 100644
index 0000000000..0073bfa65c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-026.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-027.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-027.png
new file mode 100644
index 0000000000..09f4fcd116
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-027.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-028.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-028.png
new file mode 100644
index 0000000000..51d452c6a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/direction-unicode-bidi-028.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/same.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/same.png
new file mode 100644
index 0000000000..796789c3ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/same.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/i18n/visuren/support/samenot.png b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/samenot.png
new file mode 100644
index 0000000000..7c4120bd48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/i18n/visuren/support/samenot.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/inline-svg-100-percent-in-body.html b/testing/web-platform/tests/css/CSS2/inline-svg-100-percent-in-body.html
new file mode 100644
index 0000000000..22275eaeda
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/inline-svg-100-percent-in-body.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: SVG element with a view box with explicit 100% width and height should occupy the entire view port</title>
+<link rel="author" title="Google" href="http://www.google.com/" />
+<link rel="match" href="reference/inline-svg-100-percent-in-body-ref.html">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width">
+<link rel="help" href="http://www.w3.org/TR/SVG11/coords.html#IntrinsicSizing">
+<meta name="flags" content="svg image" />
+<meta name="assert" content="When width and height of 100% are specified on an inline SVG element with a view box in the body element,
+the aspecto ratio should be preserved and should occupy the entire view port." />
+<style type="text/css">
+
+* {
+ margin: 0;
+ padding: 0;
+}
+
+svg {
+ display: block;
+}
+
+</style>
+</head>
+<body>
+<p>The box below should occupy the entire view port.</p>
+<svg viewBox="0 0 100 100" width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <rect x="0" y="0" width="100" height="100" fill="green" />
+</svg>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-1.html b/testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-1.html
new file mode 100644
index 0000000000..e2ac4ce1b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Propagating width and height attributes of an inline SVG element</title>
+<link rel="author" title="Google" href="http://www.google.com/" />
+<link rel="match" href="reference/60x60-green.html">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width">
+<link rel="help" href="http://www.w3.org/TR/SVG11/coords.html#IntrinsicSizing">
+<meta name="flags" content="svg" />
+<meta name="assert" content="The width and the height of 100% on an inline SVG element should be propagated to the CSS properties,
+and the aspect ratio within the SVG is preserved when the view box is specified." />
+</head>
+<body>
+<div style="width: 60px; height: 60px; position: relative; background: red;">
+<div style="position: absolute; left: 15px; top: 0px; width: 30px; height: 60px; background: green;"></div>
+<svg viewBox="0 0 100 200" width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <rect x="-50%" y="0" width="50%" height="100%" fill="green" />
+ <rect x="100%" y="0" width="50%" height="100%" fill="green" />
+</svg>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-2.html b/testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-2.html
new file mode 100644
index 0000000000..f635d3cd53
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-2.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: Propagating width and height attributes of an inline SVG element</title>
+<link rel="author" title="Google" href="http://www.google.com/" />
+<link rel="match" href="reference/60x60-green.html">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width">
+<link rel="help" href="http://www.w3.org/TR/SVG11/coords.html#IntrinsicSizing">
+<meta name="flags" content="svg" />
+<meta name="assert" content="The width and the height of 100% on an inline SVG element should be propagated to the CSS properties,
+and the aspect ratio of SVG image should be ignored when the view box is not specified." />
+</head>
+<body>
+<div style="width: 60px; height: 60px; position: relative;">
+<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <rect x="-50%" y="0" width="50%" height="100%" fill="red" />
+ <rect x="0" y="0" width="100%" height="100%" fill="green" />
+ <rect x="100%" y="0" width="50%" height="100%" fill="red" />
+</svg>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/inline-svg-margin-padding-border.html b/testing/web-platform/tests/css/CSS2/inline-svg-margin-padding-border.html
new file mode 100644
index 0000000000..4a3318f1cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/inline-svg-margin-padding-border.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: SVG element in HTML should respect margin, padding, and border properties</title>
+<link rel="author" title="Google" href="http://www.google.com/" />
+<link rel="match" href="reference/inline-svg-margin-padding-border-ref.html">
+<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties">
+<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties">
+<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties">
+<link rel="help" href="http://www.w3.org/TR/SVG/shapes.html#RectElement">
+<link rel="help" href="http://www.w3.org/TR/SVG/painting.html#FillProperty">
+<meta name="flags" content="svg" />
+<meta name="assert" content="Inline SVG elements should respect CSS margin, padding, and border properties" />
+<style type="text/css">
+
+* {
+ margin: 0;
+ padding: 0;
+}
+
+#container {
+ margin: 10px;
+ padding: 10px;
+ border: 10px solid red;
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ z-index: -1;
+}
+
+#container div {
+ width: 60px;
+ height: 60px;
+ background: red;
+}
+
+svg {
+ width: 60px;
+ height: 60px;
+ margin: 10px;
+ padding: 10px;
+ border: 10px solid green;
+}
+
+</style>
+</head>
+<body>
+<div id="container"><div></div></div>
+<svg viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <rect x="0" y="0" width="100" height="100" fill="green" />
+</svg>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/animations/line-height-interpolation.html b/testing/web-platform/tests/css/CSS2/linebox/animations/line-height-interpolation.html
new file mode 100644
index 0000000000..a0570f82a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/animations/line-height-interpolation.html
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>line-height interpolation</title>
+<link rel="help" href="https://www.w3.org/TR/CSS2/visudet.html#propdef-line-height">
+<meta name="assert" content="line-height supports animation by computation">
+<meta name="timeout" content="long">
+
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/interpolation-testcommon.js"></script>
+
+<style>
+.parent {
+ line-height: 30px;
+}
+
+.target {
+ display: inline-block;
+ font: 20px sans-serif;
+ line-height: 10px;
+}
+
+.expected {
+ color: green;
+ margin-right: 30px;
+}
+</style>
+<body>
+<template id="target-template">
+ <p>
+ v<br />v
+ </p>
+</template>
+</body>
+<script>
+test_interpolation({
+ property: 'line-height',
+ from: neutralKeyframe,
+ to: '20px',
+}, [
+ {at: -1, expect: '0px'},
+ {at: -0.3, expect: '7px'},
+ {at: 0, expect: '10px'},
+ {at: 0.3, expect: '13px'},
+ {at: 0.6, expect: '16px'},
+ {at: 1, expect: '20px'},
+ {at: 1.5, expect: '25px'},
+]);
+
+test_no_interpolation({
+ property: 'line-height',
+ from: 'initial',
+ to: '20px',
+});
+
+test_interpolation({
+ property: 'line-height',
+ from: 'inherit',
+ to: '20px',
+}, [
+ {at: -1, expect: '40px'},
+ {at: -0.3, expect: '33px'},
+ {at: 0, expect: '30px'},
+ {at: 0.3, expect: '27px'},
+ {at: 0.6, expect: '24px'},
+ {at: 1, expect: '20px'},
+ {at: 1.5, expect: '15px'},
+]);
+
+test_interpolation({
+ property: 'line-height',
+ from: 'unset',
+ to: '20px',
+}, [
+ {at: -1, expect: '40px'},
+ {at: -0.3, expect: '33px'},
+ {at: 0, expect: '30px'},
+ {at: 0.3, expect: '27px'},
+ {at: 0.6, expect: '24px'},
+ {at: 1, expect: '20px'},
+ {at: 1.5, expect: '15px'},
+]);
+
+test_interpolation({
+ property: 'line-height',
+ from: '4',
+ to: '14',
+}, [
+ {at: -1, expect: '0'},
+ {at: -0.3, expect: '1'},
+ {at: 0, expect: '4'},
+ {at: 0.3, expect: '7'},
+ {at: 0.6, expect: '10'},
+ {at: 1, expect: '14'},
+ {at: 1.5, expect: '19'},
+]);
+
+test_interpolation({
+ property: 'line-height',
+ from: '4px',
+ to: '14px',
+}, [
+ {at: -1, expect: '0px'},
+ {at: -0.3, expect: '1px'},
+ {at: 0, expect: '4px'},
+ {at: 0.3, expect: '7px'},
+ {at: 0.6, expect: '10px'},
+ {at: 1, expect: '14px'},
+ {at: 1.5, expect: '19px'},
+]);
+
+test_interpolation({
+ property: 'line-height',
+ from: 'normal',
+ to: 'normal',
+}, [
+ {at: -0.3, expect: 'normal'},
+ {at: 0, expect: 'normal'},
+ {at: 0.3, expect: 'normal'},
+ {at: 0.6, expect: 'normal'},
+ {at: 1, expect: 'normal'},
+ {at: 1.5, expect: 'normal'},
+]);
+
+test_no_interpolation({
+ property: 'line-height',
+ from: '4',
+ to: '14px',
+});
+
+test_no_interpolation({
+ property: 'line-height',
+ from: '14px',
+ to: 'normal',
+});
+
+test_no_interpolation({
+ property: 'line-height',
+ from: 'normal',
+ to: '4',
+});
+
+test_no_interpolation({
+ property: 'line-height',
+ from: '4',
+ to: 'normal',
+});
+
+test_no_interpolation({
+ property: 'line-height',
+ from: 'normal',
+ to: '14px',
+});
+
+test_no_interpolation({
+ property: 'line-height',
+ from: '14px',
+ to: '4',
+});
+
+test_no_interpolation({
+ property: 'line-height',
+ from: '4',
+ to: '14q',
+});
+
+test_interpolation({
+ property: 'line-height',
+ from: '4q',
+ to: '14q',
+}, [
+ {at: -1, expect: '0q'},
+ {at: -0.3, expect: '1q'},
+ {at: 0, expect: '4q'},
+ {at: 0.3, expect: '7q'},
+ {at: 0.6, expect: '10q'},
+ {at: 1, expect: '14q'},
+ {at: 1.5, expect: '19q'},
+]);
+
+test_no_interpolation({
+ property: 'line-height',
+ from: '14q',
+ to: 'normal',
+});
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/anonymous-inline-inherit-001-ref.html b/testing/web-platform/tests/css/CSS2/linebox/anonymous-inline-inherit-001-ref.html
new file mode 100644
index 0000000000..e97da2169d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/anonymous-inline-inherit-001-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<body>
+ <span>
+ <span style="font-size: 500%">A</span>
+ x
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/anonymous-inline-inherit-001.html b/testing/web-platform/tests/css/CSS2/linebox/anonymous-inline-inherit-001.html
new file mode 100644
index 0000000000..77904d80e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/anonymous-inline-inherit-001.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<link rel="match" href="anonymous-inline-inherit-001-ref.html">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#anonymous">
+<link rel="author" href="kojii@chromium.org">
+<!--
+ The text node for "x" should be wrapped in an anonymous inline box,
+ which should have the initial value for non-inherited properties.
+ https://drafts.csswg.org/css2/visuren.html#anonymous
+-->
+<body>
+ <span style="vertical-align: top">
+ <span style="font-size: 500%">A</span>
+ x
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/baseline-block-with-overflow-001-ref.html b/testing/web-platform/tests/css/CSS2/linebox/baseline-block-with-overflow-001-ref.html
new file mode 100644
index 0000000000..2897c95810
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/baseline-block-with-overflow-001-ref.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<style>
+section {
+ margin-bottom: 1px;
+}
+.outer {
+ display: inline-block;
+ background: orange;
+ padding-bottom: 20px;
+}
+.inner {
+ width: 30px;
+ height: 30px;
+ overflow: hidden;
+ background: blue;
+}
+.inline-block {
+ display: inline-block;
+}
+.margin-bottom {
+ margin-bottom: 30px;
+}
+</style>
+<body>
+ <section>
+ <div class="outer">
+ <div class="inner inline-block">
+ </div>
+ </div>
+ XX
+ </section>
+ <section>
+ <div class="outer" style="height: 30px">
+ <div class="inner inline-block">
+ </div>
+ </div>
+ XX
+ </section>
+ <section>
+ <div class="outer" style="height: 30px">
+ <div class="inner inline-block">
+ XX
+ </div>
+ </div>
+ XX
+ </section>
+ <section>
+ <div class="outer">
+ <div class="inner margin-bottom inline-block">
+ XX
+ </div>
+ </div>
+ XX
+ </section>
+ <section class="margin-bottom">
+ <div class="outer" style="height: 60px">
+ <div class="inner margin-bottom inline-block">
+ XX
+ </div>
+ </div>
+ XX
+ </section>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/baseline-block-with-overflow-001.html b/testing/web-platform/tests/css/CSS2/linebox/baseline-block-with-overflow-001.html
new file mode 100644
index 0000000000..b0ca883534
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/baseline-block-with-overflow-001.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<title>CSS Test: Baseline of blocks with `overflow: hidden`</title>
+<link rel="match" href="baseline-block-with-overflow-001-ref.html">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#propdef-vertical-align">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<style>
+section {
+ margin-bottom: 1px;
+}
+.outer {
+ display: inline-block;
+ background: orange;
+ padding-bottom: 20px;
+}
+.inner {
+ width: 30px;
+ height: 30px;
+ overflow: hidden;
+ background: blue;
+}
+.inline-block {
+ display: inline-block;
+}
+.margin-bottom {
+ margin-bottom: 30px;
+}
+</style>
+<body>
+ <section>
+ <div class="outer">
+ <div class="inner inline-block">
+ </div>
+ </div>
+ XX
+ </section>
+ <section>
+ <div class="outer">
+ <div class="inner">
+ </div>
+ </div>
+ XX
+ </section>
+ <section>
+ <div class="outer">
+ <div class="inner">
+ XX
+ </div>
+ </div>
+ XX
+ </section>
+ <section>
+ <div class="outer">
+ <div class="inner margin-bottom inline-block">
+ XX
+ </div>
+ </div>
+ XX
+ </section>
+ <section class="margin-bottom">
+ <div class="outer">
+ <div class="inner margin-bottom">
+ XX
+ </div>
+ </div>
+ XX
+ </section>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/border-padding-bleed-001-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/border-padding-bleed-001-ref.xht
new file mode 100644
index 0000000000..10fe3e08b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/border-padding-bleed-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 80px;
+ width: 640px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/border-padding-bleed-001.xht b/testing/web-platform/tests/css/CSS2/linebox/border-padding-bleed-001.xht
new file mode 100644
index 0000000000..0f76472745
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/border-padding-bleed-001.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: line-height - border-top and padding-top of inline non-replaced element paint over previous line box</title>
+
+ <!--
+ Inspired by
+ http://archive.webstandards.org/css/winie/inline.html
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading" />
+ <link rel="bookmark" href="http://archive.webstandards.org/css/winie/inline.html" />
+ <link rel="match" href="border-padding-bleed-001-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="Although margins, borders and padding of inline non-replaced elements do not enter into the line box calculation, they are still rendered around inline boxes. This means that if the height specified by 'line-height' (40px in this testcase) is equal to the content height (40px in this testcase) of contained boxes, then background-color of padding-top area and border-top may 'bleed' into the adjoining preceding line box. Since line boxes are rendered in document order, this causes padding-top and border-top of 2nd line box (the span element in this testcase) to be painted over border-bottom and padding-bottom of inline boxes of previous line and, in this testcase, over the 1st line box." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: red;
+ font: 40px/1 Ahem;
+ }
+
+ span
+ {
+ background-color: green; /* so that padding-top area is painted green */
+ border-top: green solid 15px;
+ color: green;
+ padding-top: 25px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div>shuldboverlaPPed<br />
+ <span>bleedover1stline</span></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/border-padding-bleed-002.xht b/testing/web-platform/tests/css/CSS2/linebox/border-padding-bleed-002.xht
new file mode 100644
index 0000000000..7e3d64dd64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/border-padding-bleed-002.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: line-height - padding-top of inline non-replaced element paint over previous line box</title>
+
+ <!--
+ Inspired by
+ http://archive.webstandards.org/css/winie/inline.html
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading" />
+ <link rel="bookmark" href="http://archive.webstandards.org/css/winie/inline.html" />
+ <link rel="match" href="border-padding-bleed-001-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="Although margins, borders and padding of inline non-replaced elements do not enter into the line box calculation, they are still rendered around inline boxes. This means that if the height specified by 'line-height' (40px in this testcase) is equal to the content height (40px in this testcase) of contained boxes, then background-color of padding-top area and border-top may 'bleed' into the adjoining preceding line box. Since line boxes are rendered in document order, this causes padding-top of 2nd line box (the span element in this testcase) to be painted over border-bottom and padding-bottom of inline boxes of previous line and, in this testcase, over the 1st line box." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: red;
+ font: 40px/1 Ahem;
+ }
+
+ span
+ {
+ background-color: green; /* so that padding-top area is painted green */
+ color: green;
+ padding-top: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div>shuldboverlaPPed<br />
+ <span>bleedover1stline</span></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/border-padding-bleed-003.xht b/testing/web-platform/tests/css/CSS2/linebox/border-padding-bleed-003.xht
new file mode 100644
index 0000000000..74dd19b2d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/border-padding-bleed-003.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: line-height - border-top of inline non-replaced element paint over previous line box</title>
+
+ <!--
+ Inspired by
+ http://archive.webstandards.org/css/winie/inline.html
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading" />
+ <link rel="bookmark" href="http://archive.webstandards.org/css/winie/inline.html" />
+ <link rel="match" href="border-padding-bleed-001-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="Although margins, borders and padding of inline non-replaced elements do not enter into the line box calculation, they are still rendered around inline boxes. This means that if the height specified by 'line-height' (40px in this testcase) is equal to the content height (40px in this testcase) of contained boxes, then background-color of padding-top area and border-top may 'bleed' into the adjoining preceding line box. Since line boxes are rendered in document order, this causes border-top of 2nd line box (the span element in this testcase) to be painted over border-bottom and padding-bottom of inline boxes of previous line and, in this testcase, over the 1st line box." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: red;
+ font: 40px/1 Ahem;
+ }
+
+ span
+ {
+ border-top: green solid 1em;
+ color: green;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div>shuldboverlaPPed<br />
+ <span>bleedover1stline</span></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/crashtests/dir-change-simplifed-crash.html b/testing/web-platform/tests/css/CSS2/linebox/crashtests/dir-change-simplifed-crash.html
new file mode 100644
index 0000000000..4e05bc8cb9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/crashtests/dir-change-simplifed-crash.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css2/#direction">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<style>
+body, div { position: absolute; }
+body { direction: rtl; white-space: pre-line; }
+</style>
+<body>&#x20;&#x20;&#xA;'123456789<div>&#x20;</div>
+<script>
+ // Force layout and await paint
+ document.body.offsetLeft;
+ requestAnimationFrame(() => requestAnimationFrame(() => {
+ document.querySelector("div").dir = "ltr";
+ }));
+</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/crashtests/inline-block-baseline-crash.html b/testing/web-platform/tests/css/CSS2/linebox/crashtests/inline-block-baseline-crash.html
new file mode 100644
index 0000000000..8c88583c55
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/crashtests/inline-block-baseline-crash.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css2/#propdef-vertical-align">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<style>
+div::after {
+ display: layout(parent);
+ content: "";
+}
+</style>
+<body style="columns: 2">
+ <div style="display: inline-block"></div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/empty-inline-001.xht b/testing/web-platform/tests/css/CSS2/linebox/empty-inline-001.xht
new file mode 100644
index 0000000000..514cea7ed6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/empty-inline-001.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty inline elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="Empty inline elements create a zero-height line box." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ }
+ span
+ {
+ display: inline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/empty-inline-002-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/empty-inline-002-ref.xht
new file mode 100644
index 0000000000..347b652c8b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/empty-inline-002-ref.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {margin: 1em auto 0em;}
+
+ div
+ {
+ background-color: green;
+ height: 150px;
+ margin: 0px 125px 125px;
+ padding: 100px 0px;
+ width: 250px;
+ }
+
+ div > div
+ {
+ background-color: transparent;
+ border: green solid 25px;
+ height: 100px;
+ padding: 0px;
+ position: relative;
+ right: 250px;
+ width: 500px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div>
+ <div></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/empty-inline-002.xht b/testing/web-platform/tests/css/CSS2/linebox/empty-inline-002.xht
new file mode 100644
index 0000000000..3d2064c75a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/empty-inline-002.xht
@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty line box influence</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="empty-inline-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Empty inline elements still influence calculation just like elements with content." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, span
+ {
+ font: 100px/1em Ahem;
+ }
+ #div1
+ {
+ margin-top: 100px;
+ }
+ #div2, #div3
+ {
+ width: 500px;
+ }
+ #div2
+ {
+ border: 25px solid green;
+ }
+ span
+ {
+ background: green;
+ border: 25px solid green;
+ margin: 100px;
+ padding: 100px;
+ }
+ #div3
+ {
+ border: 25px solid red;
+ height: 100px;
+ position: relative;
+ top: -150px;
+ z-index: -1;
+ }
+ #div3 div
+ {
+ background: red;
+ border: 25px solid red;
+ height: 300px;
+ margin: 0 100px;
+ position: relative;
+ top: -125px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span></span>
+ </div>
+ <div id="div3">
+ <div></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/empty-inline-003-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/empty-inline-003-ref.xht
new file mode 100644
index 0000000000..a6de93f17b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/empty-inline-003-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="http://www.brunildo.org/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ color: white;
+ line-height: 5;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide filled green rectangle with one "X" in it and if there is <strong>no red</strong>.</p>
+
+ <div>X</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/empty-inline-003.xht b/testing/web-platform/tests/css/CSS2/linebox/empty-inline-003.xht
new file mode 100644
index 0000000000..2af8bf805f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/empty-inline-003.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Line height calculations - Empty inline elements influence</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8 Line height calculations: the 'line-height' and 'vertical-align' properties" />
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="http://www.brunildo.org/" />
+ <link rel="match" href="empty-inline-003-ref.xht" />
+
+ <meta content="The line-height of an empty inline element influences the height of a line containing it with some other content" name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#rel-pos-wrapper {position: relative;}
+
+ div#test
+ {
+ background-color: green;
+ color: white;
+ line-height: 1;
+ }
+
+ span#empty-inline-element {line-height: 5;}
+
+ div#reference-overlapped-red
+ {
+ background-color: red;
+ left: 0;
+ line-height: 5;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: -1;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide filled green rectangle with one "X" in it and if there is <strong>no red</strong>.</p>
+
+ <div id="rel-pos-wrapper">
+
+ <div id="test"><span id="empty-inline-element"></span>X</div>
+
+ <div id="reference-overlapped-red">X</div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/fractional-line-height.html b/testing/web-platform/tests/css/CSS2/linebox/fractional-line-height.html
new file mode 100644
index 0000000000..0b748072b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/fractional-line-height.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<title>Container height calculation with fractional line height and fractional child height</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#line-height" title="10.8 Line height calculations: the 'line-height' and 'vertical-align' properties">
+<link rel="match" href="../../reference/nothing.html">
+<style>
+ .container { float:left; overflow:auto; width:50px; }
+ .container > span { display:inline-block; width:10px; }
+</style>
+<p>There should be nothing below.</p>
+
+<!-- None of these should not trigger a vertical scrollbar, because the height
+ of the overflow:auto container is auto, so it should make room for
+ whatever's inside. -->
+
+<div class="container" style="line-height:19.75px;">
+ <span style="height:100.25px;"></span>
+</div>
+
+<div class="container" style="line-height:19.75px;">
+ <span style="height:100.75px;"></span>
+</div>
+
+<div class="container" style="line-height:19.25px;">
+ <span style="height:100.25px;"></span>
+</div>
+
+<div class="container" style="line-height:19.25px;">
+ <span style="height:100.75px;"></span>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/iframe-in-block-in-inline-ref.html b/testing/web-platform/tests/css/CSS2/linebox/iframe-in-block-in-inline-ref.html
new file mode 100644
index 0000000000..4b3ac9f171
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/iframe-in-block-in-inline-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<div>
+ <iframe src="support/iframe-inner.html"></iframe>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/iframe-in-block-in-inline.html b/testing/web-platform/tests/css/CSS2/linebox/iframe-in-block-in-inline.html
new file mode 100644
index 0000000000..affbd303ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/iframe-in-block-in-inline.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css2/#inline-boxes">
+<link rel="author" href="mailto:kojii@chromium.org">
+<link rel="match" href="iframe-in-block-in-inline-ref.html" />
+<span>
+ <div>
+ <iframe src="support/iframe-inner.html"></iframe>
+ </div>
+</span>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/iframe-in-wrapped-span-ref.html b/testing/web-platform/tests/css/CSS2/linebox/iframe-in-wrapped-span-ref.html
new file mode 100644
index 0000000000..721d3d8b31
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/iframe-in-wrapped-span-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<br>
+<iframe src="support/iframe-inner.html"></iframe>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/iframe-in-wrapped-span.html b/testing/web-platform/tests/css/CSS2/linebox/iframe-in-wrapped-span.html
new file mode 100644
index 0000000000..b2435a6e30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/iframe-in-wrapped-span.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css2/#inline-boxes">
+<link rel="author" href="mailto:kojii@chromium.org">
+<link rel="match" href="iframe-in-wrapped-span-ref.html" />
+<span>
+ <br>
+ <iframe src="support/iframe-inner.html"></iframe>
+</span>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-box-001-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-box-001-ref.xht
new file mode 100644
index 0000000000..f900a69385
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-box-001-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {width: 192px;}
+
+ span {border-color: blue;}
+
+ span#top
+ {
+ border-style: solid none solid solid;
+ border-width: 2px 0px 2px 2px;
+ }
+
+ div#middle {background-color: orange;}
+
+ span#bottom
+ {
+ border-style: solid solid solid none;
+ border-width: 2px 2px 2px 0px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are blue borders around the top, left and bottom but not the right side of the text "First line", and borders around the top, right, bottom but not the left of the text "Last line".</p>
+
+ <div><span id="top">First line</span></div>
+ <div id="middle">Filler Text</div>
+ <div><span id="bottom">Last line</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-box-001.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-box-001.xht
new file mode 100644
index 0000000000..41a372a7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-box-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline box containing block boxes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="inline-box-001-ref.xht" />
+
+ <meta name="assert" content="Inline boxes that contain block boxes will break up the inline content around the block box." />
+ <style type="text/css">
+ #div1
+ {
+ border: 2px solid blue;
+ display: inline;
+ }
+ div div
+ {
+ background: orange;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are blue borders around the top, left and bottom but not the right side of the text "First line", and borders around the top, right, bottom but not the left of the text "Last line".</p>
+ <div id="div1">
+ First line
+ <div>Filler Text</div>
+ Last line
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-box-002-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-box-002-ref.xht
new file mode 100644
index 0000000000..c96eebc3df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-box-002-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {width: 192px;}
+
+ div#yellow
+ {
+ background-color: yellow;
+ height: 192px;
+ }
+
+ span.blue {background-color: blue;}
+
+ div#orange {background-color: orange;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if an orange stripe is between two shorter blue stripes and all three stripes are below a yellow square.</p>
+
+ <div id="yellow"></div>
+
+ <div><span class="blue">Filler Text</span></div>
+
+ <div id="orange">Filler Text</div>
+
+ <div><span class="blue">Filler Text</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-box-002.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-box-002.xht
new file mode 100644
index 0000000000..5de05aa519
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-box-002.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block boxes within inline boxes are affected by positioning</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="inline-box-002-ref.xht" />
+
+ <meta name="assert" content="Block boxes within inline boxes are also affected by relative positioning on the inline box." />
+ <style type="text/css">
+ #div1
+ {
+ background: yellow;
+ height: 2in;
+ position: relative;
+ width: 2in;
+ }
+ #div2
+ {
+ background: blue;
+ display: inline;
+ position: relative;
+ top: 2in;
+ }
+ #div3
+ {
+ background: orange;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if an orange stripe is between two shorter blue stripes and all three stripes are below a yellow square.</p>
+ <div id="div1">
+ <div id="div2">
+ Filler Text
+ <div id="div3">Filler Text</div>
+ Filler Text
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-children-root-linebox-crash-001.html b/testing/web-platform/tests/css/CSS2/linebox/inline-children-root-linebox-crash-001.html
new file mode 100644
index 0000000000..7fe6b3ea5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-children-root-linebox-crash-001.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<link rel="help" href="https://crbug.com/981602">
+<link rel="author" href="mailto:kojii@chromium.org">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+.class6 { writing-mode: vertical-rl; }
+</style>
+<svg>
+<radialGradient id="svgvar00004">
+<pattern>
+<foreignObject>
+<pre class="class6">
+<svg>
+<polyline fill="url(#svgvar00004) red">
+</svg>
+<script>test(() => {});</script>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-001-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-001-ref.xht
new file mode 100644
index 0000000000..d142292ad8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-001-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: solid 1px black;
+ width: 600px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if all the words "Filler Text" are on the same line and they are contained by a black box.</p>
+
+ <div>Filler Text Filler Text Filler Text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-001.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-001.xht
new file mode 100644
index 0000000000..ca4de2083c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-001.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline formatting context and basic horizontal Layout</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <link rel="match" href="inline-formatting-context-001-ref.xht" />
+
+ <meta name="assert" content="Inline boxes are laid out horizontally or one after the other starting at the top of the containing block." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid 1px black;
+ width: 600px;
+ }
+ div div
+ {
+ display: inline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the words "Filler Text" are on the same line and they are contained by a black box.</p>
+ <div id="div1">
+ <div>Filler Text </div>
+ <div>Filler Text </div>
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-002-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-002-ref.xht
new file mode 100644
index 0000000000..f82f8fe1ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-002-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ float: left;
+ padding-left: 100px;
+ }
+
+ span {background-color: white;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a black stripe on the left side of "Filler Text".</p>
+
+ <div><span>Filler Text</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-002.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-002.xht
new file mode 100644
index 0000000000..27f6fe2588
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-002.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline formatting context with a horizontal left margins</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <link rel="match" href="inline-formatting-context-002-ref.xht" />
+
+ <meta name="assert" content="Horizontal left margins are respected between inline boxes." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ display: inline;
+ line-height: 1em;
+ }
+ div div
+ {
+ background: white;
+ margin-left: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black stripe on the left side of "Filler Text".</p>
+ <div>
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-003-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-003-ref.xht
new file mode 100644
index 0000000000..03ba993de2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-003-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ float: left;
+ padding-right: 100px;
+ }
+
+ span {background-color: white;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a black stripe on the right side of "Filler Text".</p>
+
+ <div><span>Filler Text</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-003.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-003.xht
new file mode 100644
index 0000000000..827349d8e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-003.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline formatting context with a horizontal right margins</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <link rel="match" href="inline-formatting-context-003-ref.xht" />
+
+ <meta name="assert" content="Horizontal right margins are respected between inline boxes." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ display: inline;
+ line-height: 1em;
+ }
+ div div
+ {
+ background: white;
+ margin-right: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black stripe on the right side of "Filler Text".</p>
+ <div>
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-004.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-004.xht
new file mode 100644
index 0000000000..ddd51a8dfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-004.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline formatting context with a left border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <link rel="match" href="inline-formatting-context-002-ref.xht" />
+
+ <meta name="assert" content="Left borders are respected between inline boxes." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ }
+ div div
+ {
+ border-left: 100px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black stripe on the left side of "Filler Text".</p>
+ <div>
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-005.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-005.xht
new file mode 100644
index 0000000000..83c7b1b793
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-005.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline formatting context with a right border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <link rel="match" href="inline-formatting-context-003-ref.xht" />
+
+ <meta name="assert" content="Right borders are respected between inline boxes." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ }
+ div div
+ {
+ border-right: 100px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black stripe on the right side of "Filler Text".</p>
+ <div>
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-006.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-006.xht
new file mode 100644
index 0000000000..9b923833d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-006.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline formatting context with left padding</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <link rel="match" href="inline-formatting-context-002-ref.xht" />
+
+ <meta name="assert" content="Left padding are respected between inline boxes." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ }
+ #div1
+ {
+ background: black;
+ padding-left: 100px;
+ }
+ div div
+ {
+ background: white;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black stripe on the left side of "Filler Text".</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-007.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-007.xht
new file mode 100644
index 0000000000..0eae0b50b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-007.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline formatting context with right padding</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <link rel="match" href="inline-formatting-context-003-ref.xht" />
+
+ <meta name="assert" content="Right padding are respected between inline boxes." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ }
+ #div1
+ {
+ background: black;
+ padding-right: 100px;
+ }
+ div div
+ {
+ background: white;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black stripe on the right side of "Filler Text".</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-008-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-008-ref.xht
new file mode 100644
index 0000000000..8650d13d38
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-008-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 200px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-008.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-008.xht
new file mode 100644
index 0000000000..e2d3d7ba49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-008.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline element widths are determined by the containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <link rel="match" href="inline-formatting-context-008-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Inline element width is determined by the containing block." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ background: red;
+ font: 100px/1em Ahem;
+ height: 2em;
+ width: 2em;
+ }
+ div div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>XX XX</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-009-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-009-ref.xht
new file mode 100644
index 0000000000..a81d221011
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-009-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ background-color: blue;
+ border-spacing: 0px;
+ height: 200px;
+ }
+
+ td
+ {
+ padding: 0px;
+ width: 100px;
+ }
+
+ td#middle {background-color: orange;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the filled orange rectangle has a filled blue rectangle on either side.</p>
+
+ <table>
+ <tr><td></td><td id="middle"></td><td></td></tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-009.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-009.xht
new file mode 100644
index 0000000000..562d060644
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-009.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline element widths are determined by the containing block and floated elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <link rel="match" href="inline-formatting-context-009-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Inline element width is determined by the containing block and any floated elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ background: orange;
+ font: 100px/1em Ahem;
+ height: 2em;
+ width: 3em;
+ }
+ #div2
+ {
+ background: blue;
+ float: right;
+ height: 1em;
+ width: 1em;
+ }
+ div div
+ {
+ color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the filled orange rectangle has a filled blue rectangle on either side.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div>X X X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-010.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-010.xht
new file mode 100644
index 0000000000..ce08486de9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-010.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line boxes are tall enough for all boxes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A line box is always tall enough to contain all the boxes in the line." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ height: 25px;
+ white-space: pre;
+ }
+ span
+ {
+ background: blue;
+ font: 50px Ahem;
+ }
+ #span1
+ {
+ line-height: 50px;
+ }
+ #span2
+ {
+ line-height: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black squares and blue rectangles have the same height.</p>
+ <div>
+ <span id="span1"> X </span><span id="span2"> X </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-010b.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-010b.xht
new file mode 100644
index 0000000000..9192003732
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-010b.xht
@@ -0,0 +1,111 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: line-height - line box height calculations</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8 Line height calculations: the 'line-height' and 'vertical-align' properties" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" title="9.4.2 Inline formatting contexts" />
+
+ <meta content="text/javascript" http-equiv="Content-Script-Type" />
+ <meta content="ahem dom image interact" name="flags" />
+ <meta content="A line box is always tall enough for all of the boxes it contains. A line box can be as tall as the tallest inline non-replaced box it contains." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background: white url("support/ruler-v-100px-200px.png") no-repeat;
+ margin: 8px 8px 8px 55px;
+ /*
+
+ 16px : margin collapsing between body's margin-top and p's margin-top == max(8px, 16px)
+ +
+ 20px : first line of p
+ +
+ 20px : second line box of p
+ +
+ 20px : third line box of p
+ +
+ 24px : margin-bottom of p
+ =======
+ 100px
+
+ */
+ }
+
+ p
+ {
+ font: 1em/1.25 serif;
+ margin: 1em 0.5em 1.5em;
+ }
+
+ div
+ {
+ background-color: orange; /* The line box will be painted orange */
+ font-family: Ahem;
+ line-height: 0;
+ }
+
+ span
+ {
+ color: black;
+ line-height: 1;
+ vertical-align: baseline;
+ }
+
+ span#twenty {font-size: 20px; display: none;}
+
+ span#thirty {font-size: 30px; display: none;}
+
+ span#forty {font-size: 40px; display: none;}
+
+ span#fifty {font-size: 50px; display: none;}
+
+ span#sixty {font-size: 60px; display: none;}
+
+ span#eighty {font-size: 80px; display: none;}
+
+ span#one-hundred {font-size: 100px; display: none;}
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function resetChkboxes()
+ {
+ var collectionOfCheckboxes = document.getElementsByTagName("input");
+ for (var iterator = 0; iterator < collectionOfCheckboxes.length; iterator++)
+ {
+ collectionOfCheckboxes.item(iterator).checked = false;
+ };
+ }
+
+ function updateLinebox(chkbox)
+ {
+ if(chkbox.checked)
+ {
+ document.getElementById(chkbox.id.slice(3)).style.display = "inline";
+ }
+ else
+ {
+ document.getElementById(chkbox.id.slice(3)).style.display = "none";
+ };
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="resetChkboxes();">
+
+ <p>Check or uncheck as many checkboxes as you want.<br />
+ Test passes if the orange rectangle is always just<br />
+ tall enough to contain the tallest black square in it.</p>
+
+ <div><span id="twenty">2</span> <span id="thirty">3</span> <span id="forty">4</span> <span id="fifty">5</span> <span id="sixty">6</span> <span id="eighty">8</span> <span id="one-hundred">1</span></div>
+
+ <p><input type="checkbox" id="chktwenty" value="20" onclick="updateLinebox(this);" /><input type="checkbox" id="chkthirty" value="30" onclick="updateLinebox(this);" /><input type="checkbox" id="chkforty" value="40" onclick="updateLinebox(this);" /><input type="checkbox" id="chkfifty" value="50" onclick="updateLinebox(this);" /><input type="checkbox" id="chksixty" value="60" onclick="updateLinebox(this);" /><input type="checkbox" id="chkeighty" value="80" onclick="updateLinebox(this);" /><input type="checkbox" id="chkone-hundred" value="100" onclick="updateLinebox(this);" /></p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-010c.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-010c.xht
new file mode 100644
index 0000000000..9c70da07b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-010c.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: line-height - line box height calculations</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8 Line height calculations: the 'line-height' and 'vertical-align' properties" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" title="9.4.2 Inline formatting contexts" />
+
+ <meta content="ahem image" name="flags" />
+ <meta content="The line box height is given by the distance between the uppermost box top and the lowermost box bottom. The line box height is not necessarly given by the height of the tallest inline box contained in the line box." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: orange; /* The line box will be painted orange */
+ color: black;
+ }
+
+ span {font: 1.25em/1 Ahem;}
+
+ span#va-minus10 {vertical-align: -10px;}
+
+ span#va-baseline {vertical-align: baseline;}
+
+ span#va-plus10 {vertical-align: 10px;}
+
+ span#va-plus20 {vertical-align: 20px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange rectangle is just tall enough to contain the bottommost small filled black square and the uppermost small filled black square.</p>
+
+ <!--
+ In this test, the short vertical blue line represents the tallest
+ inline box present in the line box. And its presence contribute
+ to demonstrate that the line box height is not necessarly given
+ by the height of its tallest inline box.
+ -->
+
+ <div>
+ <span id="va-minus10">1</span>
+ <span id="va-baseline">0</span>
+ <img src="support/swatch-blue.png" width="5" height="35" alt="Image download support must be enabled" />
+ <span id="va-plus10">1</span>
+ <span id="va-plus20">2</span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-010d.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-010d.xht
new file mode 100644
index 0000000000..f76e6fe495
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-010d.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: line-height - line box height calculations</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8 Line height calculations: the 'line-height' and 'vertical-align' properties" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" title="9.4.2 Inline formatting contexts" />
+
+ <meta content="image" name="flags" />
+ <meta content="The line box height is given by the distance between the uppermost box top and the lowermost box bottom. The line box height is not necessarly given by the height of the tallest inline box contained in the line box." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: orange; /* The line box will be painted orange */
+ color: black;
+ }
+
+ img#va-minus10 {vertical-align: -10px;}
+
+ img#va-baseline {vertical-align: baseline;}
+
+ img#va-plus10 {vertical-align: 10px;}
+
+ img#va-plus20 {vertical-align: 20px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange rectangle is just tall enough to contain the bottommost small filled teal square and the uppermost small filled teal square.</p>
+
+ <!--
+ In this test, the short vertical blue line represents the tallest
+ inline box present in the line box. And its presence contribute
+ to demonstrate that the line box height is not necessarly given
+ by the height of its tallest inline box.
+ -->
+
+ <div>
+ <img id="va-minus10" src="support/swatch-teal.png" width="20" height="20" alt="Image dowload support must be enabled" />
+ <img id="va-baseline" src="support/swatch-teal.png" width="20" height="20" alt="Image dowload support must be enabled" />
+ <img id="blue" src="support/swatch-blue.png" width="5" height="35" alt="Image download support must be enabled" />
+ <img id="va-plus10" src="support/swatch-teal.png" width="20" height="20" alt="Image dowload support must be enabled" />
+ <img id="va-plus20" src="support/swatch-teal.png" width="20" height="20" alt="Image dowload support must be enabled" />
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-011-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-011-ref.xht
new file mode 100644
index 0000000000..7a5681cc78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-011-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border-top: orange solid medium;}
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the black square and blue rectangles touch the orange line.</p>
+
+ <div><img src="support/swatch-blue.png" width="90" height="90" alt="Image download support must be enabled" /> <img src="support/swatch-blue.png" width="20" height="50" alt="Image download support must be enabled" /><img src="support/black15x15.png" width="50" height="50" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="20" height="50" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-011.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-011.xht
new file mode 100644
index 0000000000..59bcc11a66
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-011.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align and alignment of inline boxes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <link rel="match" href="inline-formatting-context-011-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property determines the vertical alignment of a box within a line box." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-top: solid orange;
+ }
+ span
+ {
+ border: 20px solid blue;
+ display: inline-block;
+ font: 50px Ahem;
+ }
+ #span1
+ {
+ color: blue;
+ line-height: 1em;
+ }
+ #span2
+ {
+ line-height: 10px;
+ vertical-align: top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square and blue rectangles touch the orange line.</p>
+ <div>
+ <span id="span1">X</span>
+ <span id="span2">X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-012.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-012.xht
new file mode 100644
index 0000000000..2e87918967
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-012.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline boxes vertically stack if they do not fit horizontally</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <link rel="match" href="../generated-content/after-content-display-002-ref.xht" />
+
+ <meta name="assert" content="Inline boxes stack vertically when they do not fit within an element horizontally." />
+ <style type="text/css">
+ div
+ {
+ width: 50px;
+ }
+ span
+ {
+ white-space: nowrap;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
+ <div>
+ <span>Filler text</span>
+ <span>Filler text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-013-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-013-ref.xht
new file mode 100644
index 0000000000..95b2983dd8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-013-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-bottom: green solid 20px;
+ border-top: green solid 20px;
+ width: 100px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is no vertical space between the green and blue stripes.</p>
+
+ <div><img src="support/swatch-blue.png" width="100" height="20" alt="Image download support must be enabled" /> <img src="support/green15x15.png" width="100" height="20" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="100" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-013.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-013.xht
new file mode 100644
index 0000000000..3bd974c079
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-013.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Wrapping inline boxes and vertical spacing</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <link rel="match" href="inline-formatting-context-013-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Line boxes are stacked with no vertical separation and they never overlap." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1em Ahem;
+ height: 5em;
+ width: 5em;
+ }
+ .color1
+ {
+ color: green;
+ }
+ .color2
+ {
+ color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no vertical space between the green and blue stripes.</p>
+ <div>
+ <span class="color1">XXXXX</span>
+ <span class="color2">XXXXX</span>
+ <span class="color1">XXXXX</span>
+ <span class="color2">XXXXX</span>
+ <span class="color1">XXXXX</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-014.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-014.xht
new file mode 100644
index 0000000000..9f347f313e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-014.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line boxes span the container</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Line boxes span the entire width of a container unless constrained by floats." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ span
+ {
+ background: red;
+ border: solid green;
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green stripe and <strong>no red</strong>.</p>
+ <div>
+ <span>XXXXX</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-015-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-015-ref.xht
new file mode 100644
index 0000000000..3b54365291
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-015-ref.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {margin: 1em 0em;}
+
+ table
+ {
+ background-color: orange;
+ border-spacing: 0px;
+ width: 200px;
+ }
+
+ td
+ {
+ padding: 0px;
+ vertical-align: top;
+ }
+
+ td:first-child {width: 110px;}
+
+ div
+ {
+ border: blue solid 5px;
+ height: 20px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the "Filler Text" is to the right of the blue box and an orange background covers the area behind both the "Filler Text" and the blue box.</p>
+
+ <table>
+ <tr><td><div></div></td><td>Filler Text Filler Text</td></tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-015.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-015.xht
new file mode 100644
index 0000000000..15aac62807
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-015.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line boxes next to floats</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <link rel="match" href="inline-formatting-context-015-ref.xht" />
+
+ <meta name="assert" content="Line boxes adjust for floated elements." />
+ <style type="text/css">
+ #div1
+ {
+ width: 200px;
+ }
+ #div2
+ {
+ border: 5px solid blue;
+ height: 20px;
+ float: left;
+ width: 50%;
+ }
+ #div3
+ {
+ background: orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" is to the right of the blue box and an orange background covers the area behind both the "Filler Text" and the blue box.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">Filler Text Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-016.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-016.xht
new file mode 100644
index 0000000000..f384f27ec6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-016.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line box distribution with the 'text-align' property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <meta name="assert" content="When the inline box is wider than the line boxes the 'text-align' property is used to align the line boxes." />
+ <style type="text/css">
+ div
+ {
+ border: solid black;
+ text-align: right;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" is aligned to the right side of the box.</p>
+ <div>
+ <span>Filler Text</span><span>Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-017.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-017.xht
new file mode 100644
index 0000000000..787140e41e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-017.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align 'justify' and space and word stretching</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <meta name="flags" content="ahem may" />
+ <meta name="assert" content="If 'text-align' is set to 'justify' the user agent may stretch spaces and/or words." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: orange;
+ font: 1em/1 Ahem;
+ text-align: justify;
+ width: 20em;
+ }
+ span
+ {
+ color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the rightmost orange stripe extends to the right of the rightmost blue stripe.</p>
+ <div>
+ XXXX XXXX XXXXXX <span>XXXXX XXXXXX XXX</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-018.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-018.xht
new file mode 100644
index 0000000000..a422270472
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-018.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align 'justify' and 'inline-table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <meta name="assert" content="If 'text-align' is set to 'justify' the user agent does not stretch spaces and/or words when the 'display' property is set to 'inline-table'." />
+ <style type="text/css">
+ div
+ {
+ border: solid black;
+ text-align: justify;
+ width: 200px;
+ }
+ span
+ {
+ display: inline-table;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the width of spaces and/or characters of the first line of "Filler Text" is larger than the second line of "Filler Text".</p>
+ <div>
+ Filler Text Filler Text
+ <span>Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-019.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-019.xht
new file mode 100644
index 0000000000..6cc7aa9185
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-019.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align 'justify' and 'inline-block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <meta name="assert" content="If 'text-align' is set to 'justify' the user agent does not stretch spaces and/or words when the 'display' property is set to 'inline-block'." />
+ <style type="text/css">
+ div
+ {
+ border: solid black;
+ text-align: justify;
+ width: 200px;
+ }
+ span
+ {
+ display: inline-block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the width of spaces and/or characters of the first line of "Filler Text" is larger than the second line of "Filler Text".</p>
+ <div>
+ Filler Text Filler Text
+ <span>Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-020.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-020.xht
new file mode 100644
index 0000000000..14f6343049
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-020.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline boxes exceeding the line box</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <meta name="assert" content="Inline boxes are split onto additional lines if the line box does not fit within the width." />
+ <style type="text/css">
+ div
+ {
+ border: solid black;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are at least two lines of "Filler Text" below.</p>
+ <div>
+ <span>Filler Text Filler Text Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-021.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-021.xht
new file mode 100644
index 0000000000..180b899b7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-021.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline boxes exceeding the line box and overflowing</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <meta name="assert" content="If inline boxes cannot be split (i.e.: white-space: nowrap) then the inline box overflows the line box." />
+ <style type="text/css">
+ div
+ {
+ background: orange;
+ width: 200px;
+ }
+ span
+ {
+ white-space: nowrap;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" extends beyond the orange box.</p>
+ <div>
+ <span>Filler Text Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-022-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-022-ref.xht
new file mode 100644
index 0000000000..74e1df2671
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-022-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ line-height: 10px;
+ margin-top: -6px;
+ width: 130px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/swatch-blue.png" width="130" height="10" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="10" height="10" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="130" height="10" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="10" height="20" alt="Image download support must be enabled" /><img src="support/swatch-white.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="100" height="20" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="100" height="20" alt="Image download support must be enabled" /><img src="support/swatch-white.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="10" height="20" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="130" height="10" alt="Image download support must be enabled" /><img src="support/swatch-white.png" width="120" height="10" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="10" height="10" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="130" height="10" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-022.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-022.xht
new file mode 100644
index 0000000000..da6b35126a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-022.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline boxes that are split and the margin, border, padding effect</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <link rel="match" href="inline-formatting-context-022-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="Margins, borders and padding have no visual effect when inline boxes are split." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: url('support/inline-formatting-context-022.png') no-repeat 0 -1.5em;
+ color: blue;
+ font: 15pt/1em Ahem;
+ margin-top: 2em;
+ height: 5em;
+ width: 6.5em;
+ }
+ span
+ {
+ margin: 1em 0;
+ padding: 1em;
+ border: 0.5em solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <span>XXXXX XXXXX</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-023-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-023-ref.xht
new file mode 100644
index 0000000000..a4f783d8b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-023-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ line-height: 30px;
+ margin: auto 2px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 3 instances of "Filler Text".</p>
+
+ <div>Filler Text Filler Text Filler Text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-023.xht b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-023.xht
new file mode 100644
index 0000000000..49f8f54169
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-formatting-context-023.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bidirectional text runs can create additional line boxes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" />
+ <link rel="match" href="inline-formatting-context-023-ref.xht" />
+
+ <meta name="assert" content="Additional inline boxes can be created for the bidirectional text." />
+ <style type="text/css">
+ #span1
+ {
+ margin: 1px;
+ padding: 1px;
+ line-height: 25px;
+ }
+ #span2
+ {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ line-height: 30px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 3 instances of "Filler Text".</p>
+ <div>
+ <span id="span1">Filler Text <span id="span2">txeT relliF</span> Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-negative-margin-001.html b/testing/web-platform/tests/css/CSS2/linebox/inline-negative-margin-001.html
new file mode 100644
index 0000000000..b1ce232e6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-negative-margin-001.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<title>CSS Test: Check inline negative margin should not cause the line to wrap</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<link rel="help" href="https://crbug.com/979894">
+<link rel="help" href="https://crbug.com/1011816">
+<link rel="help" href="https://crbug.com/1040461">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#inline-width">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style>
+#container {
+ font-family: Ahem;
+ font-size: 10px;
+ line-height: 1;
+ margin-left: 10ch;
+}
+inline-block {
+ display: inline-block;
+}
+.w1 { width: 1ch; }
+.w2 { width: 2ch; }
+.w3 { width: 3ch; }
+.w4 { width: 4ch; }
+.w5 { width: 5ch; }
+span {
+ color: orange;
+}
+img {
+ height: .6em;
+ background: orange;
+}
+</style>
+<body>
+ <section id="container">
+ <div><inline-block data-expected-height=10>123 <span style="margin-left: -8ch">1234 </span></inline-block></div>
+ <div><inline-block data-expected-height=10>123 <span style="margin-left: -8ch">123 </span></inline-block></div>
+ <div class="w4" data-expected-height=10>123 <span style="margin-left: -4ch">1234 </span></div>
+ <div class="w4" data-expected-height=10>123 <span style="margin-left: -4ch">123 </span></div>
+ <div class="w4" data-expected-height=10><img class="w4"><span style="margin-left: -4ch">123</span></div>
+ <div class="w4" data-expected-height=10><img class="w5"><span style="margin-left: -5ch">123</span></div>
+ <div class="w4" data-expected-height=20><img class="w5"><span style="margin-left: -3ch">123</span></div>
+ <div class="w4" data-expected-height=10><img class="w4"><img class="w1" style="margin-left: -1ch"></div>
+ <div class="w4" data-expected-height=20><img class="w4"><img class="w2" style="margin-left: -1ch"></div>
+ <div class="w4" data-expected-height=10><img class="w5"><img class="w1" style="margin-left: -2ch"></div>
+ <div class="w4" data-expected-height=20><img class="w5"><img class="w2" style="margin-left: -2ch"></div>
+
+ <div class="w4" data-expected-height=20><img class="w3"><img class="w2"><img class="w1" style="margin-left: -2ch"></div>
+ <div class="w4" data-expected-height=20><img class="w2"> <img class="w2"><img class="w1" style="margin-left: -2ch"></div>
+ </section>
+<script>checkLayout('[data-expected-height]');</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/inline-negative-margin-minmax-crash-001.html b/testing/web-platform/tests/css/CSS2/linebox/inline-negative-margin-minmax-crash-001.html
new file mode 100644
index 0000000000..d6480edd62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/inline-negative-margin-minmax-crash-001.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>CSS Test: Check inline negative margin with fit-content should not cause hang</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<link rel="help" href="https://crbug.com/1028817">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#inline-width">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<style>
+div {
+ width: fit-content;
+}
+span {
+ margin-left: -15px;
+}
+</style>
+<body>
+ <div>| <span>Operation</span></div>
+<script>test(() => {});</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/leading-001-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/leading-001-ref.xht
new file mode 100644
index 0000000000..2d6e784d2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/leading-001-ref.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-bottom: blue solid 50px;
+ border-spacing: 0px;
+ border-right: blue solid 100px;
+ border-top: blue solid 50px;
+ }
+
+ td
+ {
+ background-color: orange;
+ height: 100px;
+ padding: 0px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a filled orange square is vertically centered inside a bigger filled blue square.</p>
+
+ <table>
+ <tr><td></td></tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/leading-001.xht b/testing/web-platform/tests/css/CSS2/linebox/leading-001.xht
new file mode 100644
index 0000000000..060ca310c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/leading-001.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Leading and half leading line heights</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="leading-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Line-height can be different from the content area so space is above and below." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 100px/1em Ahem;
+ background: blue;
+ width: 200px;
+ }
+ span
+ {
+ color: orange;
+ line-height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled orange square is vertically centered inside a bigger filled blue square.</p>
+ <div>
+ <span>X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-box-height-001.xht b/testing/web-platform/tests/css/CSS2/linebox/line-box-height-001.xht
new file mode 100644
index 0000000000..de7483edb7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-box-height-001.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height for inline elements when 'line-height' is smaller than 'height'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets the initial height but that height is increased if the content height is larger." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ color: blue;
+ font: 100px/1 Ahem;
+ position: relative;
+ }
+ span
+ {
+ line-height: 0;
+ }
+ #div2
+ {
+ background: orange;
+ height: 200px;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangle have the same height.</p>
+ <div id="div1">
+ <div>X</div>
+ <span>X</span>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-box-height-002-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-box-height-002-ref.xht
new file mode 100644
index 0000000000..5decfe5b07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-box-height-002-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same height.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-box-height-002.xht b/testing/web-platform/tests/css/CSS2/linebox/line-box-height-002.xht
new file mode 100644
index 0000000000..9c23382644
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-box-height-002.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height for inline replaced elements and 'line-height'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-box-height-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'line-height' property doe not set the height for inline replaced elements. The height of the replaced element sets the line-height'." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ img
+ {
+ display: inline;
+ line-height: 2in;
+ }
+ div div
+ {
+ background: orange;
+ height: 96px;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same height.</p>
+ <div id="div1">
+ <img alt="blue 96x96" src="support/blue96x96.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-breaking-font-size-zero-001-ref.html b/testing/web-platform/tests/css/CSS2/linebox/line-breaking-font-size-zero-001-ref.html
new file mode 100644
index 0000000000..c9ad49695f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-breaking-font-size-zero-001-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<style>
+div {
+ width: 100px;
+ background: blue;
+}
+
+inline-block {
+ display: inline-block;
+ width: 80px;
+ height: 1em;
+ background: orange;
+}
+</style>
+</head>
+<body>
+ <div>
+ <inline-block></inline-block><br>
+ <inline-block></inline-block><br>
+ <inline-block></inline-block><br>
+ <inline-block></inline-block><br>
+ <inline-block></inline-block>
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-breaking-font-size-zero-001.html b/testing/web-platform/tests/css/CSS2/linebox/line-breaking-font-size-zero-001.html
new file mode 100644
index 0000000000..6378af39fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-breaking-font-size-zero-001.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<title>CSS Test: Check line breaks when break opportunities have font-size: 0</title>
+<link rel="match" href="line-breaking-font-size-zero-001-ref.html">
+<link rel="help" href="https://drafts.csswg.org/css2/text.html#propdef-white-space" />
+<link rel="author" href="mailto:kojii@chromium.org">
+<style>
+div {
+ width: 100px;
+ background: blue;
+}
+
+inline-block {
+ display: inline-block;
+ width: 80px;
+ height: 1em;
+ background: orange;
+}
+
+sep {
+ font-size: 0;
+}
+</style>
+</head>
+<body>
+ <div>
+ <inline-block></inline-block><sep> </sep>
+ <inline-block></inline-block><sep>, </sep>
+ <inline-block></inline-block><sep>) (</sep>
+ <inline-block></inline-block><sep>a</sep>
+ <inline-block></inline-block>
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-001.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-001.xht
new file mode 100644
index 0000000000..093c528849
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-001.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using pixels with a minimum minus one value, -1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem invalid should" />
+ <meta name="assert" content="The 'line-height' property sets a minimum minus one length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1in Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3, #div4
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div2, #div4
+ {
+ background: black;
+ }
+ #div2
+ {
+ height: 1.2em;
+ left: 0;
+ }
+ #div3
+ {
+ background: blue;
+ color: blue;
+ left: 1em;
+ line-height: -1px;
+ }
+ #div4
+ {
+ height: 1em;
+ left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the height of the blue box is similar to the height of the black boxes. It is acceptable to have the blue box height be shorter or taller than the height of either of the black boxes. The black boxes represent the recommended settings for 'line-height'.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">X</div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-002-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-002-ref.xht
new file mode 100644
index 0000000000..4a8731e626
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-002-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: -10px;}
+
+ img + img
+ {
+ left: 2px;
+ position: relative;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/black15x15.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-002.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-002.xht
new file mode 100644
index 0000000000..c2d79e9621
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-002.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using pixels with a minimum value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 0px;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-003.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-003.xht
new file mode 100644
index 0000000000..eaecbc8819
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-003.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using pixels with a minimum plus one value, 1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum plus one length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 1px;
+ }
+ #div3
+ {
+ height: 21px;
+ left: 1.1em;
+ position: absolute;
+ top: -9px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-004.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-004.xht
new file mode 100644
index 0000000000..54073f03a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-004.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a negative zero length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: -0px;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-005.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-005.xht
new file mode 100644
index 0000000000..771b73e089
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-005.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive zero length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +0px;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-006-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-006-ref.xht
new file mode 100644
index 0000000000..b8babd7bb2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-006-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img + img
+ {
+ left: 2px;
+ position: relative;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="20" height="96" alt="Image download support must be enabled" /><img src="support/black15x15.png" width="20" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-006.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-006.xht
new file mode 100644
index 0000000000..23f97548d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-006.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a nominal length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 96px;
+ }
+ #div3
+ {
+ height: 96px;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-007.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-007.xht
new file mode 100644
index 0000000000..230959c92c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-007.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using pixels with a positive nominal value, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive nominal length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +96px;
+ }
+ #div3
+ {
+ height: 96px;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-012.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-012.xht
new file mode 100644
index 0000000000..2dcf24aa75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-012.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using points with a minimum minus one value, -1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem invalid should" />
+ <meta name="assert" content="The 'line-height' property sets a minimum minus one length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1in Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3, #div4
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div2, #div4
+ {
+ background: black;
+ }
+ #div2
+ {
+ height: 1.2em;
+ left: 0;
+ }
+ #div3
+ {
+ background: blue;
+ color: blue;
+ left: 1em;
+ line-height: -1pt;
+ }
+ #div4
+ {
+ height: 1em;
+ left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the height of the blue box is similar to the height of the black boxes. It is acceptable to have the blue box height be shorter or taller than the height of either of the black boxes. The black boxes represent the recommended settings for 'line-height'.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">X</div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-013.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-013.xht
new file mode 100644
index 0000000000..793ec3df6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-013.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using points with a minimum value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 0pt;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-014.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-014.xht
new file mode 100644
index 0000000000..cfc476ced1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-014.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using points with a minimum plus one value, 1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+
+ <meta name="flags" content="96dpi ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum plus one length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 1pt;
+ }
+ #div3
+ {
+ height: 21px;
+ left: 1.1em;
+ position: absolute;
+ top: -9px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-015.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-015.xht
new file mode 100644
index 0000000000..06937a1c44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-015.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a negative zero length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: -0pt;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-016.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-016.xht
new file mode 100644
index 0000000000..e321d8137c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-016.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive zero length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +0pt;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-017.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-017.xht
new file mode 100644
index 0000000000..1da91497a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-017.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a nominal length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 72pt;
+ }
+ #div3
+ {
+ height: 72pt;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-018.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-018.xht
new file mode 100644
index 0000000000..4f17ebd5da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-018.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using points with a positive nominal value, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive nominal length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +72pt;
+ }
+ #div3
+ {
+ height: 72pt;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-023.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-023.xht
new file mode 100644
index 0000000000..5fd1aeb3da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-023.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using picas with a minimum minus one value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem invalid should" />
+ <meta name="assert" content="The 'line-height' property sets a minimum minus one length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1in Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3, #div4
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div2, #div4
+ {
+ background: black;
+ }
+ #div2
+ {
+ height: 1.2em;
+ left: 0;
+ }
+ #div3
+ {
+ background: blue;
+ color: blue;
+ left: 1em;
+ line-height: -1pc;
+ }
+ #div4
+ {
+ height: 1em;
+ left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the height of the blue box is similar to the height of the black boxes. It is acceptable to have the blue box height be shorter or taller than the height of either of the black boxes. The black boxes represent the recommended settings for 'line-height'.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">X</div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-024.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-024.xht
new file mode 100644
index 0000000000..4875daa567
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-024.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using picas with a minimum value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 0pc;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-025-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-025-ref.xht
new file mode 100644
index 0000000000..549a9a2549
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-025-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: -2px;}
+
+ img + img
+ {
+ left: 2px;
+ position: relative;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 vertical black stripes have the <strong>same height</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="20" height="36" alt="Image download support must be enabled" /><img src="support/black15x15.png" width="20" height="36" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-025.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-025.xht
new file mode 100644
index 0000000000..98086a4865
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-025.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using picas with a minimum plus one value, 1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-025-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum plus one length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 1pc;
+ }
+ #div3
+ {
+ left: 1.1em;
+ position: absolute;
+ top: -2px;
+ }
+ #div4
+ {
+ height: 20px;
+ }
+ #div5
+ {
+ height: 1pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 vertical black stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3">
+ <div id="div4"></div>
+ <div id="div5"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-026.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-026.xht
new file mode 100644
index 0000000000..658d49943c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-026.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a negative zero length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: -0pc;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-027.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-027.xht
new file mode 100644
index 0000000000..cdb3e0861f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-027.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive zero length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +0pc;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-028.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-028.xht
new file mode 100644
index 0000000000..7e30abac43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-028.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a nominal length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 6pc;
+ }
+ #div3
+ {
+ height: 6pc;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-029.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-029.xht
new file mode 100644
index 0000000000..188e0149e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-029.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using picas with a positive nominal value, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive nominal length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +6pc;
+ }
+ #div3
+ {
+ height: 6pc;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-034.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-034.xht
new file mode 100644
index 0000000000..f084c3f987
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-034.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using centimeters with a minimum minus one value, -1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem invalid should" />
+ <meta name="assert" content="The 'line-height' property sets a minimum minus one length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1in Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3, #div4
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div2, #div4
+ {
+ background: black;
+ }
+ #div2
+ {
+ height: 1.2em;
+ left: 0;
+ }
+ #div3
+ {
+ background: blue;
+ color: blue;
+ left: 1em;
+ line-height: -1cm;
+ }
+ #div4
+ {
+ height: 1em;
+ left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the height of the blue box is similar to the height of the black boxes. It is acceptable to have the blue box height be shorter or taller than the height of either of the black boxes. The black boxes represent the recommended settings for 'line-height'.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">X</div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-035.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-035.xht
new file mode 100644
index 0000000000..231e72d750
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-035.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using centimeters with a minimum value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 0cm;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-036.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-036.xht
new file mode 100644
index 0000000000..40f63bd55a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-036.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using centimeters with a minimum plus one value, 1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum plus one length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 1cm;
+ }
+ #div3
+ {
+ height: 1cm;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same height.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-037.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-037.xht
new file mode 100644
index 0000000000..43c90531ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-037.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a negative zero length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: -0cm;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-038.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-038.xht
new file mode 100644
index 0000000000..c59ff2ba54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-038.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive zero length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +0cm;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-039.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-039.xht
new file mode 100644
index 0000000000..c9a018f47f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-039.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a nominal length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 2.54cm;
+ }
+ #div3
+ {
+ height: 2.54cm;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-040.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-040.xht
new file mode 100644
index 0000000000..99c169eed6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-040.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using centimeters with a positive nominal value, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive nominal length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +2.54cm;
+ }
+ #div3
+ {
+ height: 2.54cm;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-045.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-045.xht
new file mode 100644
index 0000000000..ff4861469e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-045.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using millimeters with a minimum minus one value, -1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem invalid should" />
+ <meta name="assert" content="The 'line-height' property sets a minimum minus one length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1in Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3, #div4
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div2, #div4
+ {
+ background: black;
+ }
+ #div2
+ {
+ height: 1.2em;
+ left: 0;
+ }
+ #div3
+ {
+ background: blue;
+ color: blue;
+ left: 1em;
+ line-height: -1mm;
+ }
+ #div4
+ {
+ height: 1em;
+ left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the height of the blue box is similar to the height of the black boxes. It is acceptable to have the blue box height be shorter or taller than the height of either of the black boxes. The black boxes represent the recommended settings for 'line-height'.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">X</div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-046.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-046.xht
new file mode 100644
index 0000000000..93c3759dfa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-046.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using millimeters with a minimum value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 0mm;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-047.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-047.xht
new file mode 100644
index 0000000000..dea26a62cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-047.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using millimeters with a minimum plus one value, 1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum plus one length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 1mm;
+ }
+ #div3
+ {
+ left: 1.1em;
+ position: absolute;
+ top: -0.4em;
+ }
+ #div4
+ {
+ height: 20px;
+ }
+ #div5
+ {
+ height: 1mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same height.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3">
+ <div id="div4"></div>
+ <div id="div5"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-048.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-048.xht
new file mode 100644
index 0000000000..4df02a6e4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-048.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a negative zero length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: -0mm;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-049.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-049.xht
new file mode 100644
index 0000000000..3fafac0094
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-049.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive zero length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +0mm;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-050.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-050.xht
new file mode 100644
index 0000000000..6c67af3b4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-050.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a nominal length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 25.4mm;
+ }
+ #div3
+ {
+ height: 25.4mm;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-051.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-051.xht
new file mode 100644
index 0000000000..8cf9c4cdd9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-051.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using millimeters with a positive nominal value, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive nominal length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +25.4mm;
+ }
+ #div3
+ {
+ height: 25.4mm;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-056.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-056.xht
new file mode 100644
index 0000000000..d46eaa24cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-056.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using inches with a minimum minus one value, -1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem invalid should" />
+ <meta name="assert" content="The 'line-height' property sets a minimum minus one length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1in Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3, #div4
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div2, #div4
+ {
+ background: black;
+ }
+ #div2
+ {
+ height: 1.2em;
+ left: 0;
+ }
+ #div3
+ {
+ background: blue;
+ color: blue;
+ left: 1em;
+ line-height: -1in;
+ }
+ #div4
+ {
+ height: 1em;
+ left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the height of the blue box is similar to the height of the black boxes. It is acceptable to have the blue box height be shorter or taller than the height of either of the black boxes. The black boxes represent the recommended settings for 'line-height'.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">X</div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-057.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-057.xht
new file mode 100644
index 0000000000..d8732f7d2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-057.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using inches with a minimum value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 0in;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-058.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-058.xht
new file mode 100644
index 0000000000..4421e233f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-058.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using inches with a minimum plus one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum plus one length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 1in;
+ }
+ #div3
+ {
+ height: 1in;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-059.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-059.xht
new file mode 100644
index 0000000000..507e46865d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-059.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a negative zero length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: -0in;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-060.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-060.xht
new file mode 100644
index 0000000000..302d820fee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-060.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive zero length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +0in;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-061-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-061-ref.xht
new file mode 100644
index 0000000000..fe2ab15ca0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-061-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img + img
+ {
+ left: 2px;
+ position: relative;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 tall black vertical stripes have the <strong>same height</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="20" height="288" alt="Image download support must be enabled" /><img src="support/black15x15.png" width="20" height="288" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-061.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-061.xht
new file mode 100644
index 0000000000..a50d020397
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-061.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using inches with a nominal value, 3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-061-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a nominal length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 3in;
+ }
+ #div3
+ {
+ height: 3in;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 tall black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-062.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-062.xht
new file mode 100644
index 0000000000..c3e06ef952
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-062.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using inches with a positive nominal value, +3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-061-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive nominal length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +3in;
+ }
+ #div3
+ {
+ height: 3in;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 tall black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-067.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-067.xht
new file mode 100644
index 0000000000..22a5071e80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-067.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using 'em' units with a minimum minus one value, -1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem invalid should" />
+ <meta name="assert" content="The 'line-height' property sets a minimum minus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1in Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3, #div4
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div2, #div4
+ {
+ background: black;
+ }
+ #div2
+ {
+ height: 1.2em;
+ left: 0;
+ }
+ #div3
+ {
+ background: blue;
+ color: blue;
+ left: 1em;
+ line-height: -1em;
+ }
+ #div4
+ {
+ height: 1em;
+ left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the height of the blue box is similar to the height of the black boxes. It is acceptable to have the blue box height be shorter or taller than the height of either of the black boxes. The black boxes represent the recommended settings for 'line-height'.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">X</div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-068.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-068.xht
new file mode 100644
index 0000000000..f475980c84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-068.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using 'em' units with a minimum value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 0em;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-069-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-069-ref.xht
new file mode 100644
index 0000000000..fa9e9246c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-069-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img + img
+ {
+ left: 2px;
+ position: relative;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/black15x15.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-069.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-069.xht
new file mode 100644
index 0000000000..317c107d17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-069.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using 'em' units with a minimum plus one value, 1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-069-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum plus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 1em;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-070.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-070.xht
new file mode 100644
index 0000000000..119cd8cc99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-070.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: -0em;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-071.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-071.xht
new file mode 100644
index 0000000000..4ee26475db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-071.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +0em;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-072-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-072-ref.xht
new file mode 100644
index 0000000000..0596900cfc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-072-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img + img
+ {
+ left: 2px;
+ position: relative;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="20" height="120" alt="Image download support must be enabled" /><img src="support/black15x15.png" width="20" height="120" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-072.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-072.xht
new file mode 100644
index 0000000000..2cd105fde3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-072.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 6em;
+ }
+ #div3
+ {
+ height: 6em;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-073.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-073.xht
new file mode 100644
index 0000000000..90d1a9949c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-073.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using 'em' units with a positive nominal value, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +6em;
+ }
+ #div3
+ {
+ height: 6em;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-078.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-078.xht
new file mode 100644
index 0000000000..acbdf6e029
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-078.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using 'ex' units with a minimum minus one value, -1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem invalid should" />
+ <meta name="assert" content="The 'line-height' property sets a minimum minus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1in Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3, #div4
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div2, #div4
+ {
+ background: black;
+ }
+ #div2
+ {
+ height: 1.2em;
+ left: 0;
+ }
+ #div3
+ {
+ background: blue;
+ color: blue;
+ left: 1em;
+ line-height: -1ex;
+ }
+ #div4
+ {
+ height: 1em;
+ left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the height of the blue box is similar to the height of the black boxes. It is acceptable to have the blue box height be shorter or taller than the height of either of the black boxes. The black boxes represent the recommended settings for 'line-height'.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">X</div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-079.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-079.xht
new file mode 100644
index 0000000000..59f985f3d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-079.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using 'ex' units with a minimum value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 0ex;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-080.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-080.xht
new file mode 100644
index 0000000000..b2df826884
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-080.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using 'ex' units with a minimum plus one value, 1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-025-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum plus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 1ex;
+ }
+ #div3
+ {
+ height: 36px;
+ left: 1.1em;
+ position: absolute;
+ top: -2px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 vertical black stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-081.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-081.xht
new file mode 100644
index 0000000000..b065789e77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-081.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: -0ex;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-082.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-082.xht
new file mode 100644
index 0000000000..4dd0eaf8be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-082.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +0ex;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-083.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-083.xht
new file mode 100644
index 0000000000..2736285a09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-083.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using 'ex' units with a nominal value, 6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 6ex;
+ }
+ #div3
+ {
+ height: 1in;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-084.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-084.xht
new file mode 100644
index 0000000000..7d4cab2a4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-084.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using 'ex' units with a positive nominal value, +6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +6ex;
+ }
+ #div3
+ {
+ height: 1in;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-089.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-089.xht
new file mode 100644
index 0000000000..cbb88b100b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-089.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using percentages with a minimum minus one value, -1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem invalid should" />
+ <meta name="assert" content="The 'line-height' property sets a minimum minus one length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1in Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3, #div4
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div2, #div4
+ {
+ background: black;
+ }
+ #div2
+ {
+ height: 1.2em;
+ left: 0;
+ }
+ #div3
+ {
+ background: blue;
+ color: blue;
+ left: 1em;
+ line-height: -1%;
+ }
+ #div4
+ {
+ height: 1em;
+ left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the height of the blue box is similar to the height of the black boxes. It is acceptable to have the blue box height be shorter or taller than the height of either of the black boxes. The black boxes represent the recommended settings for 'line-height'.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">X</div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-090.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-090.xht
new file mode 100644
index 0000000000..b1a176a3f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-090.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using percentages with a minimum value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 0%;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-091.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-091.xht
new file mode 100644
index 0000000000..53821feb84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-091.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using percentages with a minimum plus one value, 1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="96dpi ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum plus one length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 1%;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same height.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-092.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-092.xht
new file mode 100644
index 0000000000..ba66d29d94
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-092.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using percentages with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a negative zero length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: -0%;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-093.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-093.xht
new file mode 100644
index 0000000000..9d1f3c96fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-093.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using percentages with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive zero length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +0%;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-094.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-094.xht
new file mode 100644
index 0000000000..5879c95818
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-094.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using percentages with a nominal value, 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-069-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a nominal length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 100%;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-095.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-095.xht
new file mode 100644
index 0000000000..592d327302
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-095.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using percentages with a positive nominal value, +100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-069-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive nominal length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +100%;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-100.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-100.xht
new file mode 100644
index 0000000000..821c37d59e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-100.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height with a minimum minus one value, -1</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem invalid should" />
+ <meta name="assert" content="The 'line-height' property sets a minimum minus one number value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1in Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3, #div4
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div2, #div4
+ {
+ background: black;
+ }
+ #div2
+ {
+ height: 1.2em;
+ left: 0;
+ }
+ #div3
+ {
+ background: blue;
+ color: blue;
+ left: 1em;
+ line-height: -1;
+ }
+ #div4
+ {
+ height: 1em;
+ left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the height of the blue box is similar to the height of the black boxes. It is acceptable to have the blue box height be shorter or taller than the height of either of the black boxes. The black boxes represent the recommended settings for 'line-height'.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">X</div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-101.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-101.xht
new file mode 100644
index 0000000000..1fe198f1a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-101.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height with a minimum value, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum number value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 0;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-102-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-102-ref.xht
new file mode 100644
index 0000000000..12f04c565e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-102-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img + img
+ {
+ left: 2px;
+ position: relative;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 vertical black stripes have the <strong>same height</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="20" height="40" alt="Image download support must be enabled" /><img src="support/black15x15.png" width="20" height="40" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-102.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-102.xht
new file mode 100644
index 0000000000..d4426b8024
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-102.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using pixels with a minimum plus one value, 1</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-102-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a minimum plus one number value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 1;
+ }
+ #div3
+ {
+ height: 2em;
+ left: 1.1em;
+ position: absolute;
+ top: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 vertical black stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-103.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-103.xht
new file mode 100644
index 0000000000..ec45d0f7da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-103.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height using pixels with a negative zero value, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a negative zero number value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: -0;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-104.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-104.xht
new file mode 100644
index 0000000000..4801ca2a95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-104.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height with a positive zero value, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive zero number value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +0;
+ }
+ #div3
+ {
+ height: 1em;
+ left: 1.1em;
+ position: absolute;
+ top: -0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 small black squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-105-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-105-ref.xht
new file mode 100644
index 0000000000..dc8d0172da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-105-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img + img
+ {
+ left: 2px;
+ position: relative;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="20" height="100" alt="Image download support must be enabled" /><img src="support/black15x15.png" width="20" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-105.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-105.xht
new file mode 100644
index 0000000000..848595dba0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-105.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height with a nominal value, 5</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-105-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a nominal number value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: 5;
+ }
+ #div3
+ {
+ height: 5em;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-106.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-106.xht
new file mode 100644
index 0000000000..b2bc9e7716
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-106.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height with a positive nominal value, +5</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-105-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property sets a positive nominal number value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ }
+ #div2
+ {
+ line-height: +5;
+ }
+ #div3
+ {
+ height: 5em;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-111.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-111.xht
new file mode 100644
index 0000000000..9c0017bb64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-111.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height with keyword value of 'normal'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem should" />
+ <meta name="assert" content="The 'line-height' property set to 'normal' uses the default line-height." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 100px Ahem;
+ }
+ div div
+ {
+ background: black;
+ float: left;
+ width: 1em;
+ }
+ #test
+ {
+ background: blue;
+ color: blue;
+ line-height: normal;
+ }
+ #one
+ {
+ height: 1em;
+ }
+ #onepointtwo
+ {
+ height: 1.2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the height of the blue box is similar to the height of the black boxes. It is acceptable to have the blue box height be shorter or taller than the height of either of the black boxes. The black boxes represent the recommended settings for 'line-height'.</p>
+ <div>
+ <div id="onepointtwo"></div>
+ <div id="test">X</div>
+ <div id="one"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-112.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-112.xht
new file mode 100644
index 0000000000..6460895667
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-112.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height with keyword value of 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'line-height' property set to 'inherit' uses the default line-height." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ line-height: 1in;
+ position: relative;
+ width: 1em;
+ }
+ div div
+ {
+ background: black;
+ line-height: 1em;
+ }
+ #div2
+ {
+ line-height: inherit;
+ }
+ #div3
+ {
+ height: 1in;
+ left: 1.1em;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 black vertical stripes have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">X</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-121-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-121-ref.xht
new file mode 100644
index 0000000000..4adadb0a13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-121-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short green rectangle and <strong>no red</strong>.</p>
+
+ <div><img src="support/green15x15.png" width="120" height="40" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-121.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-121.xht
new file mode 100644
index 0000000000..38cc708841
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-121.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The 'line-height' property</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/line-height/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" />
+ <link rel="match" href="line-height-121-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .container { background: red; height: 1.25em; width: 7.5em; }
+ .test { font: 2.5em/0 Ahem; background: green; color: green; }
+ .test { line-height: 1; } /* should override previous line */
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short green rectangle and <strong>no red</strong>.</p>
+ <div class="container"><div class="test">ppp</div></div>
+
+ <!-- "p" is like an underscore in Ahem. -->
+
+ <!-- the result will be that if the line-height is 0, then the
+ container will be visible as the test will be height:0 and the
+ text will overflow the test with a small green line, leaving
+ the red of the container visible. otherwise, line-height is
+ 1, the test block will grow to be bigger than the
+ container, overflowing it, and hiding the red. -->
+
+ <!-- see ../001.html -->
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-122.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-122.xht
new file mode 100644
index 0000000000..280e49e7ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-122.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Images on baselines</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/line-height/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" />
+
+ <meta content="image" name="flags" />
+
+ <style type="text/css">
+ p { font: 15px/1 serif; }
+ span { background: lime; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a bright green line below the orange square below.</p>
+ <p><span><img alt="Please enable images for this test." src="support/swatch-orange.png" /></span></p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-123.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-123.xht
new file mode 100644
index 0000000000..118232cc09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-123.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Images on baselines</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/line-height/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" />
+
+ <meta content="image" name="flags" />
+
+ <style type="text/css">
+ body { font: 15px/1 serif; }
+ td { background: lime; padding: 0; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a bright green line below the orange square below.</p>
+ <table><tr><td><img alt="Please enable images for this test." src="support/swatch-orange.png"/></td></tr></table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-124.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-124.xht
new file mode 100644
index 0000000000..f90fb79414
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-124.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Images on baselines</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/line-height/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" />
+
+ <meta content="image" name="flags" />
+
+ <style type="text/css">
+ body { font: 15px/1 serif; }
+ span { background: lime; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a bright green line below the orange square below.</p>
+ <table><tr><td><span><img alt="Please enable images for this test." src="support/swatch-orange.png"/></span></td></tr></table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-125-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-125-ref.xht
new file mode 100644
index 0000000000..5ceb2a45e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-125-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ font-size: 50px;
+ line-height: 50px;
+ width: 200px;
+ }
+
+ span
+ {
+ background-color: green;
+ color: white;
+ padding-top: 10px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be one word on the line below, clearly saying "pass".</p>
+
+ <div><span>PASS</span></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-125.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-125.xht
new file mode 100644
index 0000000000..47ca6eb843
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-125.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inheritance of em units</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/line-height/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" />
+ <link rel="match" href="line-height-125-ref.xht" />
+
+ <style type="text/css">
+ .fontsize { font-size: 10px; }
+ .lineheight { line-height: 1em; }
+ .test { font-size: 50px; width: 200px; padding-top: 10px; }
+ .fail { color: red; }
+ .pass { color: white; background: green; padding-top: 10px; }
+ </style>
+ </head>
+ <body>
+ <p>There should be one word on the line below, clearly saying "pass".</p>
+ <div class="fontsize">
+ <div class="lineheight">
+ <div class="test"><span class="fail">FAIL</span> <span class="pass">PASS</span></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-126-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-126-ref.xht
new file mode 100644
index 0000000000..56ea70a1ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-126-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-top: green solid 1px;
+ width: 10em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short thin green line and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-126.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-126.xht
new file mode 100644
index 0000000000..bb979b8d91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-126.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: line-height of images</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/line-height/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" />
+ <link rel="match" href="line-height-126-ref.xht" />
+
+ <meta content="image" name="flags" />
+
+ <style type="text/css">
+ div { background: red; line-height: 0; width: 10em; }
+ img { width: 10em; height: 1px; vertical-align: top; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short thin green line and <strong>no red</strong>.</p>
+ <div><img src="support/1x1-green.png" alt="FAIL (images required)"/></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-127-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-127-ref.xht
new file mode 100644
index 0000000000..7324408086
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-127-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/green15x15.png" width="160" height="47" alt="Image download support must be enabled" /><img src="support/green15x15.png" width="160" height="48" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-127.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-127.xht
new file mode 100644
index 0000000000..3b75153036
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-127.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: line-height of images</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/line-height/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" />
+ <link rel="match" href="line-height-127-ref.xht" />
+
+ <meta content="ahem image" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table { font: 10em/1 Ahem; border-spacing: 0; }
+ td { padding: 0; background: red; }
+ img { width: 1em; height: 1px; }
+ .test { line-height: 0; background: green; }
+ .control { height: 0.3em; background: green; width: 1em; }
+ </style>
+ </head>
+ <body>
+
+ <!--
+ ! The 0.3em comes from the following:
+ !
+ ! * The font is 1em high
+ ! * The line height is 0
+ ! * The half leading is therefore -0.5em centered around the middle of the font
+ ! * The baseline is 0.2em from the bottom of the font
+ ! * Thus the distance from the baseline to the center is 0.3em
+ ! * The image is placed on the baseline
+ | * The line box has to include the image and the middle of the font
+ ! * Thus the line box is 0.3em high
+ !
+ !-->
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <table>
+ <tr>
+ <td><div class="test"><img src="support/1x1-white.png" alt="FAIL (images required)"/></div></td>
+ <td><div class="control"></div></td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-128-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-128-ref.xht
new file mode 100644
index 0000000000..698cdc7553
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-128-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 180px;
+ width: 360px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-128.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-128.xht
new file mode 100644
index 0000000000..8d6c34dc44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-128.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/line-height/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" />
+ <link rel="match" href="line-height-128-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div { background: red; color: green; border: 1em solid; float: left; font: 3.75em/1 Ahem; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>XXXX</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-129.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-129.xht
new file mode 100644
index 0000000000..78f90fbd7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-129.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+ <title>CSS Test: height of line box and inline replaced elements</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Alan Gresley" href="mailto:alan@css-class.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8 Line height calculations: the 'line-height' and 'vertical-align' properties" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2013Oct/0546.html" title="line-height: normal and multiple descendant font sizes" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="This test checks the height determination of a line box when such line box is made of a single inline replaced element. In this test, we verify that the margin box of an inline replaced element does indeed determine the line box height. div {line-height: 0px} rule only determines the minimum of the line box height." />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ line-height: 0px;
+ }
+
+ img
+ {
+ margin-bottom: -100px;
+ margin-top: 0px;
+ vertical-align: bottom; /* or top */
+ /*
+ By default, images "sit" on the baseline (vertical-align's default value is 'baseline', not 'bottom' and not 'top') and not at the bottom of line boxes. Therefore, if we want to "nullify" the height of line box, then we must set 'vertical-align' to 'bottom' or to 'top'. "In case they [inline boxes] are [vertically-] aligned [to] 'top' or 'bottom', they must be aligned so as to minimize the line box height.": the line box height would not be minimizable to zero if the inline replaced box had been "sitting" on the baseline.
+ */
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="target"><img src="support/green_box.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-001-ref.xht
new file mode 100644
index 0000000000..594f61ab66
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-001-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="192" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="192" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-001.xht
new file mode 100644
index 0000000000..6262579386
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-001.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'line-height' property applies to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: orange;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ #test
+ {
+ display: table-row-group;
+ line-height: 2in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">&nbsp;</div>
+ </div>
+ </div>
+ </div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-002.xht
new file mode 100644
index 0000000000..98b2f5424e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-002.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'line-height' property applies to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: orange;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ #test
+ {
+ display: table-header-group;
+ line-height: 2in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">&nbsp;</div>
+ </div>
+ </div>
+ </div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-003.xht
new file mode 100644
index 0000000000..af7bda03dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-003.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'line-height' property applies to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: orange;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ #test
+ {
+ display: table-footer-group;
+ line-height: 2in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">&nbsp;</div>
+ </div>
+ </div>
+ </div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-004.xht
new file mode 100644
index 0000000000..d7fd186138
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-004.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'line-height' property applies to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: orange;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ line-height: 2in;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="table">
+ <div id="row">
+ <div id="cell">&nbsp;</div>
+ </div>
+ </div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-005-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-005-ref.xht
new file mode 100644
index 0000000000..c648cbeaf7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-005-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-005.xht
new file mode 100644
index 0000000000..d312d0377e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-005.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-applies-to-005-ref.xht" />
+
+ <meta name="assert" content="The 'line-height' property applies to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: orange;
+ height: 1in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ #test
+ {
+ display: table-column-group;
+ line-height: 2in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-006.xht
new file mode 100644
index 0000000000..61caf7d866
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-006.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-applies-to-005-ref.xht" />
+
+ <meta name="assert" content="The 'line-height' property applies to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: orange;
+ height: 1in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ #test
+ {
+ display: table-column;
+ line-height: 2in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-007.xht
new file mode 100644
index 0000000000..43d6b077d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-007.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'line-height' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: orange;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ line-height: 2in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="table">
+ <div id="row">
+ <div id="cell">&nbsp;</div>
+ </div>
+ </div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-008.xht
new file mode 100644
index 0000000000..6e88cd99fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-008.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'line-height' property applies to elements with 'display' set to 'inline'." />
+ <style type="text/css">
+ #div1
+ {
+ background: blue;
+ position: relative;
+ width: 2in;
+ }
+ #div2
+ {
+ display: inline;
+ line-height: 1in;
+ }
+ #div3
+ {
+ background: orange;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ .box
+ {
+ background: blue;
+ height: 0.5in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div class="box"></div>
+ <div id="div2">&nbsp;</div>
+ <div class="box"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-009.xht
new file mode 100644
index 0000000000..99d587141d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-009.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'line-height' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ div div
+ {
+ background: orange;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ span
+ {
+ background: blue;
+ display: block;
+ line-height: 2in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <span>&nbsp;</span>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-010.xht
new file mode 100644
index 0000000000..d89f44114b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-010.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="assert" content="The 'line-height' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ #div1
+ {
+ margin-left: 1em;
+ position: relative;
+ }
+ div div
+ {
+ background: orange;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ span
+ {
+ background: blue;
+ display: list-item;
+ line-height: 2in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange boxes below are the same height and there is a marker bullet on the left-hand side of the blue box.</p>
+ <div id="div1">
+ <span>&nbsp;</span>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-012.xht
new file mode 100644
index 0000000000..e11ddd0cd3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-012.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'line-height' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: blue;
+ display: inline-block;
+ line-height: 2in;
+ width: 1in;
+ }
+ #div3
+ {
+ background: orange;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">&nbsp;</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-013.xht
new file mode 100644
index 0000000000..fefe16d603
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-013.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'line-height' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: orange;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ line-height: 2in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ width: 1in;
+ }
+ .box
+ {
+ background: black;
+ height: 1em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="table">
+ <div id="row">
+ <div id="cell">&nbsp;</div>
+ </div>
+ </div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-014.xht
new file mode 100644
index 0000000000..8216c04f09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-014.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'line-height' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: orange;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ #table
+ {
+ display: inline-table;
+ table-layout: fixed;
+ line-height: 2in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ width: 1in;
+ }
+ .box
+ {
+ background: black;
+ height: 1em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="table">
+ <div id="row">
+ <div id="cell">&nbsp;</div>
+ </div>
+ </div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-015.xht
new file mode 100644
index 0000000000..3a40b32a41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-015.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'line-height' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: orange;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ background: blue;
+ line-height: 2in;
+ display: table-caption;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="table">
+ <div id="caption">&nbsp;</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-016-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-016-ref.xht
new file mode 100644
index 0000000000..f1af3d01dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-016-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin: 100px auto auto 100px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div><img src="support/green15x15.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-016.xht
new file mode 100644
index 0000000000..d1b788983a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-applies-to-016.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height applied to elements with 'display' set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-applies-to-016-ref.xht" />
+
+ <meta name="assert" content="The 'line-height' property applies to elements with 'display' set to 'none'." />
+ <style type="text/css">
+ div
+ {
+ background-color: green;
+ color: green;
+ height: 100px;
+ margin: 100px;
+ width: 100px;
+ }
+ div div
+ {
+ background-color: red;
+ display: none;
+ font-size: 72pt;
+ line-height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div>
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-001-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-001-ref.xht
new file mode 100644
index 0000000000..91e07de116
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-001-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ font: 1in/1 serif;
+ margin-top: 0.5in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if "Filler Text" is completely visible without any clipping and if there is no red.</p>
+
+ <div>Filler Text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-001.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-001.xht
new file mode 100644
index 0000000000..ab7850dc21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Glyphs overflow line box</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-bleed-001-ref.xht" />
+
+ <meta name="assert" content="Glyphs bleed out of the box when 'line-height' is less than the content height and the height of the box is not increased." />
+ <style type="text/css">
+ #div1
+ {
+ font: 1in/1em serif;
+ margin-top: 1in;
+ }
+ div div
+ {
+ background: red;
+ line-height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if "Filler Text" is completely visible without any clipping and if there is no red.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-002-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-002-ref.xht
new file mode 100644
index 0000000000..942dbea380
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-002-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ margin-top: 50px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-002.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-002.xht
new file mode 100644
index 0000000000..9c69a86734
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-002.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Glyphs overflow when line height of container is less than content height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="line-height-bleed-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="That glyphs bleed out of the box when 'line-height' can overlap adjoining line boxes." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: green;
+ font: 100px/1em Ahem;
+ line-height: 0;
+ margin-top: 100px;
+ width: 100px;
+ }
+ div:first-letter
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div>
+ <span>X X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-003.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-003.xht
new file mode 100644
index 0000000000..e678d2a5a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-bleed-003.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Leading and half leading line heights leads to space above and below</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="assert" content="Line-height can be different from the content area so there is space above and below." />
+ <style type="text/css">
+ div
+ {
+ font: 0.5in/1em serif;
+ }
+ span
+ {
+ border-bottom: 1in solid blue;
+ line-height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between bottom of the first line of "Fillet Text" and the blue box.</p>
+ <div>
+ <span>Filler Text<br />Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-largest-001.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-largest-001.xht
new file mode 100644
index 0000000000..5052031a74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-largest-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height with multiple font sizes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'line-height' value may use the largest font size when there is more than one font size." />
+ <style type="text/css">
+ div
+ {
+ background-color: blue;
+ }
+ #span1
+ {
+ font-size: 0.5in;
+ }
+ #span2
+ {
+ font-size: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is completely contained within the blue box.</p>
+ <div>
+ <span id="span1">Filler</span>
+ <span id="span2">Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-normal-recommendation-001.xht b/testing/web-platform/tests/css/CSS2/linebox/line-height-normal-recommendation-001.xht
new file mode 100644
index 0000000000..9d5103ce87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-normal-recommendation-001.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line-height recommended 'normal' value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem should" />
+ <meta name="assert" content="It is recommended that the 'normal' value for 'line-height' is set to 1.0 or 1.2 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1in Ahem;
+ }
+ #div1
+ {
+ position: relative;
+ }
+ div div
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div2
+ {
+ height: 1em;
+ left: 0;
+ width: 1in;
+ }
+ #div3
+ {
+ background: blue;
+ display: block;
+ left: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ #div4
+ {
+ height: 1.2em;
+ left: 2in;
+ width: 1in;
+ }
+ #div2, #div4
+ {
+ background: orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box below. It is recommended that the blue box is the same height as one of the orange boxes but it is not required.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">&nbsp;</div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-oof-descendants-001-ref.html b/testing/web-platform/tests/css/CSS2/linebox/line-height-oof-descendants-001-ref.html
new file mode 100644
index 0000000000..c338a1b115
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-oof-descendants-001-ref.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<style>
+p {
+ font-size: 20px;
+ line-height: 0;
+}
+</style>
+<p>Some paragraph</p>
+<p>Some paragraph</p>
+<p>Some paragraph</p>
+<p>Some other paragraph</p>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/line-height-oof-descendants-001.html b/testing/web-platform/tests/css/CSS2/linebox/line-height-oof-descendants-001.html
new file mode 100644
index 0000000000..6663b1949a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/line-height-oof-descendants-001.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: line-height is not affected by out-of-flow descendants</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel="help" href="https://www.w3.org/TR/CSS21/visudet.html#line-height">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1426760">
+<link rel="match" href="line-height-oof-descendants-001-ref.html">
+<style>
+p {
+ font-size: 20px;
+ line-height: 0;
+}
+</style>
+<p><span style="position: absolute;"></span>Some paragraph</p>
+<p><span style="float: left;"></span>Some paragraph</p>
+<p><span style="position: fixed;"></span>Some paragraph</p>
+<p>Some other paragraph</p>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/needs-layout-transform.html b/testing/web-platform/tests/css/CSS2/linebox/needs-layout-transform.html
new file mode 100644
index 0000000000..8a307b3b68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/needs-layout-transform.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<title>Reusing cached lines multiple times should not crash</title>
+<link rel="author" href="mailto:kojii@chromium.org">
+<link rel="help" href="https://crbug.com/1102083">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<a><object id="target"><b></b></object><br></a>
+<script>
+test(() => {
+ const target = document.getElementById('target');
+ target.style.setProperty('transition-delay', '9999s');
+ document.body.offsetWidth;
+ target.style.transform = 'scale(1)';
+ document.body.offsetHeight;
+}, 'No crash');
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/linebox/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/linebox/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/linebox/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/linebox/support/black15x15.png b/testing/web-platform/tests/css/CSS2/linebox/support/black15x15.png
new file mode 100644
index 0000000000..b1bbef2cd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/support/black15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/linebox/support/blue96x96.png b/testing/web-platform/tests/css/CSS2/linebox/support/blue96x96.png
new file mode 100644
index 0000000000..820f8cace2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/support/blue96x96.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/linebox/support/green15x15.png b/testing/web-platform/tests/css/CSS2/linebox/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/linebox/support/green_box.png b/testing/web-platform/tests/css/CSS2/linebox/support/green_box.png
new file mode 100644
index 0000000000..6ed4aa506e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/support/green_box.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/linebox/support/iframe-inner.html b/testing/web-platform/tests/css/CSS2/linebox/support/iframe-inner.html
new file mode 100644
index 0000000000..9d8f106b48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/support/iframe-inner.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<span style="position: relative">More...</span>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/support/inline-formatting-context-022.png b/testing/web-platform/tests/css/CSS2/linebox/support/inline-formatting-context-022.png
new file mode 100644
index 0000000000..60d6463610
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/support/inline-formatting-context-022.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/linebox/support/ruler-v-100px-200px.png b/testing/web-platform/tests/css/CSS2/linebox/support/ruler-v-100px-200px.png
new file mode 100644
index 0000000000..3eef21447a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/support/ruler-v-100px-200px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/linebox/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/linebox/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/linebox/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/linebox/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/linebox/support/swatch-teal.png b/testing/web-platform/tests/css/CSS2/linebox/support/swatch-teal.png
new file mode 100644
index 0000000000..0293ce89de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/support/swatch-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/linebox/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/linebox/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-004-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-004-ref.xht
new file mode 100644
index 0000000000..46a4400ceb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-004-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 20px;
+ width: 20px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-004.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-004.xht
new file mode 100644
index 0000000000..0c5240cc8d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-004.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a negative zero length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: -0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-005.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-005.xht
new file mode 100644
index 0000000000..0f300578da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-005.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using pixels with a zero value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a zero length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: 0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-006.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-006.xht
new file mode 100644
index 0000000000..bd2f40b9ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-006.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a positive zero length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: +0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-007-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-007-ref.xht
new file mode 100644
index 0000000000..9fd287de72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-007-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img + img
+ {
+ position: relative;
+ top: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/black15x15.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-007.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-007.xht
new file mode 100644
index 0000000000..282f11c3c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-007.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a nominal length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 96px;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-008.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-008.xht
new file mode 100644
index 0000000000..27acf92519
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-008.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using pixels with a positive nominal value, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a positive nominal length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 96px;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: +96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-016.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-016.xht
new file mode 100644
index 0000000000..d8d5a26b07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-016.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a negative zero length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: -0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-017.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-017.xht
new file mode 100644
index 0000000000..a6cb9d57d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-017.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using points with a zero value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a zero length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: 0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-018.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-018.xht
new file mode 100644
index 0000000000..ea92024074
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-018.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a negative zero length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: +0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-019.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-019.xht
new file mode 100644
index 0000000000..1391a88a4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-019.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a nominal length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 72pt;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: 72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-020.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-020.xht
new file mode 100644
index 0000000000..e4f8d85150
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-020.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using points with a positive nominal value, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a nominal length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 72pt;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: +72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-028.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-028.xht
new file mode 100644
index 0000000000..eb15812971
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-028.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a negative zero length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: -0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-029.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-029.xht
new file mode 100644
index 0000000000..8dcadd3faf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-029.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using picas with a zero value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a zero length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: 0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-030.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-030.xht
new file mode 100644
index 0000000000..71fd6122e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-030.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a positive zero length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: +0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-031.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-031.xht
new file mode 100644
index 0000000000..e6e50bcdc5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-031.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a nominal length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 6pc;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: 6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-032.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-032.xht
new file mode 100644
index 0000000000..6f589064fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-032.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using picas with a positive nominal value, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a positive nominal length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 6pc;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: +6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-040.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-040.xht
new file mode 100644
index 0000000000..03e333e357
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-040.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a negative zero length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: -0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-041.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-041.xht
new file mode 100644
index 0000000000..f5ffb8646f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-041.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using centimeters with a zero value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a zero length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: 0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-042.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-042.xht
new file mode 100644
index 0000000000..701c8d5c9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-042.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a positive zero length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: +0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-043.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-043.xht
new file mode 100644
index 0000000000..9753da5442
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-043.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a nominal length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 2.54cm;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: 2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-044.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-044.xht
new file mode 100644
index 0000000000..608a6ec88f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-044.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using centimeters with a positive nominal value, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a positive nominal length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 2.54cm;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: +2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-052.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-052.xht
new file mode 100644
index 0000000000..a0efd41f3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-052.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a negative zero length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: -0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-053.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-053.xht
new file mode 100644
index 0000000000..e061a83bfd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-053.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using millimeters with a zero value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a zero length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: 0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-054.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-054.xht
new file mode 100644
index 0000000000..0e33ce13dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-054.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a positive zero length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: +0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-055.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-055.xht
new file mode 100644
index 0000000000..4a9d06c603
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-055.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a nominal length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 25.4mm;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: 25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-056.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-056.xht
new file mode 100644
index 0000000000..d47d515610
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-056.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using millimeters with a positive nominal value, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a positive nominal length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 25.4mm;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: +25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-064.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-064.xht
new file mode 100644
index 0000000000..e0cfc059ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-064.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a negative zero length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: -0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-065.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-065.xht
new file mode 100644
index 0000000000..8103243f21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-065.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using inches with a zero value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a zero length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: 0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-066.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-066.xht
new file mode 100644
index 0000000000..4a208131a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-066.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a positive zero length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: +0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-067.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-067.xht
new file mode 100644
index 0000000000..ad701d5299
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-067.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using inches with a nominal value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a nominal length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 1in;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-068.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-068.xht
new file mode 100644
index 0000000000..81554acd36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-068.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using inches with a positive nominal value, +1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a positive nominal length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 1in;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: +1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-076.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-076.xht
new file mode 100644
index 0000000000..c3e6dd83b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-076.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: -0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-077.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-077.xht
new file mode 100644
index 0000000000..2169b9a0de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-077.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using 'em' units with a zero value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-078.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-078.xht
new file mode 100644
index 0000000000..75ea2be7c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-078.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: +0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-079-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-079-ref.xht
new file mode 100644
index 0000000000..950508fe5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-079-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img + img
+ {
+ position: relative;
+ top: 120px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/black15x15.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-079.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-079.xht
new file mode 100644
index 0000000000..beb0291a25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-079.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 6em;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-080.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-080.xht
new file mode 100644
index 0000000000..c293843ae4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-080.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using 'em' units with a positive nominal value, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a positive nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 6em;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: +6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-088.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-088.xht
new file mode 100644
index 0000000000..ab1695203e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-088.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: -0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-089.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-089.xht
new file mode 100644
index 0000000000..662a15cac7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-089.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using 'ex' units with a zero value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: 0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-090.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-090.xht
new file mode 100644
index 0000000000..1182dde9ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-090.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: +0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-091.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-091.xht
new file mode 100644
index 0000000000..f7a22b452d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-091.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using 'ex' units with a nominal value, 6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 6ex;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: 6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-092.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-092.xht
new file mode 100644
index 0000000000..5cf4b9023b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-092.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using 'ex' units with a positive nominal value, +6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a positive nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 6ex;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: +6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-100.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-100.xht
new file mode 100644
index 0000000000..b66e5d336e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-100.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using percentages with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a negative zero length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1em;
+ line-height: 1em;
+ position: relative;
+ width: 1em;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: -0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-101.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-101.xht
new file mode 100644
index 0000000000..61b2541bad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-101.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using percentages with a zero value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a zero length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1em;
+ line-height: 1em;
+ position: relative;
+ width: 1em;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: 0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-102.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-102.xht
new file mode 100644
index 0000000000..fd1eb42aca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-102.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using percentages with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a positive zero length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1em;
+ line-height: 1em;
+ position: relative;
+ width: 1em;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: +0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-103-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-103-ref.xht
new file mode 100644
index 0000000000..888b4575e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-103-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img + img
+ {
+ position: relative;
+ top: 20px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/black15x15.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-103.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-103.xht
new file mode 100644
index 0000000000..665f03477a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-103.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using percentages with a nominal value, 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-103-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a nominal length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1em;
+ line-height: 1em;
+ position: relative;
+ width: 1em;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 100%;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-104.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-104.xht
new file mode 100644
index 0000000000..5cd2dabe2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-104.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align using percentages with a positive nominal value, +100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-103-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a positive nominal length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1em;
+ line-height: 1em;
+ position: relative;
+ width: 1em;
+ }
+ #div2
+ {
+ color: red;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #div4
+ {
+ position: absolute;
+ top: 100%;
+ left: 1em;
+ }
+ #span1
+ {
+ vertical-align: +100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small black squares and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>X
+ </div>
+ <div id="div3">X</div>
+ <div id="div4">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-109.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-109.xht
new file mode 100644
index 0000000000..d43e3c7b40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-109.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align with a negative zero value and no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a negative zero length value with no units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: -0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-110.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-110.xht
new file mode 100644
index 0000000000..de19a1b6ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-110.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align with a zero value and no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a zero length value with no units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-111.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-111.xht
new file mode 100644
index 0000000000..076ff5621c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-111.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align with a positive zero value and no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets a positive zero length value with no units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: +0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small black square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-112.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-112.xht
new file mode 100644
index 0000000000..296f030c19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-112.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align with a keyword, 'baseline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets the keyword 'baseline'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 0.5in/1em Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ top: -0.7in;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: baseline;
+ }
+ #span2
+ {
+ font: 1.5in/1em Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small and large box on the page and there is no red visible on the page.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span><span id="span2">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-113.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-113.xht
new file mode 100644
index 0000000000..798d641f00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-113.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align with a keyword, 'bottom'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets the keyword 'bottom'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 0.5in/1em Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 1in;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: bottom;
+ }
+ #span2
+ {
+ font: 1.5in/1em Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small and large box on the page and there is no red visible on the page.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span><span id="span2">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-114.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-114.xht
new file mode 100644
index 0000000000..35f33a2fe8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-114.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align with a keyword, 'middle'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets the keyword 'middle'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 0.5in/1em Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0.75in;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: middle;
+ }
+ #span2
+ {
+ font: 1.5in/1em Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small and large box on the page and there is no red visible on the page.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span><span id="span2">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-115.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-115.xht
new file mode 100644
index 0000000000..06d31ff0c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-115.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align with a keyword, 'sub'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets the keyword 'sub'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 48px/1em Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ border-top: 2px solid blue;
+ height: 48px;
+ position: absolute;
+ top: 38px;
+ width: 48px;
+ z-index: 1;
+ }
+ #span1
+ {
+ color: orange;
+ vertical-align: sub;
+ }
+ #span2
+ {
+ color: white;
+ font: 96px/1em Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is vertical white space between the bottom of the blue line and the top of the orange square.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span><span id="span2">X</span>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-116.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-116.xht
new file mode 100644
index 0000000000..866858d74c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-116.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align with a keyword, 'super'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets the keyword 'super'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 48px/1em Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ border-top: 2px solid blue;
+ height: 48px;
+ position: absolute;
+ top: 86px;
+ width: 48px;
+ z-index: 1;
+ }
+ #span1
+ {
+ color: orange;
+ vertical-align: super;
+ }
+ #span2
+ {
+ color: white;
+ font: 96px/1em Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is vertical white space between the top of the blue line and the bottom of the orange square.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span><span id="span2">X</span>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-117.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-117.xht
new file mode 100644
index 0000000000..ef380d89a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-117.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align with a keyword, 'text-bottom'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets the keyword 'text-bottom'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ position: absolute;
+ top: 1in;
+ }
+ #span1
+ {
+ font: 1.5in/1em Ahem;
+ }
+ span span
+ {
+ color: red;
+ vertical-align: text-bottom;
+ }
+ #div2, span span
+ {
+ font: 0.5in/1em Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a large and small box on the page and there is no red visible on the page.</p>
+ <div id="div1">
+ <div>
+ <span id="span1"><span>X</span>X</span>
+ </div>
+ <div id="div2">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-117a-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-117a-ref.xht
new file mode 100644
index 0000000000..72dd617d22
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-117a-ref.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: yellow;
+ height: 175px;
+ position: relative;
+ }
+
+ img {position: absolute;}
+
+ img#first-black
+ {
+ left: 0px;
+ top: 90px;
+ }
+
+ img#second-blue
+ {
+ left: 120px;
+ top: 45px;
+ }
+
+ img#third-black
+ {
+ left: 520px;
+ top: 90px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe is vertically offset <strong>above the black stripes on both sides</strong>. The blue stripe must be clearly and entirely above the black stripes.</p>
+
+ <div><img id="first-black" src="../support/black15x15.png" width="160" height="40" alt="Image download support must be enabled" /><img id="second-blue" src="../support/blue15x15.png" width="440" height="40" alt="Image download support must be enabled" /><img id="third-black" src="../support/black15x15.png" width="160" height="40" alt="Image download support must be enabled" />
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-117a.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-117a.xht
new file mode 100644
index 0000000000..ee85840bb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-117a.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'vertical-align: text-bottom' - line-height</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="Section 10.8.1 Leading and half-leading" />
+ <link rel="match" href="vertical-align-117a-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="For inline non-replaced elements (such as the span element in this testcase), the box used for vertical-alignment is the box whose height is the 'line-height' (containing the box's glyphs and the half-leading on each side). 'vertical-align: text-bottom' will align the bottom of such box with the bottom of the parent's content area and not with the bottom of the parent's box." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: yellow;
+ /*
+ The sole purpose for such yellow background
+ is to help delimit and visually identify the
+ content area of the block container box.
+ */
+ font: 2.5em/3.25 Ahem;
+ /*
+ equivalent to font: 40px/130px (with top-half-leading
+ and bottom-half-leading each equal to 45px) but
+ entirely font-size-relative and perfectly
+ text-size-scalable in all browsers
+ */
+ }
+
+ span
+ {
+ color: blue;
+ margin: auto -1em;
+ vertical-align: text-bottom;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe is vertically offset <strong>above the black stripes on both sides</strong>. The blue stripe must be clearly and entirely above the black stripes.</p>
+
+ <div>TTTT<span>MustBeAbove</span>TTTT</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-118.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-118.xht
new file mode 100644
index 0000000000..6bab25f911
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-118.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align with a keyword, 'text-top'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets the keyword 'text-top'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ font: 1.5in/1em Ahem;
+ }
+ span span
+ {
+ color: red;
+ vertical-align: text-top;
+ }
+ #div2, span span
+ {
+ font: 0.5in/1em Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a large and small box on the page and there is no red visible on the page.</p>
+ <div id="div1">
+ <div>
+ <span id="span1"><span>X</span>X</span>
+ </div>
+ <div id="div2">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-118a-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-118a-ref.xht
new file mode 100644
index 0000000000..b0f2b248a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-118a-ref.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: yellow;
+ height: 175px;
+ position: relative;
+ }
+
+ img {position: absolute;}
+
+ img#first-black
+ {
+ left: 0px;
+ top: 45px;
+ }
+
+ img#second-blue
+ {
+ left: 120px;
+ top: 90px;
+ }
+
+ img#third-black
+ {
+ left: 520px;
+ top: 45px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe is vertically offset <strong>below the black stripes on both sides</strong>. The blue stripe must be clearly and entirely below the black stripes.</p>
+
+ <div><img id="first-black" src="../support/black15x15.png" width="160" height="40" alt="Image download support must be enabled" /><img id="second-blue" src="../support/blue15x15.png" width="440" height="40" alt="Image download support must be enabled" /><img id="third-black" src="../support/black15x15.png" width="160" height="40" alt="Image download support must be enabled" />
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-118a.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-118a.xht
new file mode 100644
index 0000000000..9598cbdd3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-118a.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'vertical-align: text-top' - line-height</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="Section 10.8.1 Leading and half-leading" />
+ <link rel="match" href="vertical-align-118a-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="For inline non-replaced elements (such as the span element in this testcase), the box used for vertical-alignment is the box whose height is the 'line-height' (containing the box's glyphs and the half-leading on each side). 'vertical-align: text-top' will align the top of such box with the top of the parent's content area and not with the bottom of the parent's box." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: yellow;
+ /*
+ The sole purpose for such yellow background
+ is to help delimit and visually identify the
+ content area of the block container box.
+ */
+ font: 2.5em/3.25 Ahem;
+ /*
+ equivalent to font: 40px/130px (with top-half-leading
+ and bottom-half-leading each equal to 45px) but
+ entirely font-size-relative and perfectly
+ text-size-scalable in all browsers
+ */
+ }
+
+ span
+ {
+ color: blue;
+ margin: auto -1em;
+ vertical-align: text-top;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe is vertically offset <strong>below the black stripes on both sides</strong>. The blue stripe must be clearly and entirely below the black stripes.</p>
+
+ <div>LLLL<span>MustBeBelow</span>LLLL</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-119.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-119.xht
new file mode 100644
index 0000000000..26c3758f62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-119.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align with a keyword, 'top'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets the keyword 'top'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 0.5in/1em Ahem;
+ position: relative;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: top;
+ }
+ #span2
+ {
+ font: 1.5in/1em Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small and large box on the page and there is no red visible on the page.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span><span id="span2">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-120.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-120.xht
new file mode 100644
index 0000000000..dd01dfb76a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-120.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align with a keyword, 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property sets the keyword 'inherit' and inherits the computed value from the parent element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 0.5in/1em Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ vertical-align: middle;
+ }
+ #div3
+ {
+ position: absolute;
+ top: 0.75in;
+ }
+ #span1
+ {
+ color: red;
+ vertical-align: inherit;
+ }
+ #span2
+ {
+ font: 1.5in/1em Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small and large box on the page and there is no red visible on the page.</p>
+ <div id="div1">
+ <div id="div2">
+ <span id="span1">X</span><span id="span2">X</span>
+ </div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-121-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-121-ref.xht
new file mode 100644
index 0000000000..c0db9e0e8b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-121-ref.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div#table
+ {
+ border-collapse: collapse;
+ display: table;
+ font: 30px/1 Ahem;
+ width: 6em;
+ }
+
+ div.tr
+ {
+ display: table-row;
+ }
+
+ div.td
+ {
+ color: white;
+ display: table-cell;
+ }
+
+ div#top
+ {
+ border-top: blue solid medium;
+ }
+
+ div.navy
+ {
+ color: navy;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a plus sign with a blue line traversing through its middle.</p>
+
+ <div id="table">
+ <div class="tr"><div class="td">A</div><div class="td">B</div><div class="navy td">C</div><div class="navy td">D</div><div class="td">E</div><div class="td">F</div></div>
+
+ <div class="tr"><div class="td">G</div><div class="navy td">H</div><div class="navy td">I</div><div class="navy td">J</div><div class="navy td">K</div><div class="td">L</div></div>
+
+ <div class="tr" id="top"><div class="td">M</div><div class="navy td">N</div><div class="navy td">O</div><div class="navy td">P</div><div class="navy td">Q</div><div class="td">R</div></div>
+
+ <div class="tr"><div class="td">S</div><div class="td">T</div><div class="navy td">U</div><div class="navy td">V</div><div class="td">W</div><div class="td">X</div></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-121.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-121.xht
new file mode 100644
index 0000000000..eac216efdf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-121.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: vertical-align: top</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2016-06-01 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/vertical-align/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" />
+ <link rel="match" href="vertical-align-121-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div { color: navy; text-align: center; width: 6em; font: 30px/1 Ahem; }
+ span { font-size: 2em; }
+ .bottom { border-bottom: solid blue; }
+ .bottom span { vertical-align: bottom; }
+ .top span { vertical-align: top; }
+ </style>
+ </head>
+ <body>
+
+ <p>There should be a plus sign with a blue line traversing through its middle.</p>
+ <div class="bottom">x<span>X</span>x</div>
+ <div class="top">x<span>X</span>x</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-001-ref.xht
new file mode 100644
index 0000000000..8ed51e0c21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: orange;
+ height: 96px;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue square is in the <strong>upper-left corner</strong> of a bigger orange square.</p>
+
+ <div><img src="support/swatch-blue.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-001.xht
new file mode 100644
index 0000000000..fca1480f73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-001.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property does not apply to elements with 'display' set to 'table-row-group'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: blue;
+ font: 20px/1em Ahem;
+ }
+ #test
+ {
+ display: table-row-group;
+ vertical-align: bottom;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: orange;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the <strong>upper-left corner</strong> of a bigger orange square.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-002.xht
new file mode 100644
index 0000000000..44eda65ed8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-002.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property does not apply to elements with 'display' set to 'table-header-group'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: blue;
+ font: 20px/1em Ahem;
+ }
+ #test
+ {
+ display: table-header-group;
+ vertical-align: bottom;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: orange;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the <strong>upper-left corner</strong> of a bigger orange square.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-003.xht
new file mode 100644
index 0000000000..9ccd4e0ae2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-003.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property does not apply to elements with 'display' set to 'table-footer-group'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: blue;
+ font: 20px/1em Ahem;
+ }
+ #test
+ {
+ display: table-footer-group;
+ vertical-align: bottom;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: orange;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the <strong>upper-left corner</strong> of a bigger orange square.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-004.xht
new file mode 100644
index 0000000000..f526a704d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-004.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property does not apply to elements with 'display' set to 'table-row'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: blue;
+ font: 20px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ vertical-align: bottom;
+ }
+ #cell
+ {
+ background: orange;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the <strong>upper-left corner</strong> of a bigger orange square.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-005.xht
new file mode 100644
index 0000000000..624517ae3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-005.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property does not apply to elements with 'display' set to 'table-column-group'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: blue;
+ font: 20px/1em Ahem;
+ }
+ #test
+ {
+ display: table-column-group;
+ vertical-align: bottom;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: orange;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the <strong>upper-left corner</strong> of a bigger orange square.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-006.xht
new file mode 100644
index 0000000000..a5aacec7d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-006.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property does not apply to elements with 'display' set to 'table-column'." />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/003.html"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: blue;
+ font: 20px/1em Ahem;
+ }
+ #test
+ {
+ display: table-column;
+ vertical-align: bottom;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: orange;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the <strong>upper-left corner</strong> of a bigger orange square.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-007-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-007-ref.xht
new file mode 100644
index 0000000000..1d19405b65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-007-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: orange;
+ height: 96px;
+ width: 96px;
+ }
+
+ img
+ {
+ position: relative;
+ top: 76px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue square is in the <strong>lower-left corner</strong> of a bigger orange square.</p>
+
+ <div><img src="support/swatch-blue.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-007.xht
new file mode 100644
index 0000000000..b328b514de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-007.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-applies-to-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property applies to elements with 'display' set to 'table-cell'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: blue;
+ font: 20px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: orange;
+ display: table-cell;
+ height: 1in;
+ vertical-align: bottom;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the <strong>lower-left corner</strong> of a bigger orange square.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-008-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-008-ref.xht
new file mode 100644
index 0000000000..a7b75fcf7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-008-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: orange;
+ height: 100px;
+ }
+
+ img
+ {
+ position: relative;
+ top: 80px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue square is in the <strong>lower-left corner</strong> of a wide orange rectangle.</p>
+
+ <div><img src="support/swatch-blue.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-008.xht
new file mode 100644
index 0000000000..d9d9176a2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-008.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-applies-to-008-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property applies to elements with 'display' set to 'inline'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: orange;
+ }
+ div div
+ {
+ display: inline;
+ }
+ #div1
+ {
+ color: blue;
+ font: 20px/1em Ahem;
+ vertical-align: bottom;
+ }
+ #div2
+ {
+ color: orange;
+ font: 100px/1em Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the <strong>lower-left corner</strong> of a wide orange rectangle.</p>
+ <div>
+ <div id="div1">X</div>
+ <div id="div2">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-009.xht
new file mode 100644
index 0000000000..0270f4119b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-009.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property does not apply to elements with 'display' set to 'block'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ background: orange;
+ color: blue;
+ display: block;
+ font: 20px/1em Ahem;
+ height: 1in;
+ vertical-align: bottom;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the <strong>upper-left corner</strong> of a bigger orange square.</p>
+ <div>
+ <span>X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-010.xht
new file mode 100644
index 0000000000..7240970c26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-010.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property does not apply to elements with 'display' set to 'list-item'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: orange;
+ color: blue;
+ display: list-item;
+ font: 50px/1 Ahem;
+ height: 100px;
+ margin-left: 2em;
+ vertical-align: middle;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square in the upper-left corner of the orange square and there is a blue marker bullet on the left-hand side of the squares.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-012.xht
new file mode 100644
index 0000000000..2cc4f8a01f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-012.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property does not apply to elements with 'display' set to 'inline-block'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: orange;
+ color: blue;
+ display: inline-block;
+ font: 20px/1em Ahem;
+ height: 1in;
+ vertical-align: bottom;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the <strong>upper-left corner</strong> of a bigger orange square.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-013.xht
new file mode 100644
index 0000000000..a618891b72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-013.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property does not apply to elements with 'display' set to 'table'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: blue;
+ font: 20px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ vertical-align: bottom;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: orange;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the <strong>upper-left corner</strong> of a bigger orange square.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-014.xht
new file mode 100644
index 0000000000..bec0080b2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-014.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property does not apply to elements with 'display' set to 'inline-table'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: blue;
+ font: 20px/1em Ahem;
+ }
+ #table
+ {
+ display: inline-table;
+ table-layout: fixed;
+ vertical-align: bottom;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: orange;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the <strong>upper-left corner</strong> of a bigger orange square.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">X</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-015.xht
new file mode 100644
index 0000000000..68f7c0705f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-applies-to-015.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property does not apply to elements with 'display' set to 'table-caption'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: blue;
+ font: 20px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ background: orange;
+ display: table-caption;
+ height: 1in;
+ vertical-align: bottom;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is in the <strong>upper-left corner</strong> of a bigger orange square.</p>
+ <div id="table">
+ <div id="caption">X</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-001-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-001-ref.xht
new file mode 100644
index 0000000000..5b3d04d533
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-001-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-bottom: orange solid medium;
+ color: blue;
+ font: 100px/1 Ahem;
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if 2 blue squares are touching but not overlapping the orange line.</p>
+
+ <div>A B</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-001.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-001.xht
new file mode 100644
index 0000000000..916d649e8a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-001.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align set to '0%' is equal to 'baseline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-baseline-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property set to '0%' means the same as the 'baseline'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-bottom: solid orange;
+ color: blue;
+ font: 100px/1 Ahem;
+ height: 100px;
+ }
+ #span1
+ {
+ vertical-align: 0%;
+ }
+ #span2
+ {
+ vertical-align: baseline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 blue squares are touching but not overlapping the orange line.</p>
+ <div>
+ <span id="span1">X</span>
+ <span id="span2">X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-002.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-002.xht
new file mode 100644
index 0000000000..69c380bdd7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-002.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align set to '0' is equal to 'baseline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-baseline-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property set to '0' means the same as the 'baseline'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-bottom: solid orange;
+ color: blue;
+ font: 100px/1 Ahem;
+ height: 100px;
+ }
+ #span1
+ {
+ vertical-align: 0%;
+ }
+ #span2
+ {
+ vertical-align: baseline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 blue squares are touching but not overlapping the orange line.</p>
+ <div>
+ <span id="span1">X</span>
+ <span id="span2">X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-003-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-003-ref.xht
new file mode 100644
index 0000000000..90b1cdb65a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-003-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ background-color: orange;
+ border-spacing: 0px;
+ }
+
+ col#middle {width: 80px;}
+
+ td {padding: 0px;}
+
+ td.bottom
+ {
+ background-color: white;
+ vertical-align: bottom;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the last line of "Filler Text" inside the orange rectangle is on the same line as the arrows "--&gt;" "&lt;--".</p>
+
+ <table>
+ <col></col> <col id="middle"></col> <col></col>
+ <tr><td class="bottom">--&gt;&nbsp;</td><td>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</td><td class="bottom">&nbsp;&lt;--</td></tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-003.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-003.xht
new file mode 100644
index 0000000000..b6b5ea30de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-003.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align applied to 'inline-block' and baseline alignment</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-baseline-003-ref.xht" />
+
+ <meta name="assert" content="The 'vertical-align' property aligns the last line box of 'inline-block' elements with the baseline." />
+ <style type="text/css">
+ #span1
+ {
+ font-size: 16px;
+ }
+ #span2
+ {
+ background: orange;
+ display: inline-block;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the last line of "Filler Text" inside the orange rectangle is on the same line as the arrows "--&gt;" "&lt;--".</p>
+ <div>
+ <span id="span1">--&gt; <span id="span2">Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</span> &lt;--</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-004.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-004.xht
new file mode 100644
index 0000000000..454aa6218b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-004.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align applied to empty 'inline-block' and baseline alignment</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property aligns an empty 'inline-block' elements' bottom margin edge with the baseline." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ width: 3in;
+ }
+ #span1
+ {
+ color: white;
+ font: 1in/1em Ahem;
+ }
+ #span2
+ {
+ background: white;
+ display: inline-block;
+ height: 1in;
+ position: relative;
+ top: 0.2em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 parallel black bars of equal width.</p>
+ <div>
+ <span id="span1">X<span id="span2"></span>X</span>
+ </div>
+ <div id="reference">XXX</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-004a-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-004a-ref.xht
new file mode 100644
index 0000000000..8182e70892
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-004a-ref.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p
+ {
+ font: 1em/1.25 serif;
+ margin: 1em 0em;
+ }
+
+ div
+ {
+ background-color: yellow;
+ height: 209px;
+ position: relative;
+ }
+
+ img#blue-square, img#vertical-ruler {vertical-align: top;}
+
+ img#black-stripe
+ {
+ bottom: 0px;
+ position: absolute;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the bottom edge of the blue square is flush with the 100px<br />
+ line and if the top edge of the black stripe is flush with the 200px line.</p>
+
+ <div><img id="blue-square" src="../support/blue15x15.png" width="100" height="100" alt="Image download support must be enabled" /><img id="vertical-ruler" src="../support/ruler-v-100px-200px.png" width="55" height="250" alt="Image download support must be enabled" /><img id="black-stripe" src="../support/black15x15.png" width="345" height="10" alt="Image download support must be enabled" />
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-004a.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-004a.xht
new file mode 100644
index 0000000000..dbb83cf965
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-004a.xht
@@ -0,0 +1,92 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Vertical-align applied to empty 'inline-block' and baseline alignment</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading" />
+ <link rel="match" href="vertical-align-baseline-004a-ref.xht" />
+
+ <meta content="ahem image" name="flags" />
+ <meta content="The baseline of an 'inline-block' that has no in-flow line boxes is at its bottom margin edge. The bottom margin edge of an 'inline-block' that has no inflow line boxes will 'sit' on the baseline, will be located on the baseline of such 'inline-block'." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p
+ {
+ font: 1em/1.25 serif;
+ margin: 1em 0em;
+ }
+
+ div#wrapper
+ {
+ background-color: yellow;
+ /*
+ The sole purpose for such yellow background
+ is to help delimit and visually identify the
+ content area of the block container box.
+ */
+
+ color: black;
+ font: 50px/1 Ahem;
+ /*
+ So that 50px / 5 == 10 without remainder;
+ that way, the accurate position of baseline
+ does not imply fractional pixel.
+ Also, the height of the "p" glyph will not
+ create fractional pixel either.
+ */
+ }
+
+ div#inline-block-without-inflow-line-boxes
+ {
+ background-color: blue;
+ display: inline-block;
+ margin-bottom: 99px;
+ height: 2em;
+ width: 2em;
+ }
+
+ img
+ {
+ position: absolute;
+ top: 72px;
+
+ /*
+
+ 16px : max(body's margin-top, p's margin-top) == max(8px, 16px)
+ +
+ 20px : p's first line box height
+ +
+ 20px : p's second line box height
+ +
+ 16px : p's margin-bottom
+ ========
+ 72px
+
+ */
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the bottom edge of the blue square is flush with the 100px<br />
+ line and if the top edge of the black stripe is flush with the 200px line.</p>
+
+ <div id="wrapper"><div id="inline-block-without-inflow-line-boxes"></div><img src="support/ruler-v-100px-200px.png" width="55" height="250" alt="Image download support must be enabled" />pppppppp</div>
+
+ <!--
+ By definition, the top of "p" glyphs - which is the
+ black stripe in the rendered layout - should be
+ perfectly flush with the baseline.
+ -->
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-005.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-005.xht
new file mode 100644
index 0000000000..511c537124
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-005.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align applied to an 'inline-block' with 'overflow' not set to 'visible' and baseline alignment</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'vertical-align' property aligns an 'inline-block' elements' bottom margin edge with the baseline when 'overflow' is not set to 'visible'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ background: blue;
+ color: blue;
+ }
+ #span2
+ {
+ color: orange;
+ display: inline-block;
+ margin-bottom: 1em;
+ height: 4em;
+ overflow: hidden;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange box below is above the blue box.</p>
+ <div>
+ <span id="span1">X<span id="span2">XXXXX XXXXX XXXXX XXXXX XXXXX</span>X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-005a.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-005a.xht
new file mode 100644
index 0000000000..e2983d5b8e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-005a.xht
@@ -0,0 +1,89 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Vertical-align applied to an 'inline-block' with 'overflow' not set to 'visible' and baseline alignment</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading" />
+ <link rel="match" href="vertical-align-baseline-004a-ref.xht" />
+
+ <meta content="ahem image" name="flags" />
+ <meta content="The baseline of an 'inline-block' whose 'overflow' property has a computed value other than 'visible' is located at its bottom margin edge." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p
+ {
+ font: 1em/1.25 serif;
+ margin: 1em 0em;
+ }
+
+ div#wrapper
+ {
+ background-color: yellow;
+ /*
+ The sole purpose for such yellow background
+ is to help delimit and visually identify the
+ content area of the block container box.
+ */
+
+ color: black;
+ font: 50px/1 Ahem;
+ /*
+ So that 50px / 5 == 10 without remainder;
+ that way, the accurate position of baseline
+ does not imply fractional pixel.
+ Also, the height of the "p" glyph will not
+ create fractional pixel either.
+ */
+ }
+
+ div#inline-block-with-overflow-hidden
+ {
+ color: blue;
+ display: inline-block;
+ margin-bottom: 99px;
+ height: 2em;
+ overflow: hidden;
+ width: 2em;
+ }
+
+ img
+ {
+ position: absolute;
+ top: 72px;
+
+ /*
+
+ 16px : max(body's margin-top, p's margin-top) == max(8px, 16px)
+ +
+ 20px : p's first line box height
+ +
+ 20px : p's second line box height
+ +
+ 16px : p's margin-bottom
+ ========
+ 72px
+
+ */
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the bottom edge of the blue square is flush with the 100px<br />
+ line and if the top edge of the black stripe is flush with the 200px line.</p>
+
+ <div id="wrapper">
+ <div id="inline-block-with-overflow-hidden">XXX XXX XXX</div><img src="support/ruler-v-100px-200px.png" width="55" height="250" alt="Image download support must be enabled" />pppppppp
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-006.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-006.xht
new file mode 100644
index 0000000000..7d142e1794
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-006.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Baseline alignment with an inline element parent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+
+ <meta name="assert" content="The baseline of an inline element is aligned with the baseline of its child inline-block when 'vertical-align: baseline' is specified on the child." />
+ <style type="text/css">
+ #test
+ {
+ display: inline-block;
+ font-size: 2em;
+ vertical-align: baseline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the bottoms of all the 'X's are aligned.</p>
+ <div>
+ <span>XXXXX<span id="test">XXXXX</span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-006a.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-006a.xht
new file mode 100644
index 0000000000..084110c370
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-006a.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Baseline alignment of an inline-block with vertical padding and margin</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading" />
+
+ <meta name="assert" content="The baseline of an (anonymous) inline element is aligned with the baseline of the last line box of an 'inline-block' in the normal flow as 'vertical-align: baseline' is by default applied. In such case, the vertical padding and vertical margin have no influence on the position of the baseline line of an 'inline-block'." />
+
+ <style type="text/css"><![CDATA[
+ div > div
+ {
+ display: inline-block;
+ font-size: 30px;
+ margin: 0.3em 0em;
+ padding: 0.7em 0em;
+ vertical-align: baseline;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the bottom of all 'L's are aligned.</p>
+
+ <div>LLLLL
+ <div>
+ <p>ABCDE</p>
+ <p>LLLLL</p>
+ </div>LLLLL
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-007-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-007-ref.xht
new file mode 100644
index 0000000000..d787250f0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-007-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ span {font-size: 2em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the bottoms of all the 'X's are aligned.</p>
+
+ <div>XXXXX<span>XXXXX</span></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-007.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-007.xht
new file mode 100644
index 0000000000..e272425996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-007.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Baseline alignment with a block element parent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-baseline-007-ref.xht" />
+
+ <meta name="assert" content="The baseline of a block element is aligned with the baseline of its child inline element when 'vertical-align: baseline' is specified on the child." />
+ <style type="text/css">
+ span
+ {
+ font-size: 2em;
+ vertical-align: baseline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the bottoms of all the 'X's are aligned.</p>
+ <div>
+ XXXXX<span>XXXXX</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-008-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-008-ref.xht
new file mode 100644
index 0000000000..887ae37573
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-008-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ left: 3px;
+ position: relative;
+ top: 3px;
+ }
+
+ span {font-size: 2em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the bottoms of all the 'X's are aligned.</p>
+
+ <div>XXXXX<span>XXXXX</span></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-008.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-008.xht
new file mode 100644
index 0000000000..eac3e33903
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-008.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Baseline alignment with a table-cell element parent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-baseline-008-ref.xht" />
+
+ <meta name="assert" content="The baseline of a table cell element is aligned with the baseline of its child inline element when 'vertical-align: baseline' is specified on the child." />
+ <style type="text/css">
+ span
+ {
+ font-size: 2em;
+ vertical-align: baseline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the bottoms of all the 'X's are aligned.</p>
+ <table>
+ <tr>
+ <td>XXXXX<span>XXXXX</span></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-009.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-009.xht
new file mode 100644
index 0000000000..a74543110d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-009.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Baseline alignment with a table caption element parent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-baseline-007-ref.xht" />
+
+ <meta name="assert" content="The baseline of a table caption element is aligned with the baseline of its child inline element when 'vertical-align: baseline' is specified on the child." />
+ <style type="text/css">
+ span
+ {
+ font-size: 2em;
+ vertical-align: baseline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the bottoms of all the 'X's are aligned.</p>
+ <table>
+ <caption>XXXXX<span>XXXXX</span></caption>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-010.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-010.xht
new file mode 100644
index 0000000000..1e5a0df855
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-baseline-010.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Baseline alignment with an inline-block element parent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="assert" content="The baseline of an inline-block element is aligned with the baseline of its child inline element when 'vertical-align: baseline' is specified on the child." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ }
+ span
+ {
+ font-size: 2em;
+ vertical-align: baseline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the bottoms of all the 'X's are aligned.</p>
+ <div>
+ XXXXX<span>XXXXX</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-boxes-001.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-boxes-001.xht
new file mode 100644
index 0000000000..3534f49651
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-boxes-001.xht
@@ -0,0 +1,76 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical Alignment boxes: replaced elements</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height"/>
+ <meta name="flags" content="ahem image"/>
+ <meta name="assert" content="Vertical alignment aligns the margin box of inline replaced elements."/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test {
+ height: 2em;
+ font: 40px/60px Ahem; color: orange;
+ }
+
+ #control {
+ height: 40px;
+ margin-bottom: -18px;
+ }
+ #length {
+ vertical-align: -28px;
+ padding-top: 15px;
+ border-top: 10px solid;
+ margin: 10px 0;
+ }
+ #percent {
+ vertical-align: 50%;
+ padding-bottom: 15px;
+ border-bottom: 10px solid;
+ margin-bottom: -48px;
+ }
+ #text-bottom {
+ vertical-align: text-bottom;
+ padding-bottom: 10px;
+ border-bottom: 15px solid;
+ margin-bottom: -10px;
+ }
+ #text-top {
+ vertical-align: text-top;
+ padding-top: 15px;
+ border-top: 10px solid;
+ margin-top: 10px;
+ }
+ #middle {
+ vertical-align: middle;
+ padding-top: 15px;
+ border-top: 10px solid;
+ margin-bottom: -28px;
+ }
+ #baseline {
+ vertical-align: baseline;
+ padding-bottom: 10px;
+ border-bottom: 15px solid;
+ margin-bottom: -18px;
+ }
+
+ img {
+ background: orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>There should be a single orange rectangle with perfectly straight sides below.</p>
+ <div class="test">
+ <img id="control" src="support/swatch-orange.png" alt="FAIL"/><!--
+ --><img id="baseline" src="support/swatch-orange.png" alt="FAIL"/><!--
+ --><img id="middle" src="support/swatch-orange.png" alt="FAIL"/><!--
+ --><img id="text-top" src="support/swatch-orange.png" alt="FAIL"/><!--
+ --><img id="text-bottom" src="support/swatch-orange.png" alt="FAIL"/><!--
+ --><img id="percent" src="support/swatch-orange.png" alt="FAIL"/><!--
+ --><img id="length" src="support/swatch-orange.png" alt="FAIL"/>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-negative-leading-001-ref.html b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-negative-leading-001-ref.html
new file mode 100644
index 0000000000..912cd378e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-negative-leading-001-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style>
+.container {
+ margin: 30px 0;
+ color: orange;
+ background-color: blue;
+ line-height: 10px;
+ font-size: 30px;
+ font-family: Ahem;
+}
+.lh20 { line-height: 20px; }
+.lh30 { line-height: 30px; }
+.up5 { position: relative; top: -5px; }
+.up10 { position: relative; top: -10px; }
+.down5 { position: relative; top: 5px; }
+.down10 { position: relative; top: 10px; }
+</style>
+<body>
+<div class="container">
+ <span>XX</span>
+ <span>XX</span>
+ <span>XX</span>
+</div>
+<div class="container lh30">
+ <span class="up10">XX</span>
+ <span>XX</span>
+ <span class="down10">XX</span>
+</div>
+<div class="container"><span>XX</span></div>
+<div class="container"><span>XX</span></div>
+<div class="container lh20"><span class="up5">XX</span></div>
+<div class="container lh20"><span class="down5">XX</span></div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-negative-leading-001.html b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-negative-leading-001.html
new file mode 100644
index 0000000000..4ce5f6d2ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-negative-leading-001.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<title>Test vertical-align: top and bottom do not affect the line height</title>
+<link rel="match" href="vertical-align-negative-leading-001-ref.html">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#propdef-vertical-align">
+<link rel="author" href="mailto:kojii@chromium.org">
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style>
+.container {
+ margin: 30px 0;
+ color: orange;
+ background-color: blue;
+ line-height: 10px;
+ font-size: 30px;
+ font-family: Ahem;
+}
+span { background: purple; }
+.top { vertical-align: top; }
+.bottom { vertical-align: bottom; }
+.text-top { vertical-align: text-top; }
+.text-bottom { vertical-align: text-bottom; }
+</style>
+<body>
+<div class="container">
+ <span class="top">XX</span>
+ <span>XX</span>
+ <span class="bottom">XX</span>
+</div>
+<div class="container">
+ <span class="text-top">XX</span>
+ <span>XX</span>
+ <span class="text-bottom">XX</span>
+</div>
+<div class="container"><span class="top">XX</span></div>
+<div class="container"><span class="bottom">XX</span></div>
+<div class="container"><span class="text-top">XX</span></div>
+<div class="container"><span class="text-bottom">XX</span></div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-nested-top-001-ref.html b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-nested-top-001-ref.html
new file mode 100644
index 0000000000..1fd155e380
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-nested-top-001-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<style>
+body {
+ font-size: 18px;
+ line-height: 20px;
+}
+.hb {
+ font-size: 12px;
+ vertical-align: top;
+}
+</style>
+<body>
+ <span class="hb">XX</span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-nested-top-001.html b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-nested-top-001.html
new file mode 100644
index 0000000000..3667ced2ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-nested-top-001.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<link rel="match" href="vertical-align-nested-top-001-ref.html">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#propdef-vertical-align" />
+<link rel="author" href="kojii@chromium.org">
+<style>
+body {
+ font-size: 18px;
+ line-height: 20px;
+}
+.hb {
+ font-size: 12px;
+ vertical-align: top;
+}
+.g2 {
+ vertical-align: top;
+}
+</style>
+<body>
+ <span class="hb">X<span class="g2">X</span></span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-sub-001-ref.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-sub-001-ref.xht
new file mode 100644
index 0000000000..9167843266
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-sub-001-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: green;
+ font-size: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div>Filler Text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-sub-001.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-sub-001.xht
new file mode 100644
index 0000000000..096ff0c3c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-sub-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align set to 'sub' does not adjust font-size</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-sub-001-ref.xht" />
+
+ <meta name="assert" content="The 'vertical-align' property value 'sub' has no effect on the font-size of an element's text." />
+ <style type="text/css">
+ div
+ {
+ font-size: 1in;
+ }
+ #span1
+ {
+ color: red;
+ position: absolute;
+ }
+ #span2
+ {
+ color: green;
+ position: absolute;
+ vertical-align: sub;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <span id="span1">Filler Text</span>
+ <span id="span2">Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-super-001.xht b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-super-001.xht
new file mode 100644
index 0000000000..b7415548ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-super-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align set to 'super' does not adjust font-size</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <link rel="match" href="vertical-align-sub-001-ref.xht" />
+
+ <meta name="assert" content="The 'vertical-align' property value 'super' has no effect on the font-size of an element's text." />
+ <style type="text/css">
+ div
+ {
+ font-size: 1in;
+ }
+ #span1
+ {
+ color: red;
+ position: absolute;
+ }
+ #span2
+ {
+ color: green;
+ position: absolute;
+ vertical-align: super;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <span id="span1">Filler Text</span>
+ <span id="span2">Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-top-bottom-001.html b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-top-bottom-001.html
new file mode 100644
index 0000000000..2e03bc0d2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-top-bottom-001.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#propdef-vertical-align" />
+<link rel="author" href="mailto:kojii@chromium.org">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style>
+section.test {
+ display: inline-block;
+ font-size: 20px;
+ line-height: 1.5;
+ font-family: Arial;
+ font-family: Ahem;
+}
+section.test > div {
+ background: blue;
+ margin-bottom: 1em;
+}
+.filler {
+ display: inline-block;
+ background: cyan;
+ height: 3em;
+ width: 1em;
+}
+.target {
+ display: inline-block;
+ background: orange;
+ width: 1em;
+ height: 1em;
+}
+div.top, section.top .target { vertical-align: top; }
+div.text-top, section.text-top .target { vertical-align: text-top; }
+div.text-bottom, section.text-bottom .target { vertical-align: text-bottom; }
+div.bottom, section.bottom .target { vertical-align: bottom; }
+.test .fail {
+ outline: red solid 5px;
+}
+</style>
+<body>
+<section class="test top">
+ <div><div class="filler"></div><div class="target" data-y="0"></div></div>
+ <div><div class="filler top"></div><div class="target" data-y="0"></div></div>
+ <div><div class="filler text-top"></div><div class="target" data-y="0"></div></div>
+ <div><div class="filler bottom"></div><div class="target" data-y="0"></div></div>
+ <div><div class="filler text-bottom"></div><div class="target" data-y="0"></div></div>
+</section>
+<section class="test text-top">
+ <div><div class="filler"></div><div class="target" data-y="44"></div></div>
+ <div><div class="filler top"></div><div class="target" data-y="5"></div></div>
+ <div><div class="filler text-top"></div><div class="target" data-y="5"></div></div>
+ <div><div class="filler bottom"></div><div class="target" data-y="35"></div></div>
+ <div><div class="filler text-bottom"></div><div class="target" data-y="40"></div></div>
+</section>
+<section class="test text-bottom">
+ <div><div class="filler"></div><div class="target" data-y="44"></div></div>
+ <div><div class="filler top"></div><div class="target" data-y="5"></div></div>
+ <div><div class="filler text-top"></div><div class="target" data-y="5"></div></div>
+ <div><div class="filler bottom"></div><div class="target" data-y="35"></div></div>
+ <div><div class="filler text-bottom"></div><div class="target" data-y="40"></div></div>
+</section>
+<section class="test bottom">
+ <div><div class="filler"></div><div class="target" data-y="49"></div></div>
+ <div><div class="filler top"></div><div class="target" data-y="40"></div></div>
+ <div><div class="filler text-top"></div><div class="target" data-y="45"></div></div>
+ <div><div class="filler bottom"></div><div class="target" data-y="40"></div></div>
+ <div><div class="filler text-bottom"></div><div class="target" data-y="45"></div></div>
+</section>
+<script>
+setup({explicit_done: true});
+document.fonts.ready.then(()=> {
+ for (let target of document.getElementsByClassName('target')) {
+ let container = target.parentElement;
+ let filler = container.firstElementChild;
+ let section = container.parentElement;
+ let pass = false;
+ test(() => {
+ let y = target.offsetTop - container.offsetTop;
+ assert_approx_equals(y, target.dataset.y, 0);
+ pass = true;
+ }, `${section.className.substr(5)}+${filler.className.substr(7)}`);
+ if (!pass)
+ container.classList.add('fail');
+ }
+ done();
+});
+</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-top-bottom-padding-ref.html b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-top-bottom-padding-ref.html
new file mode 100644
index 0000000000..f855bab6a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-top-bottom-padding-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<style>
+div {
+ margin-top: 50px;
+ font-size: 10px;
+ line-height: 1;
+}
+
+.inline-block {
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ background: blue;
+}
+
+.top .inline-block {
+ vertical-align: top;
+}
+
+.bottom .inline-block {
+ vertical-align: bottom;
+}
+
+</style>
+<body>
+ <div class="top">
+ <span>
+ Next
+ <span class="inline-block"></span>
+ </span>
+ </div>
+ <div class="bottom">
+ <span>
+ Next
+ <span class="inline-block"></span>
+ </span>
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/vertical-align-top-bottom-padding.html b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-top-bottom-padding.html
new file mode 100644
index 0000000000..21451a04fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/vertical-align-top-bottom-padding.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<link rel="match" href="vertical-align-top-bottom-padding-ref.html">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#propdef-vertical-align" />
+<link rel="author" href="kojii@chromium.org">
+<style>
+div {
+ margin-top: 50px;
+ font-size: 10px;
+ line-height: 1;
+}
+
+.inline-block {
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ background: blue;
+}
+
+.top .padding {
+ padding-top: 20px;
+}
+
+.top .inline-block {
+ vertical-align: top;
+}
+
+.bottom .padding {
+ padding-bottom: 20px;
+}
+
+.bottom .inline-block {
+ vertical-align: bottom;
+}
+
+</style>
+<body>
+ <div class="top">
+ <span class="padding">
+ Next
+ <span class="inline-block"></span>
+ </span>
+ </div>
+ <div class="bottom">
+ <span class="padding">
+ Next
+ <span class="inline-block"></span>
+ </span>
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/linebox/video-needs-layout-crash.html b/testing/web-platform/tests/css/CSS2/linebox/video-needs-layout-crash.html
new file mode 100644
index 0000000000..b8c52edf82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/linebox/video-needs-layout-crash.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<link rel="help" href="https://crbug.com/981602">
+<link rel="author" href="mailto:kojii@chromium.org">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<b>abc<video style="contain:size"></video></b><div contenteditable></div>
+<script>test(() => {});</script>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-003.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-003.xht
new file mode 100644
index 0000000000..ec01daee98
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-003.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to the minimum value, ident -2147483648</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident -2147483648;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-004.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-004.xht
new file mode 100644
index 0000000000..05be93183d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-004.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to the minimum plus one value, ident -2147483647</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum plus one value." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident -2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and equal to '-2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-005.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-005.xht
new file mode 100644
index 0000000000..c6f2367a21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to negative zero, ident -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to negative zero." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident -0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-006.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-006.xht
new file mode 100644
index 0000000000..9f6921cbb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-006.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to zero, ident 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to zero." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-007.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-007.xht
new file mode 100644
index 0000000000..a3fd93209c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-007.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to positive zero, ident +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to positive zero." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident +0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-008.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-008.xht
new file mode 100644
index 0000000000..256f977dbf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-008.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to nominal value, ident 10</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_10.html"/>
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 10;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '10' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-009.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-009.xht
new file mode 100644
index 0000000000..c7278a3d02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-009.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to a positive nominal value, ident +10</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_10.html"/>
+ <meta name="assert" content="The 'counter-increment' property with an identifier and a positive integer value." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident +10;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '10' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-010.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-010.xht
new file mode 100644
index 0000000000..a3b82497f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number equivalent to the maximum minus one value, ident 2147483646</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum minus one value." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 2147483646;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and equal to '2147483646'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-011.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-011.xht
new file mode 100644
index 0000000000..2cc34bb3e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-011.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number equivalent to the maximum value, ident 2147483647</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-012.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-012.xht
new file mode 100644
index 0000000000..4b75715956
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-012.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident +2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-013.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-013.xht
new file mode 100644
index 0000000000..b363ef1ce4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-013.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number equivalent to the maximum plus one value, ident 2147483648</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum plus one value." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 2147483648;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-014-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-014-ref.html
new file mode 100644
index 0000000000..c436edd94d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-014-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ font-size: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if the number '2' appears below.</p>
+ <div>2</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-014.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-014.xht
new file mode 100644
index 0000000000..f9894a023b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-014.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with only an identifier, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="counter-increment-014-ref.html" />
+ <meta name="assert" content="The 'counter-increment' property with only an identifier, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident ident;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '2' appears below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-015.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-015.xht
new file mode 100644
index 0000000000..5451cb5252
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-015.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum minus one value, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident -2147483649 ident -2147483649;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-016.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-016.xht
new file mode 100644
index 0000000000..5191fa3877
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-016.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to the minimum value, ident -2147483648, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident -2147483648 ident -2147483648;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-017.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-017.xht
new file mode 100644
index 0000000000..2f89f1ba1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-017.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to the minimum plus one value, ident -2147483647, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum plus one value, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident -2147483647 ident -2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-018.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-018.xht
new file mode 100644
index 0000000000..ed469a582f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-018.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to negative zero, ident -0, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to negative zero, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident -0 ident -0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-019.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-019.xht
new file mode 100644
index 0000000000..8b243c94e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-019.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to zero, ident 0, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to zero, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 0 ident 0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-020.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-020.xht
new file mode 100644
index 0000000000..d6ec612ab4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-020.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to positive zero, ident +0, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to positive zero, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident +0 ident +0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-021-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-021-ref.html
new file mode 100644
index 0000000000..39f51548ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-021-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ font-size: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if the number '20' appears below.</p>
+ <div>20</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-021.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-021.xht
new file mode 100644
index 0000000000..b3234d6824
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-021.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to nominal value, ident 10, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="counter-increment-021-ref.html" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 10 ident 10;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '20' appears below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-022.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-022.xht
new file mode 100644
index 0000000000..09655dbb12
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-022.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to a positive nominal value, ident +10, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="counter-increment-021-ref.html" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and a positive integer value, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident +10 ident +10;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '20' appears below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-023.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-023.xht
new file mode 100644
index 0000000000..8610cebb55
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-023.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum minus one value, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 2147483646 ident 2147483646;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-024.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-024.xht
new file mode 100644
index 0000000000..16378996a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-024.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number equivalent to the maximum value, ident 2147483647, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 2147483647 ident 2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-025.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-025.xht
new file mode 100644
index 0000000000..7d4edcbb5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-025.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident +2147483647 ident +2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-026.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-026.xht
new file mode 100644
index 0000000000..5a4006a21d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-026.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum plus one value, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 2147483648 ident 2147483648;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-027-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-027-ref.html
new file mode 100644
index 0000000000..232149e5f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-027-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ font-size: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if the number '3' appears below.</p>
+ <div>3</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-027.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-027.xht
new file mode 100644
index 0000000000..fbd5c9a98a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-027.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with only an identifier, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="counter-increment-027-ref.html" />
+ <meta name="assert" content="The 'counter-increment' property with only an identifier, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident ident ident;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '3' appears below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-028.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-028.xht
new file mode 100644
index 0000000000..1473bb3f08
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-028.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum minus one value, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident -2147483649 ident -2147483649 ident -2147483649;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-029.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-029.xht
new file mode 100644
index 0000000000..5e45193ac6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-029.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to the minimum value, ident -2147483648, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident -2147483648 ident -2147483648 ident -2147483648;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-030.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-030.xht
new file mode 100644
index 0000000000..669ed514d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-030.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483647, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident -2147483647 ident -2147483647 ident -2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-031.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-031.xht
new file mode 100644
index 0000000000..21a1fc20be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-031.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to negative zero, ident -0, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to negative zero, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident -0 ident -0 ident -0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-032.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-032.xht
new file mode 100644
index 0000000000..cf1e6f7bcd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-032.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to zero, ident 0, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to zero, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 0 ident 0 ident 0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-033.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-033.xht
new file mode 100644
index 0000000000..3185559ec0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-033.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to positive zero, ident +0, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to positive zero, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident +0 ident +0 ident +0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-034-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-034-ref.html
new file mode 100644
index 0000000000..7acce361bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-034-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ font-size: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if the number '30' appears below.</p>
+ <div>30</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-034.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-034.xht
new file mode 100644
index 0000000000..6a43e87800
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-034.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to nominal value, ident 10, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="counter-increment-034-ref.html" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 10 ident 10 ident 10;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '30' appears below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-035.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-035.xht
new file mode 100644
index 0000000000..4670a659a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-035.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to a positive nominal value, ident +10, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="counter-increment-034-ref.html" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and a positive integer value, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident +10 ident +10 ident +10;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '30' appears below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-036.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-036.xht
new file mode 100644
index 0000000000..dda0d11dc0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-036.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum minus one value, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 2147483646 ident 2147483646 ident 2147483646;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-037.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-037.xht
new file mode 100644
index 0000000000..d1673eb883
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-037.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number equivalent to the maximum value, ident 2147483647, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 2147483647 ident 2147483647 ident 2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-038.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-038.xht
new file mode 100644
index 0000000000..be6f5acbea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-038.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident +2147483647 ident +2147483647 ident +2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-039.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-039.xht
new file mode 100644
index 0000000000..dc44a24808
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-039.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum plus one value, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 2147483648 ident 2147483648 ident 2147483648;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-040-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-040-ref.html
new file mode 100644
index 0000000000..2e6a60c347
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-040-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ font-size: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if the number '32' appears below.</p>
+ <div>32</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-040.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-040.xht
new file mode 100644
index 0000000000..60bdf782d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-040.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with only an identifier, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="counter-increment-040-ref.html" />
+ <meta name="assert" content="The 'counter-increment' property with only an identifier, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '32' appears below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-041.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-041.xht
new file mode 100644
index 0000000000..dd856fef41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-041.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum minus one value, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-042.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-042.xht
new file mode 100644
index 0000000000..71300e813e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-042.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to the minimum value, ident -2147483648, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-043.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-043.xht
new file mode 100644
index 0000000000..3cd66653e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-043.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483647, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-044.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-044.xht
new file mode 100644
index 0000000000..33c2ec56b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-044.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to negative zero, ident -0, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to negative zero, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-045.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-045.xht
new file mode 100644
index 0000000000..83fc873cef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-045.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to zero, ident 0, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to zero, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-046.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-046.xht
new file mode 100644
index 0000000000..5f026d49fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-046.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to positive zero, ident +0, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to positive zero, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-047-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-047-ref.html
new file mode 100644
index 0000000000..2b5762b4dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-047-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ font-size: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if the number '320' appears below.</p>
+ <div>320</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-047.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-047.xht
new file mode 100644
index 0000000000..524829acc6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-047.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to nominal value, ident 10, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="counter-increment-047-ref.html" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '320' appears below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-048.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-048.xht
new file mode 100644
index 0000000000..ba8579dca1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-048.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to a positive nominal value, ident +10, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="counter-increment-047-ref.html" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and a positive integer value, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '320' appears below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-049.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-049.xht
new file mode 100644
index 0000000000..9f5de0c75e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-049.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum minus one value, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-050.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-050.xht
new file mode 100644
index 0000000000..025f7faafb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-050.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number equivalent to the maximum value, ident 2147483647, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-051.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-051.xht
new file mode 100644
index 0000000000..954f222e87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-051.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-052.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-052.xht
new file mode 100644
index 0000000000..cda781ee32
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-052.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum plus one value, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-053-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-053-ref.html
new file mode 100644
index 0000000000..caa2f384c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-053-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ font-size: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if the numbers '5 5 10' appear below in the same order.</p>
+ <div>5</div>
+ <div>5</div>
+ <div>10</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-053.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-053.xht
new file mode 100644
index 0000000000..f6995146c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-053.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with the value 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="counter-increment-053-ref.html" />
+ <meta name="assert" content="The counter-increment set to 'none' does not increment counter." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident 5;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ #none
+ {
+ counter-increment: none;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the numbers '5 5 10' appear below in the same order.</p>
+ <div></div>
+ <div id="none"></div>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-054-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-054-ref.html
new file mode 100644
index 0000000000..639206a24f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-054-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ font-size: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if the numbers '5 10' appear below in the same order.</p>
+ <div>5</div>
+ <div>10</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-054.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-054.xht
new file mode 100644
index 0000000000..4bee61008b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-054.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with a value of inherit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="counter-increment-054-ref.html" />
+ <meta name="assert" content="The counter-increment with the value inherit specified." />
+ <style type="text/css">
+ #wrapper
+ {
+ counter-increment: ident 5;
+ }
+ #test
+ {
+ counter-increment: inherit;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the numbers '5 10' appear below in the same order.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-055-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-055-ref.html
new file mode 100644
index 0000000000..2f3532e18e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-055-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ font-size: 30px;
+ }
+</style>
+<body>
+ <p>Test passes if the number '1' appears below.</p>
+ <div>1</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-055.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-055.xht
new file mode 100644
index 0000000000..4b4b02226a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-055.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with only an identifier</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="counter-increment-055-ref.html" />
+ <meta name="assert" content="The 'counter-increment' property with only an identifier." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '1' appears below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-056.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-056.xht
new file mode 100644
index 0000000000..0b09ebe0ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-056.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483649</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum minus one value." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: ident -2147483649;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-001.xht
new file mode 100644
index 0000000000..d31c30b5bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-001.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ counter-increment: test 5;
+ display: table-row-group;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-002.xht
new file mode 100644
index 0000000000..f28563993b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-002.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ counter-increment: test 5;
+ display: table-header-group;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-003.xht
new file mode 100644
index 0000000000..64094d6624
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-003.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ counter-increment: test 5;
+ display: table-footer-group;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-004.xht
new file mode 100644
index 0000000000..b6d4753308
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-004.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment applied to elements with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-increment' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ counter-increment: test 5;
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-005.xht
new file mode 100644
index 0000000000..1e79cd817c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-005.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ counter-increment: test 5;
+ display: table-column-group;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-006.xht
new file mode 100644
index 0000000000..eee43d628e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-006.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ counter-increment: test 5;
+ display: table-column;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-007.xht
new file mode 100644
index 0000000000..e16a61efe0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' of 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ counter-increment: test 5;
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-008.xht
new file mode 100644
index 0000000000..214b9599b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-008.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'inline'." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: test 5;
+ display: inline;
+ }
+ div:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-009.xht
new file mode 100644
index 0000000000..da02258969
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-009.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ counter-increment: test 5;
+ display: block;
+ }
+ span:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-010.xht
new file mode 100644
index 0000000000..65814d2491
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: test 5;
+ display: list-item;
+ margin-left: 2em;
+ }
+ div:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below and there is a maker bullet on the left-hand side of the number.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-012.xht
new file mode 100644
index 0000000000..cb64a80f26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-012.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'inline-block'." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: test 5;
+ display: inline-block;
+ }
+ div:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-013.xht
new file mode 100644
index 0000000000..7852c85588
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-013.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment applied to elements with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-increment' property applies to elements with a display of table." />
+ <style type="text/css">
+ #table
+ {
+ counter-increment: test 5;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-014.xht
new file mode 100644
index 0000000000..e3dec29315
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-014.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment applied to elements with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-increment' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #table
+ {
+ counter-increment: test 5;
+ display: inline-table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-015.xht
new file mode 100644
index 0000000000..d184e2ddb5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment applied to elements with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-increment' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ display: table-caption;
+ counter-increment: test 5;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-auto-reset-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-auto-reset-001.xht
new file mode 100644
index 0000000000..e295160744
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-auto-reset-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment on out of scope counter</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="If a counter-increment refers to counter that is not in scope it assumes that a counter-reset has occurred and resets back to zero." />
+ <style type="text/css">
+ div1:before
+ {
+ counter-increment: outofscope 10;
+ }
+ #div2:before
+ {
+ content: counter(outofscope);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the number '0' below.</p>
+ <div>
+ <div id="div1"></div>
+ </div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-001.xht
new file mode 100644
index 0000000000..e4d8630fb3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment only on 'display: none' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="An element that is set to 'display: none' does not increment or create a counter." />
+ <style type="text/css">
+ #div1
+ {
+ counter-increment: hidden 10;
+ display: none;
+ }
+ #div2:before
+ {
+ content: counter(hidden);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the number '0' below.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-002.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-002.xht
new file mode 100644
index 0000000000..730964a23a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment on 'display: none' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="An element that is set to 'display: none' does not increment counters." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: hidden 1;
+ }
+ #div1
+ {
+ display: none;
+ }
+ div:before
+ {
+ content: counter(hidden);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the numbers '1' and '2' are below.</p>
+ <div></div>
+ <div id="div1"></div>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-003.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-003.xht
new file mode 100644
index 0000000000..ae5f7f8225
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-003.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment on pseudo-element and 'display: none' on element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="An element that is set to 'display: none' does not increment counters when increment is on the pseudo-element." />
+ <style type="text/css">
+ #div1
+ {
+ display: none;
+ }
+ div:before
+ {
+ counter-increment: hidden 1;
+ content: counter(hidden);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the numbers '1', '1' and '1' are below.</p>
+ <div></div>
+ <div id="div1"></div>
+ <div></div>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-004.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-004.xht
new file mode 100644
index 0000000000..cd8f57ea45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-004.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment on pseudo-element, 'display: none' on element and parent with counter-reset</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="An element that is set to 'display: none' does not increment counters when increment is on the pseudo-element." />
+ <style type="text/css">
+ body
+ {
+ counter-reset: hidden;
+ }
+ #div1
+ {
+ display: none;
+ }
+ div:before
+ {
+ counter-increment: hidden 1;
+ content: counter(hidden);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the numbers '1', '2' and '3' are below.</p>
+ <div></div>
+ <div id="div1"></div>
+ <div></div>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-multiple-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-multiple-001.xht
new file mode 100644
index 0000000000..a3f28ed8f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-multiple-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Multiple counter-increment before counter use</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="If multiple increments are specified on the same counter then all of them occur in the order specified." />
+ <style type="text/css">
+ .test:before
+ {
+ content: counter(chapter);
+ counter-increment: chapter 2;
+ }
+ .test1
+ {
+ counter-increment: chapter 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '4' below.</p>
+ <div class="test1 test"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-not-generated-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-not-generated-001.xht
new file mode 100644
index 0000000000..641eafd719
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-not-generated-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment on pseudo-element that is not generated</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="Pseudo-elements that are not generated do not increment counters." />
+ <style type="text/css">
+ #div1:before
+ {
+ counter-increment: notgenerated 10;
+ display: none;
+ }
+ div:before
+ {
+ content: counter(notgenerated);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the number '0' below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-001.xht
new file mode 100644
index 0000000000..4a71e6f6a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment only on 'visibility: hidden' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="An element that is set to 'visibility: hidden' does increment and can create a counter." />
+ <style type="text/css">
+ #div1
+ {
+ counter-increment: hidden 5;
+ visibility: hidden;
+ }
+ #div2:before
+ {
+ content: counter(hidden);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-002.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-002.xht
new file mode 100644
index 0000000000..e4d7af57ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment on 'visibility: hidden' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="An element that is set to 'visibility: hidden' does increment counters." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: hidden 1;
+ }
+ #div1
+ {
+ visibility: hidden;
+ }
+ div:before
+ {
+ content: counter(hidden);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the numbers '1' and '3' are below.</p>
+ <div></div>
+ <div id="div1"></div>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-003.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-003.xht
new file mode 100644
index 0000000000..ae4c430faf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-003.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment on pseudo-element and 'visibility: hidden' on element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="An element that is set to 'visibility: hidden' does increment counters when increment is on the pseudo-element." />
+ <style type="text/css">
+ #div1
+ {
+ visibility: hidden;
+ }
+ div:before
+ {
+ counter-increment: hidden 1;
+ content: counter(hidden);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the numbers '1', '1' and '1' are below.</p>
+ <div></div>
+ <div id="div1"></div>
+ <div></div>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-004.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-004.xht
new file mode 100644
index 0000000000..3675bf6d00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-004.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment on pseudo-element, 'visibility: hidden' on element and parent with counter-reset</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="An element that is set to 'visibility: hidden' does increment counters when increment is on the pseudo-element." />
+ <style type="text/css">
+ body
+ {
+ counter-reset: hidden;
+ }
+ #div1
+ {
+ visibility: hidden;
+ }
+ div:before
+ {
+ counter-increment: hidden 1;
+ content: counter(hidden);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the numbers '1', '3' and '4' are below.</p>
+ <div></div>
+ <div id="div1"></div>
+ <div></div>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-003.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-003.xht
new file mode 100644
index 0000000000..322b60c00e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-003.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to the minimum value, ident -2147483648</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident -2147483648;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-004.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-004.xht
new file mode 100644
index 0000000000..89378ae467
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-004.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to the minimum plus one value, ident -2147483647</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum plus one value." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident -2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and equal to '-2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-005.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-005.xht
new file mode 100644
index 0000000000..8d72c6e79c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to negative zero, ident -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to negative zero." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident -0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-006.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-006.xht
new file mode 100644
index 0000000000..9c1831227e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-006.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to zero, ident 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to zero." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-007.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-007.xht
new file mode 100644
index 0000000000..d2f67f346e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-007.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to positive zero, ident +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to positive zero." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident +0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-008.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-008.xht
new file mode 100644
index 0000000000..490fd3c4bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-008.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to nominal value, ident 10</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_10.html"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 10;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '10' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-009.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-009.xht
new file mode 100644
index 0000000000..f5770b7b1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-009.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to a positive nominal value, ident +10</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_10.html"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and a positive integer value." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident +10;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '10' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-010.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-010.xht
new file mode 100644
index 0000000000..d808a4b24c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number equivalent to the maximum minus one value, ident 2147483646</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum minus one value." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 2147483646;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and equal to '2147483646'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-011.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-011.xht
new file mode 100644
index 0000000000..a68232cbe1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-011.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number equivalent to the maximum value, ident 2147483647</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-012.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-012.xht
new file mode 100644
index 0000000000..598fa7d893
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-012.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident +2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-013.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-013.xht
new file mode 100644
index 0000000000..ba10a3f68b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-013.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number equivalent to the maximum plus one value, ident 2147483648</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum plus one value." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 2147483648;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-014.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-014.xht
new file mode 100644
index 0000000000..df1769fe2a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-014.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with only an identifier, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-reset' property with only an identifier, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident ident;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-015.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-015.xht
new file mode 100644
index 0000000000..f3ddf07059
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-015.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum minus one value, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident -2147483649 ident -2147483649;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-016.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-016.xht
new file mode 100644
index 0000000000..7d87e8f536
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-016.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to the minimum value, ident -2147483648, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident -2147483648 ident -2147483648;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-017.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-017.xht
new file mode 100644
index 0000000000..d53b61172a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-017.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483647, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident -2147483647 ident -2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and equal to '-2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-018.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-018.xht
new file mode 100644
index 0000000000..a52732e978
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-018.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to negative zero, ident -0, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to negative zero, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident -0 ident -0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-019.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-019.xht
new file mode 100644
index 0000000000..6a44ed4c19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-019.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to zero, ident 0, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to zero, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 0 ident 0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-020.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-020.xht
new file mode 100644
index 0000000000..9081fbd7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-020.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to positive zero, ident +0, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to positive zero, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident +0 ident +0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-021.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-021.xht
new file mode 100644
index 0000000000..90e6390f35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-021.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to nominal value, ident 10, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_10.html"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 10 ident 10;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '10' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-022.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-022.xht
new file mode 100644
index 0000000000..48cb7934e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-022.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to a positive nominal value, ident +10, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_10.html"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and a positive integer value, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident +10 ident +10;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '10' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-023.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-023.xht
new file mode 100644
index 0000000000..0f0064ccee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-023.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum minus one value, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 2147483646 ident 2147483646;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and equal to '2147483646'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-024.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-024.xht
new file mode 100644
index 0000000000..7fba3c89d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-024.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with and identifier and a number equivalent to the maximum value, ident 2147483647, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 2147483647 ident 2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-025.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-025.xht
new file mode 100644
index 0000000000..9b75c19983
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-025.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident +2147483647 ident +2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-026.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-026.xht
new file mode 100644
index 0000000000..463388544e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-026.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped twice</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum plus one value, grouped twice." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 2147483648 ident 2147483648;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-027.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-027.xht
new file mode 100644
index 0000000000..934679312c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-027.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with only an identifier, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-reset' property with only an identifier, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident ident ident;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-028.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-028.xht
new file mode 100644
index 0000000000..1fcec101e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-028.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum minus one value, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident -2147483649 ident -2147483649 ident -2147483649;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-029.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-029.xht
new file mode 100644
index 0000000000..8924b45cf5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-029.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to the minimum value, ident -2147483648, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident -2147483648 ident -2147483648 ident -2147483648;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-030.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-030.xht
new file mode 100644
index 0000000000..6ab8156cc2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-030.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483647, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident -2147483647 ident -2147483647 ident -2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and equal to '-2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-031.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-031.xht
new file mode 100644
index 0000000000..66fbc57426
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-031.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to negative zero, ident -0, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to negative zero, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident -0 ident -0 ident -0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-032.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-032.xht
new file mode 100644
index 0000000000..a58a8e05d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-032.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to zero, ident 0, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to zero, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 0 ident 0 ident 0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-033.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-033.xht
new file mode 100644
index 0000000000..22e87336b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-033.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to positive zero, ident +0, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to positive zero, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident +0 ident +0 ident +0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-034.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-034.xht
new file mode 100644
index 0000000000..c3cddb8bfb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-034.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to nominal value, ident 10, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_10.html"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 10 ident 10 ident 10;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '10' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-035.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-035.xht
new file mode 100644
index 0000000000..f3914d0ccb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-035.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to a positive nominal value, ident +10, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_10.html"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and a positive integer value, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident +10 ident +10 ident +10;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '10' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-036.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-036.xht
new file mode 100644
index 0000000000..cd65b65ed5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-036.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum minus one value, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 2147483646 ident 2147483646 ident 2147483646;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and equal to '2147483646'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-037.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-037.xht
new file mode 100644
index 0000000000..5bdce5bf22
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-037.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number equivalent to the maximum value, ident 2147483647, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 2147483647 ident 2147483647 ident 2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-038.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-038.xht
new file mode 100644
index 0000000000..f97451ed94
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-038.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident +2147483647 ident +2147483647 ident +2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-039.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-039.xht
new file mode 100644
index 0000000000..14e51fc289
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-039.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped three times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum plus one value, grouped three times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 2147483648 ident 2147483648 ident 2147483648;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-040.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-040.xht
new file mode 100644
index 0000000000..99acfce6ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-040.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with only an identifier, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-reset' property with only an identifier, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-041.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-041.xht
new file mode 100644
index 0000000000..ee8cc728f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-041.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum minus one value, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-042.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-042.xht
new file mode 100644
index 0000000000..611da32288
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-042.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to the minimum value, ident -2147483648, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-043.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-043.xht
new file mode 100644
index 0000000000..9be22bf944
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-043.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483647, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and equal to '-2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-044.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-044.xht
new file mode 100644
index 0000000000..c9f5ff35f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-044.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to negative zero, ident -0, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to negative zero, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-045.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-045.xht
new file mode 100644
index 0000000000..f60bb35c8d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-045.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to zero, ident 0, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to zero, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-046.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-046.xht
new file mode 100644
index 0000000000..04036352cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-046.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to positive zero, ident +0, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to positive zero, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-047.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-047.xht
new file mode 100644
index 0000000000..70fc34d7d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-047.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to nominal value, ident 10, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_10.html"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '10' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-048.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-048.xht
new file mode 100644
index 0000000000..cddbd21a8f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-048.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to a positive nominal value, ident +10, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_10.html"/>
+ <meta name="assert" content="The 'counter-reset' property with an identifier and a positive integer value, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '10' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-049.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-049.xht
new file mode 100644
index 0000000000..8a8e93ca36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-049.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum minus one value, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and equal to '2147483646'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-050.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-050.xht
new file mode 100644
index 0000000000..3038daeba7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-050.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number equivalent to the maximum value, ident 2147483647, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-051.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-051.xht
new file mode 100644
index 0000000000..93128c61c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-051.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-052.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-052.xht
new file mode 100644
index 0000000000..8aca15f75f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-052.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped thirty-two times</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum plus one value, grouped thirty-two times." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-053.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-053.xht
new file mode 100644
index 0000000000..5b24775dd2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-053.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with the value 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="assert" content="The counter-reset set to 'none'." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident 5;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ #none
+ {
+ counter-reset: none;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the numbers '5 5 5' appear vertically below.</p>
+ <div></div>
+ <div id="none"></div>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-054.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-054.xht
new file mode 100644
index 0000000000..269f0fcb8f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-054.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with a value of inherit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="assert" content="The counter-reset with the value inherit specified." />
+ <style type="text/css">
+ #wrapper
+ {
+ counter-reset: ident 5;
+ }
+ #test
+ {
+ counter-reset: inherit;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the numbers '5 5' appear below in the same order.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-055.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-055.xht
new file mode 100644
index 0000000000..fdcab5fdd7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-055.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with only an identifier</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../reference/pass-if-number-0-30px.xht"/>
+ <meta name="assert" content="The 'counter-reset' property with only an identifier." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-056.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-056.xht
new file mode 100644
index 0000000000..73f7ec01c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-056.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483649</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum minus one value." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: ident -2147483649;
+ }
+ div:before
+ {
+ font-size: 30px;
+ content: counter(ident);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-001.xht
new file mode 100644
index 0000000000..feef646848
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-001.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ counter-reset: test 5;
+ display: table-row-group;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-002.xht
new file mode 100644
index 0000000000..a4bd0ad640
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-002.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ counter-reset: test 5;
+ display: table-header-group;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-003.xht
new file mode 100644
index 0000000000..e634745199
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-003.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ counter-reset: test 5;
+ display: table-footer-group;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-004.xht
new file mode 100644
index 0000000000..9b871d2e91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-004.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset applied to elements with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-reset' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ counter-reset: test 5;
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-005.xht
new file mode 100644
index 0000000000..ba3828fc5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-005.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ counter-reset: test 5;
+ display: table-column-group;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-006.xht
new file mode 100644
index 0000000000..1858dc1d1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-006.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ counter-reset: test 5;
+ display: table-column;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-007.xht
new file mode 100644
index 0000000000..494e91fd8e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' of 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ counter-reset: test 5;
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-008.xht
new file mode 100644
index 0000000000..0391193eb6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-008.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'inline'." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: test 5;
+ display: inline;
+ }
+ div:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-009.xht
new file mode 100644
index 0000000000..f0f14b882c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-009.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ counter-reset: test 5;
+ display: block;
+ }
+ span:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-010.xht
new file mode 100644
index 0000000000..47179f554e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: test 5;
+ display: list-item;
+ margin-left: 2em;
+ }
+ div:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below and there is a maker bullet on the left-hand side of the number.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-012.xht
new file mode 100644
index 0000000000..29bd951c37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-012.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'inline-block'." />
+ <style type="text/css">
+ div
+ {
+ counter-reset: test 5;
+ display: inline-block;
+ }
+ div:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-013.xht
new file mode 100644
index 0000000000..25877b448d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-013.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset applied to elements with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-reset' property applies to elements with a display of table." />
+ <style type="text/css">
+ #table
+ {
+ counter-reset: test 5;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-014.xht
new file mode 100644
index 0000000000..34bfbbdd49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-014.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset applied to elements with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-reset' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #table
+ {
+ counter-reset: test 5;
+ display: inline-table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-015.xht
new file mode 100644
index 0000000000..3c3c0a3a7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset applied to elements with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="The 'counter-reset' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ display: table-caption;
+ counter-reset: test 5;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-display-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-display-001.xht
new file mode 100644
index 0000000000..a6c1b389f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-display-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset on 'display: none' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="An element that is set to 'display: none' does not reset counters." />
+ <style type="text/css">
+ #div1
+ {
+ counter-reset: hidden -10;
+ display: none;
+ }
+ #div2:before
+ {
+ content: counter(hidden);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the number '0' below.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-001.xht
new file mode 100644
index 0000000000..865e56570a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset before 'counter-increment' before 'counter' use</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="When both reset and increment are present that the reset occurs first and the increment second." />
+ <style type="text/css">
+ div:before
+ {
+ content: counter(chapter);
+ counter-increment: chapter 2;
+ counter-reset: chapter -10;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '-8' below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-002-ref.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-002-ref.xht
new file mode 100644
index 0000000000..58248cc9b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-002-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ ol {list-style-type: none;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The two columns of numbers should be <strong>identical</strong>.</p>
+
+ <ol>
+ <li>-3. -3.</li>
+ <li>-2. -2.</li>
+ <li>-1. -1.</li>
+ <li>0. 0.</li>
+ <li>1. 1.</li>
+ <li>2. 2.</li>
+ <li>3. 3.</li>
+ </ol>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-002.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-002.xht
new file mode 100644
index 0000000000..ac4518716a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-002.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: counter-reset - negative value with positive counter-increment</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <!--
+ Inspired by http://www.hixie.ch/tests/adhoc/css/box/list/list-style-type/002.html
+ and by
+ http://test.csswg.org/suites/css2.1/20100917/html4/list-style-type-017.htm
+ -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="counter-reset-increment-002-ref.xht" />
+
+ <meta content="A positive counter-increment can apply to a counter-reset that is negative." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ ol
+ {
+ counter-reset: list-item -4;
+ list-style-type: none;
+ }
+
+ li:before
+ {
+ content: counter(list-item) ". ";
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The two columns of numbers should be <strong>identical</strong>.</p>
+
+ <ol>
+ <li> -3. </li>
+ <li> -2. </li>
+ <li> -1. </li>
+ <li> 0. </li>
+ <li> 1. </li>
+ <li> 2. </li>
+ <li> 3. </li>
+ </ol>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-multiple-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-multiple-001.xht
new file mode 100644
index 0000000000..0e8db50afd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-multiple-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Multiple 'counter-reset' before 'counter' use</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="If multiple resets are specified on the same 'counter' then all of them occur in the order specified." />
+ <style type="text/css">
+ .test:before
+ {
+ content: counter(chapter);
+ counter-reset: chapter -2;
+ }
+ .test1
+ {
+ counter-reset: chapter -2;
+ }
+ .test2
+ {
+ counter-reset: chapter -2;
+ }
+ .test3
+ {
+ counter-reset: chapter -2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '-2' below.</p>
+ <div class="test1 test2 test3 test"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-not-generated-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-not-generated-001.xht
new file mode 100644
index 0000000000..1aa6e9a4c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-not-generated-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset on pseudo-element that is not generated</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <meta name="assert" content="Pseudo-elements that are not generated do not reset counters." />
+ <style type="text/css">
+ #div1:before
+ {
+ counter-reset: notgenerated 10;
+ display: none;
+ }
+ div:before
+ {
+ content: counter(notgenerated);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the number '0' below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-sibling-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-sibling-001.xht
new file mode 100644
index 0000000000..94bafd766b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-sibling-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset on later siblings</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope" />
+ <meta name="assert" content="Setting 'counter-reset' on later siblings does not have an effect on previous counters." />
+ <style type="text/css">
+ div
+ {
+ counter-increment: test 5;
+ }
+ #test
+ {
+ counter-reset: test 5;
+ }
+ div:before
+ {
+ content: counter(test);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the numbers below are ordered, from top to bottom, "5", "10", "15".</p>
+ <div></div>
+ <div id="test"></div>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-visibility-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-visibility-001.xht
new file mode 100644
index 0000000000..20cc8de30b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-visibility-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset on visibility: hidden element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="Elements that are set to 'visibility: hidden' reset counters." />
+ <style type="text/css">
+ #div1
+ {
+ counter-reset: hidden 5;
+ visibility: hidden;
+ }
+ #div2:before
+ {
+ content: counter(hidden);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/increment-counter-001.xht b/testing/web-platform/tests/css/CSS2/lists/increment-counter-001.xht
new file mode 100644
index 0000000000..8fb7f6bd7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/increment-counter-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-increment before 'counter' use</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="A counter is used after an increment." />
+ <style type="text/css">
+ div:before
+ {
+ content: counter(chapter);
+ counter-increment: chapter 5;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-alignment-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-alignment-001.xht
new file mode 100644
index 0000000000..c9a5b2bda1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-alignment-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List style numbering alignment</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="That the list numbering is aligned consistently." />
+ <style type="text/css">
+ ol
+ {
+ list-style-type: upper-roman;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter 'I' in the list below is either left or right aligned.</p>
+ <ol>
+ <li></li>
+ <li></li>
+ <li></li>
+ </ol>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-bidi-000.xht b/testing/web-platform/tests/css/CSS2/lists/list-bidi-000.xht
new file mode 100644
index 0000000000..278dc17625
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-bidi-000.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: outside list-item marker position in BIDI</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <meta name="assert" content="The list-item marker is on the right side for an
+ RTL item and on the left side for an LTR one."/>
+ <style type="text/css">
+ ul {
+ margin: 0;
+ padding: 0;
+ }
+ .li {
+ display: list-item;
+ }
+ li, .li {
+ list-style: outside circle;
+ border: solid thin blue;
+ margin: 0.5em 4em;
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <ul dir="rtl">
+ <li dir="ltr">There must be a circle to the left of this box.</li>
+ </ul>
+ <ul dir="ltr">
+ <li dir="rtl"><span dir="ltr">There must be a circle to the right of this box.</span></li>
+ </ul>
+ <div dir="rtl">
+ <div class="li" dir="ltr">There must be a circle to the left of this box.</div>
+ </div>
+ <div dir="ltr">
+ <div class="li" dir="rtl"><span dir="ltr">There must be a circle to the right of this box.</span></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-001.xht
new file mode 100644
index 0000000000..4aedad7f54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style with only list-style-type as a value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-type'." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style: square;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the text below has a square bullet.</p>
+ <div>Filler text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-002.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-002.xht
new file mode 100644
index 0000000000..167dbe08ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-002.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style with only list-style-position as a value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-position'." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style: inside;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of text has a bullet and the second line of text flows below that bullet.</p>
+ <div>
+ This is the first line of text.<br />
+ This is the second line of text.
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-003.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-003.xht
new file mode 100644
index 0000000000..1e5708f7e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-003.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style with only list-style-image as a value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-image'." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style: url('support/green15x15.png');
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of text has a green square bullet.</p>
+ <div>
+ This is the first line of text.<br />
+ This is the second line of text.
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-004.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-004.xht
new file mode 100644
index 0000000000..259f17f3a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-004.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style with list-style-type list-style-position as values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-type' and 'list-style-position'." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style: square inside;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p>
+ <div>
+ This is the first line of text.<br />
+ This is the second line of text.
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-005.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-005.xht
new file mode 100644
index 0000000000..730d741c43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-005.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style with list-style-type list-style-image as values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-type' and 'list-style-image'." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style: disc url('support/green15x15.png');
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of text has a green square bullet.</p>
+ <div>
+ This is the first line of text.<br />
+ This is the second line of text.
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-006.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-006.xht
new file mode 100644
index 0000000000..db5110150e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-006.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style with 'list-style-position' and 'list-style-type' as values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-position' and 'list-style-type'." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style: inside square;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p>
+ <div>
+ This is the first line of text.<br />
+ This is the second line of text.
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-007.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-007.xht
new file mode 100644
index 0000000000..e7dc099b4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-007.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style with list-style-position list-style-image as values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-position' and 'list-style-image'." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style: inside url('support/green15x15.png');
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of text has a green square bullet and the second line of text flows below that green square bullet.</p>
+ <div>
+ This is the first line of text.<br />
+ This is the second line of text.
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-008.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-008.xht
new file mode 100644
index 0000000000..fd2711f5dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-008.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style with list-style-image list-style-type as values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-image' and 'list-style-type'." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style: url('support/green15x15.png') square;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of text has a green square bullet.</p>
+ <div>
+ This is the first line of text.<br />
+ This is the second line of text.
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-009.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-009.xht
new file mode 100644
index 0000000000..a8ba676105
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-009.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style with list-style-image list-style-position as values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-image' and 'list-style-position'." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style: url('support/green15x15.png') inside;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of text has a green square bullet and the second line of text flows below that green square bullet.</p>
+ <div>
+ This is the first line of text.<br />
+ This is the second line of text.
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-010.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-010.xht
new file mode 100644
index 0000000000..ae5fa6e277
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-010.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style: list-style-type list-style-position list-style-image</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-type', 'list-style-position' and 'list-style-image'." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style: square inside none;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p>
+ <div>
+ This is the first line of text.<br />
+ This is the second line of text.
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-011.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-011.xht
new file mode 100644
index 0000000000..4486443f6a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-011.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style with list-style-type list-style-image list-style-position as values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-type', 'list-style-image' and 'list-style-position'." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style: square none inside;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p>
+ <div>
+ This is the first line of text.<br />
+ This is the second line of text.
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-012.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-012.xht
new file mode 100644
index 0000000000..40ea2b22d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-012.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style with list-style-position list-style-type list-style-image as values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-position', 'list-style-type' and 'list-style-image'." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style: inside square none;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p>
+ <div>
+ This is the first line of text.<br />
+ This is the second line of text.
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-013.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-013.xht
new file mode 100644
index 0000000000..90f0c15373
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-013.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style with list-style-position list-style-image list-style-type as values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-position', 'list-style-image' and 'list-style-type'." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style: inside none square;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p>
+ <div>
+ This is the first line of text.<br />
+ This is the second line of text.
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-014.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-014.xht
new file mode 100644
index 0000000000..fad3b54eb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-014.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style with list-style-image list-style-type list-style-position as values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-image', 'list-style-type' and 'list-style-position'." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style: none square inside;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p>
+ <div>
+ This is the first line of text.<br />
+ This is the second line of text.
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-015.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-015.xht
new file mode 100644
index 0000000000..226af309e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-015.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style with list-style-image list-style-position list-style-type as values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-image', 'list-style-position' and 'list-style-type'." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style: none inside square;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p>
+ <div>
+ This is the first line of text.<br />
+ This is the second line of text.
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-016.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-016.xht
new file mode 100644
index 0000000000..2e6d7ea38b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-016.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style inheriting a single value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The shorthand property 'list-style' set to 'inherit' inherits a single value from the parent." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ list-style: square;
+ }
+ span
+ {
+ display: list-item;
+ list-style: disc;
+ }
+ div span
+ {
+ list-style: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the text below has a square bullet.</p>
+ <div>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-017.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-017.xht
new file mode 100644
index 0000000000..af19091b59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-017.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style inheriting two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The shorthand property 'list-style' set to 'inherit' inherits two values from the parent." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ list-style: square inside;
+ }
+ span
+ {
+ display: list-item;
+ list-style: disc outside;
+ }
+ div span
+ {
+ list-style: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p>
+ <div>
+ <span>
+ This is the first line of text.<br />
+ This is the second line of text.
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-018.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-018.xht
new file mode 100644
index 0000000000..9f72a51fcc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-018.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style inheriting three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The shorthand property 'list-style' set to 'inherit' inherits three values from the parent." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ list-style: square inside none;
+ }
+ span
+ {
+ display: list-item;
+ list-style: disc outside none;
+ }
+ div span
+ {
+ list-style: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p>
+ <div>
+ <span>
+ This is the first line of text.<br />
+ This is the second line of text.
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-019-ref.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-019-ref.xht
new file mode 100644
index 0000000000..24e6499a3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-019-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+li {
+ list-style-type: decimal;
+ list-style-image: none;
+ list-style-position: inside;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is "1." and <strong>no red</strong>.</p>
+<ul>
+ <li>&nbsp;</li>
+</ul>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-019.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-019.xht
new file mode 100644
index 0000000000..a1f3ff062e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-019.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: list-style - initial value</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/about.html#shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specified-value" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#specified" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#specified" />
+ <link rel="match" href="list-style-019-ref.xht"/>
+ <meta content="image" name="flags" />
+ <meta content="'list-style' property is a shorthand notation that sets the three properties 'list-style-type', 'list-style-image' and 'list-style-position'. If one of the 3 list-style properties is not specified explicitly, then such 'list-style' property is assigned its initial value as indicated in its property definition." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ li
+ {
+ list-style-image: url("support/swatch-red.png");
+ list-style: decimal inside;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is "1." and <strong>no red</strong>.</p>
+
+ <ul>
+ <li>&nbsp;</li>
+ </ul>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-020-ref.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-020-ref.xht
new file mode 100644
index 0000000000..2938e3ac54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-020-ref.xht
@@ -0,0 +1,74 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+/* For better readability */
+.li {
+ font-size: 1.5em;
+ color: blue;
+}
+span {
+ color: black;
+ font-size: 0.67em;
+ vertical-align: middle;
+ padding-left: 0.2em;
+}
+
+.li {
+ display: list-item;
+ margin: 0.2em 0 0.2em 4em;
+ border-left: solid thin orange;
+}
+
+.one {
+ list-style-type: none;
+ list-style-image: none;
+ list-style-position: outside;
+}
+.two {
+ list-style-type: none;
+ list-style-image: none;
+ list-style-position: outside;
+}
+.three {
+ list-style-type: square;
+ list-style-image: none;
+ list-style-position: outside;
+}
+.four {
+ list-style-type: square;
+ list-style-image: none;
+ list-style-position: outside;
+}
+.five {
+ list-style-type: none;
+ list-style-image: url(support/diamond.png);
+ list-style-position: outside;
+}
+.six {
+ list-style-type: none;
+ list-style-image: url(support/diamond.png);
+ list-style-position: outside;
+}
+.seven {
+ list-style-type: disc;
+ list-style-image: none;
+ list-style-position: outside;
+}
+</style>
+</head>
+<body>
+<p>Test passes if each word on the right of the orange line
+describes the shape on the left.</p>
+
+<div class="li one"><span>(nothing)</span></div>
+<div class="li two"><span>(nothing)</span></div>
+<div class="li three"><span>blue square</span></div>
+<div class="li four"><span>blue square</span></div>
+<div class="li five"><span>purple diamond</span></div>
+<div class="li six"><span>purple diamond</span></div>
+<div class="li seven"><span>blue circle</span></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-020.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-020.xht
new file mode 100644
index 0000000000..d49932e1f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-020.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: 'list-style' shorthand and 'none' values</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#tokenization"/>
+ <link rel="match" href="list-style-020-ref.xht"/>
+ <meta name="assert" content=""/>
+ <style type="text/css">
+ /* For better readability */
+ .li {
+ font-size: 1.5em;
+ color: blue;
+ }
+ span {
+ color: black;
+ font-size: 0.67em;
+ vertical-align: middle;
+ padding-left: 0.2em;
+ }
+
+ .li {
+ display: list-item;
+ list-style: disc;
+ margin: 0.2em 0 0.2em 4em;
+ border-left: solid thin orange;
+ }
+
+ .one { list-style: none; color: red; }
+ .two { list-style: none none; color: red; }
+ .three { list-style: none square; }
+ .four { list-style: square none; }
+ .five { list-style: url(support/diamond.png) none; }
+ .six { list-style: none url(support/diamond.png); }
+ .seven { list-style: none url(support/swatch-red.png) none;
+ list-style: url(support/swatch-red.png) none none;
+ list-style: none none url(support/swatch-red.png);
+ list-style: none square none;
+ list-style: square none none;
+ list-style: none none square;
+ list-style: square url(support/swatch-red.png) none;
+ list-style: url(support/swatch-red.png) none square;
+ list-style: none square url(support/swatch-red.png);
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if each word on the right of the orange line
+ describes the shape on the left.</p>
+
+ <div class="li one"><span>(nothing)</span></div>
+ <div class="li two"><span>(nothing)</span></div>
+ <div class="li three"><span>blue square</span></div>
+ <div class="li four"><span>blue square</span></div>
+ <div class="li five"><span>purple diamond</span></div>
+ <div class="li six"><span>purple diamond</span></div>
+ <div class="li seven"><span>blue circle</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-021-ref.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-021-ref.xht
new file mode 100644
index 0000000000..323c6fc27e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-021-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin-left: 100px;}
+
+ ul {list-style-image: url("../support/cat.png");}
+ li::marker { font-family: inherit; }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a <strong>cat image</strong>.</p>
+
+ <ul>
+ <li>&nbsp;</li>
+ </ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-021.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-021.xht
new file mode 100644
index 0000000000..07d638845d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-021.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: list-style: none - followed by a list-style-image reset</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" title="12.5.1 list-style shorthand" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order" title="6.4.1 Cascading order" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading" />
+ <link rel="match" href="list-style-021-ref.xht" />
+
+ <meta content="image" name="flags" />
+ <meta content="A value of 'none' for the 'list-style' property sets both 'list-style-type' and 'list-style-image' to 'none'. If two declarations have the same weight, origin and specificity, then the latter specified wins." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ body {margin-left: 100px;}
+
+ ul {list-style: none;}
+
+ ul {list-style-image: url("support/cat.png");}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a <strong>cat image</strong>.</p>
+
+ <ul>
+ <li>&nbsp;</li>
+ </ul>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-001.xht
new file mode 100644
index 0000000000..cd1e49f47a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-001.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ list-style: square;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-002.xht
new file mode 100644
index 0000000000..9266ba048c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-002.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ list-style: square;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-003.xht
new file mode 100644
index 0000000000..81c984e400
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-003.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ list-style: square;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-004.xht
new file mode 100644
index 0000000000..baf9ae7ab3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-004.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ list-style: square;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-005.xht
new file mode 100644
index 0000000000..484dedc7f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-005.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ list-style: square;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single round dot below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-006.xht
new file mode 100644
index 0000000000..ddf4e2eca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-006.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ list-style: square;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single round dot below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-007.xht
new file mode 100644
index 0000000000..f0528be49e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-007.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ list-style: square;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-008.xht
new file mode 100644
index 0000000000..630d1007a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-008.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'inline'." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ list-style: square;
+ }
+ span
+ {
+ display: list-item;
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-009.xht
new file mode 100644
index 0000000000..1c9d455444
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-009.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ list-style: square;
+ margin-left: 1in;
+ }
+ a
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div>
+ <span>
+ <a></a>
+ </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-010.xht
new file mode 100644
index 0000000000..71533ea0b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-010.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ display: list-item;
+ list-style: square;
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-012.xht
new file mode 100644
index 0000000000..8fdec89f7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-012.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ list-style: square;
+ margin-left: 1in;
+ }
+ span
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-013.xht
new file mode 100644
index 0000000000..eddac5746c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-013.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ list-style: square;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-014.xht
new file mode 100644
index 0000000000..e439649e59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-014.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ display: inline-table;
+ list-style: square;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-015.xht
new file mode 100644
index 0000000000..34adec269f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-015.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-caption;
+ list-style: square;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #test div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div id="table">
+ <div id="test">
+ <div></div>
+ </div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-001.xht
new file mode 100644
index 0000000000..7c0f0a8a5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-image set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property set to 'inherit' inherits its value from the parent element." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ #wrapper
+ {
+ list-style-image: url('support/blue15x15.png');
+ }
+ #div1
+ {
+ display: list-item;
+ list-style-image: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box on the left side of the words "Filler Text".</p>
+ <div id="wrapper">
+ <div id="div1">Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-002.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-002.xht
new file mode 100644
index 0000000000..064c370ba9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-002.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-image set using the url() function</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property set to the url() function properly renders an image." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-image: url('support/blue15x15.png');
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box on the left side of the words "Filler Text".</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-003.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-003.xht
new file mode 100644
index 0000000000..1e1e4bfd46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-003.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-image set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property set to 'none' does not render any image." />
+ <style type="text/css">
+ body
+ {
+ margin: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-type: decimal;
+ list-style-image: url('support/blue15x15.png');
+ list-style-image: none;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number on the left side of the words "Filler Text".</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-004-ref.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-004-ref.xht
new file mode 100644
index 0000000000..9886d9effb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-004-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>There should be a numbered list with three similarly formatted list items below.</p>
+
+ <ol>
+ <li>One.</li>
+ <li>Two.</li>
+ <li>Three.</li>
+ </ol>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-004.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-004.xht
new file mode 100644
index 0000000000..f16fdd9b94
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-004.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS List Images: invalid</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/list/list-style-image/001.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/list/list-style-image/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="list-style-image-004-ref.xht" />
+
+ <style type="text/css">
+ .no { list-style-image: url(404); }
+ </style>
+ </head>
+ <body>
+ <p>There should be a numbered list with three similarly formatted list items below.</p>
+ <ol>
+ <li> One.</li>
+ <li class="no"> Two.</li>
+ <li> Three.</li>
+ </ol>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-005-ref.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-005-ref.xht
new file mode 100644
index 0000000000..ac153ab259
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-005-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ ul {margin-left: -20px;}
+ li {list-style-image: url("support/swatch-green.png");}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a green square (and the word 'TEST') below.</p>
+
+ <ul><li>TEST</li></ul>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-005.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-005.xht
new file mode 100644
index 0000000000..c6d15492be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-005.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Lists: list-item with list-style-image</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/list/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="list-style-image-005-ref.xht" />
+
+ <style type="text/css">
+ div { margin: 0 0 0 20px; list-style-image: url(support/swatch-green.png); display: list-item; float: left; }
+ </style>
+ </head>
+ <body>
+ <p> There should be a green square (and the word 'TEST') below. </p>
+ <div>TEST</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-006.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-006.xht
new file mode 100644
index 0000000000..ec38c19eff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-006.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: list-style-image in rtl context</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <meta name="assert" content="list-style-image should be positioned to the right in rtl context"/>
+ <style type="text/css"><![CDATA[
+ body {direction:rtl;}
+ ul {
+ list-style-image: url("support/diamond.png");
+ }
+ ]]></style>
+
+ </head>
+ <body>
+ <ul>
+ <li>This list item should have a fuchsia diamond to the right</li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-007-ref.html b/testing/web-platform/tests/css/CSS2/lists/list-style-image-007-ref.html
new file mode 100644
index 0000000000..e73b120d2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-007-ref.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html
+ <head>
+ <title>Reference: CSS List Images: invalid</title>
+ <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+ </head>
+ <body>
+ <p>There should be a bullet list with three similarly formatted list items below.</p>
+ <ul>
+ <li>One.</li>
+ <li>Two.</li>
+ <li>Three.</li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-007.html b/testing/web-platform/tests/css/CSS2/lists/list-style-image-007.html
new file mode 100644
index 0000000000..9ee947aa93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-007.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html
+ <head>
+ <title>CSS Test: CSS List Images: invalid</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
+ <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" >
+ <link rel="match" href="list-style-image-007-ref.html">
+
+ <style>
+ .no { list-style-image: url(404); }
+ </style>
+ </head>
+ <body>
+ <p>There should be a bullet list with three similarly formatted list items below.</p>
+ <ul>
+ <li> One.</li>
+ <li class="no"> Two.</li>
+ <li> Three.</li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-001.xht
new file mode 100644
index 0000000000..2c82821505
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-001.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-image applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ list-style-image: url('support/blue15x15.png');
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single blue square below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-002.xht
new file mode 100644
index 0000000000..7af1787b87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-002.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-image applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ list-style-image: url('support/blue15x15.png');
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single blue square below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-003.xht
new file mode 100644
index 0000000000..1e7e58f462
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-003.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-image applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ list-style-image: url('support/blue15x15.png');
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single blue square below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-004.xht
new file mode 100644
index 0000000000..cc859de9a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-004.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-image applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ list-style-image: url('support/blue15x15.png');
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single blue square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-005.xht
new file mode 100644
index 0000000000..74d1b12792
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-005.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-image applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ list-style-image: url('support/blue15x15.png');
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single round dot below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-006.xht
new file mode 100644
index 0000000000..81ca729695
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-006.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-image applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ list-style-image: url('support/blue15x15.png');
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single round dot below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-007.xht
new file mode 100644
index 0000000000..63a8d63c78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-007.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-image applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ list-style-image: url('support/blue15x15.png');
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single blue square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-008.xht
new file mode 100644
index 0000000000..6d8bd5638b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-008.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-image applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'inline'." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ list-style-image: url('support/blue15x15.png');
+ }
+ span
+ {
+ display: list-item;
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single blue square below.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-009.xht
new file mode 100644
index 0000000000..cc2270bc9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-009.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-image applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ list-style-image: url('support/blue15x15.png');
+ margin-left: 1in;
+ }
+ a
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single blue square below.</p>
+ <div>
+ <span>
+ <a></a>
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-010.xht
new file mode 100644
index 0000000000..78a8119428
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-010.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-image applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ display: list-item;
+ list-style-image: url('support/blue15x15.png');
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single blue square below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-012.xht
new file mode 100644
index 0000000000..b81db5533c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-012.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-image applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ list-style-image: url('support/blue15x15.png');
+ margin-left: 1in;
+ }
+ span
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single blue square below.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-013.xht
new file mode 100644
index 0000000000..8a8c3e3da8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-013.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-image applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ list-style-image: url('support/blue15x15.png');
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single blue square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-014.xht
new file mode 100644
index 0000000000..01347df407
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-014.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-image applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ display: inline-table;
+ list-style-image: url('support/blue15x15.png');
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single blue square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-015.xht
new file mode 100644
index 0000000000..7eedb68264
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-015.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-image applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-caption;
+ list-style-image: url('support/blue15x15.png');
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #test div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single blue square below.</p>
+ <div id="table">
+ <div id="test">
+ <div></div>
+ </div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-available-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-available-001.xht
new file mode 100644
index 0000000000..dbb6b45abb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-available-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List marker displayed when image missing</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="If the 'list-style-image' is not available then the marker needs to be visible." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-image: url('missingImage.png');
+ list-style-type: disc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a 'disc' list item marker below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-none-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-none-001.xht
new file mode 100644
index 0000000000..acbacc90d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-none-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style set to 'none' overrides 'list-style-image'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'list-style-image' property is also set to 'none when 'list-style' is set to 'none'." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ color: red;
+ display: list-item;
+ list-style-image: url('support/red15x15.png');
+ list-style: none;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-018-ref.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-018-ref.xht
new file mode 100644
index 0000000000..f122264536
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-018-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+
+ <style type="text/css"><![CDATA[
+ li
+ {
+ background-color: black;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 3 black horizontal bars, each preceded by a black bullet (small filled-in circle).</p>
+
+ <ul>
+ <li>&nbsp;</li>
+ </ul>
+
+ <ul>
+ <li>&nbsp;</li>
+ </ul>
+
+ <ul>
+ <li>&nbsp;</li>
+ </ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-018.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-018.xht
new file mode 100644
index 0000000000..8c3f614beb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-018.xht
@@ -0,0 +1,67 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'list-style-position: outside' - text-align</title>
+
+ <!--
+ More info about this test:
+ http://lists.w3.org/Archives/Public/public-css-testsuite/2010Oct/0191.html
+ http://lists.w3.org/Archives/Public/public-css-testsuite/2010Oct/0196.html
+ http://lists.w3.org/Archives/Public/public-css-testsuite/2010Oct/0197.html
+ https://github.com/w3c/csswg-test/commit/0147c4a7a6946cb7d777bedce0b2499b2b9d60d3
+ http://lists.w3.org/Archives/Public/public-css-testsuite/2016Jul/0003.html
+ https://lists.w3.org/Archives/Public/www-style/2016Jul/0051.html
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" title="12.5.1 Lists: the 'list-style-type', 'list-style-image', 'list-style-position', and 'list-style' properties" />
+ <link rel="match" href="list-style-position-018-ref.xht" />
+
+ <meta name="assert" content="'text-align' should only format inline content of a list-item's principal block box when the list-item's 'list-style-position' is set to 'outside'." />
+
+ <style type="text/css"><![CDATA[
+ li
+ {
+ background-color: black;
+ list-style-position: outside;
+ }
+
+ li#left-aligned
+ {
+ text-align: left;
+ }
+
+ li#centered
+ {
+ text-align: center;
+ }
+
+ li#right-aligned
+ {
+ text-align: right;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 3 black horizontal bars, each preceded by a black bullet (small filled-in circle).</p>
+
+ <ul>
+ <li id="left-aligned">&nbsp;</li>
+ </ul>
+
+ <ul>
+ <li id="centered">&nbsp;</li>
+ </ul>
+
+ <ul>
+ <li id="right-aligned">&nbsp;</li>
+ </ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-019.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-019.xht
new file mode 100644
index 0000000000..23a91cb9ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-019.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: list-style-position - text-indent</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/html4/struct/lists.html#h-10.3.1" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Text-indent should only format the indentation of the first line of text of a list-item's principal block box when the list-item's list-style-position is set to outside" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ li
+ {
+ background-color: black;
+ color: lime;
+ font: 30px/1 Ahem;
+ list-style-position: outside;
+ }
+
+ li#left {text-indent: 10%;}
+
+ li#center {text-indent: 50%;}
+
+ li#right {text-indent: 90%;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There must be 3 thick horizontal black bars below, each preceded by a bright green bullet (filled-in circle). Such bullet must be located outside of and prior to each of the 3 thick horizontal black bars. Inside of the thick horizontal black bars, there must be a small bright green square located respectively toward the left side of the first thick horizontal black bar, in the center of the second thick horizontal black bar and toward the right side of third thick horizontal black bar.</p>
+
+ <ul>
+ <li id="left">L</li>
+ </ul>
+
+ <ul>
+ <li id="center">C</li>
+ </ul>
+
+ <ul>
+ <li id="right">R</li>
+ </ul>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-020.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-020.xht
new file mode 100644
index 0000000000..f956591dc5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-020.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-position set to 'inside'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-position' property set to 'inside' places the marker inside of the list item principal block box." />
+ <style type="text/css">
+ div
+ {
+ border: 1px solid blue;
+ padding-left: 50px;
+ }
+ span
+ {
+ display: list-item;
+ list-style-position: inside;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the second line of text in the blue box is shifted to the left and is underneath the bullet.</p>
+ <div>
+ <span>
+ Filler Text Filler Text Filler Text<br />
+ Filler Text Filler Text Filler Text
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-021.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-021.xht
new file mode 100644
index 0000000000..b4a5bf780d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-021.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-position set to 'outside'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-position' property set to 'outside' places the marker outside of the list item principal block box." />
+ <style type="text/css">
+ div
+ {
+ border: 1px solid blue;
+ padding-left: 50px;
+ }
+ span
+ {
+ display: list-item;
+ list-style-position: outside;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two lines of text in the blue box are directly lined up with each other and there is a single bullet to the left of the lines of text.</p>
+ <div>
+ <span>
+ Filler Text Filler Text Filler Text<br />
+ Filler Text Filler Text Filler Text
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-022.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-022.xht
new file mode 100644
index 0000000000..0f1e0f5a6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-022.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-position set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-position' property set to 'inherit' retrieves its value from its parent element." />
+ <style type="text/css">
+ div
+ {
+ border: 1px solid blue;
+ list-style-position: inside;
+ padding-left: 50px;
+ }
+ span
+ {
+ display: list-item;
+ list-style-position: outside;
+ }
+ div span
+ {
+ list-style-position: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the second line of text in the blue box is shifted to the left and is underneath the bullet.</p>
+ <div>
+ <span>
+ Filler Text Filler Text Filler Text<br />
+ Filler Text Filler Text Filler Text
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-023-ref.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-023-ref.xht
new file mode 100644
index 0000000000..f6bba9392d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-023-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: silver solid 0.25em;
+ color: blue;
+ padding: 0.5em 0.5em 0.5em 3em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>1.
+ <div>1.
+ <div>1.</div>
+ </div>
+ </div>
+
+ <p>The above should render like the example below.</p>
+
+ <div>1.
+ <div>1.
+ <div>1.</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-023.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-023.xht
new file mode 100644
index 0000000000..8169a01642
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-023.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Nested inside list markers (ltr)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/list/list-style-position/inside/001-demo.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="list-style-position-023-ref.xht" />
+
+ <style type="text/css">
+ ol, li { margin: 0; padding: 0; border: 0; }
+ li, div {
+ color: blue;
+ border: solid silver 0.25em;
+ padding: 0.5em 0.5em 0.5em 3em;
+ list-style-position: inside; }
+ span { color: white; }
+ </style>
+ </head>
+ <body>
+ <ol>
+ <li>
+ <ol>
+ <li>
+ <ol>
+ <li>
+ <span>Text</span>
+ </li>
+ </ol>
+ </li>
+ </ol>
+ </li>
+ </ol>
+ <p>The above should render like the example below.</p>
+ <div>1.
+ <div>1.
+ <div>
+ 1. <span>Text</span>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-024-ref.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-024-ref.xht
new file mode 100644
index 0000000000..dd988a7471
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-024-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {direction: rtl;}
+
+ p {direction: ltr;}
+
+ div
+ {
+ border: silver solid 0.25em;
+ color: blue;
+ padding: 0.5em 3em 0.5em 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>1.
+ <div>1.
+ <div>1.</div>
+ </div>
+ </div>
+
+ <p>The above should render like the example below.</p>
+
+ <div>1.
+ <div>1.
+ <div>1.</div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-024.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-024.xht
new file mode 100644
index 0000000000..78ff54b630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-024.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
+ <head>
+ <title>CSS Test: Nested inside list markers (rtl)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/list/list-style-position/inside/002-demo.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="list-style-position-024-ref.xht" />
+
+ <style type="text/css">
+ ol, li { margin: 0; padding: 0; border: 0; }
+ li, div {
+ color: blue;
+ border: solid silver 0.25em;
+ padding: 0.5em 3em 0.5em 0.5em;
+ list-style-position: inside; }
+ span { color: white; } </style>
+ </head>
+ <body>
+ <ol>
+ <li>
+ <ol>
+ <li>
+ <ol>
+ <li>
+ <span>List item text.</span>
+ </li>
+ </ol>
+ </li>
+ </ol>
+ </li>
+ </ol>
+ <p dir="ltr">The above should render like the example below.</p>
+ <div>1.
+ <div>1.
+ <div>
+ 1. <span>List item text.</span>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-025.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-025.xht
new file mode 100644
index 0000000000..35d8c29cdc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-025.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: list-style-position in rtl context</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <meta name="assert" content="list-style-position:inside in rtl context should let text flow below the bullet on the right side"/>
+ <style type="text/css"><![CDATA[
+ body {direction:rtl;}
+ ul {
+ text-align: right;
+ list-style-position: inside;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <ul>
+ <li>The x on the next line should have a bullet directly above it<br />x</li>
+ </ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-001.xht
new file mode 100644
index 0000000000..9889dd7695
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-001.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-position applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ list-style-position: inside;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ background: orange;
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black dot inside an orange box below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-002.xht
new file mode 100644
index 0000000000..a8c8a41aa5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-002.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-position applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ list-style-position: inside;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ background: orange;
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black dot inside an orange box below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-003.xht
new file mode 100644
index 0000000000..d53761ba36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-003.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-position applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ list-style-position: inside;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ background: orange;
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black dot inside an orange box below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-004.xht
new file mode 100644
index 0000000000..23d74ebd67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-004.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-position applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ list-style-position: inside;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ background: orange;
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black dot inside an orange box below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-005.xht
new file mode 100644
index 0000000000..9ec866bef8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-005.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-position applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ list-style-position: inside;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ background: orange;
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black dot on a white background below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-006.xht
new file mode 100644
index 0000000000..d60ed2c7f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-006.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-position applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ list-style-position: inside;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ background: orange;
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black dot on a white background below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-007.xht
new file mode 100644
index 0000000000..c223dbabd8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-007.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-position applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ list-style-position: inside;
+ }
+ #cell div
+ {
+ background: orange;
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black dot inside an orange box below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-008.xht
new file mode 100644
index 0000000000..1f2e347de8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-008.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-position applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'inline'." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ list-style-position: inside;
+ }
+ span
+ {
+ background: orange;
+ display: list-item;
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black dot inside an orange box below.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-009.xht
new file mode 100644
index 0000000000..90ff3b2356
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-009.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-position applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ list-style-position: inside;
+ margin-left: 1in;
+ }
+ a
+ {
+ background: orange;
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black dot inside an orange box below.</p>
+ <div>
+ <span>
+ <a></a>
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-010.xht
new file mode 100644
index 0000000000..ae5dbfbc36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-010.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-position applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ background: orange;
+ display: list-item;
+ list-style-position: inside;
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black dot inside an orange box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-012.xht
new file mode 100644
index 0000000000..25e79b3a59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-012.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-position applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ list-style-position: inside;
+ margin-left: 1in;
+ }
+ span
+ {
+ background: orange;
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black dot inside an orange box below.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-013.xht
new file mode 100644
index 0000000000..5dde30618c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-013.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-position applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ list-style-position: inside;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ background: orange;
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black dot inside an orange box below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-014.xht
new file mode 100644
index 0000000000..b550234870
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-014.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-position applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ display: inline-table;
+ list-style-position: inside;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ background: orange;
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black dot inside an orange box below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-015.xht
new file mode 100644
index 0000000000..53eb07dd3b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-015.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-position applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-caption;
+ list-style-position: inside;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ width: 5em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #test div
+ {
+ background: orange;
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black dot inside an orange box below.</p>
+ <div id="table">
+ <div id="test">
+ <div></div>
+ </div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-inside-002.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-inside-002.xht
new file mode 100644
index 0000000000..bfd661367f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-inside-002.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: inside list-item marker position wrt :before and :after</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <meta name="assert" content="The list-item marker is on the right side for an
+ RTL item and on the left side for an LTR one."/>
+ <style type="text/css">
+ ul, li {
+ margin: 0;
+ padding: 0;
+ color: blue;
+ font: bold larger monospace;
+ }
+ li {
+ list-style: inside decimal;
+ }
+ li:before {
+ content: "2";
+ }
+ li:after {
+ content: "4";
+ }
+ </style>
+ </head>
+ <body>
+ <p>The numbers [1, 2, 3, 4] below must be in ascending order.</p>
+ <ul>
+ <li>3</li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-001.xht
new file mode 100644
index 0000000000..44ea7aef7b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type set to 'disc'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property set to 'disc' renders the correct list item marker." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-type: disc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a bullet (&#x2022;) below.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-002.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-002.xht
new file mode 100644
index 0000000000..92bad2a0b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type set to 'circle'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property set to 'circle' renders the correct list item marker." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-type: circle;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a bullet (&#x25E6;) below.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-003.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-003.xht
new file mode 100644
index 0000000000..f7a852073a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-003.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type set to 'square'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property set to 'square' renders the correct list item marker." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-type: square;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a bullet (&#x25A0;) below.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-004.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-004.xht
new file mode 100644
index 0000000000..02fdcafce7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-004.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type set to 'decimal'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property set to 'decimal' renders the correct list item marker." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-type: decimal;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number "1." below.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-005.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-005.xht
new file mode 100644
index 0000000000..f9a751dcf0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-005.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type set to 'decimal-leading-zero'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property set to 'decimal-leading-zero' renders the correct list item marker." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-type: decimal-leading-zero;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is are the numbers "01." below.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-006.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-006.xht
new file mode 100644
index 0000000000..31868a83a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-006.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type set to 'lower-roman'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property set to 'lower-roman' renders the correct list item marker." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-type: lower-roman;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a lowercase letter 'i.' below.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-007.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-007.xht
new file mode 100644
index 0000000000..6d4429053a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-007.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type set to 'upper-roman'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property set to 'upper-roman' renders the correct list item marker." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-type: upper-roman;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an uppercase letter 'I.' below.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-008.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-008.xht
new file mode 100644
index 0000000000..c8cc2a3e6f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type set to 'lower-greek'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property set to 'lower-greek' renders the correct list item marker." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-type: lower-greek;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a greek letter "&#x03B1;." below.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-009.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-009.xht
new file mode 100644
index 0000000000..2016efabff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-009.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type set to 'lower-latin'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property set to 'lower-latin' renders the correct list item marker." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-type: lower-latin;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a lowercase letter 'a.' below.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-010.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-010.xht
new file mode 100644
index 0000000000..4556b8dd14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-010.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type set to 'upper-latin'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property set to 'upper-latin' renders the correct list item marker." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-type: upper-latin;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an uppercase letter 'A.' below.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-011.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-011.xht
new file mode 100644
index 0000000000..f63608e14d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-011.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type set to 'armenian'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property set to 'armenian' renders the correct list item marker." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-type: armenian;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an Armenian character "&#x0561;." or "&#x0531;." below.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-012.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-012.xht
new file mode 100644
index 0000000000..9be5fa1416
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-012.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type set to 'georgian'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property set to 'georgian' renders the correct list item marker." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-type: georgian;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a Georgian character "&#x10d0;." below.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-013.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-013.xht
new file mode 100644
index 0000000000..5e55d041cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-013.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type set to 'lower-alpha'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property set to 'lower-alpha' renders the correct list item marker." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-type: lower-alpha;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a lowercase letter 'a.' below.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-014.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-014.xht
new file mode 100644
index 0000000000..cb83ba9a13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-014.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type set to 'upper-alpha'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property set to 'upper-alpha' renders the correct list item marker." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-type: upper-alpha;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an uppercase letter 'A.' below.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-015.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-015.xht
new file mode 100644
index 0000000000..4c053527aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-015.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property set to 'none' does not display a marker bullet." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ display: list-item;
+ list-style-type: square;
+ list-style-type: none;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no character or bullet to the left of the text "Filler Text".</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-016.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-016.xht
new file mode 100644
index 0000000000..4ebad713ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-016.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property set to 'inherit' inherits the value from the parent element." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ list-style-type: circle;
+ }
+ div
+ {
+ display: list-item;
+ list-style-type: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a bullet (&#x25E6;) below.</p>
+ <div>&nbsp;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-017.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-017.xht
new file mode 100644
index 0000000000..51af8c0e4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-017.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Lists: Negative Numbers</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/list/list-style-type/002.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/list/list-style-type/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+
+ <style type="text/css">
+ ol { counter-reset: list-item -3; }
+ li { list-style: decimal; }
+ </style>
+ </head>
+ <body>
+ <p>The two columns of numbers should be <strong>identical</strong>.</p>
+ <ol start="-3">
+ <li> -3. </li>
+ <li> -2. </li>
+ <li> -1. </li>
+ <li> 0. </li>
+ <li> 1. </li>
+ <li> 2. </li>
+ <li> 3. </li>
+ </ol>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-018.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-018.xht
new file mode 100644
index 0000000000..30ec2514bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-018.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: list-style-type in rtl context</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <meta name="assert" content="list-style-type should be correctly applied in rtl context"/>
+ <style type="text/css"><![CDATA[
+ body {direction:rtl;}
+ ul {
+ list-style-type: square;
+ }
+ ]]></style>
+ </head>
+ <body dir="rtl">
+ <ul>
+ <li>This list item should have a square to the right</li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-001.xht
new file mode 100644
index 0000000000..3b8c9d842d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-001.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ list-style-type: square;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-002.xht
new file mode 100644
index 0000000000..9f9c2c3d39
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-002.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ list-style-type: square;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-003.xht
new file mode 100644
index 0000000000..e984e8105c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-003.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ list-style-type: square;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-004.xht
new file mode 100644
index 0000000000..4840a52eec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-004.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ list-style-type: square;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-005.xht
new file mode 100644
index 0000000000..b8adb55d04
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-005.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ list-style-type: square;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single round dot below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-006.xht
new file mode 100644
index 0000000000..f951fa6052
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-006.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ list-style-type: square;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single round dot below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-007.xht
new file mode 100644
index 0000000000..d5b5115e6a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-007.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ list-style-type: square;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-008.xht
new file mode 100644
index 0000000000..022ce8eac1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-008.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'inline'." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ list-style-type: square;
+ }
+ span
+ {
+ display: list-item;
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-009.xht
new file mode 100644
index 0000000000..08f7073061
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-009.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ list-style-type: square;
+ margin-left: 1in;
+ }
+ a
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div>
+ <span>
+ <a></a>
+ </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-010.xht
new file mode 100644
index 0000000000..df82d5b001
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-010.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ display: list-item;
+ list-style-type: square;
+ margin-left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-012.xht
new file mode 100644
index 0000000000..c0134f2116
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-012.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ list-style-type: square;
+ margin-left: 1in;
+ }
+ span
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-013.xht
new file mode 100644
index 0000000000..5729e67605
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-013.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ list-style-type: square;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-014.xht
new file mode 100644
index 0000000000..9af75890b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-014.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ display: inline-table;
+ list-style-type: square;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-015.xht
new file mode 100644
index 0000000000..c7707adc11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-015.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List-style-type applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <link rel="match" href="../../reference/single_square_list_marker.xht"/>
+ <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-caption;
+ list-style-type: square;
+ }
+ #table
+ {
+ display: table;
+ margin-left: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #test div
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single square below.</p>
+ <div id="table">
+ <div id="test">
+ <div></div>
+ </div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-armenian-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-armenian-001.xht
new file mode 100644
index 0000000000..3ccb4f3dc2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-armenian-001.xht
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: list-style-type - armenian, up to 100</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/generate.html#list-style' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-list-style-type/generate?test=2' />
+<meta name="assert" content="Setting list-style-type to armenian will cause list numbering to format numbers up to 9,999 in the way described in CSS3 Lists module." />
+<style type='text/css'>
+.armenian { list-style-type: armenian; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 24px; font-family: sans-serif; }
+ol { margin: 0; padding-left: 8em; }
+.alt { color: #ff6633; margin-left: 40px;}
+
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the text in the two columns is the same.</p>
+
+
+<div class="test">
+ <ol class="armenian">
+ <li title="1">Ա</li>
+ <li title="2">Բ</li>
+ <li title="3">Գ</li>
+ <li title="4">Դ</li>
+ <li title="5">Ե</li>
+ <li title="6">Զ</li>
+ <li title="7">Է</li>
+ <li title="8">Ը</li>
+ <li title="9">Թ</li>
+ <li title="10">Ժ</li>
+ <li title="11">ԺԱ</li>
+ <li title="12">ԺԲ</li>
+ </ol>
+ <ol class="armenian" start="43">
+ <li title="43">ԽԳ</li>
+ </ol>
+ <ol class="armenian" start="77">
+ <li title="77">ՀԷ</li>
+ </ol>
+ <ol class="armenian" start="80">
+ <li title="80">Ձ</li>
+ </ol>
+ <ol class="armenian" start="99">
+ <li title="99">ՂԹ</li>
+ <li title="100">Ճ</li>
+ </ol>
+ </div>
+
+
+<!--p class="notes">Notes: <br />CSS2.1 CR specifies an armenian property, but does not specify in any detail the mechanism for implementing it. Expectations for behavior in these tests are based on the descriptions of lower-armenian and upper-armenian in the version of the CSS3 Lists module current at the time this test was last updated.</p><p class="notes">The test uses the start attribute to reduce the size of the list. This attribute is deprecated or unavailable in some formats, causing the test page not to validate, but appears to be supported in major browsers anyway (and will be reinstated in HTML5).</p><p class="notes">Both upper and lowercase variants are shown here because the test is about the generative mechanism. The case is tested elsewhere.</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-georgian-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-georgian-001.xht
new file mode 100644
index 0000000000..d0e399815e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-georgian-001.xht
@@ -0,0 +1,124 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: list-style-type - georgian</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/generate.html#list-style' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-list-style-type/generate?test=8' />
+<meta name="assert" content="Setting list-style-type to georgian will cause list numbering to format numbers in the way described in the CSS3 Lists module plus corrections by George Chavchanidze." />
+<style type='text/css'>
+.georgian { list-style-type: georgian; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 24px; font-family: sans-serif; }
+ol { margin: 0; padding-left: 8em; }
+.alt { color: #ff6633; margin-left: 40px;}
+
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the numbering in the two columns is the same.</p>
+
+
+<div class="test">
+ <ol class="georgian">
+
+ <li title="1">ა</li>
+ <li title="2">ბ</li>
+ <li title="3"> გ</li>
+ <li title="4"> დ</li>
+ <li title="5">ე</li>
+
+ <li title="6"> ვ</li>
+ <li title="7">ზ</li>
+ <li title="8">ჱ</li>
+ <li title="9">თ</li>
+ <li title="10"> ი</li>
+
+ <li title="11"> ია</li>
+ <li title="12">იბ</li>
+ </ol>
+ <ol class="georgian" start="43">
+ <li title="43">მგ</li>
+ </ol>
+ <ol class="georgian" start="77">
+
+ <li title="77">ოზ</li>
+ </ol>
+ <ol class="georgian" start="80">
+ <li title="80">პ</li>
+ </ol>
+ <ol class="georgian" start="99">
+ <li title="99"> ჟთ</li>
+
+ <li title="100">რ</li>
+ <li title="101">რა</li>
+ </ol>
+ <ol class="georgian" start="222">
+ <li title="222">სკბ</li>
+ </ol>
+ <ol class="georgian" start="440">
+
+ <li title="440">ჳმ</li>
+ </ol>
+ <ol class="georgian" start="999">
+ <li title="999">შჟთ</li>
+ <li title="1000">ჩ</li>
+ </ol>
+ <ol class="georgian" start="1005">
+
+ <li title="1005">ჩე</li>
+ </ol>
+ <ol class="georgian" start="1060">
+ <li title="1060">ჩჲ</li>
+ </ol>
+ <ol class="georgian" start="1065">
+ <li title="1065">ჩჲე</li>
+
+ </ol>
+ <ol class="georgian" start="1700">
+ <li title="1700">ჩღ</li>
+ </ol>
+ <ol class="georgian" start="1760">
+ <li title="1760">ჩღჲ</li>
+ </ol>
+ <ol class="georgian" start="1765">
+
+ <li title="1765">ჩღჲე</li>
+ </ol>
+ <ol class="georgian" start="4765">
+ <li title="4765">წღჲე</li>
+ </ol>
+ <ol class="georgian" start="9999">
+ <li title="9999">ჰშჟთ</li>
+
+ <li title="10000"> ჵ</li>
+ <li title="10001"> ჵა</li>
+ </ol>
+ <ol class="georgian" start="10065">
+ <li title="10065"> ჵჲე</li>
+ </ol>
+
+ <ol class="georgian" start="10700">
+ <li title="10700"> ჵღ</li>
+ </ol>
+ <ol class="georgian" start="12000">
+ <li title="12000"> ჵც</li>
+ <li title="12001"> ჵცა</li>
+
+ </ol>
+ <ol class="georgian" start="12065">
+ <li title="12065"> ჵცჲე</li>
+ </ol>
+ <ol class="georgian" start="12700">
+ <li title="12700"> ჵცღ</li>
+ </ol>
+
+ </div>
+
+
+<!--p class="notes">Notes: <br /><a href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type">CSS2.1</a> CR specifies a <span class="kw">georgian</span> property, but also does not specify in any detail the mechanism for implementing it. Expectations for behavior in these tests are based on <a href="http://xml-maiden.com/numbering/table.xhtml">corrections by George Chavchanidze</a> to the rules specified in the version of <a href="http://www.w3.org/TR/css3-lists/#georgian">CSS3 Lists module</a> current at the time this test was last updated.</p><p class="notes">The test uses the start attribute to reduce the size of the list. This attribute is deprecated or unavailable in some formats, causing the test page not to validate, but appears to be supported in major browsers anyway (and will be reinstated in HTML5).</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-lower-greek-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-lower-greek-001.xht
new file mode 100644
index 0000000000..6deef917c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-lower-greek-001.xht
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: list-style-type - lower-greek</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/generate.html#list-style' />
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-list-style-type/generate?test=9' />
+<meta name="assert" content="Setting list-style-type to lower-greek will cause list numbering to format numbers in the way described in the CSS3 Lists module." />
+<style type='text/css'>
+ol { list-style-type: lower-greek; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 24px; font-family: sans-serif; }
+ol { margin: 0; padding-left: 8em; }
+.alt { color: #ff6633; margin-left: 40px;}
+
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the numbering in the two columns is the same.</p>
+
+
+<div class="test">
+ <ol class="lower-greek">
+ <li> α</li>
+ <li>β
+ <ol class="lower-greek">
+ <li> α</li>
+ <li> β</li>
+
+ <li> γ</li>
+ </ol>
+ </li>
+ <li>γ</li>
+ <li>δ</li>
+ <li>ε</li>
+
+ <li>ζ</li>
+ <li>η</li>
+ <li>θ</li>
+ <li>ι</li>
+ <li>κ</li>
+ <li>λ</li>
+
+ <li>μ</li>
+ <li>ν</li>
+ <li>ξ</li>
+ <li>ο</li>
+ <li>π</li>
+ <li>ρ</li>
+
+ <li>σ</li>
+ <li>τ</li>
+ <li>υ</li>
+ <li>φ</li>
+ <li>χ</li>
+ <li>ψ</li>
+
+ <li>ω</li>
+ <li> αα</li>
+ <li> αβ</li>
+ <li> αγ</li>
+ <li> αδ</li>
+
+ </ol>
+ <ol class="lower-greek" start="48">
+ <li> αω</li>
+ <li>βα</li>
+ <li>ββ</li>
+ </ol>
+ <ol class="lower-greek" start="599">
+
+ <li> ωψ</li>
+ <li> ωω</li>
+ <li>ααα</li>
+ <li>ααβ</li>
+ <li>ααγ</li>
+
+ </ol>
+ <ol class="lower-greek" start="1400">
+ <li>βκθ</li>
+ <li>βκι</li>
+ <li>βκκ</li>
+ <li>βκλ</li>
+ </ol>
+
+ <ol class="lower-greek" start="15000">
+ <li> ααωω</li>
+ <li>αβαα</li>
+ <li>αβαβ</li>
+ <li>αβαγ</li>
+ </ol>
+ </div>
+
+
+<!--p class="notes">Notes: <br /><a href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type">CSS2.1</a> CR specifies a <span class="kw">lower-greek</span> value for the list-style-type property, but does not specify in any detail the mechanism for implementing it. Expectations for behavior in these tests are based on the rules specified in the version of <a href="http://www.w3.org/TR/css3-lists/#lower-greek">CSS3 Lists module</a> current at the time this test was last updated.</p><p class="notes">The test uses the start attribute to reduce the size of the list. This attribute is deprecated or unavailable in some formats, causing the test page not to validate, but appears to be supported in major browsers anyway (and will be reinstated in HTML5).</p-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/lists-alpha-wrap-001.xht b/testing/web-platform/tests/css/CSS2/lists/lists-alpha-wrap-001.xht
new file mode 100644
index 0000000000..5656ee1a65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/lists-alpha-wrap-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Alphabetic list wrapping</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
+ <meta name="assert" content="Alphabetic list wrapping does not exert unexpected behavior to a user." />
+ <style type="text/css">
+ ol
+ {
+ list-style-type: upper-alpha;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters "AA." are below.</p>
+ <ol start="27">
+ <li></li>
+ </ol>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/lists-backgrounds-001.xht b/testing/web-platform/tests/css/CSS2/lists/lists-backgrounds-001.xht
new file mode 100644
index 0000000000..6ee7bb8872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/lists-backgrounds-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List with background applied</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" />
+ <meta name="assert" content="Background properties only apply to the principal box and not the marker box when the marker is set to outside." />
+ <style type="text/css">
+ #div1
+ {
+ background: orange;
+ margin-left: 50px;
+ padding-left: 30px;
+ }
+ div div
+ {
+ display: list-item;
+ list-style-type: disc;
+ background: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the text has a blue background and the marker has an orange background.</p>
+ <div id="div1">
+ <div>This text should have a blue background</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/markers-rtl-001.xht b/testing/web-platform/tests/css/CSS2/lists/markers-rtl-001.xht
new file mode 100644
index 0000000000..40ebb6a189
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/markers-rtl-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: List marker in right-to-left layout</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" />
+ <meta name="assert" content="When the 'direction' property is set to 'RTL' the markers for list items are placed on the right." />
+ <style type="text/css">
+ #div1
+ {
+ width: 2in;
+ }
+ div div
+ {
+ direction: rtl;
+ display: list-item;
+ list-style-type: disc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a list marker on the right side.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/reset-counter-001.xht b/testing/web-platform/tests/css/CSS2/lists/reset-counter-001.xht
new file mode 100644
index 0000000000..e1654073be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/reset-counter-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Counter-reset before counter use</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
+ <link rel="match" href="../../reference/pass_if_number_5.xht"/>
+ <meta name="assert" content="Counter is used after a reset." />
+ <style type="text/css">
+ div:before
+ {
+ content: counter(chapter);
+ counter-reset: chapter 5;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number '5' below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/lists/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/lists/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/lists/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/lists/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/lists/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/lists/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/lists/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/lists/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/README b/testing/web-platform/tests/css/CSS2/lists/support/README
new file mode 100644
index 0000000000..2e5f2ad073
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/README
@@ -0,0 +1,28 @@
+CSS Global Support Directory
+============================
+
+This directory contains common support files (such as images and external
+style sheets). These are sync'ed into the support directories of all our
+test suites. If you have test-suite-specific support files, please add
+them to the appropriate test-suite-specific support/ directory.
+
+If you add to a support/ directory, please run the tools/supportprop.py
+script from the top of the repository to cascade support files into the
+lower-level support directories.
+
+Description of the Common Support File Collection
+-------------------------------------------------
+
+The 1x1-* images are all exactly one pixel.
+
+The swatch-* images all use 15x15 cells.
+
+The square-* images all use 15x15 cells with one pixel borders.
+
+The pattern-* images use cells of various sizes:
+
+ pattern-grg-rgr-grg.png 20x20
+ pattern-rgr-grg-rgr.png 20x20
+ pattern-tr.png 15x15
+ pattern-grg-rrg-rgg.png 15x15
+
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/a-green.css b/testing/web-platform/tests/css/CSS2/lists/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/b-green.css b/testing/web-platform/tests/css/CSS2/lists/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/lists/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/c-red.css b/testing/web-platform/tests/css/CSS2/lists/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/cat.png b/testing/web-platform/tests/css/CSS2/lists/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/diamond.png b/testing/web-platform/tests/css/CSS2/lists/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/green15x15.png b/testing/web-platform/tests/css/CSS2/lists/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/lists/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/lists/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/lists/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/lists/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/red15x15.png b/testing/web-platform/tests/css/CSS2/lists/support/red15x15.png
new file mode 100644
index 0000000000..39005d7e6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/red15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/ring.png b/testing/web-platform/tests/css/CSS2/lists/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/square-purple.png b/testing/web-platform/tests/css/CSS2/lists/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/square-teal.png b/testing/web-platform/tests/css/CSS2/lists/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/square-white.png b/testing/web-platform/tests/css/CSS2/lists/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/lists/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/lists/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/lists/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/lists/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/lists/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/lists/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/lists/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/test-bl.png b/testing/web-platform/tests/css/CSS2/lists/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/test-br.png b/testing/web-platform/tests/css/CSS2/lists/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/test-outer.png b/testing/web-platform/tests/css/CSS2/lists/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/test-tl.png b/testing/web-platform/tests/css/CSS2/lists/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/lists/support/test-tr.png b/testing/web-platform/tests/css/CSS2/lists/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/lists/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-001-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-001-ref.xht
new file mode 100644
index 0000000000..174123a6b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-001-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table, td {border: green solid 10px;}
+
+ table {border-spacing: 96px 96px;}
+
+ td {padding: 0.5in 1.5in ;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <table>
+ <tr><td></td></tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-001.xht
new file mode 100644
index 0000000000..85264b1a98
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-001.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin set using a single value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin' property set using a single value properly assigns the same value to all sides." />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #div1, #div2
+ {
+ border: 10px solid green;
+ }
+ #div1, #reference
+ {
+ left: 0;
+ position: absolute;
+ top: 0;
+ }
+ #div2
+ {
+ margin: 2.54cm;
+ height: 1in;
+ width: 3in;
+ }
+ #reference
+ {
+ border: 10px solid red;
+ height: 308px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-002-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-002-ref.xht
new file mode 100644
index 0000000000..b731d00d0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-002-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table, td {border: green solid 10px;}
+
+ table {border-spacing: 48px 96px;}
+
+ td {padding: 48px 144px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <table>
+ <tr><td></td></tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-002.xht
new file mode 100644
index 0000000000..a2de2f9ec3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-002.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin set to using two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-002-ref.xht" />
+
+ <meta name="assert" content="The 'margin' property set using two values properly assigns the first value to the top and bottom margins and the second value to the left and right margins." />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #div1, #div2
+ {
+ border: 10px solid green;
+ }
+ #div1, #reference
+ {
+ left: 0;
+ position: absolute;
+ top: 0;
+ }
+ #div2
+ {
+ margin: 2.54cm 0.5in;
+ height: 1in;
+ width: 3in;
+ }
+ #reference
+ {
+ border: 10px solid red;
+ height: 308px;
+ width: 404px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-003-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-003-ref.xht
new file mode 100644
index 0000000000..803d424ed6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-003-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border: green solid 10px;}
+
+ div#inline-block
+ {
+ padding: 96px 48px 192px;
+ width: 308px;
+ }
+
+ div#block {padding: 48px 144px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="inline-block">
+ <div id="block"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-003.xht
new file mode 100644
index 0000000000..cc8362fdba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-003.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin set to using three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-003-ref.xht" />
+
+ <meta name="assert" content="The 'margin' property set using three values properly assigns the first value to the top margin, the second value to the left and right margins, and the third value to the bottom margin." />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #div1, #div2
+ {
+ border: 10px solid green;
+ }
+ #div1, #reference
+ {
+ left: 0;
+ position: absolute;
+ top: 0;
+ }
+ #div2
+ {
+ height: 1in;
+ margin: 2.54cm 0.5in 144pt;
+ width: 3in;
+ }
+ #reference
+ {
+ border: 10px solid red;
+ height: 404px;
+ width: 404px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-004-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-004-ref.xht
new file mode 100644
index 0000000000..9c93b425a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-004-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border: green solid 10px;}
+
+ div#inline-block
+ {
+ padding: 96px 24px 192px 48px;
+ width: 308px;
+ }
+
+ div#block {padding: 48px 144px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="inline-block">
+ <div id="block"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-004.xht
new file mode 100644
index 0000000000..6fb987ffb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-004.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin set to using four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin' property set using three values properly assigns the first value to the top margin, the second value to the left margin, the third value to the bottom margin, and the fourth value to the right margin." />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #div1, #div2
+ {
+ border: 10px solid green;
+ }
+ #div1, #reference
+ {
+ left: 0;
+ position: absolute;
+ top: 0;
+ }
+ #div2
+ {
+ margin: 2.54cm 0.25in 144pt 12.7mm;
+ height: 1in;
+ width: 3in;
+ }
+ #reference
+ {
+ border: 10px solid red;
+ height: 404px;
+ width: 380px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-005-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-005-ref.xht
new file mode 100644
index 0000000000..c6666afd2a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-005-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: green solid 20px;
+ height: 96px;
+ width: 288px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-005.xht
new file mode 100644
index 0000000000..14d620b204
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-005.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin with a value of 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-005-ref.xht" />
+
+ <meta name="assert" content="The 'margin' property with a value of 'auto' correctly sizes the margin. In normal flow, 'margin-top: auto' and 'margin-bottom: auto' for block-level, non-replaced elements are resolved as 0. In normal flow, 'margin-left: auto' and 'margin-right: auto' for block-level, non-replaced elements are resolved according to the constraint equation for the width of containing block: 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' = width of containing block" />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #div1, #div2
+ {
+ border: 10px solid green;
+ }
+ #div1, #reference
+ {
+ left: 0;
+ position: absolute;
+ top: 0;
+ }
+
+ /*
+ In this test, #div1, which is absolutely positioned, is
+ #div2's containing block. In which case, the width of #div1 is
+ shrink-to-fit to the width of #div2 plus its borders.
+ http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width
+ */
+
+ #div2
+ {
+ height: 1in;
+ margin: auto;
+ width: 3in;
+ }
+ #reference
+ {
+ border: 20px solid red;
+ height: 96px;
+ width: 288px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-006-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-006-ref.xht
new file mode 100644
index 0000000000..33199bad8c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-006-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table, td {border: green solid 10px;}
+
+ table
+ {
+ border-spacing: 96px;
+ left: 96px;
+ position: relative;
+ top: 96px;
+ }
+
+ td {padding: 48px 144px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <table>
+ <tr><td></td></tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-006.xht
new file mode 100644
index 0000000000..2df49b6c17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-006.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin set to 'inherit', inheriting only one value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-006-ref.xht" />
+
+ <meta name="assert" content="The 'margin' property set to 'inherit', inherits one value from the parent element." />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #div1, #div2
+ {
+ border: 10px solid green;
+ }
+ #div1, #reference
+ {
+ position: absolute;
+ }
+ #div1
+ {
+ left: 0;
+ margin: 2.54cm;
+ top: 0;
+ }
+ #div2
+ {
+ height: 1in;
+ margin: inherit;
+ width: 3in;
+ }
+ #reference
+ {
+ border: 10px solid red;
+ height: 308px;
+ left: 1in;
+ top: 1in;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-007-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-007-ref.xht
new file mode 100644
index 0000000000..2b26aacb9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-007-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table, td {border: green solid 10px;}
+
+ table
+ {
+ border-spacing: 24px 96px;
+ left: 24px;
+ position: relative;
+ top: 96px;
+ }
+
+ td {padding: 48px 144px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <table>
+ <tr><td></td></tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-007.xht
new file mode 100644
index 0000000000..ec21059645
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-007.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin set to 'inherit', inheriting two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-007-ref.xht" />
+
+ <meta name="assert" content="The 'margin' property set to 'inherit', inherits two values from the parent element." />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #div1, #div2
+ {
+ border: 10px solid green;
+ }
+ #div1, #reference
+ {
+ position: absolute;
+ }
+ #div1
+ {
+ left: 0;
+ margin: 2.54cm 0.25in;
+ top: 0;
+ }
+ #div2
+ {
+ height: 1in;
+ margin: inherit;
+ width: 3in;
+ }
+ #reference
+ {
+ border: 10px solid red;
+ height: 308px;
+ left: 0.25in;
+ top: 1in;
+ width: 356px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-008-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-008-ref.xht
new file mode 100644
index 0000000000..483003574a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-008-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border: green solid 10px;}
+
+ div#inline-block
+ {
+ left: 24px;
+ padding: 96px 24px 192px;
+ position: relative;
+ top: 96px;
+ width: 308px;
+ }
+
+ div#block {padding: 48px 144px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="inline-block">
+ <div id="block"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-008.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-008.xht
new file mode 100644
index 0000000000..468884d2c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-008.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin set to 'inherit', inheriting three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-008-ref.xht" />
+
+ <meta name="assert" content="The 'margin' property set to 'inherit', inherits three values from the parent element." />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #div1, #div2
+ {
+ border: 10px solid green;
+ }
+ #div1, #reference
+ {
+ position: absolute;
+ }
+ #div1
+ {
+ left: 0;
+ margin: 2.54cm 0.25in 144pt;
+ top: 0;
+ }
+ #div2
+ {
+ height: 1in;
+ margin: inherit;
+ width: 3in;
+ }
+ #reference
+ {
+ border: 10px solid red;
+ height: 404px;
+ left: 0.25in;
+ top: 1in;
+ width: 356px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-009-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-009-ref.xht
new file mode 100644
index 0000000000..4cbe99b7ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-009-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border: green solid 10px;}
+
+ div#inline-block
+ {
+ left: 48px;
+ padding: 96px 24px 192px 48px;
+ position: relative;
+ top: 96px;
+ width: 308px;
+ }
+
+ div#block {padding: 48px 144px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="inline-block">
+ <div id="block"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-009.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-009.xht
new file mode 100644
index 0000000000..afb4bb9880
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-009.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin set to 'inherit', inheriting four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-009-ref.xht" />
+
+ <meta name="assert" content="The 'margin' property set to 'inherit', inherits four values from the parent element." />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #div1, #div2
+ {
+ border: 10px solid green;
+ }
+ #div1, #reference
+ {
+ position: absolute;
+ }
+ #div1
+ {
+ left: 0;
+ margin: 2.54cm 0.25in 144pt 12.7mm;
+ top: 0;
+ }
+ #div2
+ {
+ height: 1in;
+ margin: inherit;
+ width: 3in;
+ }
+ #reference
+ {
+ border: 10px solid red;
+ height: 404px;
+ left: 0.5in;
+ top: 1in;
+ width: 380px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-001-ref.xht
new file mode 100644
index 0000000000..10c0ce890e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-001-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#parent
+ {
+ border: blue solid 10px;
+ float: left;
+ }
+
+ div#child
+ {
+ border: orange solid 10px;
+ height: 200px;
+ width: 200px;
+ }
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+
+ <div id="parent">
+ <div id="child"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-001.xht
new file mode 100644
index 0000000000..468ca8eb2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-001.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin' property does not apply to elements with a display of table-row-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border: 10px solid blue;
+ position: absolute;
+ }
+ #test
+ {
+ display: table-row-group;
+ margin: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-002.xht
new file mode 100644
index 0000000000..619381c5c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-002.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin' property does not apply to elements with a display of table-header-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border: 10px solid blue;
+ position: absolute;
+ }
+ #test
+ {
+ display: table-header-group;
+ margin: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-003.xht
new file mode 100644
index 0000000000..02f8b373fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-003.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin' property does not apply to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border: 10px solid blue;
+ position: absolute;
+ }
+ #test
+ {
+ display: table-footer-group;
+ margin: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-004.xht
new file mode 100644
index 0000000000..9a90f4f664
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-004.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin' property does not apply to elements with a display of table-row." />
+ <style type="text/css">
+ #wrapper
+ {
+ border: 10px solid blue;
+ position: absolute;
+ }
+ #test
+ {
+ display: table-row;
+ margin: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #cell
+ {
+ border: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-005.xht
new file mode 100644
index 0000000000..3add8b9f0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-005.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin' property does not apply to elements with a display of table-column-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border: 10px solid blue;
+ position: absolute;
+ }
+ #test
+ {
+ display: table-column-group;
+ margin: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-006.xht
new file mode 100644
index 0000000000..a499cf2446
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-006.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin' property does not apply to elements with a display of table-column." />
+ <style type="text/css">
+ #wrapper
+ {
+ border: 10px solid blue;
+ position: absolute;
+ }
+ #test
+ {
+ display: table-column;
+ margin: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-007.xht
new file mode 100644
index 0000000000..272a72a441
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-007.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin' property does not apply to elements with a display of table-cell." />
+ <style type="text/css">
+ #wrapper
+ {
+ border: 10px solid blue;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ margin: 50px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-008.xht
new file mode 100644
index 0000000000..c414ade390
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-008.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <meta name="assert" content="The 'Margin' property applies to elements with a display of inline. Only horizontal margins apply to inline non-repleaced elements; vertical margins do not and will not apply to inline non-repleaced elements." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ border-right: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ border-right: 5px solid orange;
+ margin: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-009-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-009-ref.xht
new file mode 100644
index 0000000000..287a58e369
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-009-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#parent
+ {
+ border: blue solid 10px;
+ float: left;
+ padding: 50px;
+ }
+
+ div#child
+ {
+ border: orange solid 10px;
+ height: 200px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is space between the blue and orange lines on all four sides.</p>
+
+ <div id="parent">
+ <div id="child"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-009.xht
new file mode 100644
index 0000000000..7faa285e62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-009.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'Margin' property applies to elements with a display of block." />
+ <style type="text/css">
+ div
+ {
+ display: block;
+ }
+ #wrapper
+ {
+ border: 10px solid blue;
+ position: absolute;
+ }
+ #test
+ {
+ border: 10px solid orange;
+ height: 200px;
+ margin: 50px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines on all four sides.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-010.xht
new file mode 100644
index 0000000000..a00ed2badb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-010.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <meta name="assert" content="The 'Margin' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ #wrapper
+ {
+ border: 10px solid blue;
+ position: absolute;
+ }
+ #test
+ {
+ border: 10px solid orange;
+ display: list-item;
+ height: 200px;
+ width: 200px;
+ margin: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines and there is a marker bullet on the left-hand side of the orange box.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-012.xht
new file mode 100644
index 0000000000..9f5d1b445b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-012.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'Margin' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ #wrapper
+ {
+ border: 10px solid blue;
+ position: absolute;
+ }
+ #test
+ {
+ border: 10px solid orange;
+ display: inline-block;
+ height: 200px;
+ width: 200px;
+ margin: 50px;
+ vertical-align: bottom;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines on all four sides.</p>
+ <div id="wrapper">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-013.xht
new file mode 100644
index 0000000000..2cb806fa9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-013.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'Margin' property applies to elements with a display of table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border: 10px solid blue;
+ position: absolute;
+ }
+ #table
+ {
+ border: 10px solid orange;
+ display: table;
+ table-layout: fixed;
+ margin: 50px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines on all four sides.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-014.xht
new file mode 100644
index 0000000000..445ba6d9c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-014.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'Margin' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border: 10px solid blue;
+ position: absolute;
+ }
+ #table
+ {
+ border: 10px solid orange;
+ display: inline-table;
+ table-layout: fixed;
+ margin: 50px;
+ vertical-align: top;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines on all four sides.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-015.xht
new file mode 100644
index 0000000000..b15ec1c1eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-applies-to-015.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'Margin' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #wrapper
+ {
+ border: 10px solid blue;
+ position: absolute;
+ }
+ #test
+ {
+ border: 10px solid orange;
+ display: table-caption;
+ height: 200px;
+ margin: 50px;
+ }
+ #table
+ {
+ display: table;
+ width: 320px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines on all four sides.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-backgrounds-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-backgrounds-001.xht
new file mode 100644
index 0000000000..5a2a4f3039
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-backgrounds-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin backgrounds and transparency</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#box-dimensions" />
+ <meta name="assert" content="Margins do not have a background, but show the content below them." />
+ <style type="text/css">
+ #div1
+ {
+ border: 1px blue solid;
+ }
+ div div
+ {
+ background: orange;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a white background between the blue outer box and the orange box.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-backgrounds-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-backgrounds-002.xht
new file mode 100644
index 0000000000..75c0211ca4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-backgrounds-002.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: transparency of margin area and background-color</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#mpb-examples" title="8.2 Example of margins, padding, and borders" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" title="14.2 The background" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The margin area of an element is always transparent. The background-color of an element never paints its own margin area. The background-color of an element only paints its own border area (if any), its own padding area (if any) and its own content area (if any). Therefore the background-color of the content area (and of the padding area, if any, and of the border area, if any) of a parent element shines through the margin area of its child. In this test, div#parent is painted green and is 100px by 100px; its sole child has an 99px margin bottom and a 100px margin right margin which are transparent and through which we can see the background color of its parent." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ p {margin: 1em 0em;}
+
+ div#parent
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+
+ div#child
+ {
+ background-color: red;
+ height: 1px;
+ /*
+ 'height: 1px' is set intentionally so that the
+ top margin (16px) and bottom margin (99px) of such child
+ box do not collapse through the element.
+ */
+ margin: 16px 100px 99px 0px;
+ /*
+ 'margin-top: 16px' correspond to the margin-bottom of the
+ <p>. The margin-top of the child box collapses with the
+ margin-top of div#parent and then the collapsed margin-top
+ of div#parent then collapses in its turn with the
+ margin-bottom of the <p>.
+ */
+ width: auto;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="parent">
+ <div id="child"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-backgrounds-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-backgrounds-003.xht
new file mode 100644
index 0000000000..51d0a619e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-backgrounds-003.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: transparency of margin area and background-color</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#mpb-examples" title="8.2 Example of margins, padding, and borders" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" title="14.2 The background" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The margin area of an element is always transparent. The background-color of an element never paints its own margin area. The background-color of an element only paints its own border area (if any), its own padding area (if any) and its own content area (if any). Therefore the background-color of the content area (and of the padding area, if any, and of the border area, if any) of a parent element shines through the margin area of its child. In this test, div#parent is painted green and is 100px wide by 98px tall; its sole child has 98px vertical margins and 100px horizontal margins which are transparent and through which we can see the background color of its parent." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#parent
+ {
+ background-color: green;
+ border-top: green solid 2px;
+ /*
+ This border-top's sole purpose is to prevent margin
+ collapsing between itself and the p's margin-bottom
+ */
+ height: 98px;
+ width: 100px;
+ }
+
+ div#child
+ {
+ background-color: red;
+ margin: 49px 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="parent">
+ <div id="child"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-border-padding-001-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-border-padding-001-ref.xht
new file mode 100644
index 0000000000..0578570aae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-border-padding-001-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 80px;
+ margin: 32px;
+ width: 112px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-border-padding-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-border-padding-001.xht
new file mode 100644
index 0000000000..818ed0b3c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-border-padding-001.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin, border, padding all display outside the content area</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#box-dimensions" />
+ <link rel="match" href="margin-border-padding-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Margin, border, padding render outside the content area." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1em/1 Ahem;
+ margin: 1em;
+ left: 0;
+ padding: 1em;
+ position: absolute;
+ top: 0;
+ }
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: red;
+ border: 1em solid red;
+ color: red;
+ }
+ #div3
+ {
+ background: black;
+ border: 1em solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">XXX</div>
+ <div id="div3">XXX</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-border-padding-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-border-padding-002.xht
new file mode 100644
index 0000000000..381d1bdb71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-border-padding-002.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin, border, padding all display outside the image area</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#box-dimensions" />
+ <link rel="match" href="margin-border-padding-001-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="Margin, border, padding render outside the image area." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1em/1 Ahem;
+ margin: 1em;
+ left: 0;
+ padding: 1em;
+ position: absolute;
+ top: 0;
+ }
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: red;
+ border: 1em solid red;
+ color: red;
+ }
+ #div3
+ {
+ background: black;
+ border: 1em solid black;
+ }
+ img
+ {
+ vertical-align: top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">XXX</div>
+ <div id="div3"><img alt="1x3 'em' unit box" src="support/margin-border-padding-002.png" /></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-border-padding-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-border-padding-003.xht
new file mode 100644
index 0000000000..01e6dd7b0b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-border-padding-003.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin, border, padding all display outside the object area</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#box-dimensions" />
+ <link rel="match" href="margin-border-padding-001-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="Margin, border, padding render outside the object area." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1em/1 Ahem;
+ margin: 1em;
+ left: 0;
+ padding: 1em;
+ position: absolute;
+ top: 0;
+ }
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: red;
+ border: 1em solid red;
+ color: red;
+ }
+ #div3
+ {
+ background: black;
+ border: 1em solid black;
+ }
+ object
+ {
+ vertical-align: top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">XXX</div>
+ <div id="div3"><object type="image/png" data="support/margin-border-padding-002.png"></object></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-004.xht
new file mode 100644
index 0000000000..869cf9385e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-004.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a negative zero length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: -0px;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-005.xht
new file mode 100644
index 0000000000..88ab485357
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-005.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using pixels with a zero value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a zero length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: 0px;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-006.xht
new file mode 100644
index 0000000000..db983feb90
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-006.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a positive zero length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: +0px;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-007-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-007-ref.xht
new file mode 100644
index 0000000000..887d437719
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-007-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 5px;
+ }
+
+ div + div
+ {
+ position: relative;
+ top: 96px;
+ }
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-007.xht
new file mode 100644
index 0000000000..859e29f57e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-007.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-007-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in pixels." />
+ <style type="text/css">
+ #wrapper
+ {
+ height: 101px;
+ border-bottom: 5px solid red;
+ }
+ #div1
+ {
+ border-bottom: 5px solid black;
+ margin-bottom: 96px;
+ }
+ #div2
+ {
+ border-top: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-008.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-008.xht
new file mode 100644
index 0000000000..ce0ae2f4c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-008.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using pixels with a nominal value with a plus sign, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-007-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in pixels with a plus sign." />
+ <style type="text/css">
+ #wrapper
+ {
+ height: 101px;
+ border-bottom: 5px solid red;
+ }
+ #div1
+ {
+ border-bottom: 5px solid black;
+ margin-bottom: +96px;
+ }
+ #div2
+ {
+ border-top: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-016.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-016.xht
new file mode 100644
index 0000000000..202d907685
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-016.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a negative zero length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: -0pt;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-017.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-017.xht
new file mode 100644
index 0000000000..970313dd39
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-017.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using points with a zero value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a zero length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: 0pt;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-018.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-018.xht
new file mode 100644
index 0000000000..fe9c09c5b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-018.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a positive zero length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: +0pt;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-019-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-019-ref.xht
new file mode 100644
index 0000000000..447411ae34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-019-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 8px;
+ }
+
+ div + div
+ {
+ position: relative;
+ top: 96px;
+ }
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-019.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-019.xht
new file mode 100644
index 0000000000..a7cb15d064
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-019.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-019-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in points." />
+ <style type="text/css">
+ #wrapper
+ {
+ height: 78pt;
+ border-bottom: 6pt solid red;
+ }
+ #div1
+ {
+ border-bottom: 6pt solid black;
+ margin-bottom: 72pt;
+ }
+ #div2
+ {
+ border-top: 6pt solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-020.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-020.xht
new file mode 100644
index 0000000000..99800e4ca1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-020.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using points with a nominal value with a plus sign, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-019-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in points with a plus sign." />
+ <style type="text/css">
+ #wrapper
+ {
+ height: 78pt;
+ border-bottom: 6pt solid red;
+ }
+ #div1
+ {
+ border-bottom: 6pt solid black;
+ margin-bottom: +72pt;
+ }
+ #div2
+ {
+ border-top: 6pt solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-028.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-028.xht
new file mode 100644
index 0000000000..7925fcb2fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-028.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a negative zero length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: -0pc;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-029.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-029.xht
new file mode 100644
index 0000000000..5f9e225cb1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-029.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using picas with a zero value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a zero length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: 0pc;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-030.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-030.xht
new file mode 100644
index 0000000000..3b64f29928
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-030.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a positive zero length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: +0pc;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-031-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-031-ref.xht
new file mode 100644
index 0000000000..394b505ad1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-031-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 16px;
+ }
+
+ div + div
+ {
+ position: relative;
+ top: 96px;
+ }
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-031.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-031.xht
new file mode 100644
index 0000000000..4cf74fc375
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-031.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-031-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in picas." />
+ <style type="text/css">
+ #wrapper
+ {
+ height: 7pc;
+ border-bottom: 1pc solid red;
+ }
+ #div1
+ {
+ border-bottom: 1pc solid black;
+ margin-bottom: 6pc;
+ }
+ #div2
+ {
+ border-top: 1pc solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-032.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-032.xht
new file mode 100644
index 0000000000..ade5b3fdf2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-032.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using picas with a nominal value with a plus sign, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-031-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in picas with a plus sign." />
+ <style type="text/css">
+ #wrapper
+ {
+ height: 7pc;
+ border-bottom: 1pc solid red;
+ }
+ #div1
+ {
+ border-bottom: 1pc solid black;
+ margin-bottom: +6pc;
+ }
+ #div2
+ {
+ border-top: 1pc solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-040.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-040.xht
new file mode 100644
index 0000000000..e7f0857988
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-040.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a negative zero length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: -0cm;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-041.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-041.xht
new file mode 100644
index 0000000000..168a526cba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-041.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using centimeters with a zero value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a zero length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: 0cm;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-042.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-042.xht
new file mode 100644
index 0000000000..6d5cda8e57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-042.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a positive zero length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: +0cm;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-043-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-043-ref.xht
new file mode 100644
index 0000000000..9e0a99d566
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-043-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ }
+
+ div + div
+ {
+ position: relative;
+ top: 96px;
+ }
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-043.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-043.xht
new file mode 100644
index 0000000000..0e52b614ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-043.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-043-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in centimeters." />
+ <style type="text/css">
+ #wrapper
+ {
+ height: 5.08cm;
+ border-bottom: 2.54cm solid red;
+ }
+ #div1
+ {
+ border-bottom: 2.54cm solid black;
+ margin-bottom: 2.54cm;
+ }
+ #div2
+ {
+ border-top: 2.54cm solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-044.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-044.xht
new file mode 100644
index 0000000000..0c399b9af0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-044.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using centimeters with a nominal value with a plus sign, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-043-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in centimeters with a plus sign." />
+ <style type="text/css">
+ #wrapper
+ {
+ height: 5.08cm;
+ border-bottom: 2.54cm solid red;
+ }
+ #div1
+ {
+ border-bottom: 2.54cm solid black;
+ margin-bottom: +2.54cm;
+ }
+ #div2
+ {
+ border-top: 2.54cm solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-052.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-052.xht
new file mode 100644
index 0000000000..5ff964ba1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-052.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a negative zero length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: -0mm;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-053.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-053.xht
new file mode 100644
index 0000000000..db564e5b87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-053.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using millimeters with a zero value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a zero length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: 0mm;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-054.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-054.xht
new file mode 100644
index 0000000000..0bc5972c62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-054.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a positive zero length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: +0mm;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-055.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-055.xht
new file mode 100644
index 0000000000..e006081b2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-055.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-043-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in millimeters." />
+ <style type="text/css">
+ #wrapper
+ {
+ height: 50.8mm;
+ border-bottom: 25.4mm solid red;
+ }
+ #div1
+ {
+ border-bottom: 25.4mm solid black;
+ margin-bottom: 25.4mm;
+ }
+ #div2
+ {
+ border-top: 25.4mm solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-056.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-056.xht
new file mode 100644
index 0000000000..705d9c51ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-056.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using millimeters with a nominal value with a plus sign, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-043-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in millimeters with a plus sign." />
+ <style type="text/css">
+ #wrapper
+ {
+ height: 50.8mm;
+ border-bottom: 25.4mm solid red;
+ }
+ #div1
+ {
+ border-bottom: 25.4mm solid black;
+ margin-bottom: +25.4mm;
+ }
+ #div2
+ {
+ border-top: 25.4mm solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-064.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-064.xht
new file mode 100644
index 0000000000..cafcedb277
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-064.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a negative zero length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: -0in;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-065.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-065.xht
new file mode 100644
index 0000000000..fb3396027a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-065.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using inches with a zero value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a zero length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: 0in;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-066.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-066.xht
new file mode 100644
index 0000000000..a558c95653
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-066.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a positive zero length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: +0in;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-067-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-067-ref.xht
new file mode 100644
index 0000000000..28ea838c76
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-067-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 24px;
+ }
+
+ div + div
+ {
+ position: relative;
+ top: 96px;
+ }
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-067.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-067.xht
new file mode 100644
index 0000000000..691a8dc199
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-067.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using inches with a nominal value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-067-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in inches." />
+ <style type="text/css">
+ #wrapper
+ {
+ height: 1.25in;
+ border-bottom: 0.25in solid red;
+ }
+ #div1
+ {
+ border-bottom: 0.25in solid black;
+ margin-bottom: 1in;
+ }
+ #div2
+ {
+ border-top: 0.25in solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-068.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-068.xht
new file mode 100644
index 0000000000..de7fbc0cb3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-068.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using inches with a nominal value with a plus sign, +1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-067-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in inches with a plus sign." />
+ <style type="text/css">
+ #wrapper
+ {
+ height: 1.25in;
+ border-bottom: 0.25in solid red;
+ }
+ #div1
+ {
+ border-bottom: 0.25in solid black;
+ margin-bottom: +1in;
+ }
+ #div2
+ {
+ border-top: 0.25in solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-076.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-076.xht
new file mode 100644
index 0000000000..7ac44accbf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-076.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a negative zero length value in 'em' units." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: -0em;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-077.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-077.xht
new file mode 100644
index 0000000000..530ca94390
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-077.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using 'em' units with a zero value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a zero length value in 'em' units." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: 0em;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-078.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-078.xht
new file mode 100644
index 0000000000..8dccb1986f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-078.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a positive zero length value in 'em' units." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: +0em;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-079-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-079-ref.xht
new file mode 100644
index 0000000000..8007248b72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-079-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 20px;
+ }
+
+ div + div
+ {
+ position: relative;
+ top: 120px;
+ }
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-079.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-079.xht
new file mode 100644
index 0000000000..7f759ced5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-079.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #wrapper
+ {
+ height: 7em;
+ border-bottom: 1em solid red;
+ }
+ #div1
+ {
+ border-bottom: 1em solid black;
+ margin-bottom: 6em;
+ }
+ #div2
+ {
+ border-top: 1em solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-080.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-080.xht
new file mode 100644
index 0000000000..b68504440d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-080.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using 'em' units with a nominal value with a plus sign, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in 'em' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #wrapper
+ {
+ height: 7em;
+ border-bottom: 1em solid red;
+ }
+ #div1
+ {
+ border-bottom: 1em solid black;
+ margin-bottom: +6em;
+ }
+ #div2
+ {
+ border-top: 1em solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-088.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-088.xht
new file mode 100644
index 0000000000..7940ddd068
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-088.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a negative zero length value in 'ex' units." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: -0ex;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-089.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-089.xht
new file mode 100644
index 0000000000..1436fee7fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-089.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using 'ex' units with a zero value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a zero length value in 'ex' units." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: 0ex;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-090.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-090.xht
new file mode 100644
index 0000000000..93001192ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-090.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a positive zero length value in 'ex' units." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: +0ex;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-091-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-091-ref.xht
new file mode 100644
index 0000000000..dba27ae766
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-091-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 16px;
+ }
+
+ div + div
+ {
+ position: relative;
+ top: 120px;
+ }
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-091.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-091.xht
new file mode 100644
index 0000000000..07e54b816c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-091.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using 'ex' units with a nominal value, 7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-091-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #wrapper
+ {
+ height: 8.5ex;
+ border-bottom: 1ex solid red;
+ }
+ #div1
+ {
+ border-bottom: 1ex solid black;
+ margin-bottom: 7.5ex;
+ }
+ #div2
+ {
+ border-top: 1ex solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-092.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-092.xht
new file mode 100644
index 0000000000..ba61f43120
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-092.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using 'ex' units with a nominal value with a plus sign, +7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-091-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in 'ex' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #wrapper
+ {
+ height: 8.5ex;
+ border-bottom: 1ex solid red;
+ }
+ #div1
+ {
+ border-bottom: 1ex solid black;
+ margin-bottom: +7.5ex;
+ }
+ #div2
+ {
+ border-top: 1ex solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-100-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-100-ref.xht
new file mode 100644
index 0000000000..609eb76ee2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-100-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 5px;
+ width: 96px;
+ }
+
+ div + div {background-color: orange;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-100.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-100.xht
new file mode 100644
index 0000000000..446a83d881
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-100.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using percentages with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-100-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a negative zero length value in percentages." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: -0%;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-101.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-101.xht
new file mode 100644
index 0000000000..976c01a7c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-101.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using percentages with a zero value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-100-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a zero length value in percentages." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: 0%;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-102.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-102.xht
new file mode 100644
index 0000000000..ce40ab52fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-102.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using percentages with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-100-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a positive zero length value in percentages." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: +0%;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-103-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-103-ref.xht
new file mode 100644
index 0000000000..3b1902e698
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-103-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-top: black solid 3px;
+ bottom: 1em;
+ position: relative;
+ width: 192px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-103.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-103.xht
new file mode 100644
index 0000000000..89e05ff445
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-103.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using percentages with a nominal value, 50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-103-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ width: 2in;
+ }
+ #div1
+ {
+ border-bottom: 3px solid red;
+ position: absolute;
+ width: 100%;
+ }
+ #div2
+ {
+ margin-bottom: 50%;
+ }
+ #div3
+ {
+ border-bottom: 3px solid black;
+ margin-top: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-104.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-104.xht
new file mode 100644
index 0000000000..30826dc07e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-104.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom using percentages with a nominal value with a plus sign, +50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-103-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a nominal length value in percentages with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ width: 2in;
+ }
+ #div1
+ {
+ border-bottom: 3px solid red;
+ position: absolute;
+ width: 100%;
+ }
+ #div2
+ {
+ margin-bottom: +50%;
+ }
+ #div3
+ {
+ border-bottom: 3px solid black;
+ margin-top: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-109.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-109.xht
new file mode 100644
index 0000000000..65f181dd09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-109.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom sets a negative zero value with no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a negative zero length value with no units." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: -0;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-110.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-110.xht
new file mode 100644
index 0000000000..9fc5d1fb85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-110.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom sets a zero value with no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a zero length value with no units." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: 0;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-111.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-111.xht
new file mode 100644
index 0000000000..95ca66019a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-111.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom sets a positive zero value with no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a positive zero length value with no units." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: +0;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-112.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-112.xht
new file mode 100644
index 0000000000..97b116457b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-112.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom with a value of 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-13 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a value of 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ margin-bottom: auto;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-113.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-113.xht
new file mode 100644
index 0000000000..40a017e69b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-113.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom with a value of 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-067-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property sets a value of 'inherit'." />
+ <style type="text/css">
+
+ #wrapper
+ {
+ border-bottom: 0.25in solid red;
+ height: 1.25in;
+ margin-bottom: 1in;
+ }
+ #div1
+ {
+ border-bottom: 0.25in solid black;
+ margin-bottom: inherit;
+ }
+ #div2
+ {
+ border-top: 0.25in solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-001-ref.xht
new file mode 100644
index 0000000000..4b52c33542
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-001-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: orange;
+ height: 10px;
+ margin-top: 216px;
+ width: 200px;
+ }
+
+ div + div
+ {
+ background-color: blue;
+ margin-top: 0px;
+ width: auto;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-001.xht
new file mode 100644
index 0000000000..c476461d1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-001.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property does not apply to elements with a display of table-row-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ }
+ #test
+ {
+ display: table-row-group;
+ margin-bottom: 50px;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-bottom: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-002.xht
new file mode 100644
index 0000000000..4532761fb3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-002.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property does not apply to elements with a display of table-header-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ }
+ #test
+ {
+ display: table-header-group;
+ margin-bottom: 50px;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-bottom: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-003.xht
new file mode 100644
index 0000000000..5b220a0b25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-003.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property does not apply to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ }
+ #test
+ {
+ display: table-footer-group;
+ margin-bottom: 50px;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-bottom: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-004.xht
new file mode 100644
index 0000000000..c7388eadfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-004.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property does not apply to elements with a display of table-row." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ margin-bottom: 50px;
+ }
+ #cell
+ {
+ border-bottom: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-005.xht
new file mode 100644
index 0000000000..c808c1c452
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-005.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property does not apply to elements with a display of table-column-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ }
+ #test
+ {
+ display: table-column-group;
+ margin-bottom: 50px;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-bottom: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-006.xht
new file mode 100644
index 0000000000..2408f2c085
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-006.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property does not apply to elements with a display of table-column." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ }
+ #test
+ {
+ display: table-column;
+ margin-bottom: 50px;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-bottom: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-007.xht
new file mode 100644
index 0000000000..cab02e6b09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-007.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom applied to element with 'display' 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property does not apply to elements with a 'display' of 'table-cell'." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-bottom: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ margin-bottom: 50px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-008-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-008-ref.xht
new file mode 100644
index 0000000000..862cce0ef2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-008-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ border-bottom: green solid 20px;
+ height: 20px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-008.xht
new file mode 100644
index 0000000000..7021afce57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-008.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-applies-to-008-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-bottom' property applies to elements with a display of inline. However, vertical margins do not have any affect on non-replaced inline elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-bottom: 1em solid red;
+ font: 20px/1em Ahem;
+ width: 10em;
+ }
+ div div
+ {
+ border-bottom: 1em solid green;
+ display: inline;
+ margin-bottom: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <div>XXXXXXXXXX</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-009-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-009-ref.xht
new file mode 100644
index 0000000000..1cc12e93e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-009-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: orange;
+ height: 10px;
+ }
+
+ div + div
+ {
+ background-color: blue;
+ margin-top: 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is space between the blue and orange lines.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-009.xht
new file mode 100644
index 0000000000..fe5688fda9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-009.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property applies to elements with a display of block." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: 10px solid blue;
+ }
+ span
+ {
+ border-bottom: 10px solid orange;
+ display: block;
+ margin-bottom: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-010.xht
new file mode 100644
index 0000000000..5f7cf6b207
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-010.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <meta name="assert" content="The 'margin-bottom' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px blue solid;
+ }
+ div div
+ {
+ border-bottom: 10px orange solid;
+ display: list-item;
+ height: 16px;
+ margin-bottom: 50px;
+ margin-left: 1em;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines and the orange line has a marker bullet to its left-hand side. (Note the marker bullet does not need to be aligned with either line.)</p>
+ <div id="wrapper">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-012.xht
new file mode 100644
index 0000000000..9cb67181d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-012.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ }
+ div div
+ {
+ border-bottom: 10px solid orange;
+ display: inline-block;
+ height: 200px;
+ width: 200px;
+ margin-bottom: 50px;
+ vertical-align: bottom;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-013.xht
new file mode 100644
index 0000000000..73dd92e9d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-013.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property applies to elements with a display of table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ }
+ #table
+ {
+ border-bottom: 10px solid orange;
+ display: table;
+ table-layout: fixed;
+ margin-bottom: 50px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-014.xht
new file mode 100644
index 0000000000..f038b7931a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-014.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ }
+ #table
+ {
+ border-bottom: 10px solid orange;
+ display: inline-table;
+ table-layout: fixed;
+ margin-bottom: 50px;
+ vertical-align: top;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-015.xht
new file mode 100644
index 0000000000..4403a8e587
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-bottom-applies-to-015.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-bottom applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'margin-bottom' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ }
+ #test
+ {
+ border-bottom: 10px solid orange;
+ display: table-caption;
+ height: 200px;
+ margin-bottom: 50px;
+ width: 200px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-001-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-001-ref.xht
new file mode 100644
index 0000000000..06a9e254c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-001-ref.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div.ib
+ {
+ display: inline-block;
+ left: 100px;
+ position: relative;
+ width: 100px;
+ }
+
+ div.ib + div.ib
+ {
+ position: relative;
+ left: 300px;
+ }
+
+ div > div {height: 20px;}
+
+ div.blue {background-color: blue;}
+
+ div.orange {background-color: orange;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange stripes have the same horizontal spacing between them.</p>
+
+ <div class="ib">
+ <div class="blue"></div>
+ <div class="orange"></div>
+ </div><div class="ib">
+ <div class="blue"></div>
+ <div class="orange"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-001.xht
new file mode 100644
index 0000000000..fd6263dd75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-001.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - horizontal margins do not collapse</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Horizontal margins of element do not collapse." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #test span
+ {
+ color: blue;
+ margin: 5em;
+ }
+ span
+ {
+ color: white;
+ }
+ .color1
+ {
+ color: orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange stripes have the same horizontal spacing between them.</p>
+ <div id="test">
+ <span>XXXXX</span><span>XXXXX</span>
+ </div>
+ <div id="reference">
+ <span>XXXXX</span><span class="color1">XXXXX</span><span>XXXXXXXXXX</span><span class="color1">XXXXX</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-002-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-002-ref.xht
new file mode 100644
index 0000000000..e85f0a0bda
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-002-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-bottom: green solid 20px;
+ border-top: green solid 20px;
+ height: 40px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-002.xht
new file mode 100644
index 0000000000..15c15afa1b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-002.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - maximum of the two adjoining margins</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-002-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="When margins collapse the margin is the maximum of the two margin widths." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ div div
+ {
+ background: green;
+ height: 1em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-2em-space.png');
+ height: 4em;
+ }
+ #div2
+ {
+ margin-bottom: 2em;
+ }
+ #div3
+ {
+ margin-top: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-003-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-003-ref.xht
new file mode 100644
index 0000000000..da1ecd7c33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-003-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-bottom: orange solid 20px;
+ border-top: blue solid 20px;
+ width: 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is no vertical space between the blue and orange stripes.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-003.xht
new file mode 100644
index 0000000000..b93045a0c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-003.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - negative margins adjoining positive margins</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-003-ref.xht" />
+
+ <meta name="assert" content="Negative margins deduct from the maximum of the adjoining positive margin." />
+ <style type="text/css">
+ div div
+ {
+ height: 20px;
+ width: 50px;
+ }
+ #div1
+ {
+ background: blue;
+ margin-bottom: 2in;
+ }
+ #div2
+ {
+ background: orange;
+ margin-top: -2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no vertical space between the blue and orange stripes.</p>
+ <div>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-004-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-004-ref.xht
new file mode 100644
index 0000000000..f3364b48dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-004-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-bottom: blue solid 20px;
+ border-top: orange solid 20px;
+ bottom: 20px;
+ position: relative;
+ z-index: -1;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange bar is above the blue bar.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-004.xht
new file mode 100644
index 0000000000..7e6d89702b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-004.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - negative margins deducted from zero</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-004-ref.xht" />
+
+ <meta name="assert" content="Negative margins are deducted from zero if no positive margins are adjoining." />
+ <style type="text/css">
+ div div
+ {
+ height: 20px;
+ }
+ #div1
+ {
+ background: blue;
+ margin-bottom: 0;
+ }
+ #div2
+ {
+ background: orange;
+ margin-top: -40px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange bar is above the blue bar.</p>
+ <div>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-005.xht
new file mode 100644
index 0000000000..470086a94f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-005.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - adjoining margins of non-siblings or ancestors</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-002-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="Adjoining margin boxes generated by elements, that are not related by siblings or ancestors, collapse." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-2em-space.png');
+ height: 4em;
+ }
+ #div3, #div4
+ {
+ background: green;
+ height: 1em;
+ }
+ #div3
+ {
+ margin-bottom: 2em;
+ }
+ #div4
+ {
+ margin-top: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>
+ <div id="div3"></div>
+ </div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-006.xht
new file mode 100644
index 0000000000..68661be42b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-006.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - floated elements do not collapse margins</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-002-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="A floated box does not collapse its margins with any other box." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-2em-space.png');
+ height: 4em;
+ }
+ div div
+ {
+ background: green;
+ height: 1em;
+ }
+ #div2
+ {
+ margin-bottom: 1em;
+ }
+ #div3
+ {
+ float: left;
+ margin-top: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-007.xht
new file mode 100644
index 0000000000..49912a9e9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-007.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - floated elements do not collapse margins with children</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-002-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="In-flow children of a floated element do not collapse margins." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-2em-space.png');
+ min-height: 4em;
+ }
+ div div
+ {
+ background: green;
+ height: 1em;
+ }
+ #div2, #div4
+ {
+ float: left;
+ }
+ #div2, #div3
+ {
+ margin-bottom: 1em;
+ }
+ #div4
+ {
+ margin-top: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-008.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-008.xht
new file mode 100644
index 0000000000..7b942dc5bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-008.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing and elements with 'overflow' set to 'visible'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-002-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="Elements with 'overflow' set to 'visible' collapse margin with in-flow children." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ div div
+ {
+ height: 1em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-2em-space.png') left -1em;
+ border-top: 1em solid green;
+ }
+ #div2
+ {
+ margin-top: 2em;
+ overflow: visible;
+ }
+ #div3
+ {
+ background: green;
+ margin-top: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-009.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-009.xht
new file mode 100644
index 0000000000..6dbcdadf94
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-009.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing and elements with 'overflow' set to 'hidden'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Elements with 'overflow' set to 'hidden' do not collapse margin with in-flow children." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ height: 5em;
+ width: 5em;
+ }
+ #div1
+ {
+ height: 2em;
+ margin-top: 2em;
+ overflow: hidden;
+ }
+ #div2
+ {
+ height: 1em;
+ background: red;
+ margin-top: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-010-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-010-ref.xht
new file mode 100644
index 0000000000..bb9d59a051
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-010-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 40px;
+ margin-top: 40px;
+ overflow: scroll;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-010.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-010.xht
new file mode 100644
index 0000000000..fee8309310
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-010.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing and elements with 'overflow' set to 'scroll'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Elements with 'overflow' set to 'scroll' do not collapse margin with in-flow children." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ height: 5em;
+ width: 5em;
+ }
+ #div1
+ {
+ height: 2em;
+ margin-top: 2em;
+ overflow: scroll;
+ }
+ #div2
+ {
+ background: red;
+ height: 1em;
+ margin-top: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-011.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-011.xht
new file mode 100644
index 0000000000..552e004291
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-011.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing and elements with 'overflow' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Elements with 'overflow' set to 'auto' do not collapse margin with in-flow children." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ height: 5em;
+ width: 5em;
+ }
+ #div1
+ {
+ height: 2em;
+ margin-top: 2em;
+ overflow: auto;
+ }
+ #div2
+ {
+ background: red;
+ height: 1em;
+ margin-top: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-012.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-012.xht
new file mode 100644
index 0000000000..1111ea8828
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-012.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - absolute positioning and siblings</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="Absolutely positioned boxes do not collapse margins with siblings." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ background: url('support/margin-collapse-2em-space.png') left -1em;
+ border-top: 1em solid green;
+ font: 20px/1em Ahem;
+ height: 3em;
+ width: 5em;
+ }
+ div div
+ {
+ height: 1em;
+ margin-top: 1em;
+ width: 5em;
+ }
+ #div2
+ {
+ height: 0;
+ }
+ #div3
+ {
+ background: green;
+ position: absolute;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-013-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-013-ref.xht
new file mode 100644
index 0000000000..5b2fd7de2a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-013-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-bottom: green solid 40px;
+ height: 40px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-013.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-013.xht
new file mode 100644
index 0000000000..8a98034b86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-013.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - absolute positioning with children elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-013-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="Absolutely positioned boxes do not collapse margins with any in-flow children." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-013.png');
+ height: 4em;
+ }
+ #div2, #div3
+ {
+ margin-top: 2em;
+ }
+ #div2
+ {
+ background: green;
+ position: absolute;
+ }
+ #div3
+ {
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-014.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-014.xht
new file mode 100644
index 0000000000..61b22b558d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-014.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - inline-block elements as siblings</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-002-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="Inline-block elements that are siblings do not collapse their margins." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/0 Ahem;
+ width: 5em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-2em-space.png');
+ height: 4em;
+ }
+ div div
+ {
+ background: green;
+ display: inline-block;
+ height: 1em;
+ }
+ #div2
+ {
+ margin-bottom: 1em;
+ }
+ #div3
+ {
+ margin-top: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-015.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-015.xht
new file mode 100644
index 0000000000..7ea9985683
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-015.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - inline-block child does not collapse margins with parent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-002-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="An element that is set in inline-block and its children set to inline-block do not collapse margins." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/0 Ahem;
+ width: 5em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-2em-space.png');
+ height: 4em;
+ }
+ #div2, #div3
+ {
+ display: inline-block;
+ margin-bottom: 1em;
+ }
+ #div3, #div4
+ {
+ background: green;
+ height: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-015a.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-015a.xht
new file mode 100644
index 0000000000..edc38696d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-015a.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Margin collapsing - inline-block child does not collapse margins with parent</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="reviewer" title="Arron Eicholz" href="arronei(at)gmail.com" /> <!-- 2013-07-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-002-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="An element with its display set to 'inline-block' does not collapse its margins with its children." />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ font: 20px/1 Ahem;
+ width: 5em;
+ }
+
+ div#wrapper
+ {
+ background-image: url("support/margin-collapse-2em-space.png");
+ height: 4em;
+ }
+
+ div#inline-block
+ {
+ display: inline-block;
+ margin-bottom: 2.5em;
+ vertical-align: bottom;
+ }
+
+ div#block-child-of-inline-block
+ {
+ display: block;
+ margin-bottom: 3.5em;
+ margin-top: 0.5em;
+ }
+
+ div#wrapper div {background-color: green;}
+
+ div#inline-block, div#block-child-of-inline-block {height: 0.5em;}
+
+ div#following-sibling-after-inline-block {height: 1em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="wrapper">
+ <div id="inline-block">
+ <div id="block-child-of-inline-block"></div>
+ </div>
+ <div id="following-sibling-after-inline-block"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-016.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-016.xht
new file mode 100644
index 0000000000..9daa8d1420
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-016.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - top/bottom margins adjoining collapse through</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-002-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="When top and bottom margins are adjoining margins collapse through that element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-2em-space.png');
+ height: 4em;
+ }
+ #div2, #div4
+ {
+ background:green;
+ height: 1em;
+ }
+ #div3
+ {
+ background: red;
+ height: 0;
+ }
+ #div2, #div3
+ {
+ margin-bottom: 2em;
+ }
+ #div3, #div4
+ {
+ margin-top: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-017-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-017-ref.xht
new file mode 100644
index 0000000000..17587f0eb7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-017-ref.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 20px;
+ margin-top: 60px;
+ width: 60px;
+ }
+
+ div + div
+ {
+ border-top: black solid 3px;
+ height: auto;
+ margin-top: auto;
+ width: auto;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe is touching the line and there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-017.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-017.xht
new file mode 100644
index 0000000000..303a3376e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-017.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - parent edge and element edge are the same when margins collapse</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-017-ref.xht" />
+
+ <meta name="assert" content="When the top margin of a child box collapses with the top margin of its parent, then the margin-top edge of such child box is the same as the parent's and their respective content should be 'sitting' at the parent's border-bottom (in the testcase, the black line) assuming the same height value and the same padding-bottom value for the parent and its child box." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: black solid 3px;
+ }
+ div div
+ {
+ height: 20px;
+ margin-top: 60px;
+ width: 60px;
+ }
+ #div2
+ {
+ background: red;
+ }
+ #div3
+ {
+ background: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue stripe is touching the line and there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-019.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-019.xht
new file mode 100644
index 0000000000..006c8971bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-019.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - elements that collapse margins have to effect on positions of other elements that also have margins that are collapsing</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-002-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="Positions of elements that have been collapsed through (empty elements) have no effect on positions of other elements whose margins are being collapsed." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ div div
+ {
+ height: 1em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-2em-space.png') left -1em;
+ border-top: 1em solid green;
+ }
+ #div2
+ {
+ background: red;
+ }
+ #div3
+ {
+ background: red;
+ height: 0;
+ margin-top: 2em;
+ margin-bottom: 2em;
+ }
+ #div4
+ {
+ background: green;
+ margin-top: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-020-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-020-ref.xht
new file mode 100644
index 0000000000..beaa5c9686
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-020-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 40px 0px;}
+
+ div
+ {
+ background-color: green;
+ height: 20px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div></div>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-020.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-020.xht
new file mode 100644
index 0000000000..4268bbdf2c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-020.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing with the root element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-020-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="For HTML pages the html element does not collapse its margins with other elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ html
+ {
+ background: url('support/margin-collapse-020.png') 0 -1em no-repeat;
+ font: 20px/1em Ahem;
+ margin-top: 1em;
+ }
+ body
+ {
+ margin: 0;
+ }
+ div
+ {
+ background: green;
+ margin-top: 1em;
+ height: 1em;
+ width: 5em;
+ }
+ p
+ {
+ font: 12pt serif;
+ }
+ </style>
+ </head>
+ <body>
+ <div></div>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-021.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-021.xht
new file mode 100644
index 0000000000..304c75170e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-021.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing with the 'body' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <!--
+ http://lists.w3.org/Archives/Public/public-css-testsuite/2016Apr/0000.html
+ -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-020-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="The 'body' element's margins collapse." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ background: url('support/margin-collapse-020.png') no-repeat;
+ font: 20px/1em Ahem;
+ margin: 2em 0 0;
+ }
+ div
+ {
+ background: green;
+ margin-top: 2em;
+ height: 1em;
+ width: 5em;
+ }
+ p
+ {
+ font: 12pt serif;
+ }
+ </style>
+ </head>
+ <body>
+ <div></div>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-022.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-022.xht
new file mode 100644
index 0000000000..4b80359301
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-022.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - adjoining block boxes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-002-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="Bottom margin of an in-flow block-level element is always adjoining to the top margin of its next in-flow block-level sibling." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ div div
+ {
+ background: green;
+ height: 1em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-2em-space.png');
+ }
+ #div2
+ {
+ margin-bottom: 2em;
+ }
+ #div3
+ {
+ margin-top: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-025.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-025.xht
new file mode 100644
index 0000000000..d2ea30ddbc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-025.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - in-flow block-level margins with an element 'height' of 'auto' and 'max-height' and 'min-height'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-002-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="The bottom margin of an in-flow block-level element(#div2) with a 'height' of 'auto' will adjoin to its last in-flow block-level child's (#div3) bottom margin if such auto-height in-flow block-level element has no bottom padding and no bottom border. The bottom margins will then collapse." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-2em-space.png') 0 0;
+ height: 4em;
+ }
+ #div2
+ {
+ background: red;
+ height: auto;
+ min-height: 0.5em;
+ max-height: 2em;
+ }
+ #div3, #div4
+ {
+ background: green;
+ height: 1em;
+ }
+ #div2, #div3
+ {
+ margin-bottom: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-026.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-026.xht
new file mode 100644
index 0000000000..fa74b334d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-026.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - in-flow block-level margins with an element 'height' of 'auto' and 'min-height' of zero</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-002-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="An element's margins are adjoining and can collapse if the 'min-height' is zero, if it has no top or bottom borders and no top or bottom padding, if it has a 'height' of zero or 'auto', if it has no line boxes and if all of its in-flow children's margins are adjoining." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-2em-space.png');
+ height: 4em;
+ }
+ #div3
+ {
+ background: red;
+ height: auto;
+ min-height: 0;
+ }
+ #div2, #div5
+ {
+ background: green;
+ height: 1em;
+ }
+ #div3, #div4
+ {
+ margin-bottom: 2em;
+ margin-top: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">
+ <div id="div4"></div>
+ </div>
+ <div id="div5"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-028.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-028.xht
new file mode 100644
index 0000000000..810639c4ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-028.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing is based on used values of 'padding', 'margin' and 'border'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-002-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="Collapsing of margins is based on the used values of 'padding', 'margin' and 'border'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ #div3, #div5
+ {
+ background: green;
+ height: 1em;
+ }
+ #div1
+ {
+ background: url('support/margin-collapse-2em-space.png');
+ }
+ #div2
+ {
+ border: 0 solid red;
+ width: 0;
+ }
+ #div3
+ {
+ margin-bottom: 2em;
+ }
+ #div4
+ {
+ border: inherit;
+ margin: 50%;
+ padding: 50%;
+ }
+ #div5
+ {
+ margin-top: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ <div id="div4">
+ <div id="div5"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-029.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-029.xht
new file mode 100644
index 0000000000..0eea0036f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-029.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - position of top border edge for elements that collapse margins with parents not participating in margin collapsing</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <meta name="assert" content="When margins collapse through empty elements and the parent element is not participating in margin collapsing then the position of the elements top border should be in the same position as if the element had a top border specified." />
+ <style type="text/css">
+ div
+ {
+ width: 5em;
+ }
+ #div1
+ {
+ border-top: 1em solid black;
+ }
+ #div2
+ {
+ margin-top: 2em;
+ margin-bottom: 4em;
+ position: absolute;
+ background: black;
+ height: 1em;
+ }
+ #div3
+ {
+ height: 0;
+ margin-top: 2em;
+ margin-bottom: 2em;
+ }
+ #div4
+ {
+ margin-top: 3em;
+ margin-bottom: 2em;
+ border-top: 1em solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are three evenly-spaced black boxes stacked on the page.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-030.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-030.xht
new file mode 100644
index 0000000000..ffb8215d61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-030.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin collapsing - position of top border edge for elements that collapse margins with parents whose bottom margin only participates in margin collapsing</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <meta name="assert" content="When margins collapse through empty elements and only the parent element's bottom margin is participating in margin collapsing then the position of the elements top border should be in the same position as if the element had a top border specified." />
+ <style type="text/css">
+ div
+ {
+ width: 5em;
+ }
+ #div1
+ {
+ border-top: 1em solid black;
+ }
+ #div2
+ {
+ margin-top: 2em;
+ margin-bottom: 4em;
+ border-top: 1em solid black;
+ }
+ #div3
+ {
+ height: 0;
+ margin-top: 2em;
+ margin-bottom: 2em;
+ }
+ #div4
+ {
+ margin-top: 2em;
+ margin-bottom: 2em;
+ border-top: 1em solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are three evenly-spaced black boxes stacked on the page.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-032.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-032.xht
new file mode 100644
index 0000000000..284f006cc5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-032.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: margin collapsing - resolving vertical padding percentage</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <meta content="Adjoining of vertical (top and bottom) margins must be determined only after resolving percentage padding-top and padding-bottom values." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#grand-parent-block-container
+ {
+ background-color: red;
+ border: black solid 3px;
+ /* Such border prevents margin collapsing with the body vertical margins */
+ }
+
+ div#parent-block-container
+ {
+ background-color: green;
+ color: white;
+ padding: 2%;
+ }
+
+ div#child-block {margin: 100px 0px;}
+
+ /*
+ In this testcase, div#child-block's vertical (top and bottom)
+ margins should collapse with div#parent-block-container's vertical
+ (top and bottom) margins because div#child-block has no used
+ padding-top and no used padding-bottom. On the other hand,
+ div#parent-block-container's vertical (top and bottom) margins
+ should NOT collapse with div#grand-parent-block-container's vertical
+ (top and bottom) margins because div#parent-block-container, after
+ resolving percentage values, has an used padding-top value and an used
+ padding-bottom value.
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div id="grand-parent-block-container">
+ <div id="parent-block-container">
+ <div id="child-block">
+ Test passes if there is <strong>no red</strong>.
+ </div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-037-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-037-ref.xht
new file mode 100644
index 0000000000..deb7f507a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-037-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p {margin: 8px 0px 0px;}
+
+ div
+ {
+ background-color: green;
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle across the page and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-037.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-037.xht
new file mode 100644
index 0000000000..87efa907f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-037.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Collapsing margins - margin-bottom of the last in-flow child block collapsing with its parent min-height block's bottom margin</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="http://www.brunildo.org/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-037-ref.xht" />
+
+ <meta content="The 'min-height' of a parent block element should have no influence over whether such parent block element's bottom margin is adjoining to its last child's bottom margin. In such situation, the bottom margin of the parent block element and the bottom margin of its last child should collapse as long as such parent block element has no bottom padding and has no bottom border." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p {margin: 8px 0px 0px;}
+
+ div#reference-overlapping-green
+ {
+ background-color: green;
+ height: 100px;
+ left: 8px;
+ position: absolute;
+ right: 8px;
+ }
+
+ #test-overlapped-red
+ {
+ background-color: red;
+ min-height: 50px;
+ }
+
+ #last-child
+ {
+ height: 100px;
+ margin-bottom: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle across the page and <strong>no red</strong>.</p>
+
+ <div id="reference-overlapping-green"></div>
+
+ <div id="test-overlapped-red">
+ <div id="last-child"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-038-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-038-ref.xht
new file mode 100644
index 0000000000..0cee229cd0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-038-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p {margin: 8px 0px 0px;}
+
+ div
+ {
+ background-color: green;
+ height: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a tall filled green rectangle across the page and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-038.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-038.xht
new file mode 100644
index 0000000000..ada2e31cf7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-038.xht
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Collapsing margins - margin-bottom of the last in-flow child block collapsing with its max-height parent block's bottom margin</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="http://www.brunildo.org/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="margin-collapse-038-ref.xht" />
+
+ <meta content="The 'max-height' of a parent block element should have no influence over whether such parent block element's bottom margin is adjoining to its last child's bottom margin. In such situation, the bottom margin of the parent block element and the bottom margin of its last child should collapse as long as such parent block element has no bottom padding and has no bottom border." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p {margin: 8px 0px 0px;}
+
+ div#reference-overlapped-red
+ {
+ background-color: red;
+ height: 200px;
+ left: 8px;
+ position: absolute;
+ right: 8px;
+ z-index: -1;
+ }
+
+ div#green-grand-parent
+ {
+ background-color: green;
+ border-bottom: green solid 1px;
+ }
+
+ div#parent-with-max-height
+ {
+ margin-bottom: 0px;
+ max-height: 99px;
+ }
+
+ div#last-child
+ {
+ height: 300px;
+ /*
+ The height of parent-with-max-height is constrained by
+ its max-height which is smaller than this last-child height
+ */
+ margin-bottom: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a tall filled green rectangle across the page and <strong>no red</strong>.</p>
+
+ <div id="reference-overlapped-red"></div>
+
+ <div id="green-grand-parent">
+ <div id="parent-with-max-height">
+ <div id="last-child"></div>
+ </div>
+ </div>
+
+ <!--
+ #last-child's margin-bottom should collapse with #parent-with-max-height's margin-bottom: max(0px, 100px) = 100px
+ -->
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-039.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-039.xht
new file mode 100644
index 0000000000..e093faf979
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-039.xht
@@ -0,0 +1,90 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: margin collapsing - clear with child margin</title>
+
+ <!--
+ Inspired by
+ http://test.csswg.org/suites/css2.1/20110323/html4/c5525-fltmult-000.htm
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="reviewer" title="Arron Eicholz" href="arronei(at)gmail.com" /> <!-- 2013-07-30 -->
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/public-css-testsuite/2012Jan/0022.html" title="[RC6] c5525-fltmult-000 imprecise and failed by several browsers" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" title="8.3.1 Collapsing margins" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="An element on which 'clear' is set to a value other than 'none' can have its own margin-top collapse with its first inflow block-level child as long as no line boxes, no clearance, no padding and no border separate them." />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p {margin: 1em 0em;}
+
+ div#overlapped-red
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#floated-left
+ {
+ background-color: green;
+ color: green;
+ float: left;
+ font: 1em/1.25 serif;
+ padding: 15px;
+ /*
+
+ 15px : padding-top
+ +
+ 20px : line box height
+ +
+ 15px : padding-bottom
+ =====
+ 50px
+
+ */
+ width: 70px;
+ }
+
+ div#cleared-left {clear: left;}
+
+ div#child-of-cleared-left
+ {
+ background-color: green;
+ color: green;
+ height: 50px;
+ margin-top: 50px;
+ width: 100px;
+ }
+
+ /*
+ The idea is to have div#cleared-left's margin-top collapse
+ with div#child-of-cleared-left's margin-top. The margin collapsing
+ should occur before calculating clearance.
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red"></div>
+
+ <div id="floated-left">flt lef</div>
+
+ <div id="cleared-left">
+ <div id="child-of-cleared-left">chld clr</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-040.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-040.xht
new file mode 100644
index 0000000000..a9a3b0ca63
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-040.xht
@@ -0,0 +1,101 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: margin collapsing - clear with child margin</title>
+
+ <!--
+ Inspired by
+ http://test.csswg.org/suites/css2.1/20110323/html4/c5525-fltmult-000.htm
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="reviewer" title="Arron Eicholz" href="arronei(at)gmail.com" /> <!-- 2013-07-30 -->
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/public-css-testsuite/2012Jan/0022.html" title="[RC6] c5525-fltmult-000 imprecise and failed by several browsers" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" title="8.3.1 Collapsing margins" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="An element on which 'clear' is set to a value other than 'none' can have its own margin-top collapse with its first inflow block-level child as long as no line boxes, no clearance, no padding and no border separate them." />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p {margin: 1em 0em;}
+
+ div#overlapped-red
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#floated-left
+ {
+ background-color: green;
+ color: green;
+ float: left;
+ font: 1em/1.25 serif;
+ padding: 15px;
+ /*
+
+ 15px : padding-top
+ +
+ 20px : line box height
+ +
+ 15px : padding-bottom
+ =====
+ 50px
+
+ */
+ width: 70px;
+ }
+
+ div#cleared-left {clear: left;}
+
+ table
+ {
+ border-collapse: separate;
+ border-spacing: 0px;
+ margin-top: 50px;
+ }
+
+ td
+ {
+ background-color: green;
+ color: green;
+ height: 50px;
+ padding: 0px;
+ width: 100px;
+ }
+
+ /*
+ The idea is to have div#cleared-left's margin-top collapse
+ with the table's margin-top. The margin collapsing
+ should occur before calculating clearance.
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red"></div>
+
+ <div id="floated-left">flt lef</div>
+
+ <div id="cleared-left">
+ <table>
+ <tr>
+ <td>td</td>
+ </tr>
+ </table>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-041.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-041.xht
new file mode 100644
index 0000000000..742d93f4a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-041.xht
@@ -0,0 +1,107 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: margin collapsing - clear with descendants margins</title>
+
+ <!--
+ Inspired by
+ http://test.csswg.org/suites/css2.1/20110323/html4/c5525-fltmult-000.htm
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="reviewer" title="Arron Eicholz" href="arronei(at)gmail.com" /> <!-- 2013-07-30 -->
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/public-css-testsuite/2012Jan/0022.html" title="[RC6] c5525-fltmult-000 imprecise and failed by several browsers" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" title="8.3.1 Collapsing margins" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="An element on which 'clear' is set to a value other than 'none' can have its own margin-top collapse with the margin-top of its first inflow block-level child (which may also be the resulting combined margin of its own subtree of descendants) as long as no line boxes, no clearance, no padding and no border separate them." />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p {margin: 1em 0em;}
+
+ div#overlapped-red
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#floated-left
+ {
+ background-color: green;
+ color: green;
+ float: left;
+ font: 1em/1.25 serif;
+ padding: 15px;
+ /*
+
+ 15px : padding-top
+ +
+ 20px : line box height
+ +
+ 15px : padding-bottom
+ =====
+ 50px
+
+ */
+ width: 70px;
+ }
+
+ div#cleared-left {clear: left;}
+
+ div#child-of-cleared-left
+ {
+ background-color: red;
+ margin-top: 50px;
+ width: 100px;
+ }
+
+ div#grandchild-of-cleared-left
+ {
+ background-color: red;
+ margin-top: 40px;
+ }
+
+ div#grand-grandchild-of-cleared-left
+ {
+ background-color: green;
+ color: green;
+ height: 50px;
+ margin-top: 30px;
+ }
+
+ /*
+ The idea is to have div#cleared-left's margin-top collapse
+ with div#child-of-clear-left's margin-top. The margin
+ collapsing of margin-tops of descendants of div#cleared-left
+ should occur before calculating clearance.
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red"></div>
+
+ <div id="floated-left">flt lft</div>
+
+ <div id="cleared-left">
+ <div id="child-of-cleared-left">
+ <div id="grandchild-of-cleared-left">
+ <div id="grand-grandchild-of-cleared-left">ggchld</div>
+ </div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-101-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-101-ref.xht
new file mode 100644
index 0000000000..c0f9054dbc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-101-ref.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border: solid 3px;
+ border-spacing: 0;
+ font-size: 50px;
+ }
+
+ td
+ {
+ background-color: orange;
+ padding: 0;
+ }
+
+ div {margin: 1em 0;}
+
+ .a {background-color: yellow;}
+
+ .b {background-color: lime;}
+
+ .c {background-color: aqua;}
+
+ .d {background-color: blue;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a stack of multi-colored horizontal bars with no red.</p>
+
+ <table>
+ <tr>
+ <td>
+ <div class="d">
+ <div class="a">A</div>
+ <div class="b">B</div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td>
+ <div class="d">
+ <div class="a">A</div>
+ <div class="b">B</div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ </tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-101.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-101.xht
new file mode 100644
index 0000000000..047131b342
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-101.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-101-ref.xht" />
+
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid 3px; }
+ td { background: orange; padding: 0; }
+ div { margin: 1em 0; }
+ .a { background: yellow; }
+ .b { background: lime; }
+ .c { background: aqua; }
+ .d { background: blue; }
+ .red { background: red; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a stack of multi-colored horizontal bars with no red.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <div class="d">
+ <div class="red"><div class="red"><div class="a">A</div></div><div class="red"></div></div>
+ <div class="red"></div>
+ <div class="red"><div class="red"></div></div>
+ <div class="red"><div class="b"><div class="red"></div>B</div></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td class="control">
+ <div class="d">
+ <div class="a">A</div>
+ <div class="b">B</div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-102.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-102.xht
new file mode 100644
index 0000000000..a7f2e54134
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-102.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: absolutely positioned</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <style type="text/css">
+ div {font-size: 20px;}
+ div.test { background: green; position: absolute; }
+ div.test div { background: red; margin: 5em 2.5em; }
+ div.control { height: 5em; width: 5em; background: red; position: absolute; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div class="control"></div>
+ <div class="test">
+ <div></div>
+ </div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-103-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-103-ref.xht
new file mode 100644
index 0000000000..5ed730b731
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-103-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 80px;
+ position: absolute;
+ top: 64px;
+ width: 80px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-103.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-103.xht
new file mode 100644
index 0000000000..bf84658135
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-103.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: fixed positioned</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-103-ref.xht" />
+
+ <style type="text/css">
+ div.test { background: green; position: fixed; top: 4em; }
+ div.test div { background: red; margin: 5em 2.5em; }
+ div.control { height: 5em; width: 5em; background: red; position: fixed; top: 4em; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div class="control"></div>
+ <div class="test">
+ <div></div>
+ </div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-104.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-104.xht
new file mode 100644
index 0000000000..8df9a90384
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-104.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: floats</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <style type="text/css">
+ div {font-size: 20px;}
+ div.test { background: green; float: left; }
+ div.test div { background: red; margin: 5em 2.5em; }
+ div.control { height: 5em; width: 5em; margin: 0 0 -5em 0; background: red; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div class="control"></div>
+ <div class="test">
+ <div></div>
+ </div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-105.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-105.xht
new file mode 100644
index 0000000000..c8b596ba32
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-105.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow (relatively positioned)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-101-ref.xht" />
+
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid 3px; }
+ td { background: orange; padding: 0; }
+ div { margin: 1em 0; }
+ .test div { position: relative; }
+ .a { background: yellow; }
+ .b { background: lime; }
+ .c { background: aqua; }
+ .d { background: blue; }
+ .red { background: red; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a stack of multi-colored horizontal bars with no red.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <div class="d">
+ <div class="red"><div class="red"><div class="a">A</div></div><div class="red"></div></div>
+ <div class="red"></div>
+ <div class="red"><div class="red"></div></div>
+ <div class="red"><div class="b"><div class="red"></div>B</div></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td class="control">
+ <div class="d">
+ <div class="a">A</div>
+ <div class="b">B</div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-106-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-106-ref.xht
new file mode 100644
index 0000000000..69415315dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-106-ref.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border: solid 3px;
+ border-spacing: 0;
+ font-size: 50px;
+ }
+
+ td {padding: 0;}
+
+ div {width: 2em;}
+
+ .c {border-top: orange solid 1em;}
+
+ .a {border-top: yellow solid 1em;}
+
+ .b {border-top: lime solid 1em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a stack of 5 bands which are <strong>from top to bottom: orange, yellow, orange, lime, orange</strong> and with no red.</p>
+
+ <table>
+ <tr>
+ <td>
+ <div class="c"></div>
+ <div class="a"></div>
+ <div class="c"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ </td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-106.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-106.xht
new file mode 100644
index 0000000000..a1d5536221
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-106.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow (simple)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-106-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table { border-spacing: 0; font: 50px/1 Ahem; border: solid 3px; background: red; }
+ td { padding: 0; }
+ /* test */
+ .test { background: orange; }
+ .test div { margin: 1em 0; background: red; }
+ .test .a { color: yellow; }
+ .test .b { color: lime; }
+ /* control */
+ .control div { width: 1em; }
+ .control .c { border-top: 1em orange solid; }
+ .control .a { border-top: 1em yellow solid; }
+ .control .b { border-top: 1em lime solid; }
+ /* control control */
+ .red { background: red; height: 1em; width: 10em; border: solid; }
+ .orange { border-top: 1em orange solid; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a stack of 5 bands which are <strong>from top to bottom: orange, yellow, orange, lime, orange</strong> and with no red.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <div class="a">X</div>
+ <div class="b">X</div>
+ </td>
+ <td class="control">
+ <div class="c"></div>
+ <div class="a"></div>
+ <div class="c"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-107.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-107.xht
new file mode 100644
index 0000000000..9ed65fd6ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-107.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow (used height)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <meta name="assert" content="This tests that emptiness is based on the
+ computed values of height."/>
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid white; background: red; }
+ td { padding: 0; }
+
+ /* colors */
+ .test, .control { background: lime; }
+ .a { background: aqua; color: aqua; }
+ .b { background: yellow; color: yellow; }
+
+ /* test */
+ .test .a { margin: 0 0 1em 0; }
+ .test .c { margin: 1em 0 1em 0;
+ height: 0.04px; }
+ .test .b { margin: 1em 0 0 0; }
+
+ /* control */
+ .control .a { margin: 0 0 2em; }
+ .control .c { height: 0.04px; }
+ </style>
+ </head>
+ <body>
+ <p>The pattern below should be a stack of three perfect rectangles with no red.</p>
+ <table>
+ <tr>
+ <td>
+ <div class="test">
+ <div class="a">A</div>
+ <div class="c"></div>
+ <div class="b">B</div>
+ </div>
+ </td>
+ <td>
+ <div class="control">
+ <div class="a">A</div>
+ <div class="c"></div>
+ <div class="b">B</div>
+ </div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-108.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-108.xht
new file mode 100644
index 0000000000..8f3796fe29
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-108.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow (used border)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <meta name="assert" content="This tests that emptiness is based on the
+ computed values of border."/>
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid white; background: red; }
+ td { padding: 0; }
+
+ /* colors */
+ .test, .control { background: lime; }
+ .a { background: aqua; color: aqua; }
+ .b { background: yellow; color: yellow; }
+
+ /* test */
+ .test .a { margin: 0 0 1em 0; }
+ .test .c { margin: 1em 0 1em 0;
+ border-bottom: solid lime 0.04px; }
+ .test .b { margin: 1em 0 0 0; }
+
+ /* control */
+ .control .a { margin: 0 0 2em; }
+ .control .c { border-bottom: solid lime 0.04px; }
+ </style>
+ </head>
+ <body>
+ <p>The pattern below should be a stack of three perfect rectangles with no red.</p>
+ <table>
+ <tr>
+ <td>
+ <div class="test">
+ <div class="a">A</div>
+ <div class="c"></div>
+ <div class="b">B</div>
+ </div>
+ </td>
+ <td>
+ <div class="control">
+ <div class="a">A</div>
+ <div class="c"></div>
+ <div class="b">B</div>
+ </div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-109.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-109.xht
new file mode 100644
index 0000000000..736e0bf847
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-109.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow (used padding)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/009.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <meta name="assert" content="This tests that emptiness is based on the
+ computed values of padding."/>
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid white; background: red; }
+ td { padding: 0; }
+
+ /* colors */
+ .test, .control { background: lime; }
+ .a { background: aqua; color: aqua; }
+ .b { background: yellow; color: yellow; }
+
+ /* test */
+ .test .a { margin: 0 0 1em 0; }
+ .test .c { margin: 1em 0 1em 0;
+ padding-bottom: 0.04px; }
+ .test .b { margin: 1em 0 0 0; }
+
+ /* control */
+ .control .a { margin: 0 0 2em; }
+ .control .c { padding-bottom: 0.04px; }
+ </style>
+ </head>
+ <body>
+ <p>The pattern below should be a stack of three perfect rectangles with no red.</p>
+ <table>
+ <tr>
+ <td>
+ <div class="test">
+ <div class="a">A</div>
+ <div class="c"></div>
+ <div class="b">B</div>
+ </div>
+ </td>
+ <td>
+ <div class="control">
+ <div class="a">A</div>
+ <div class="b">B</div>
+ </div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-110-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-110-ref.xht
new file mode 100644
index 0000000000..a2bd043b7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-110-ref.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ background-color: orange;
+ border: solid 3px;
+ border-spacing: 0px;
+ table-layout: fixed;
+ width: 256px;
+ }
+
+ td {padding: 50px 0px;}
+
+ div#yellow
+ {
+ border-top: yellow solid 50px;
+ margin-bottom: 50px;
+ }
+
+ div#lime {border-top: lime solid 50px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a stack of 5 bands which are <strong>from top to bottom: orange, yellow, orange, lime, orange</strong>.</p>
+
+ <table>
+ <tr>
+ <td>
+ <div id="yellow"></div>
+ <div id="lime"></div>
+ </td>
+ </tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-110.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-110.xht
new file mode 100644
index 0000000000..097e22dd13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-110.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow (simple combinations)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/010.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-110-ref.xht" />
+
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid 3px; background: orange; }
+ td { padding: 0; }
+ div { height: 1em; width: 1em; }
+ .a { background: yellow; }
+ .b { background: lime; }
+ /* column 1 */
+ .t1 .a { margin: 1em 0 1em; }
+ .t1 .b { margin: 1em 0 1em; }
+ /* column 2 */
+ .t2 .a { margin: 1em 0 1em; }
+ .t2 .b { margin: 0em 0 1em; }
+ /* column 3 */
+ .t3 .a { margin: 1em 0 0em; }
+ .t3 .b { margin: 1em 0 1em; }
+ /* column 4 */
+ .t4 .a { margin: 1em 0 2em; }
+ .t4 .b { margin: -1em 0 1em; }
+ /* column 5 */
+ .t5 .a { margin: 1em 0 -1em; }
+ .t5 .b { margin: 2em 0 1em; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a stack of 5 bands which are <strong>from top to bottom: orange, yellow, orange, lime, orange</strong>.</p>
+ <table>
+ <tr>
+ <td class="t1">
+ <div class="a"></div>
+ <div class="b"></div>
+ </td>
+ <td class="t2">
+ <div class="a"></div>
+ <div class="b"></div>
+ </td>
+ <td class="t3">
+ <div class="a"></div>
+ <div class="b"></div>
+ </td>
+ <td class="t4">
+ <div class="a"></div>
+ <div class="b"></div>
+ </td>
+ <td class="t5">
+ <div class="a"></div>
+ <div class="b"></div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-111.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-111.xht
new file mode 100644
index 0000000000..daaf38b050
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-111.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow (simple combinations with collapse-through)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/011.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-110-ref.xht" />
+
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid 3px; background: orange; }
+ td { padding: 0; }
+ .a, .b { height: 1em; width: 1em; }
+ .a { background: yellow; }
+ .b { background: lime; }
+ .c { background: red; margin: 1em 0 1em; }
+ .t1 .a { margin: 1em 0 1em; }
+ .t1 .b { margin: 1em 0 1em; }
+ .t2 .a { margin: 1em 0 1em; }
+ .t2 .b { margin: 0em 0 1em; }
+ .t3 .a { margin: 1em 0 0em; }
+ .t3 .b { margin: 1em 0 1em; }
+ .t4 .a { margin: 1em 0 2em; }
+ .t4 .b { margin: -1em 0 1em; }
+ .t5 .a { margin: 1em 0 -1em; }
+ .t5 .b { margin: 2em 0 1em; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a stack of 5 bands which are <strong>from top to bottom: orange, yellow, orange, lime, orange</strong>.</p>
+ <table>
+ <tr>
+ <td class="t1">
+ <div class="a"></div>
+ <div class="c"></div>
+ <div class="b"></div>
+ </td>
+ <td class="t2">
+ <div class="a"></div>
+ <div class="c"></div>
+ <div class="b"></div>
+ </td>
+ <td class="t3">
+ <div class="a"></div>
+ <div class="c"></div>
+ <div class="b"></div>
+ </td>
+ <td class="t4">
+ <div class="a"></div>
+ <div class="c"></div>
+ <div class="b"></div>
+ </td>
+ <td class="t5">
+ <div class="a"></div>
+ <div class="c"></div>
+ <div class="b"></div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-112.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-112.xht
new file mode 100644
index 0000000000..09396c4e13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-112.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow (simple)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/012.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-106-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table { border-spacing: 0; font: 50px/1 Ahem; border: solid 3px; background: red; }
+ td { padding: 0; }
+ /* test */
+ .test { background: orange; }
+ .test div { margin: 1em 0; background: red; height: 1em; width: 1em; }
+ .test .a { background: yellow; }
+ .test .b { background: lime; }
+ /* control */
+ .control div { width: 1em; }
+ .control .c { border-top: 1em orange solid; }
+ .control .a { border-top: 1em yellow solid; }
+ .control .b { border-top: 1em lime solid; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a stack of 5 bands which are <strong>from top to bottom: orange, yellow, orange, lime, orange</strong> and with no red.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <div class="a"></div>
+ <div class="b"></div>
+ </td>
+ <td class="control">
+ <div class="c"></div>
+ <div class="a"></div>
+ <div class="c"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-113-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-113-ref.xht
new file mode 100644
index 0000000000..856246795d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-113-ref.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border: solid 3px;
+ border-spacing: 0;
+ font-size: 50px;
+ }
+
+ td {padding: 0;}
+
+ div {width: 3em;}
+
+ .a {border-top: yellow solid 1em;}
+
+ .b {border-top: orange solid 2em;}
+
+ .c {border-top: lime solid 1em;}
+
+ .d {border-top: aqua solid 1em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a stack of 4 bands which are <strong>from top to bottom: yellow, orange, lime, aqua</strong> and with no red.</p>
+
+ <table>
+ <tr>
+ <td>
+ <div class="a"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ <div class="d"></div>
+ </td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-113.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-113.xht
new file mode 100644
index 0000000000..ffba934aa3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-113.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow (position of collapsed-through element)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/013.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-113-ref.xht" />
+
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid 3px; background: red; }
+ td { padding: 0; }
+ /* test */
+ .test { background: orange; width: 1em; }
+ .test .a { background: yellow; margin: 0 0 1em 0; height: 1em; }
+ .test .b { background: red; margin: 2em 0 0 0; position: relative; }
+ .test .c { background: aqua; margin: 3em 0 0 0; height: 1em; }
+ .test .d { background: lime; margin: 0; height: 1em; width: 100%; }
+ .test .pos { position: absolute; }
+ .test .float { float: left; }
+ /* control */
+ .control div { width: 1em; }
+ .control .a { border-top: 1em yellow solid; }
+ .control .b { border-top: 2em orange solid; }
+ .control .c { border-top: 1em lime solid; }
+ .control .d { border-top: 1em aqua solid; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a stack of 4 bands which are <strong>from top to bottom: yellow, orange, lime, aqua</strong> and with no red.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <div class="a"></div>
+ <div class="b">
+ <div class="d pos"></div>
+ </div>
+ <div class="c"></div>
+ </td>
+ <td class="test">
+ <div class="a"></div>
+ <div class="b">
+ <div class="d float"></div>
+ </div>
+ <div class="c"></div>
+ </td>
+ <td class="control">
+ <div class="a"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ <div class="d"></div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-114-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-114-ref.xht
new file mode 100644
index 0000000000..afc660157c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-114-ref.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border: solid 3px;
+ border-spacing: 0;
+ font-size: 50px;
+ }
+
+ td {padding: 0;}
+
+ div {width: 3em;}
+
+ .a {border-top: yellow solid 1em;}
+
+ .b {border-top: orange solid 3em;}
+
+ .c {border-top: lime solid 1em;}
+
+ .d {border-top: aqua solid 1em;}
+
+ .e { border-top: orange solid 1em; }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a stack of 5 bands which are <strong>from top to bottom: yellow, orange, lime, aqua, orange</strong> with no red.</p>
+
+ <table>
+ <tr>
+ <td>
+ <div class="a"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ <div class="d"></div>
+ <div class="e"></div>
+ </td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-114.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-114.xht
new file mode 100644
index 0000000000..3f90f8d954
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-114.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow (position of collapsed-through element)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/014.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-114-ref.xht" />
+
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid 3px; background: red; }
+ td { padding: 0; vertical-align: top;}
+ /* test */
+ .test { background: orange; width: 1em; }
+ .test .a { background: yellow; margin: 0 0 1em 0; height: 1em; }
+ .test .b { background: red; margin: 2em 0 0 0; position: relative; }
+ .test .c { background: lime; margin: 3em 0 0 0; height: 1em; }
+ .test .d { background: aqua; margin: 2em 0 1em 0; height: 1em; width: 100%; }
+ .test .pos { position: absolute; }
+ .test .float { float: left; }
+ /* control */
+ .control div { width: 1em; }
+ .control .a { border-top: 1em yellow solid; }
+ .control .b { border-top: 3em orange solid; }
+ .control .c { border-top: 1em lime solid; }
+ .control .d { border-top: 1em aqua solid; }
+ .control .e { border-top: 1em orange solid; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a stack of 5 bands which are <strong>from top to bottom: yellow, orange, lime, aqua, orange</strong> with no red.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <div class="a"></div>
+ <div class="b">
+ <div class="d pos"></div>
+ </div>
+ <div class="c"></div>
+ </td>
+ <td class="test">
+ <div class="a"></div>
+ <div class="b">
+ <div class="d float"></div>
+ </div>
+ <div class="c"></div>
+ </td>
+ <td class="control">
+ <div class="a"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ <div class="d"></div>
+ <div class="e"></div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-115-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-115-ref.xht
new file mode 100644
index 0000000000..1773df921d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-115-ref.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border: solid 3px;
+ border-spacing: 0;
+ font-size: 50px;
+ }
+
+ td {padding: 0;}
+
+ div {width: 2em;}
+
+ .a {border-top: yellow solid 1em;}
+
+ .b {border-top: orange solid 2em;}
+
+ .c {border-top: lime solid 1em;}
+
+ .d {border-top: aqua solid 1em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a stack of 4 bands which are <strong>from top to bottom: yellow, orange, lime, aqua</strong> and with no red.</p>
+
+ <table>
+ <tr>
+ <td>
+ <div class="a"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ <div class="d"></div>
+ </td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-115.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-115.xht
new file mode 100644
index 0000000000..95f54be93a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-115.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<!-- This test is basically the same as 013.html --><head>
+ <title>CSS Test: Margin Collapsing: in flow (position of collapsed-through element)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/015.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-115-ref.xht" />
+
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid 3px; background: red; }
+ td { padding: 0; }
+ /* test */
+ .test { background: orange; width: 1em; }
+ .test .a { background: yellow; margin: 0 0 1em 0; height: 1em; }
+ .test .b { background: red; margin: 2em 0 0 0; }
+ .test .c { background: aqua; margin: 3em 0 0 0; height: 1em; }
+ .test .d { background: lime; margin: 0; position: absolute; height: 1em; width: 1em; }
+ /* control */
+ .control div { width: 1em; }
+ .control .a { border-top: 1em yellow solid; }
+ .control .b { border-top: 2em orange solid; }
+ .control .c { border-top: 1em lime solid; }
+ .control .d { border-top: 1em aqua solid; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a stack of 4 bands which are <strong>from top to bottom: yellow, orange, lime, aqua</strong> and with no red.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <div class="a"></div>
+ <div class="b">
+ <div class="d"></div>
+ </div>
+ <div class="c"></div>
+ </td>
+ <td class="control">
+ <div class="a"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ <div class="d"></div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-116.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-116.xht
new file mode 100644
index 0000000000..fc00058680
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-116.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<!-- This is similar to tests 013 to 015 --><head>
+ <title>CSS Test: Margin Collapsing: in flow (position of collapsed-through element)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/016.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-115-ref.xht" />
+
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid 3px; background: red; }
+ td { padding: 0; }
+ /* test */
+ .test { background: orange; width: 1em; }
+ .test .a { background: yellow; margin: 0 0 1em 0; height: 1em; }
+ .test .b { background: red; margin: 1em 0 0 0; }
+ .test .c { background: lime; margin: 2em 0 1em 0; height: 1em; }
+ .test .d { background: aqua; position: absolute; height: 1em; width: 1em; margin: 2em 0 0 0; }
+ /* control */
+ .control div { width: 1em; }
+ .control .a { border-top: 1em yellow solid; }
+ .control .b { border-top: 2em orange solid; }
+ .control .c { border-top: 1em lime solid; }
+ .control .d { border-top: 1em aqua solid; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a stack of 4 bands which are <strong>from top to bottom: yellow, orange, lime, aqua</strong> and with no red.</p>
+ <table>
+ <tr>
+ <td>
+ <div class="test">
+ <div class="a"></div>
+ <div class="b">
+ <div class="d"></div>
+ </div>
+ <div class="c"></div>
+ </div>
+ </td>
+ <td class="control">
+ <div class="a"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ <div class="d"></div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-117.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-117.xht
new file mode 100644
index 0000000000..cae482535c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-117.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow (height)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/017.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid; background: red; }
+ td { padding: 0; width: 1em; }
+ /* test */
+ .test .a { background: red; margin: 0; height: 1em; }
+ .test .aa { background: yellow; margin: 0 0 1em 0; height: 1em; }
+ .test .b { background: lime; margin: 0; height: 1em; }
+ /* control */
+ .control .a { border-top: 1em yellow solid; }
+ .control .b { border-top: 1em lime solid; }
+ </style>
+ </head>
+ <body>
+ <p>The following square should contain exactly two bands, one yellow, one lime, with no red visible.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <div class="a">
+ <div class="aa"></div>
+ </div>
+ <div class="b"></div>
+ </td>
+ <td class="control">
+ <div class="a"></div>
+ <div class="b"></div>
+ </td>
+ </tr>
+ </table>
+ <p>This test is meaningless if you don't pass <a href="margin-collapse-118">test 118</a>.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-118.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-118.xht
new file mode 100644
index 0000000000..90283bab1b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-118.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow (height)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/018.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid; background: red; }
+ td { padding: 0; width: 1em; }
+ /* test */
+ .test .outer { background: orange; }
+ .test .a { background: red; margin: 0; height: auto; }
+ .test .aa { background: yellow; margin: 0 0 1em 0; height: 1em; }
+ .test .b { background: lime; margin: 0; height: 1em; }
+ /* control */
+ .control .a { border-top: 1em yellow solid; }
+ .control .b { border-top: 1em orange solid; }
+ .control .c { border-top: 1em lime solid; }
+ </style>
+ </head>
+ <body>
+ <p>The following box should contain exactly three bands, one yellow, one orange, and one lime, with <strong>absolutely no red visible</strong>.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <div class="outer">
+ <div class="a">
+ <div class="aa"></div>
+ </div>
+ <div class="b"></div>
+ </div>
+ </td>
+ <td class="control">
+ <div class="a"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ </td>
+ </tr>
+ </table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-119.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-119.xht
new file mode 100644
index 0000000000..13e5517f01
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-119.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow (height)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/019.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid; background: red; }
+ td { padding: 0; width: 1em; }
+
+ div.container, div.after { background: lime; }
+
+ .a .container { height: 1.1em; }
+ .a .sized { height: 1.0em; margin: 0 0 1em 0; }
+ .a .after { height: 0.9em; }
+
+ .b .container { height: 1.0em; }
+ .b .sized { height: 1.0em; margin: 0 0 1em 0; }
+ .b .after { height: 1.0em; }
+
+ .c .container { height: 0.9em; }
+ .c .sized { height: 1.0em; margin: 0 0 1em 0; }
+ .c .after { height: 1.1em; }
+
+ </style>
+ </head>
+ <body>
+ <p>There should be no red on this page.</p>
+ <table>
+ <tr>
+ <td class="a">
+ <div class="container">
+ <div class="sized"></div>
+ </div>
+ <div class="after"></div>
+ </td>
+ <td class="b">
+ <div class="container">
+ <div class="sized"></div>
+ </div>
+ <div class="after"></div>
+ </td>
+ <td class="c">
+ <div class="container">
+ <div class="sized"></div>
+ </div>
+ <div class="after"></div>
+ </td>
+ </tr>
+ </table>
+ <p>See also: <a href="http://www.hixie.ch/tests/adhoc/css/box/block/height/002.html">prerequisite</a>.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-120.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-120.xht
new file mode 100644
index 0000000000..831f81f372
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-120.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow (height)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/020.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid; background: red; }
+ td { padding: 0; width: 1em; }
+
+ div { background: lime; }
+
+ .a .container { height: 2.1em; }
+ .a .sized { height: 1.0em; margin: 0 0 1em 0; }
+ .a .after { height: 0.9em; }
+
+ .b .container { height: 2.0em; }
+ .b .sized { height: 1.0em; margin: 0 0 1em 0; }
+ .b .after { height: 1.0em; }
+
+ .c .container { height: 1.9em; }
+ .c .sized { height: 1.0em; margin: 0 0 1em 0; }
+ .c .after { height: 1.1em; }
+
+ </style>
+ </head>
+ <body>
+ <p>There should be no red on this page.</p>
+ <table>
+ <tr>
+ <td class="a">
+ <div class="container">
+ <div class="sized"></div>
+ </div>
+ <div class="after"></div>
+ </td>
+ <td class="b">
+ <div class="container">
+ <div class="sized"></div>
+ </div>
+ <div class="after"></div>
+ </td>
+ <td class="c">
+ <div class="container">
+ <div class="sized"></div>
+ </div>
+ <div class="after"></div>
+ </td>
+ </tr>
+ </table>
+ <p>See also: <a href="019.html">prerequisite</a>.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-126.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-126.xht
new file mode 100644
index 0000000000..ba9b4aad27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-126.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: negative margins (easy)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/026.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ .container { background: red; height: auto; border-top: 1em red solid; border-bottom: 1em lime solid; }
+ .test { border-top: 1em solid lime; margin-top: -1em; }
+ </style>
+ </head>
+ <body>
+ <p>There should be no red below.</p>
+ <div class="container">
+ <div class="test"></div>
+ </div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-127.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-127.xht
new file mode 100644
index 0000000000..e72645ac1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-127.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: negative margins (easy)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/027.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ .container { background: red; height: auto; border-top: 1em lime solid; border-bottom: 1em lime solid; }
+ .red { border-top: 1em solid red; }
+ .lime { border-top: 1em solid lime; margin-top: -1em; }
+ </style>
+ </head>
+ <body>
+ <p>There should be no red below.</p>
+ <div class="container">
+ <div class="red"></div>
+ <div class="lime"></div>
+ </div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-128.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-128.xht
new file mode 100644
index 0000000000..afe6ca4c6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-128.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: negative margins (easy)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/028.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ .container { background: red; height: auto; border: 1em lime solid; }
+ .a { margin-top: 1em; margin-bottom: 1em; }
+ .b { margin-top: 1em; margin-bottom: 1em; }
+ .c { margin-top: 1em; margin-bottom: 1em; }
+ .d { margin-top: 1em; margin-bottom: 1em; }
+ .e { margin-top: 1em; margin-bottom: -1em; }
+ .f { margin-top: 1em; margin-bottom: 1em; }
+ </style>
+ </head>
+ <body>
+ <p>There should be no red below.</p>
+ <div class="container">
+ <div class="a">
+ <div class="b"> </div>
+ <div class="c"> </div>
+ </div>
+ <div class="d">
+ <div class="e"> </div>
+ <div class="f"> </div>
+ </div>
+ </div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-129.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-129.xht
new file mode 100644
index 0000000000..5a871b6c2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-129.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: negative margins (easy)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/029.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ .container { background: red; height: auto; border: 1em lime solid; }
+ .a { margin-top: -1em; margin-bottom: 1em; }
+ .b { margin-top: 1em; margin-bottom: 1em; }
+ .c { margin-top: 1em; margin-bottom: 1em; }
+ .d { margin-top: 1em; margin-bottom: 1em; }
+ .e { margin-top: 1em; margin-bottom: 1em; }
+ .f { margin-top: 1em; margin-bottom: 1em; }
+ </style>
+ </head>
+ <body>
+ <p>There should be no red below.</p>
+ <div class="container">
+ <div class="a">
+ <div class="b"> </div>
+ <div class="c"> </div>
+ </div>
+ <div class="d">
+ <div class="e"> </div>
+ <div class="f"> </div>
+ </div>
+ </div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-130-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-130-ref.xht
new file mode 100644
index 0000000000..781debdb41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-130-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: lime;
+ border: black solid medium;
+ height: 2.5em;
+ width: 6.25em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a small filled bright green rectangle with a black border and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-130.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-130.xht
new file mode 100644
index 0000000000..860ff83e9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-130.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: basic overflow test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/030.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-130-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { border: solid; background: red; width: 5em; font: 1.25em/1em Ahem; }
+ .test .a { height: 0; margin: 0 0 1em 0; background: red; color: lime; }
+ .test .b { height: 1em; margin: 1em 0 0 0; background: lime; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a small filled bright green rectangle with a black border and <strong>no red</strong>.</p>
+ <div class="test">
+ <p class="a">XXXXX</p>
+ <p class="b"></p>
+ </div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-131-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-131-ref.xht
new file mode 100644
index 0000000000..9da7bb98e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-131-ref.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ background-color: green;
+ border-spacing: 0px;
+ margin: 40px auto auto 40px;
+ table-layout: fixed;
+ }
+
+ col {width: 40px;}
+
+ td {padding: 0px;}
+
+ img {vertical-align: top;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a big square green H.</p>
+
+ <table>
+ <col></col><col></col><col></col>
+ <tr><td></td><td><img src="support/swatch-white.png" width="40" height="40" alt="Image download support must be enabled" /></td><td></td></tr>
+ <tr><td></td><td><img src="support/swatch-green.png" width="40" height="40" alt="Image download support must be enabled" /></td><td></td></tr>
+ <tr><td></td><td><img src="support/swatch-white.png" width="40" height="40" alt="Image download support must be enabled" /></td><td></td></tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-131.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-131.xht
new file mode 100644
index 0000000000..1731556384
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-131.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow text (simple)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-27 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/031.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-131-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { margin: 1em; background: green; font: 40px/1 Ahem; width: 3em; }
+ .test div { color: white; margin: 1em; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a big square green H.</p>
+ <div class="test">
+ <div>X</div>
+ <div>X</div>
+ </div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-132.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-132.xht
new file mode 100644
index 0000000000..4628eb47f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-132.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: float positioning</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/032.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ table, td { padding: 0; border-spacing: 0; }
+ .comparator { border-spacing: 1em; }
+ .test, .control { border: solid; background: lime; }
+
+ .test .container { display: block; margin: 1em 0 0 0; width: 8em; background: red; }
+ .test .float { float: left; margin: 0; height: 1em; width: 8em; background: yellow; }
+ .test .block { display: block; margin: 2em 0 0 0; height: 1em; background: red; }
+
+ .control .lime { border-top: 2em solid lime; width: 8em; }
+ .control .yellow { border-top: 1em solid yellow; }
+
+ </style>
+ </head>
+ <body>
+ <p>The following two rectangles should be identical.</p>
+ <table class="comparator">
+ <tr>
+ <td class="test">
+ <div class="container">
+ <div class="float"> </div>
+ <div class="block"> </div>
+ </div>
+ </td>
+ <td class="control">
+ <div class="lime"> </div>
+ <div class="yellow"> </div>
+ </td>
+ </tr>
+ </table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-133.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-133.xht
new file mode 100644
index 0000000000..39f0185ab6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-133.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: float positioning</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/033.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ table, td { padding: 0; border-spacing: 0; }
+ .comparator { border-spacing: 1em; }
+ .test, .control { border: solid; background: lime; }
+
+ .test .top { display: block; margin: 0; height: 1em; width: 8em; background: yellow; }
+ .test .container { display: block; margin: 1em 0 0 0; width: 8em; background: red; }
+ .test .float { float: left; margin: 0; height: 1em; width: 8em; background: yellow; }
+ .test .block { display: block; margin: 2em 0 0 0; height: 1em; background: red; }
+
+ .control .lime { border-top: 2em solid lime; width: 8em; }
+ .control .yellow { border-top: 1em solid yellow; }
+ </style>
+ </head>
+ <body>
+ <p>The following two rectangles should be identical.</p>
+ <table class="comparator">
+ <tr>
+ <td class="test">
+
+ <div class="top"> </div>
+ <div class="container">
+ <div class="float"> </div>
+ <div class="block"> </div>
+ </div>
+
+ </td>
+ <td class="control">
+ <div class="yellow"> </div>
+ <div class="lime"> </div>
+ <div class="yellow"> </div>
+ </td>
+ </tr>
+ </table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-137-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-137-ref.xht
new file mode 100644
index 0000000000..508f70e96e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-137-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 20px;
+ margin-top: 100px;
+ width: 100px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <div></div>
+
+ <p>Test passes if there is no red above.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-137.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-137.xht
new file mode 100644
index 0000000000..3f95f1a60d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-137.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: margins on relative boxes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-27 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/037.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-137-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div { font: 20px/1 Ahem, sans-serif; }
+ .relative { position: relative; margin: 0 0 5em 0; }
+ .absolute { position: absolute; margin: 0; top: 0; left: 0; color: green; }
+ .static { position: static; margin: 0; color: red; }
+ </style>
+ </head>
+ <body>
+ <div class="relative">
+ <div class="absolute">
+ XXXXX
+ </div>
+ </div>
+ <div class="static">
+ XXXXX
+ </div>
+ <p>Test passes if there is no red above.</p>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-138.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-138.xht
new file mode 100644
index 0000000000..e67b8ce654
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-138.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: margins on relative boxes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-27 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/038.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-137-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div { font: 20px/1 Ahem, sans-serif; }
+ .relative { position: relative; margin: 0 0 5em 0; }
+ .absolute { position: absolute; margin: 0; top: 0; left: 0; color: green; }
+ .static { position: static; margin: 3em 0 0 0; color: red; }
+ </style>
+ </head>
+ <body>
+ <div class="relative">
+ <div class="absolute">
+ XXXXX
+ </div>
+ </div>
+ <div class="static">
+ XXXXX
+ </div>
+ <p>Test passes if there is no red above.</p>
+
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-139.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-139.xht
new file mode 100644
index 0000000000..f4d982675a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-139.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: top margins</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/039.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ .a { margin: 0; background: red; }
+ .b { margin: 2em 0 0 0; background: red; }
+ .c { margin: 1em 0 0 0; background: red; }
+ .d { margin: 0; background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <p>There should be no red below.</p>
+ <div class="a">
+ <div class="b">
+ <div class="c">
+ <div class="d">
+ This line should be green.
+ </div>
+ </div>
+ </div>
+ </div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-140.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-140.xht
new file mode 100644
index 0000000000..8e2671508f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-140.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: top margins</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/040.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ .a { margin: 0; background: red; }
+ .b { margin: 2em 0 0 0; background: red; }
+ .c { margin: 0; background: red; }
+ .d { margin: 1em 0 0 0; background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <p>There should be no red below.</p>
+ <div class="a">
+ <div class="b">
+ <div class="c">
+ <div class="d">
+ This line should be green.
+ </div>
+ </div>
+ </div>
+ </div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-141.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-141.xht
new file mode 100644
index 0000000000..ad7bb041d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-141.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: top margins</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/041.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ .test { background: aqua; margin: 0; width: 6em; border: solid; }
+ .test .a { height: 1em; background: fuchsia; margin: 0; }
+ .test .b { background: red; margin: 0; }
+ .test .c { float: left; height: 1em; width: 3em; background: orange; margin: 0; }
+ .test .d { height: 1em; background: yellow; margin: 1em 0 0 0; }
+ .control { width: 6em; border: solid; }
+ .control .a { border-top: fuchsia 1em solid; }
+ .control .b { border-top: aqua 1em solid; }
+ .control .c { border-left: orange 3em solid; border-right: yellow 3em solid; height: 1em; }
+ </style>
+ </head>
+ <body>
+ <p>The two boxes below should look identical.</p>
+ <table>
+ <tr>
+ <td>
+ <div class="test">
+ <div class="a"></div>
+ <div class="b">
+ <div class="c"></div>
+ <div class="d"></div>
+ </div>
+ </div>
+ </td>
+ <td>
+ <div class="control">
+ <div class="a"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ </div>
+ </td>
+ </tr>
+ </table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-143.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-143.xht
new file mode 100644
index 0000000000..87066bc4d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-143.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Placement of out-of-flow object in elements that have been collapsed through</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/043.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ .outer { border-top: solid white; border-bottom: solid 1em red; background: green; }
+ .top { height: 1em; background: white; }
+ .float { height: 1em; float: left; background: white; width: 100%; }
+ .bottom { margin-bottom: 1em; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a single green band below, and no red anywhere.</p>
+ <div class="outer">
+ <div class="top"> <!-- 1em vertical white space --> </div>
+ <div class="bottom"> <!-- 1em bottom margin collapses to here -->
+ <div class="bottom"> <!-- 1em bottom margin collapses with above -->
+ <div class="float"> </div> <!-- overlaps the bottom border -->
+ </div> <!-- nothing here, bottom margin collapsed upwards -->
+ </div> <!-- nothing here, bottom margin collapsed upwards -->
+ </div> <!-- 1em bottom red border, coincident with white float above -->
+
+
+
+</body>
+</html><!-- note. this test assumes that we accept the following proposed changes:
+ http://lists.w3.org/Archives/Member/w3c-css-wg/2003AprJun/0347.html
+ -->
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-145.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-145.xht
new file mode 100644
index 0000000000..4d01b81263
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-145.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Placement of out-of-flow object in elements that have been collapsed through</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/045.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ td { width: 3em; padding: 0; }
+
+ .test { background: fuchsia; }
+ .a { margin: 0; height: 1em; background: aqua; }
+ .b { margin: 0; background: red; }
+ .c { margin: 0; background: red; }
+ .d { margin: 0; background: red; }
+ .e { margin: 0; background: purple; height: 1em; float: left; width: 100%; }
+ .f { margin: 0 0 1em 0; background: red; }
+
+ .control { background: red; }
+ .aqua { border-top: solid 1em aqua; }
+ .fuchsia { border-top: solid 1em fuchsia; }
+ .purple { border-top: solid 1em purple; }
+ </style>
+ </head>
+ <body>
+ <p>The following two columns should look the same.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <div class="a"> </div>
+ <div class="b">
+ <div class="c"> </div>
+ <div class="d">
+ <div class="e"> </div>
+ </div>
+ <div class="f"> </div>
+ </div>
+ </td>
+ <td class="control">
+ <div class="aqua"></div>
+ <div class="fuchsia"></div>
+ <div class="purple"></div>
+ </td>
+ </tr>
+ </table>
+
+
+
+</body>
+</html><!-- note. this test assumes that we accept the following proposed changes:
+ http://lists.w3.org/Archives/Member/w3c-css-wg/2003AprJun/0347.html
+ -->
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-146.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-146.xht
new file mode 100644
index 0000000000..a5bfd76488
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-146.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Placement of out-of-flow object in elements that have been collapsed through</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/046.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ td { width: 3em; padding: 0; }
+
+ .test { background: fuchsia; }
+ .a { margin: 0; height: 1em; background: aqua; }
+ .b { margin: 0; background: red; }
+ .c { margin: 0; background: red; }
+ .d { margin: 0; background: red; }
+ .f { margin: 0 0 1em 0; background: red; }
+ .e { margin: 0; background: purple; height: 1em; float: left; width: 100%; }
+
+ .control { background: red; }
+ .aqua { border-top: solid 1em aqua; }
+ .fuchsia { border-top: solid 1em fuchsia; }
+ .purple { border-top: solid 1em purple; }
+ </style>
+ </head>
+ <body>
+ <p>The following two columns should look the same.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <div class="a"> </div>
+ <div class="b">
+ <div class="c"> </div>
+ <div class="d"> </div>
+ <div class="f"> </div>
+ <div class="e"> </div>
+ </div>
+ </td>
+ <td class="control">
+ <div class="aqua"></div>
+ <div class="fuchsia"></div>
+ <div class="purple"></div>
+ </td>
+ </tr>
+ </table>
+
+
+
+</body>
+</html><!-- note. this test assumes that we accept the following proposed changes:
+ http://lists.w3.org/Archives/Member/w3c-css-wg/2003AprJun/0347.html
+ -->
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-147.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-147.xht
new file mode 100644
index 0000000000..0b6bf07648
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-147.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Placement of out-of-flow object in elements that have been collapsed through</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/047.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ td { width: 3em; padding: 0; }
+
+ .test { background: fuchsia; }
+ .a { margin: 0; height: 1em; background: aqua; }
+ .b { margin: 0; background: red; }
+ .e { margin: 0; background: purple; height: 1em; float: left; width: 100%; }
+ .c { margin: 0; background: red; }
+ .d { margin: 0; background: red; }
+ .f { margin: 0 0 1em 0; background: red; }
+
+ .control { background: red; }
+ .aqua { border-top: solid 1em aqua; }
+ .fuchsia { border-top: solid 1em fuchsia; }
+ .purple { border-top: solid 1em purple; }
+ </style>
+ </head>
+ <body>
+ <p>The following two columns should look the same.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <div class="a"> </div>
+ <div class="b">
+ <div class="e"> </div>
+ <div class="c"> </div>
+ <div class="d"> </div>
+ <div class="f"> </div>
+ </div>
+ </td>
+ <td class="control">
+ <div class="aqua"></div>
+ <div class="fuchsia"></div>
+ <div class="purple"></div>
+ </td>
+ </tr>
+ </table>
+
+
+
+</body>
+</html><!-- note. this test assumes that we accept the following proposed changes:
+ http://lists.w3.org/Archives/Member/w3c-css-wg/2003AprJun/0347.html
+ -->
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-148.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-148.xht
new file mode 100644
index 0000000000..bb0c56f7a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-148.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Placement of out-of-flow object in elements that have been collapsed through</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/048.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ td { width: 3em; padding: 0; }
+
+ .test { background: yellow; }
+ .a { margin: 0; height: 1em; background: orange; }
+ .b { margin: 0; background: aqua; height: 2em; }
+ .c { margin: 0; background: red; }
+ .d { margin: 0; background: red; }
+ .e { margin: 0; background: lime; height: 1em; float: left; width: 100%; }
+ .f { margin: 0 0 1em 0; background: red; }
+
+ .control { background: red; }
+ .orange { border-top: solid 1em orange; }
+ .yellow { border-top: solid 1em yellow; }
+ .lime { border-top: solid 1em lime; }
+ .aqua { border-top: solid 1em aqua; }
+ </style>
+ </head>
+ <body>
+ <p>The following two columns should look the same.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <div class="a"> </div>
+ <div class="b">
+ <div class="c"> </div>
+ <div class="d">
+ <div class="e"> </div>
+ </div>
+ <div class="f"> </div>
+ </div>
+ </td>
+ <td class="control">
+ <div class="orange"></div>
+ <div class="yellow"></div>
+ <div class="lime"></div>
+ <div class="aqua"></div>
+ </td>
+ </tr>
+ </table>
+
+
+
+</body>
+</html><!-- note. this test assumes that we accept the following proposed changes:
+ http://lists.w3.org/Archives/Member/w3c-css-wg/2003AprJun/0347.html
+ -->
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-151.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-151.xht
new file mode 100644
index 0000000000..403d0be058
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-151.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Magical Margins should not be magical in strict mode</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/051.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ .test { border: solid 0.5em; background: yellow; float: left; margin: 1em; font-size: 2em; }
+ .test p { background: teal; color: white; }
+ .control { border-width: 0.25em 0.5em; }
+ .control div { border-top: solid 0.25em; }
+ </style>
+ </head>
+ <body>
+ <p>The next two blocks should be identical.</p>
+ <div class="test"><p>TEST</p></div>
+ <div class="test control"><div></div><p>TEST</p><div></div></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-154.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-154.xht
new file mode 100644
index 0000000000..f8f7e35c5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-154.xht
@@ -0,0 +1,98 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: effect of margins near float on collapsing-through</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/054.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ td { border: solid; width: 4em; background: red; padding: 0; font: 2em/1 Ahem; }
+ .bg { background: orange; color: navy; }
+ .a { margin: 0 0 1em 0; background: yellow; }
+ .c { margin: 1em 0 0 0; background: aqua; }
+ span { float: right; background: lime; padding-right: 1em; }
+ .b1 { margin: 1em 0 1em 0; }
+ .b2 { margin: 0em 0 1em 0; }
+ .b3 { margin: 1em 0 0em 0; }
+ .b4 { margin: 0em 0 0em 0; }
+ .b5 { margin: 0.5em 0 0.5em 0; }
+ .b6 { margin: 0em 0 0.5em 0; }
+ .b7 { margin: 0.5em 0 0em 0; }
+ .control .a { margin: 0 0 1em 0; }
+ .control .b { height: 0; text-align: right; }
+ .control span { float: none; }
+ .control .c { margin: 0; }
+ </style>
+ </head>
+ <body>
+ <p>All the following should look the same (and all should look like
+ the first).</p>
+ <table>
+ <tr>
+ <td class="control">
+ <div class="bg">
+ <div class="a">A</div>
+ <div class="b"><span>B</span></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td>
+ <div class="bg">
+ <div class="a">A</div>
+ <div class="b1"><span>B</span></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td>
+ <div class="bg">
+ <div class="a">A</div>
+ <div class="b2"><span>B</span></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td>
+ <div class="bg">
+ <div class="a">A</div>
+ <div class="b3"><span>B</span></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td>
+ <div class="bg">
+ <div class="a">A</div>
+ <div class="b4"><span>B</span></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td>
+ <div class="bg">
+ <div class="a">A</div>
+ <div class="b5"><span>B</span></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td>
+ <div class="bg">
+ <div class="a">A</div>
+ <div class="b6"><span>B</span></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td>
+ <div class="bg">
+ <div class="a">A</div>
+ <div class="b7"><span>B</span></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ </tr>
+ </table>
+ <p>This test is meaningless if you don't pass <a href="margin-collapse-155">test 055</a>.</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-155-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-155-ref.xht
new file mode 100644
index 0000000000..218c6b4f49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-155-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ table {font: 50px/1 Ahem;}
+
+ td
+ {
+ background: yellow;
+ border: black solid medium;
+ color: orange;
+ padding: 1em 0;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if all 8 yellow and orange rectangles <strong>look the same</strong> (and all should look like the first rectangle).</p>
+
+
+ <table>
+ <tr>
+ <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-155.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-155.xht
new file mode 100644
index 0000000000..7f130a19af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-155.xht
@@ -0,0 +1,93 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: effect of margins on collapsing-through</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/055.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-155-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ td { border: solid; background: red; padding: 0; font: 3.125em/1 Ahem; }
+ .bg { background: orange; color: yellow; }
+ .a { margin: 0 0 1em 0; background: lime; }
+ .c { margin: 1em 0 0 0; background: aqua; }
+ .b1 { margin: 1em 0 1em 0; }
+ .b2 { margin: 0em 0 1em 0; }
+ .b3 { margin: 1em 0 0em 0; }
+ .b4 { margin: 0em 0 0em 0; }
+ .b5 { margin: 0.5em 0 0.5em 0; }
+ .b6 { margin: 0em 0 0.5em 0; }
+ .b7 { margin: 0.5em 0 0em 0; }
+ .control .a { margin: 0 0 1em 0; }
+ .control .c { margin: 0; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all 8 yellow and orange rectangles <strong>look the same</strong> (and all should look like the first rectangle).</p>
+ <table>
+ <tr>
+ <td class="control">
+ <div class="bg">
+ <div class="a">A</div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td>
+ <div class="bg">
+ <div class="a">A</div>
+ <div class="b1"></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td>
+ <div class="bg">
+ <div class="a">A</div>
+ <div class="b2"></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td>
+ <div class="bg">
+ <div class="a">A</div>
+ <div class="b3"></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td>
+ <div class="bg">
+ <div class="a">A</div>
+ <div class="b4"></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td>
+ <div class="bg">
+ <div class="a">A</div>
+ <div class="b5"></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td>
+ <div class="bg">
+ <div class="a">A</div>
+ <div class="b6"></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td>
+ <div class="bg">
+ <div class="a">A</div>
+ <div class="b7"></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-156-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-156-ref.xht
new file mode 100644
index 0000000000..5e8129c4d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-156-ref.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border: black solid medium;
+ border-spacing: 0;
+ font-size: 50px;
+ }
+
+ td
+ {
+ background: aqua;
+ padding: 1em 0em;
+ width: 2em;
+ }
+
+ div {border-top: yellow solid 1em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a stack of 3 horizontal bands which are <strong>from top to bottom: aqua, yellow, aqua</strong> with no red.</p>
+
+ <table>
+ <tr>
+ <td><div></div></td>
+ </tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-156.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-156.xht
new file mode 100644
index 0000000000..fc7b74c331
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-156.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow (height, control) - not really margin collapsing</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/056.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-156-ref.xht" />
+
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid; background: red; }
+ td { padding: 0; width: 1em; background: red; }
+
+ .a .container { height: 1em; background: red; }
+ .a .sized { height: 3em; margin: 0; background: aqua; }
+ .a .after { height: 1em; margin: 0 0 1em 0; background: yellow; }
+
+ .b .a { border-top: solid aqua 1em; }
+ .b .b { border-top: solid yellow 1em; }
+ .b .c { border-top: solid aqua 1em; }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a stack of 3 horizontal bands which are <strong>from top to bottom: aqua, yellow, aqua</strong> with no red.</p>
+ <table>
+ <tr>
+ <td class="a">
+ <div class="container">
+ <div class="sized"></div>
+ </div>
+ <div class="after"></div>
+ </td>
+ <td class="b">
+ <div class="a"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-159-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-159-ref.xht
new file mode 100644
index 0000000000..f9c8c4c765
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-159-ref.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border: black solid medium;
+ border-spacing: 0;
+ font-size: 50px;
+ }
+
+ td
+ {
+ background: aqua;
+ padding: 0;
+ width: 2em;
+ }
+
+ td > p
+ {
+ background-color: yellow;
+ height: 1em;
+ margin: 1em 0em;
+ }
+
+ div {border-bottom: orange solid 1em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a stack of 4 horizontal bands which are <strong>from top to bottom: aqua, yellow, aqua, orange</strong> with no red.</p>
+
+ <table>
+ <tr>
+ <td><p></p><div></div></td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-159.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-159.xht
new file mode 100644
index 0000000000..b815fcf689
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-159.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin Collapsing: in flow (height, simple) - not really margin collapsing</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/059.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="margin-collapse-159-ref.xht" />
+
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid; background: red; }
+ td { padding: 0; width: 1em; background: red; vertical-align: top; }
+
+ .a { background: orange; }
+ .a .container { height: 1em; background: red; }
+ .a .sized { height: 3em; margin: 0 0 1em 0; background: aqua; }
+ .a .after { height: 1em; margin: 0 0 1em 0; background: yellow; }
+
+ .b .a { border-top: solid aqua 1em; }
+ .b .b { border-top: solid yellow 1em; }
+ .b .c { border-top: solid aqua 1em; }
+ .b .d { border-top: solid orange 1em; }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a stack of 4 horizontal bands which are <strong>from top to bottom: aqua, yellow, aqua, orange</strong> with no red.</p>
+ <table>
+ <tr>
+ <td class="a">
+ <div class="container">
+ <div class="sized"></div>
+ </div>
+ <div class="after"></div>
+ </td>
+ <td class="b">
+ <div class="a"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ <div class="d"></div>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-160.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-160.xht
new file mode 100644
index 0000000000..d09c81be79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-160.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margins should not propagate into the next page</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/060.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <meta name="flags" content="paged"/>
+ <style type="text/css">
+ html { background: silver; }
+ body, body * { display: block; margin: 0; border: 0; padding: 0; }
+ .a { page-break-after: always; }
+ .c { margin: 0 0 1000em 0; }
+ .b { margin: 0; }
+ </style>
+ </head>
+ <body>
+ <div class="a">
+ <div class="c">
+ Switch to projection or print mode and switch to the second page/slide.
+ </div>
+ </div>
+ <div class="b">
+ <div>
+ This should be at the top of the second and last page.
+ </div>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-162.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-162.xht
new file mode 100644
index 0000000000..6aa2c8b5bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-162.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin collapsing with floats before self collapsing children with margins collapsing with parent</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/062.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ /* This test requires half-decent z-index support */
+ /* Rendering should not not match 061.html! */
+ html { margin: 0; padding: 0; }
+ body { margin: 0 10px; padding: 0; }
+ .a { position: absolute; top: 46px; left: 10px; width: 20em; height: 4em; background: red; color: yellow; z-index: -1; }
+ .b { float: left; width: 20em; height: 4em; background: green; color: white; }
+ .c1 { margin: 2px; }
+ .c2 { margin: -4px 20px; }
+ .c3 { margin: 0 0 14px; }
+ .c4 { margin: 50px; }
+ </style>
+ </head>
+ <body>
+ <div class="c1">
+ <div class="c2">
+ <div class="c3"></div>
+ </div>
+ </div>
+ <div class="a">FAIL</div>
+ <div class="b">This block should be green.</div>
+ <div class="c4"></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-163.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-163.xht
new file mode 100644
index 0000000000..eaaa743a12
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-163.xht
@@ -0,0 +1,32 @@
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Margin collapsing with floats before self collapsing children with margins not collapsing with parent</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/margin-collapse/063.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ /* This test requires half-decent z-index support */
+ html { margin: 0; padding: 0; }
+ body { margin: 0 10px; padding: 0; }
+ .a { position: absolute; top: 13px; left: 10px; width: 20em; height: 4em; background: red; color: yellow; z-index: -1; }
+ .b { float: left; width: 20em; height: 4em; background: green; color: white; }
+ .c1 { margin: 2px; padding-top: 1px; } /* prevent collapsing with parent */
+ .c2 { margin: -4px 20px; }
+ .c3 { margin: 0 0 14px; }
+ .c4 { margin: 50px; }
+ </style>
+ </head>
+ <body>
+ <div class="c1">
+ <div class="c2">
+ <div class="c3"></div>
+ </div>
+ </div>
+ <div class="a">FAIL</div>
+ <div class="b">This block should be green.</div>
+ <div class="c4"></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-000.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-000.xht
new file mode 100644
index 0000000000..348444a784
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-000.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin Collapsing with Clearance</title>
+ <link rel="author" title="Microsoft" href="http://microsoft.com/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ div.target1 { position: absolute; left: -15px; height: 50px; width: 0; border-left: 10px solid yellow; top: 0px; }
+ div.target3 { position: absolute; left: -15px; height: 50px; width: 0; border-left: 5px solid orange; top: 100px; }
+ div.target4 { position: absolute; left: -10px; height: 50px; width: 0; border-left: 5px solid silver; top: 100px; }
+ div.container { width: 150px; position: relative; margin-left: 20px; border: solid thin; }
+ div.box1 { height: 50px; margin: 0; background-color: yellow; }
+ div.parentof2and3 { margin: 0; background-color: silver; padding-right: 10px; }
+ div.box2 { display: none; }
+ div.box3 { margin-top: 50px; height: 50px; background-color: orange; }
+ </style>
+ </head>
+ <body>
+ <p>The coloured bars on the left should match the coloured boxes in the black box.</p>
+ <div class="container">
+ <div class="target1"></div>
+ <div class="target3"></div>
+ <div class="target4"></div>
+ <div class="box1">A</div>
+ <div class="parentof2and3">
+ <div class="box2">B</div>
+ <div class="box3">C</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-001.xht
new file mode 100644
index 0000000000..64bb404982
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin Collapsing with Clearance</title>
+ <link rel="author" title="Microsoft" href="http://microsoft.com/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ div.target1 { position: absolute; left: -15px; height: 50px; width: 0; border-left: 10px solid yellow; top: 0px; }
+ div.target2 { position: absolute; left: -15px; height: 20px; width: 0; border-left: 5px solid aqua; top: 50px; }
+ div.target3 { position: absolute; left: -15px; height: 50px; width: 0; border-left: 10px solid orange; top: 100px; }
+ div.container { width: 150px; position: relative; margin-left: 20px; border: solid thin; }
+ div.box1 { height: 50px; background-color: yellow; }
+ div.box2 { background-color: aqua; float: left; width: 20px; height: 20px; }
+ div.box3 { margin-top: 50px; height: 50px; background-color: orange; }
+ </style>
+ </head>
+ <body>
+ <p>The coloured bars on the left should match the coloured boxes in the black box.</p>
+ <div class="container">
+ <div class="target1"></div>
+ <div class="target2"></div>
+ <div class="target3"></div>
+ <div class="box1">A</div>
+ <div class="box2">B</div>
+ <div class="box3">C</div>
+ </div>
+ </body>
+</html>
+
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-004.xht
new file mode 100644
index 0000000000..5be63f6100
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-004.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin Collapsing with Clearance</title>
+ <link rel="author" title="Microsoft" href="http://microsoft.com/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <style type="text/css">
+ div.target1 { position: absolute; left: -20px; height: 50px; width: 0; border-left: 15px solid yellow; top: 0px; }
+ div.target2 { position: absolute; left: -20px; height: 20px; width: 0; border-left: 5px solid aqua; border-right: 5px solid orange; top: 100px; }
+ div.target3 { position: absolute; left: -20px; height: 30px; width: 0; border-left: 10px solid orange; top: 120px; }
+ div.target4 { position: absolute; left: -10px; height: 50px; width: 0; border-left: 5px solid silver; top: 100px; }
+ div.container { width: 150px; position: relative; margin-left: 20px; border: solid thin; }
+ div.box1 { height: 50px; background-color: yellow; }
+ div.parentof2and3 { background-color: silver; padding-right: 10px; }
+ div.box2 { background-color: aqua; float: left; width: 20px; height: 20px; }
+ div.box3 { margin-top: 50px; height: 50px; background-color: orange; }
+ </style>
+ </head>
+ <body>
+ <p>The coloured bars on the left should match the coloured boxes in the black box.</p>
+ <div class="container">
+ <div class="target1"></div>
+ <div class="target2"></div>
+ <div class="target3"></div>
+ <div class="target4"></div>
+ <div class="box1">A</div>
+ <div class="parentof2and3">
+ <div class="box2">B</div>
+ <div class="box3">C</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-006.xht
new file mode 100644
index 0000000000..f8e2561ffb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-006.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin Collapsing with Clearance</title>
+ <link rel="author" title="Microsoft" href="http://microsoft.com/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
+ <style type="text/css">
+ div.target1 { position: absolute; left: -15px; height: 50px; width: 0; border-left: 10px solid yellow; top: 0px; }
+ div.target3 { position: absolute; left: -15px; height: 50px; width: 0; border-left: 5px solid orange; top: 100px; }
+ div.target4 { position: absolute; left: -10px; height: 50px; width: 0; border-left: 5px solid silver; top: 100px; }
+ div.container { width: 150px; position: relative; margin-left: 20px; border: solid thin; }
+ div.box1 { height: 50px; margin: 0; background-color: yellow; }
+ div.parentof2and3 { margin: 0; background-color: silver; padding-right: 10px; }
+ div.box2 { display: none; }
+ div.box3 { overflow: hidden; margin-top: 50px; height: 50px; background-color: orange; }
+ </style>
+ </head>
+ <body>
+ <p>The coloured bars on the left should match the coloured boxes in the black box.</p>
+ <div class="container">
+ <div class="target1"></div>
+ <div class="target3"></div>
+ <div class="target4"></div>
+ <div class="box1">A</div>
+ <div class="parentof2and3">
+ <div class="box2">B</div>
+ <div class="box3">C</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-007.xht
new file mode 100644
index 0000000000..4c320ac187
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-007.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin Collapsing with Clearance</title>
+ <link rel="author" title="Microsoft" href="http://microsoft.com/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
+ <style type="text/css">
+ div.target1 { position: absolute; left: -15px; height: 50px; width: 0; border-left: 10px solid yellow; top: 0px; }
+ div.target2 { position: absolute; left: -15px; height: 20px; width: 0; border-left: 5px solid aqua; top: 50px; }
+ div.target3 { position: absolute; left: -15px; height: 50px; width: 0; border-left: 10px solid orange; top: 100px; }
+ div.container { width: 150px; position: relative; margin-left: 20px; border: solid thin; }
+ div.box1 { height: 50px; background-color: yellow; }
+ div.box2 { background-color: aqua; float: left; width: 20px; height: 20px; }
+ div.box3 { overflow: hidden; margin-top: 50px; height: 50px; background-color: orange; }
+ </style>
+ </head>
+ <body>
+ <p>The coloured bars on the left should match the coloured boxes in the black box.</p>
+ <div class="container">
+ <div class="target1"></div>
+ <div class="target2"></div>
+ <div class="target3"></div>
+ <div class="box1">A</div>
+ <div class="box2">B</div>
+ <div class="box3">C</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-010.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-010.xht
new file mode 100644
index 0000000000..19cc99be49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-clear-010.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin Collapsing with Clearance</title>
+ <link rel="author" title="Microsoft" href="http://microsoft.com/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
+ <style type="text/css">
+ div.target1 { position: absolute; left: -20px; height: 50px; width: 0; border-left: 15px solid yellow; top: 0px; }
+ div.target2 { position: absolute; left: -20px; height: 20px; width: 0; border-left: 5px solid aqua; top: 100px; }
+ div.target3 { position: absolute; left: -20px; height: 30px; width: 0; border-left: 5px solid silver; top: 120px; }
+ div.target4 { position: absolute; left: -15px; height: 50px; width: 0; border-left: 5px solid orange; top: 100px; }
+ div.target5 { position: absolute; left: -10px; height: 50px; width: 0; border-left: 5px solid silver; top: 100px; }
+ div.container { width: 150px; position: relative; margin-left: 20px; border: solid thin; }
+ div.box1 { height: 50px; background-color: yellow; }
+ div.parentof2and3 { background-color: silver; padding-right: 10px; }
+ div.box2 { background-color: aqua; float: left; width: 20px; height: 20px; }
+ div.box3 { overflow: hidden; margin-top: 50px; height: 50px; background-color: orange; }
+ </style>
+ </head>
+ <body>
+ <p>The coloured bars on the left should match the coloured boxes in the black box.</p>
+ <div class="container">
+ <div class="target1"></div>
+ <div class="target2"></div>
+ <div class="target3"></div>
+ <div class="target4"></div>
+ <div class="target5"></div>
+ <div class="box1">A</div>
+ <div class="parentof2and3">
+ <div class="box2">B</div>
+ <div class="box3">C</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-min-height-001-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-min-height-001-ref.xht
new file mode 100644
index 0000000000..f86d2b201f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-min-height-001-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reference File</title>
+<link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+<style type="text/css">
+ body {min-width: 17em}
+ div.parent {height: 2em; margin: 5em 0 1em 0}
+</style>
+</head>
+ <body>
+ <div class="parent">
+ There's more space above this line than between this line and the horizontal rule
+ </div>
+ <hr />
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-min-height-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-min-height-001.xht
new file mode 100644
index 0000000000..2c69362443
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-min-height-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS margin: Margin collapsing and elements with min-height</title>
+<link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+<link rel="help" href="http://www.w3.org/TR/CSS22/box.html#collapsing-margins" />
+<link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.8.3.1c" />
+<link rel="match" href="margin-collapse-min-height-001-ref.xht" />
+<meta name="assert" content="If the top margin of a box with non-zero computed 'min-height' and 'auto' computed 'height' collapses with the bottom margin of its last in-flow child, then the child's bottom margin does not collapse with the parent's bottom margin." />
+<style type="text/css">
+ body {min-width: 17em}
+ div.parent {min-height: 2em; height: auto; margin: 1em 0}
+ div.last-child {margin-bottom: 5em}
+ div.float {float: left}
+</style>
+</head>
+ <body>
+ <div class="parent">
+ <div></div>
+ <div></div>
+ <div class="last-child">
+ <div class="float">There's more space above this line than between this line and the horizontal rule</div>
+ </div>
+ </div>
+ <hr />
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-min-height-002-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-min-height-002-ref.xht
new file mode 100644
index 0000000000..84963fd2b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-min-height-002-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS margin: Margin collapsing and elements with min-height</title>
+<link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+<style type="text/css">
+ #container {width: 50px; border-top: 1px solid transparent;
+ background: green}
+ #parent {height: 50px; background-color: white; margin-top: 50px}
+ #following-sibling {height: 50px; background-color: green}
+</style>
+</head>
+ <body>
+ <p>There should be two solid green squares and no red on this page</p>
+
+ <div id="container" >
+ <div id="parent">
+ </div>
+ <div id="following-sibling"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-min-height-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-min-height-002.xht
new file mode 100644
index 0000000000..240fc177fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-collapse-min-height-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS margin: Margin collapsing and elements with min-height</title>
+<link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+<link rel="help" href="http://www.w3.org/TR/CSS22/box.html#collapsing-margins" />
+<link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.8.3.1c" />
+<link rel="match" href="margin-collapse-min-height-002-ref.xht" />
+<meta name="assert" content="If the top margin of a box with non-zero computed 'min-height' and 'auto' computed 'height' collapses with the bottom margin of its last in-flow child, then the child's bottom margin does not collapse with the parent's bottom margin." />
+<style type="text/css">
+ #container {width: 50px; height: 50px; border-top: 1px solid transparent;
+ border-bottom: 100px solid red; background: green}
+ #parent {height: auto; min-height: 50px; background-color: white}
+ #child {margin-bottom: 50px}
+ #following-sibling {height: 50px; background-color: green}
+</style>
+</head>
+ <body>
+ <!-- Credit for this test goes to Anton Prowse, see
+ https://www.w3.org/Bugs/Public/show_bug.cgi?id=16036#c4 -->
+ <p>There should be two solid green squares and no red on this page</p>
+ <div id="container" >
+ <div id="parent">
+ <div id="child"></div>
+ </div>
+ <div id="following-sibling"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-em-inherit-001-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-em-inherit-001-ref.xht
new file mode 100644
index 0000000000..8d2a87b7ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-em-inherit-001-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p
+ {
+ font: 1em/1.25 serif;
+ margin: 1em 0em;
+ }
+
+ div
+ {
+ background-color: green;
+ height: 194px;
+ left: 118px;
+ position: relative;
+ top: 46px;
+ width: 392px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green<br />
+ rectangle and if there is no red.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-em-inherit-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-em-inherit-001.xht
new file mode 100644
index 0000000000..57af6a5701
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-em-inherit-001.xht
@@ -0,0 +1,97 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: inherit applied on margin set with em</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="4.3.2 Length" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" title="6.2.1 The 'inherit' value" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit" />
+ <link rel="help" title="8.3 Margin properties" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-em-inherit-001-ref.xht" />
+
+ <meta content="The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used. When inherit keyword is used, the property takes the same computed value - a length value in this testcase - as the property for the element's parent." name="assert" />
+ <meta content="image" name="flags" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p
+ {
+ font: 1em/1.25 serif;
+ margin: 1em 0em;
+ }
+
+ div#grand-parent {width: 600px;}
+
+ div#parent
+ {
+ background-color: green;
+ border: white solid 6px;
+ /*
+ Such border prevents margin collapsing between
+ #parent's vertical margins and #child's vertical margins
+ */
+ font-size: 28px;
+ margin: 2em 3em 1em 4em; /* 56px 84px 28px 112px */
+ }
+
+ div#child
+ {
+ font-size: 40px;
+ margin: inherit;
+ /*
+ What is inherited is a computed length value: so
+ it is 56px 84px 28px 112px and not 80px 120px 40px 160px
+ */
+ }
+
+ div#abs-pos-overlapping-green
+ {
+ left: 238px;
+ position: absolute;
+ top: 174px;
+ }
+
+ /*
+ 8px (body's margin-left)
+ + 112px (#parent's margin-left)
+ + 6px (#parent's border-left)
+ + 112px (#child's margin-left)
+ ==================
+ 238px
+ */
+
+ /*
+ 16px (max(8px, 16px): body's margin-top collapses with p's margin-top)
+ + 20px (first line)
+ + 20px (second line)
+ + 56px (max(16px, 56px): p's margin-bottom collapses with #parent's margin-top)
+ + 6px (#parent's border-top)
+ + 56px (#child's margin-top)
+ ==================
+ 174px
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green<br />
+ rectangle and if there is no red.</p>
+
+ <div id="grand-parent">
+ <div id="parent">
+ <div id="child"><img src="support/100x100-red.png" alt="Image download support must be enabled" /></div>
+ </div>
+ </div>
+
+ <div id="abs-pos-overlapping-green"><img src="support/swatch-green.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-inline-001-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-inline-001-ref.xht
new file mode 100644
index 0000000000..2d5c60f84c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-inline-001-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: green solid 3px;
+ height: 60px;
+ width: 80px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a small filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-inline-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-inline-001.xht
new file mode 100644
index 0000000000..d94030b53c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-inline-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin on non-replaced inline elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-inline-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Non-replaced inline elements do not apply vertical margins." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ border: solid green 3px;
+ font-family: Ahem;
+ font-size: 1.25em;
+ line-height: 1;
+ width: 4em;
+ }
+ span
+ {
+ background: green;
+ color: green;
+ margin: 2em 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small filled green rectangle and <strong>no red</strong>.</p>
+ <div>
+ <span>XXXX XXXX XXXX</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-inline-002-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-inline-002-ref.xht
new file mode 100644
index 0000000000..4974ac64b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-inline-002-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border: blue solid 3px;}
+
+ span {background-color: orange;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the top and bottom of the orange stripe is touching the inner edges of the hollow blue rectangle.</p>
+
+ <div><span>Filler Text</span></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-inline-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-inline-002.xht
new file mode 100644
index 0000000000..ac2011f90e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-inline-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top and margin-bottom on inline elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-inline-002-ref.xht" />
+
+ <meta name="assert" content="Applying margin-top and margin-bottom to an inline element has no effect." />
+ <style type="text/css">
+ div
+ {
+ border: blue solid 3px;
+ }
+ span
+ {
+ background: orange;
+ margin-top: 20px;
+ margin-bottom: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top and bottom of the orange stripe is touching the inner edges of the hollow blue rectangle.</p>
+ <div>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-004-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-004-ref.xht
new file mode 100644
index 0000000000..8cacc367e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-004-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ border-right: orange solid 5px;
+ height: 96px;
+ width: 5px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-004.xht
new file mode 100644
index 0000000000..999fbf0f18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-004.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a negative zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: -0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-005.xht
new file mode 100644
index 0000000000..2ad62434b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-005.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using pixels with a zero value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: 0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-006.xht
new file mode 100644
index 0000000000..7dba8bb9ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-006.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a positive zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: +0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-007-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-007-ref.xht
new file mode 100644
index 0000000000..6156f74fc5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-007-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 2px;
+ height: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-007.xht
new file mode 100644
index 0000000000..af33f6e9fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-007.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-007-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-left: 2px solid red;
+ }
+ #div1
+ {
+ margin-left: 96px;
+ }
+ #div2
+ {
+ border-left: 2px solid black;
+ margin-left: -98px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-008.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-008.xht
new file mode 100644
index 0000000000..9f36cd8d16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-008.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using pixels with a nominal value with a plus sign, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-007-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in pixels with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-left: 2px solid red;
+ }
+ #div1
+ {
+ margin-left: +96px;
+ }
+ #div2
+ {
+ border-left: 2px solid black;
+ margin-left: -98px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-016.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-016.xht
new file mode 100644
index 0000000000..6355c880ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-016.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a negative zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: -0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-017.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-017.xht
new file mode 100644
index 0000000000..ba2928a70e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-017.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using points with a zero value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: 0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-018.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-018.xht
new file mode 100644
index 0000000000..c5451d1442
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-018.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a positive zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: +0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-019-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-019-ref.xht
new file mode 100644
index 0000000000..fea54e218f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-019-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 8px;
+ height: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-019.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-019.xht
new file mode 100644
index 0000000000..201a653fbe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-019.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-019-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-left: 6pt solid red;
+ }
+ #div1
+ {
+ margin-left: 72pt;
+ }
+ #div2
+ {
+ border-left: 6pt solid black;
+ margin-left: -78pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-020.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-020.xht
new file mode 100644
index 0000000000..69fca4a3e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-020.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using points with a nominal value with a plus sign, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-019-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in points with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-left: 6pt solid red;
+ }
+ #div1
+ {
+ margin-left: +72pt;
+ }
+ #div2
+ {
+ border-left: 6pt solid black;
+ margin-left: -78pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-028.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-028.xht
new file mode 100644
index 0000000000..4f522a787b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-028.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a negative zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: -0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-029.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-029.xht
new file mode 100644
index 0000000000..99f9c1bba5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-029.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using picas with a zero value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: 0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-030.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-030.xht
new file mode 100644
index 0000000000..54ba6e53e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-030.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a positive zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: +0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-031-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-031-ref.xht
new file mode 100644
index 0000000000..b6193f2afe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-031-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 16px;
+ height: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-031.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-031.xht
new file mode 100644
index 0000000000..f5143c2802
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-031.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-031-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-left: 1pc solid red;
+ }
+ #div1
+ {
+ margin-left: 6pc;
+ }
+ #div2
+ {
+ border-left: 1pc solid black;
+ margin-left: -7pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-032.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-032.xht
new file mode 100644
index 0000000000..7a2f3594c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-032.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using picas with a nominal value with a plus sign, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-031-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in picas with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-left: 1pc solid red;
+ }
+ #div1
+ {
+ margin-left: +6pc;
+ }
+ #div2
+ {
+ border-left: 1pc solid black;
+ margin-left: -7pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-040.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-040.xht
new file mode 100644
index 0000000000..74154a4f42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-040.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a negative zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: -0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-041.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-041.xht
new file mode 100644
index 0000000000..df40cd6eae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-041.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using centimeters with a zero value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: 0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-042.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-042.xht
new file mode 100644
index 0000000000..d388610933
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-042.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a positive zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: +0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-043-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-043-ref.xht
new file mode 100644
index 0000000000..cbdc8253fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-043-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 96px;
+ height: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-043.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-043.xht
new file mode 100644
index 0000000000..309633873e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-043.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-043-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-left: 2.54cm solid red;
+ }
+ #div1
+ {
+ margin-left: 2.54cm;
+ }
+ #div2
+ {
+ border-left: 2.54cm solid black;
+ margin-left: -5.08cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-044.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-044.xht
new file mode 100644
index 0000000000..cef150cb43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-044.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using centimeters with a nominal value with a plus sign, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-043-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in centimeters with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-left: 2.54cm solid red;
+ }
+ #div1
+ {
+ margin-left: +2.54cm;
+ }
+ #div2
+ {
+ border-left: 2.54cm solid black;
+ margin-left: -5.08cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-052.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-052.xht
new file mode 100644
index 0000000000..72c5f92080
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-052.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a negative zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: -0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-053.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-053.xht
new file mode 100644
index 0000000000..f93f4987e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-053.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using millimeters with a zero value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: 0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-054.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-054.xht
new file mode 100644
index 0000000000..758d1c696f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-054.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a positive zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: +0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-055.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-055.xht
new file mode 100644
index 0000000000..089eb4da51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-055.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-043-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-left: 25.4mm solid red;
+ }
+ #div1
+ {
+ margin-left: 25.4mm;
+ }
+ #div2
+ {
+ border-left: 25.4mm solid black;
+ margin-left: -50.8mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-056.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-056.xht
new file mode 100644
index 0000000000..4cecfcf8e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-056.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using millimeters with a nominal value with a plus sign, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-043-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in millimeters with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-left: 25.4mm solid red;
+ }
+ #div1
+ {
+ margin-left: +25.4mm;
+ }
+ #div2
+ {
+ border-left: 25.4mm solid black;
+ margin-left: -50.8mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-064.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-064.xht
new file mode 100644
index 0000000000..8ab39558de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-064.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a negative zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: -0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-065.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-065.xht
new file mode 100644
index 0000000000..40891d6221
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-065.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using inches with a zero value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: 0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-066.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-066.xht
new file mode 100644
index 0000000000..eea1b43ef1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-066.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a positive zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: +0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-067-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-067-ref.xht
new file mode 100644
index 0000000000..9771afc090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-067-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 24px;
+ height: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-067.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-067.xht
new file mode 100644
index 0000000000..45a9985f73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-067.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using inches with a nominal value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-067-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-left: 0.25in solid red;
+ }
+ #div1
+ {
+ margin-left: 1in;
+ }
+ #div2
+ {
+ border-left: 0.25in solid black;
+ margin-left: -1.25in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-068.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-068.xht
new file mode 100644
index 0000000000..7cd11b9293
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-068.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using inches with a nominal value with a plus sign, +1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-067-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in inches with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-left: 0.25in solid red;
+ }
+ #div1
+ {
+ margin-left: +1in;
+ }
+ #div2
+ {
+ border-left: 0.25in solid black;
+ margin-left: -1.25in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-076.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-076.xht
new file mode 100644
index 0000000000..04fef47a02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-076.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-left' property sets a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: -0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-077.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-077.xht
new file mode 100644
index 0000000000..5a11aa7923
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-077.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using 'em' units with a zero value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-left' property sets a zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-078.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-078.xht
new file mode 100644
index 0000000000..38786d4fdc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-078.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-left' property sets a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: +0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-079-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-079-ref.xht
new file mode 100644
index 0000000000..a3575bf249
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-079-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 20px;
+ height: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-079.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-079.xht
new file mode 100644
index 0000000000..fbbbfd2ab4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-079.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+
+ }
+ #wrapper
+ {
+ border-left: 1em solid red;
+ }
+ #div1
+ {
+ margin-left: 6em;
+ }
+ #div2
+ {
+ border-left: 1em solid black;
+ margin-left: -7em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-080.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-080.xht
new file mode 100644
index 0000000000..0f5db5898a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-080.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using 'em' units with a nominal value with a plus sign, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in 'em' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-left: 1em solid red;
+ }
+ #div1
+ {
+ margin-left: +6em;
+ }
+ #div2
+ {
+ border-left: 1em solid black;
+ margin-left: -7em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-088.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-088.xht
new file mode 100644
index 0000000000..af934ac1e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-088.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-left' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: -0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-089.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-089.xht
new file mode 100644
index 0000000000..0092455418
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-089.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using 'ex' units with a zero value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-left' property sets a zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: 0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-090.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-090.xht
new file mode 100644
index 0000000000..bd946f2bb6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-090.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-left' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: +0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-091.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-091.xht
new file mode 100644
index 0000000000..ae73c469df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-091.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using 'ex' units with a nominal value, 7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-031-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-left: 1ex solid red;
+ }
+ #div1
+ {
+ margin-left: 7.5ex;
+ }
+ #div2
+ {
+ border-left: 1ex solid black;
+ margin-left: -8.5ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-092.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-092.xht
new file mode 100644
index 0000000000..ec22c20376
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-092.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using 'ex' units with a nominal value with a plus sign, +7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-031-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in 'ex' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-left: 1ex solid red;
+ }
+ #div1
+ {
+ margin-left: +7.5ex;
+ }
+ #div2
+ {
+ border-left: 1ex solid black;
+ margin-left: -8.5ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-100.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-100.xht
new file mode 100644
index 0000000000..da10f7d570
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-100.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using percentages with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a negative zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #wrapper
+ {
+ border-left: 5px solid blue;
+ }
+ #div1
+ {
+ margin-left: -0%;
+ }
+ #div2
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-101.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-101.xht
new file mode 100644
index 0000000000..80796b1b63
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-101.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using percentages with a zero value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #wrapper
+ {
+ border-left: 5px solid blue;
+ }
+ #div1
+ {
+ margin-left: 0%;
+ }
+ #div2
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-102.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-102.xht
new file mode 100644
index 0000000000..2d287296bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-102.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using percentages with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a positive zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #wrapper
+ {
+ border-left: 5px solid blue;
+ }
+ #div1
+ {
+ margin-left: +0%;
+ }
+ #div2
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-103-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-103-ref.xht
new file mode 100644
index 0000000000..287aab32b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-103-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 48px;
+ height: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-103.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-103.xht
new file mode 100644
index 0000000000..74907db885
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-103.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using percentages with a nominal value, 50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-103-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-left: 0.5in solid red;
+ width: 1in;
+ }
+ #div1
+ {
+ margin-left: 50%;
+ }
+ #div2
+ {
+ border-left: 0.5in solid black;
+ margin-left: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-104.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-104.xht
new file mode 100644
index 0000000000..5d5e3cfb58
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-104.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left using percentages with a nominal value with a plus sign, +50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-103-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a nominal length value in percentages with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-left: 0.5in solid red;
+ width: 1in;
+ }
+ #div1
+ {
+ margin-left: +50%;
+ }
+ #div2
+ {
+ border-left: 0.5in solid black;
+ margin-left: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-109.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-109.xht
new file mode 100644
index 0000000000..7ed4d7b539
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-109.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left sets a negative zero value with no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a negative zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: -0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-110.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-110.xht
new file mode 100644
index 0000000000..512152b00e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-110.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left sets a zero value with no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-111.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-111.xht
new file mode 100644
index 0000000000..1b5f74a390
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-111.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left sets a positive zero value with no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a positive zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: +0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-112.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-112.xht
new file mode 100644
index 0000000000..2710cfee3d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-112.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left with a value of 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a value of 'auto'." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-113-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-113-ref.xht
new file mode 100644
index 0000000000..b1dffbed1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-113-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 3px;
+ height: 1in;
+ left: 96px;
+ position: relative;
+ width: 400px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-113.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-113.xht
new file mode 100644
index 0000000000..547d330e8e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-113.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left with a value of 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-113-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property sets a value of 'inherit'." />
+ <style type="text/css">
+ #wrapper
+ {
+ margin-left: 1in;
+ }
+ div
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 3px solid red;
+ left: 0;
+ position: absolute;
+ }
+ #div2
+ {
+ margin-left: inherit;
+ }
+ #div3
+ {
+ border-left: 3px solid black;
+ margin-left: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-001-ref.xht
new file mode 100644
index 0000000000..06591fc3db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-001-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ border-right: orange solid 10px;
+ height: 200px;
+ width: 10px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-001.xht
new file mode 100644
index 0000000000..aad086e328
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-001.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property does not apply to elements with a display of table-row-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #test
+ {
+ display: table-row-group;
+ margin-left: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-left: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-002.xht
new file mode 100644
index 0000000000..aae6789a58
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-002.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property does not apply to elements with a display of table-header-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #test
+ {
+ display: table-header-group;
+ margin-left: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-left: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-003.xht
new file mode 100644
index 0000000000..f6a32e1af9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-003.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property does not apply to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #test
+ {
+ display: table-footer-group;
+ margin-left: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-left: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-004.xht
new file mode 100644
index 0000000000..0ba2c8cae5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-004.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property does not apply to elements with a display of table-row." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ margin-left: 50px;
+ }
+ #cell
+ {
+ border-left: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-005.xht
new file mode 100644
index 0000000000..b766cfb148
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-005.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property does not apply to elements with a display of table-column-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #test
+ {
+ display: table-column-group;
+ margin-left: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-left: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-006.xht
new file mode 100644
index 0000000000..12fcb9f2f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-006.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property does not apply to elements with a display of table-column." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #test
+ {
+ display: table-column;
+ margin-left: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-left: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-007.xht
new file mode 100644
index 0000000000..061c78edd6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-007.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property does not apply to elements with a display of table-cell." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-left: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ margin-left: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-008.xht
new file mode 100644
index 0000000000..2121019ae8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-008.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <meta name="assert" content="The 'margin-left' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ margin-left: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-009-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-009-ref.xht
new file mode 100644
index 0000000000..ea693efa74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-009-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: blue solid 10px;
+ border-right: orange solid 10px;
+ height: 200px;
+ width: 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is space between the blue and orange lines.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-009.xht
new file mode 100644
index 0000000000..7301e5bd68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-009.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property applies to elements with a display of block." />
+ <style type="text/css">
+ div, span
+ {
+ height: 200px;
+ }
+ div
+ {
+ border-left: 10px solid blue;
+ }
+ span
+ {
+ border-left: 10px solid orange;
+ display: block;
+ margin-left: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-010.xht
new file mode 100644
index 0000000000..beea15e4d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-010.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <meta name="assert" content="The 'margin-left' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ height: 200px;
+ }
+ #div1
+ {
+ border-left: 10px solid blue;
+ }
+ div div
+ {
+ border-left: 10px solid orange;
+ display: list-item;
+ margin-left: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines and there is a marker bullet between the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-012.xht
new file mode 100644
index 0000000000..8e7fc4648c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-012.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ height: 200px;
+ }
+ #div1
+ {
+ border-left: 10px solid blue;
+ }
+ div div
+ {
+ border-left: 10px solid orange;
+ display: inline-block;
+ margin-left: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-013.xht
new file mode 100644
index 0000000000..1c18442c99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-013.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property applies to elements with a display of table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #table
+ {
+ border-left: 10px solid orange;
+ display: table;
+ margin-left: 50px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-014.xht
new file mode 100644
index 0000000000..431b81e93d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-014.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #table
+ {
+ border-left: 10px solid orange;
+ display: inline-table;
+ margin-left: 50px;
+ vertical-align: top;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-015.xht
new file mode 100644
index 0000000000..3b2f998923
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-left-applies-to-015.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-left applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'margin-left' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #test
+ {
+ border-left: 10px solid orange;
+ display: table-caption;
+ height: 200px;
+ margin-left: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-percentage-inherit-001-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-percentage-inherit-001-ref.xht
new file mode 100644
index 0000000000..bab16ed1df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-percentage-inherit-001-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p
+ {
+ font: 1em/1.25 serif;
+ margin: 1em 0em;
+ }
+
+ div
+ {
+ background-color: green;
+ height: 164px;
+ left: 63px;
+ position: relative;
+ top: 47px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green<br />
+ rectangle and if there is no red.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-percentage-inherit-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-percentage-inherit-001.xht
new file mode 100644
index 0000000000..5e73777157
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-percentage-inherit-001.xht
@@ -0,0 +1,95 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: margin - inherit applied on margin percentage</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="8.3 Margin properties" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="help" title="6.2.1 The 'inherit' value" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit" />
+ <link rel="match" href="margin-percentage-inherit-001-ref.xht" />
+
+ <meta content="A margin percentage is calculated with respect to the width of the generated box's containing block. When inherit keyword is used, the property takes the same computed value - a percentage value in this testcase - as the property for the element's parent." name="assert" />
+ <meta content="image" name="flags" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p
+ {
+ font: 1em/1.25 serif;
+ margin: 1em 0em;
+ }
+
+ div#grand-parent {width: 400px;}
+
+ div#parent
+ {
+ background-color: green;
+ border: white solid 3px;
+ /*
+ Such border prevents margin collapsing between
+ #child's vertical margin and #parent's vertical margins
+ */
+ margin: 15%; /* 15% of 400px == 60px; */
+ width: 200px;
+ }
+
+ div#child
+ {
+ margin: inherit;
+ /*
+ computes to 15% which is then applied on #child's
+ containing block width: 15% of 200px == 30px
+ */
+ }
+
+ div#abs-pos-overlapping-green
+ {
+ left: 101px;
+ position: absolute;
+ top: 149px;
+ }
+
+ /*
+ 8px (body's margin-left)
+ + 60px (#parent's margin-left)
+ + 3px (#parent's border-left)
+ + 30px (#child's margin-left)
+ ==================
+ 101px
+ */
+
+ /*
+ 16px (max(8px, 16px): body's margin-top collapses with p's margin-top)
+ + 20px (first line)
+ + 20px (second line)
+ + 60px (max(16px, 60px): p's margin-bottom collapses with #parent's margin-top)
+ + 3px (#parent's border-top)
+ + 30px (#child's margin-top)
+ ==================
+ 149px
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green<br />
+ rectangle and if there is no red.</p>
+
+ <div id="grand-parent">
+ <div id="parent">
+ <div id="child"><img src="support/100x100-red.png" alt="Image download support must be enabled" /></div>
+ </div>
+ </div>
+
+ <div id="abs-pos-overlapping-green"><img src="support/swatch-green.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-percentage-undefined-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-percentage-undefined-001.xht
new file mode 100644
index 0000000000..65c1380e6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-percentage-undefined-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin with percentage determined by containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <meta name="assert" content="Potential circular reference cannot cause the user agent to crash or hang." />
+ <style type="text/css">
+ #div1
+ {
+ float: left;
+ border: 1px solid blue;
+ }
+ div div
+ {
+ margin: 50%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" appear below.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-004.xht
new file mode 100644
index 0000000000..9d9cb7090a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-004.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a negative zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: -0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-005.xht
new file mode 100644
index 0000000000..92207ac4a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-005.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using pixels with a zero value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: 0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-006.xht
new file mode 100644
index 0000000000..877506dc44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-006.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a positive zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: +0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-007.xht
new file mode 100644
index 0000000000..d310ac5813
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-007.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-007-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+
+ #div1
+ {
+ border-right: 2px solid red;
+ float: left;
+ }
+ #div2
+ {
+ border-right: 2px solid black;
+ margin-right: -2px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-008.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-008.xht
new file mode 100644
index 0000000000..0a9c9a958a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-008.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using pixels with a nominal value with a plus sign, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-007-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in pixels with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ width: 0;
+ }
+ #wrapper
+ {
+ border-right: 2px solid red;
+ }
+ #div1
+ {
+ margin-right: +96px;
+ }
+ #div2
+ {
+ border-right: 2px solid black;
+ margin-right: -98px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-016.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-016.xht
new file mode 100644
index 0000000000..9f18dcc359
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-016.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a negative zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: -0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-017.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-017.xht
new file mode 100644
index 0000000000..d959e2b58c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-017.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using points with a zero value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: 0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-018.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-018.xht
new file mode 100644
index 0000000000..6c51eaad8c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-018.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a positive zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: +0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-019.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-019.xht
new file mode 100644
index 0000000000..91050afb21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-019.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-019-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in points." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ width: 0;
+ }
+ #wrapper
+ {
+ border-right: 6pt solid red;
+ }
+ #div1
+ {
+ margin-right: 72pt;
+ }
+ #div2
+ {
+ border-right: 6pt solid black;
+ margin-right: -78pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-020.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-020.xht
new file mode 100644
index 0000000000..6e06fa92e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-020.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using points with a nominal value with a plus sign, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-019-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in points with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ width: 0;
+ }
+ #wrapper
+ {
+ border-right: 6pt solid red;
+ }
+ #div1
+ {
+ margin-right: +72pt;
+ }
+ #div2
+ {
+ border-right: 6pt solid black;
+ margin-right: -78pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-028.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-028.xht
new file mode 100644
index 0000000000..c1c82cbe70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-028.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a negative zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: -0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-029.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-029.xht
new file mode 100644
index 0000000000..6c6a4bdfdd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-029.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using picas with a zero value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: 0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-030.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-030.xht
new file mode 100644
index 0000000000..a2c447ad5c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-030.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a positive zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: +0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-031.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-031.xht
new file mode 100644
index 0000000000..034211c1e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-031.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-031-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in picas." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ width: 0;
+ }
+ #wrapper
+ {
+ border-right: 1pc solid red;
+ }
+ #div1
+ {
+ margin-right: 6pc;
+ }
+ #div2
+ {
+ border-right: 1pc solid black;
+ margin-right: -7pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-032.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-032.xht
new file mode 100644
index 0000000000..de1821bae5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-032.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using picas with a nominal value with a plus sign, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-031-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in picas with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ width: 0;
+ }
+ #wrapper
+ {
+ border-right: 1pc solid red;
+ }
+ #div1
+ {
+ margin-right: +6pc;
+ }
+ #div2
+ {
+ border-right: 1pc solid black;
+ margin-right: -7pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-040.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-040.xht
new file mode 100644
index 0000000000..551a19954e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-040.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a negative zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: -0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-041.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-041.xht
new file mode 100644
index 0000000000..59f30bd5ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-041.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using centimeters with a zero value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: 0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-042.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-042.xht
new file mode 100644
index 0000000000..cefe554b56
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-042.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a positive zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: +0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-043.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-043.xht
new file mode 100644
index 0000000000..d042b47232
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-043.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-043-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ width: 0;
+ }
+ #wrapper
+ {
+ border-right: 2.54cm solid red;
+ }
+ #div1
+ {
+ margin-right: 2.54cm;
+ }
+ #div2
+ {
+ border-right: 2.54cm solid black;
+ margin-right: -5.08cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-044.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-044.xht
new file mode 100644
index 0000000000..95875d110c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-044.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using centimeters with a nominal value with a plus sign, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-043-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in centimeters with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ width: 0;
+ }
+ #wrapper
+ {
+ border-right: 2.54cm solid red;
+ }
+ #div1
+ {
+ margin-right: +2.54cm;
+ }
+ #div2
+ {
+ border-right: 2.54cm solid black;
+ margin-right: -5.08cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-052.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-052.xht
new file mode 100644
index 0000000000..a73c68cda0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-052.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a negative zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: -0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-053.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-053.xht
new file mode 100644
index 0000000000..ca9382ddc3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-053.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using millimeters with a zero value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: 0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-054.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-054.xht
new file mode 100644
index 0000000000..a3396cb007
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-054.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a positive zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: +0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-055.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-055.xht
new file mode 100644
index 0000000000..e62776cbd1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-055.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-043-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ width: 0;
+ }
+ #wrapper
+ {
+ border-right: 25.4mm solid red;
+ }
+ #div1
+ {
+ margin-right: 25.4mm;
+ }
+ #div2
+ {
+ border-right: 25.4mm solid black;
+ margin-right: -50.8mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-056.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-056.xht
new file mode 100644
index 0000000000..fbc9a2ee37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-056.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using millimeters with a nominal value with a plus sign, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-043-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in millimeters with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ width: 0;
+ }
+ #wrapper
+ {
+ border-right: 25.4mm solid red;
+ }
+ #div1
+ {
+ margin-right: +25.4mm;
+ }
+ #div2
+ {
+ border-right: 25.4mm solid black;
+ margin-right: -50.8mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-064.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-064.xht
new file mode 100644
index 0000000000..6130e71d6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-064.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a negative zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: -0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-065.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-065.xht
new file mode 100644
index 0000000000..3e288b4e01
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-065.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using inches with a zero value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: 0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-066.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-066.xht
new file mode 100644
index 0000000000..780fcd5873
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-066.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a positive zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: +0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-067.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-067.xht
new file mode 100644
index 0000000000..9976c5b120
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-067.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using inches with a nominal value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-067-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in inches." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ width: 0;
+ }
+ #wrapper
+ {
+ border-right: 0.25in solid red;
+ }
+ #div1
+ {
+ margin-right: 1in;
+ }
+ #div2
+ {
+ border-right: 0.25in solid black;
+ margin-right: -1.25in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-068.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-068.xht
new file mode 100644
index 0000000000..00d9287458
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-068.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using inches with a nominal value with a plus sign, +1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-067-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in inches with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ width: 0;
+ }
+ #wrapper
+ {
+ border-right: 0.25in solid red;
+ }
+ #div1
+ {
+ margin-right: +1in;
+ }
+ #div2
+ {
+ border-right: 0.25in solid black;
+ margin-right: -1.25in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-076.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-076.xht
new file mode 100644
index 0000000000..aefac0a25c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-076.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-right' property sets a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: -0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-077.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-077.xht
new file mode 100644
index 0000000000..5df88b0075
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-077.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using 'em' units with a zero value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-right' property sets a zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-078.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-078.xht
new file mode 100644
index 0000000000..c6f2f4a039
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-078.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-right' property sets a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: +0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-079.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-079.xht
new file mode 100644
index 0000000000..35d0c41551
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-079.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ font: 20px/1 Ahem;
+ height: 1in;
+ width: 0;
+ }
+ #wrapper
+ {
+ border-right: 1em solid red;
+ }
+ #div1
+ {
+ margin-right: 6em;
+ }
+ #div2
+ {
+ border-right: 1em solid black;
+ margin-right: -7em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-080.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-080.xht
new file mode 100644
index 0000000000..1796aedba5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-080.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using 'em' units with a nominal value with a plus sign, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in 'em' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ font: 20px/1 Ahem;
+ height: 1in;
+ width: 0;
+ }
+ #wrapper
+ {
+ border-right: 1em solid red;
+ }
+ #div1
+ {
+ margin-right: +6em;
+ }
+ #div2
+ {
+ border-right: 1em solid black;
+ margin-right: -7em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-088.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-088.xht
new file mode 100644
index 0000000000..c9dbe04d7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-088.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-right' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: -0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-089.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-089.xht
new file mode 100644
index 0000000000..bc97b33e22
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-089.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using 'ex' units with a zero value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-right' property sets a zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: 0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-090.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-090.xht
new file mode 100644
index 0000000000..4a8bb9052b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-090.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-right' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: +0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-091.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-091.xht
new file mode 100644
index 0000000000..164f4a3110
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-091.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using 'ex' units with a nominal value, 7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-031-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ font: 20px/1 Ahem;
+ height: 1in;
+ width: 0;
+ }
+ #wrapper
+ {
+ border-right: 1ex solid red;
+ }
+ #div1
+ {
+ margin-right: 7.5ex;
+ }
+ #div2
+ {
+ border-right: 1ex solid black;
+ margin-right: -8.5ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-092.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-092.xht
new file mode 100644
index 0000000000..5abb7730db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-092.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using 'ex' units with a nominal value with a plus sign, +7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-031-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in 'ex' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ font: 20px/1 Ahem;
+ height: 1in;
+ width: 0;
+ }
+ #wrapper
+ {
+ border-right: 1ex solid red;
+ }
+ #div1
+ {
+ margin-right: +7.5ex;
+ }
+ #div2
+ {
+ border-right: 1ex solid black;
+ margin-right: -8.5ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-100-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-100-ref.xht
new file mode 100644
index 0000000000..ab2ed136d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-100-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: orange;
+ border-right: blue solid 5px;
+ height: 96px;
+ left: 91px;
+ position: relative;
+ width: 5px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-100.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-100.xht
new file mode 100644
index 0000000000..88f6383f20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-100.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using percentages with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-right-100-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a negative zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ width: 1in;
+ }
+ #wrapper
+ {
+ border-right: 5px solid blue;
+ }
+ #div1
+ {
+ margin-right: -0%;
+ }
+ #div2
+ {
+ border-right: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-101.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-101.xht
new file mode 100644
index 0000000000..9d65336bee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-101.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using percentages with a zero value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-right-100-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ width: 1in;
+ }
+ #wrapper
+ {
+ border-right: 5px solid blue;
+ }
+ #div1
+ {
+ margin-right: 0%;
+ }
+ #div2
+ {
+ border-right: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-102.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-102.xht
new file mode 100644
index 0000000000..18718dbe86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-102.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using percentages with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-right-100-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a positive zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ width: 1in;
+ }
+ #wrapper
+ {
+ border-right: 5px solid blue;
+ }
+ #div1
+ {
+ margin-right: +0%;
+ }
+ #div2
+ {
+ border-right: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-103-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-103-ref.xht
new file mode 100644
index 0000000000..acf19ad71b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-103-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 48px;
+ height: 1in;
+ left: 96px;
+ position: relative;
+ width: 500px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-103.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-103.xht
new file mode 100644
index 0000000000..347e82e987
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-103.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using percentages with a nominal value, 50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-right-103-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-right: 0.5in solid red;
+ width: 1in;
+ }
+ #div1
+ {
+ margin-right: 50%;
+ }
+ #div2
+ {
+ border-right: 0.5in solid black;
+ margin-right: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-104.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-104.xht
new file mode 100644
index 0000000000..ec5281fff4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-104.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right using percentages with a nominal value with a plus sign, +50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-right-103-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a nominal length value in percentages with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ }
+ #wrapper
+ {
+ border-right: 0.5in solid red;
+ width: 1in;
+ }
+ #div1
+ {
+ margin-right: +50%;
+ }
+ #div2
+ {
+ border-right: 0.5in solid black;
+ margin-right: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-109.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-109.xht
new file mode 100644
index 0000000000..09dc3d4198
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-109.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right sets a negative zero value with no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a negative zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: -0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-110.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-110.xht
new file mode 100644
index 0000000000..c8660723ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-110.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right sets a zero value with no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-111.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-111.xht
new file mode 100644
index 0000000000..5857d3759b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-111.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right sets a positive zero value with no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a positive zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: +0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-112.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-112.xht
new file mode 100644
index 0000000000..10cfe7e8b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-112.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right with a value of 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a value of 'auto'." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ margin-right: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-113-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-113-ref.xht
new file mode 100644
index 0000000000..d41e39ed97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-113-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 96px;
+ height: 1in;
+ left: 96px;
+ position: relative;
+ width: 500px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-113.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-113.xht
new file mode 100644
index 0000000000..94c65354a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-113.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right with a value of 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-right-113-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property sets a value of 'inherit'." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 96px;
+ width: 96px;
+ }
+ #wrapper
+ {
+ border-right: 96px solid red;
+ margin-right: 48px;
+ }
+ #div1
+ {
+ margin-right: inherit;
+ }
+ #div2
+ {
+ border-right: 96px solid black;
+ margin-right: -144px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-001.xht
new file mode 100644
index 0000000000..89f0f02249
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-001.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property does not apply to elements with a display of table-row-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-row-group;
+ margin-right: 50px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-right: 10px solid blue;
+ display: table-cell;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-002.xht
new file mode 100644
index 0000000000..f3187d1453
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-002.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property does not apply to elements with a display of table-header-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-header-group;
+ margin-right: 50px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-right: 10px solid blue;
+ display: table-cell;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-003.xht
new file mode 100644
index 0000000000..b344588bc7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-003.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property does not apply to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #table
+ {
+ border-collapse: collapse;
+ display: table;
+ table-layout: fixed;
+ }
+ #test
+ {
+ display: table-footer-group;
+ margin-right: 50px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-right: 10px solid blue;
+ display: table-cell;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-004.xht
new file mode 100644
index 0000000000..3c29b163d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-004.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property does not apply to elements with a display of table-row." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ margin-right: 50px;
+ }
+ #cell
+ {
+ border-right: 10px solid blue;
+ display: table-cell;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-005.xht
new file mode 100644
index 0000000000..bfbe4aca2a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-005.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property does not apply to elements with a display of table-column-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #test
+ {
+ display: table-column-group;
+ margin-right: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-right: 10px solid blue;
+ display: table-cell;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-006.xht
new file mode 100644
index 0000000000..1eb5881e50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-006.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property does not apply to elements with a display of table-column." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #test
+ {
+ display: table-column;
+ margin-right: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-right: 10px solid blue;
+ display: table-cell;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-007.xht
new file mode 100644
index 0000000000..c889e02b6a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-007.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property does not apply to elements with a display of table-cell." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-right: 10px solid blue;
+ display: table-cell;
+ height: 200px;
+ margin-right: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-008.xht
new file mode 100644
index 0000000000..bd4b1b7ffb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-008.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <meta name="assert" content="The 'margin-right' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ }
+ #div1
+ {
+ border-right: 5px solid blue;
+ }
+ div div
+ {
+ border-right: 5px solid orange;
+ margin-right: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-009.xht
new file mode 100644
index 0000000000..a3151c16f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-009.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property applies to elements with a display of block." />
+ <style type="text/css">
+ div
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ span
+ {
+ border-right: 10px solid blue;
+ display: block;
+ height: 200px;
+ margin-right: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-010.xht
new file mode 100644
index 0000000000..af3e781a50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-010.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <meta name="assert" content="The 'margin-right' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ height: 200px;
+ direction: rtl;
+ }
+ #div1
+ {
+ border-right: 10px solid blue;
+ }
+ div div
+ {
+ border-right: 10px solid orange;
+ display: list-item;
+ margin-right: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines and there is a marker bullet between the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-012.xht
new file mode 100644
index 0000000000..a55038bde2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-012.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ height: 200px;
+ }
+ #div1
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ div div
+ {
+ border-right: 10px solid blue;
+ display: inline-block;
+ margin-right: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-013.xht
new file mode 100644
index 0000000000..a60b39308c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-013.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property applies to elements with a display of table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #table
+ {
+ border-right: 10px solid blue;
+ display: table;
+ margin-right: 50px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-014.xht
new file mode 100644
index 0000000000..78b23cc919
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-014.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #table
+ {
+ border-right: 10px solid blue;
+ display: inline-table;
+ margin-right: 50px;
+ vertical-align: top;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-015.xht
new file mode 100644
index 0000000000..fe22653158
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-right-applies-to-015.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-right applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'margin-right' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #test
+ {
+ border-right: 10px solid blue;
+ display: table-caption;
+ height: 200px;
+ margin-right: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-001-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-001-ref.xht
new file mode 100644
index 0000000000..3f548d970f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 210px;
+ width: 210px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-001.xht
new file mode 100644
index 0000000000..8deb60aacd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin shorthand - One value application to all sides</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-shorthand-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Applying a single value to the margin property replicates it to all sides of the element." />
+ <style type="text/css">
+ #div1
+ {
+ background: url('support/shorthand-001.png') -5px;
+ border: 5px green solid;
+ width: 200px;
+ }
+ div div
+ {
+ background: green;
+ margin: 20px;
+ height: 160px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-002-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-002-ref.xht
new file mode 100644
index 0000000000..a3033b1a43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-002-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 190px;
+ width: 210px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-002.xht
new file mode 100644
index 0000000000..df6e2ddfdc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-002.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin shorthand - Two values application top, bottom and left, right</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-shorthand-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Applying two values to the margin property applies the first value to the top and bottom and the second to the left and right." />
+ <style type="text/css">
+ #div1
+ {
+ background: url('support/shorthand-002.png') -5px;
+ border: 5px green solid;
+ width: 200px;
+ }
+ div div
+ {
+ background: green;
+ margin: 10px 50px;
+ height: 160px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-003-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-003-ref.xht
new file mode 100644
index 0000000000..8fbe712947
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-003-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 225px;
+ width: 210px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-003.xht
new file mode 100644
index 0000000000..0000a18d7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-003.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin shorthand - Three values application top and left, right and bottom</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-shorthand-003-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Applying three values to the margin property applies the first value to the top the second value to the left and right and the third value to the bottom." />
+ <style type="text/css">
+ #div1
+ {
+ background: url('support/shorthand-003.png') -5px;
+ border: 5px green solid;
+ width: 200px;
+ }
+ div div
+ {
+ background: green;
+ margin: 5px 20px 50px;
+ height: 160px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-004.xht
new file mode 100644
index 0000000000..5308f7686e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-shorthand-004.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin shorthand - four values application top, left, right, bottom</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-shorthand-003-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Applying four values to the margin property applies the values top, right, bottom, left, respectively." />
+ <style type="text/css">
+ #div1
+ {
+ background: url('support/shorthand-004.png') -5px;
+ border: 5px green solid;
+ width: 200px;
+ }
+ div div
+ {
+ background: green;
+ margin: 5px 20px 50px 100px;
+ height: 160px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-004.xht
new file mode 100644
index 0000000000..14893a0eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-004.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a negative zero length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: -0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-005.xht
new file mode 100644
index 0000000000..9a4df918f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-005.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using pixels with a zero value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a zero length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: 0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-006.xht
new file mode 100644
index 0000000000..866aee1582
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-006.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a positive zero length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: +0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-007-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-007-ref.xht
new file mode 100644
index 0000000000..a61ddf99b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-007-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border-top: black solid 2px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-007.xht
new file mode 100644
index 0000000000..9466c1133f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-007.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-007-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 2px solid red;
+ margin-bottom: -98px;
+ }
+ #div2
+ {
+ border-top: 2px solid black;
+ margin-top: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-008.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-008.xht
new file mode 100644
index 0000000000..181b3d35e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-008.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using pixels with a nominal value with a plus sign, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-007-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in pixels with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 2px solid red;
+ margin-bottom: -98px;
+ }
+ #div2
+ {
+ border-top: 2px solid black;
+ margin-top: +96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-016.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-016.xht
new file mode 100644
index 0000000000..20073525ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-016.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a negative zero length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: -0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-017.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-017.xht
new file mode 100644
index 0000000000..03cd2afccc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-017.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using points with a zero value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a zero length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: 0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-018.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-018.xht
new file mode 100644
index 0000000000..f5ab60112a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-018.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a positive zero length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: +0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-019-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-019-ref.xht
new file mode 100644
index 0000000000..a3e7509622
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-019-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border-top: black solid 8px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-019.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-019.xht
new file mode 100644
index 0000000000..b8f383dfa4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-019.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-019-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 6pt solid red;
+ margin-bottom: -78pt;
+ }
+ #div2
+ {
+ border-top: 6pt solid black;
+ margin-top: 72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-020.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-020.xht
new file mode 100644
index 0000000000..9260da4066
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-020.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using points with a nominal value with a plus sign, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-019-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in points with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 6pt solid red;
+ margin-bottom: -78pt;
+ }
+ #div2
+ {
+ border-top: 6pt solid black;
+ margin-top: +72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-028.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-028.xht
new file mode 100644
index 0000000000..c84cd964d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-028.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a negative zero length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: -0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-029.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-029.xht
new file mode 100644
index 0000000000..7105776f73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-029.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using picas with a zero value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a zero length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: 0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-030.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-030.xht
new file mode 100644
index 0000000000..2b8bb60975
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-030.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a positive zero length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: +0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-031-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-031-ref.xht
new file mode 100644
index 0000000000..85598a0d8e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-031-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border-top: black solid 16px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-031.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-031.xht
new file mode 100644
index 0000000000..fddfc74e06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-031.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-031-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1pc solid red;
+ margin-bottom: -7pc;
+ }
+ #div2
+ {
+ border-top: 1pc solid black;
+ margin-top: 6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-032.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-032.xht
new file mode 100644
index 0000000000..114ac00b05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-032.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using picas with a nominal value with a plus sign, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-031-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in picas with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1pc solid red;
+ margin-bottom: -7pc;
+ }
+ #div2
+ {
+ border-top: 1pc solid black;
+ margin-top: +6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-040.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-040.xht
new file mode 100644
index 0000000000..9a582cc5df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-040.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a negative zero length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: -0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-041.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-041.xht
new file mode 100644
index 0000000000..ef85cb43f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-041.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using centimeters with a zero value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a zero length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: 0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-042.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-042.xht
new file mode 100644
index 0000000000..65b363bdd7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-042.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a positive zero length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: +0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-043-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-043-ref.xht
new file mode 100644
index 0000000000..74861f67e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-043-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border-top: black solid 96px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-043.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-043.xht
new file mode 100644
index 0000000000..2dabad2c77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-043.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 2.54cm solid red;
+ margin-bottom: -5.08cm;
+ }
+ #div2
+ {
+ border-top: 2.54cm solid black;
+ margin-top: 2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-044.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-044.xht
new file mode 100644
index 0000000000..d02fa3dc65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-044.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using centimeters with a nominal value with a plus sign, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in centimeters with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 2.54cm solid red;
+ margin-bottom: -5.08cm;
+ }
+ #div2
+ {
+ border-top: 2.54cm solid black;
+ margin-top: +2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-052.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-052.xht
new file mode 100644
index 0000000000..8bb52dcc91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-052.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a negative zero length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: -0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-053.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-053.xht
new file mode 100644
index 0000000000..5e65153647
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-053.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using millimeters with a zero value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a zero length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: 0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-054.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-054.xht
new file mode 100644
index 0000000000..aaeda845fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-054.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a positive zero length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: +0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-055.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-055.xht
new file mode 100644
index 0000000000..5569d2eb87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-055.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 25.4mm solid red;
+ margin-bottom: -50.8mm;
+ }
+ #div2
+ {
+ border-top: 25.4mm solid black;
+ margin-top: 25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-056.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-056.xht
new file mode 100644
index 0000000000..c143009a79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-056.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using millimeters with a nominal value with a plus sign, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in millimeters with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 25.4mm solid red;
+ margin-bottom: -50.8mm;
+ }
+ #div2
+ {
+ border-top: 25.4mm solid black;
+ margin-top: +25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-064.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-064.xht
new file mode 100644
index 0000000000..5d37faa217
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-064.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a negative zero length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: -0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-065.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-065.xht
new file mode 100644
index 0000000000..8d3295456e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-065.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using inches with a zero value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a zero length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: 0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-066.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-066.xht
new file mode 100644
index 0000000000..c32d02d377
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-066.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a positive zero length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: +0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-067-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-067-ref.xht
new file mode 100644
index 0000000000..2d8b45045a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-067-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border-top: black solid 24px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-067.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-067.xht
new file mode 100644
index 0000000000..2e65cb75bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-067.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using inches with a nominal value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-067-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 0.25in solid red;
+ margin-bottom: -1.25in;
+ }
+ #div2
+ {
+ border-top: 0.25in solid black;
+ margin-top: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-068.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-068.xht
new file mode 100644
index 0000000000..23228ea394
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-068.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using inches with a nominal value with a plus sign, +1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-067-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in inches with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 0.25in solid red;
+ margin-bottom: -1.25in;
+ }
+ #div2
+ {
+ border-top: 0.25in solid black;
+ margin-top: +1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-076.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-076.xht
new file mode 100644
index 0000000000..774a76a204
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-076.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-top' property sets a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: -0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-077.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-077.xht
new file mode 100644
index 0000000000..eb2854774c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-077.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using 'em' units with a zero value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-top' property sets a zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-078.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-078.xht
new file mode 100644
index 0000000000..aec7ec86ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-078.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-top' property sets a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: +0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-079-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-079-ref.xht
new file mode 100644
index 0000000000..a7e04fa9a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-079-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border-top: black solid 20px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-079.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-079.xht
new file mode 100644
index 0000000000..b80da795b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-079.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 1em solid red;
+ margin-bottom: -7em;
+ }
+ #div2
+ {
+ border-top: 1em solid black;
+ margin-top: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-080.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-080.xht
new file mode 100644
index 0000000000..a9d6e79e49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-080.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using 'em' units with a nominal value with a plus sign, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in 'em' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 1em solid red;
+ margin-bottom: -7em;
+ }
+ #div2
+ {
+ border-top: 1em solid black;
+ margin-top: +6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-088.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-088.xht
new file mode 100644
index 0000000000..d5035326ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-088.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-top' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: -0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-089.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-089.xht
new file mode 100644
index 0000000000..88dac0fd53
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-089.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using 'ex' units with a zero value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-top' property sets a zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: 0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-090.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-090.xht
new file mode 100644
index 0000000000..4b4bc7f66d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-090.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-top' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: +0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-091.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-091.xht
new file mode 100644
index 0000000000..e70ee9df3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-091.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using 'ex' units with a nominal value, 7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-031-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 1ex solid red;
+ margin-bottom: -8.5ex;
+ }
+ #div2
+ {
+ border-top: 1ex solid black;
+ margin-top: 7.5ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-092.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-092.xht
new file mode 100644
index 0000000000..089a670fb1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-092.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using 'ex' units with a nominal value with a plus sign, +7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-031-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in 'ex' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 1ex solid red;
+ margin-bottom: -8.5ex;
+ }
+ #div2
+ {
+ border-top: 1ex solid black;
+ margin-top: +7.5ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-100.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-100.xht
new file mode 100644
index 0000000000..fea619021f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-100.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using percentages with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-100-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a negative zero length value in percentages." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: -0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-101.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-101.xht
new file mode 100644
index 0000000000..9995d0ef33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-101.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using percentages with a zero value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-100-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a zero length value in percentages." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: 0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-102.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-102.xht
new file mode 100644
index 0000000000..361b55ecb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-102.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using percentages with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-100-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a positive zero length value in percentages." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: +0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-103-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-103-ref.xht
new file mode 100644
index 0000000000..a9877ff98e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-103-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-top: black solid 96px;
+ width: 192px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-103.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-103.xht
new file mode 100644
index 0000000000..fba5ffb0ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-103.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using percentages with a nominal value, 50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-103-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in percentages." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 2in;
+ }
+ #div1
+ {
+ border-top: 1in solid red;
+ margin-bottom: -2in;
+ }
+ #div2
+ {
+ border-top: 1in solid black;
+ margin-top: 50%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-104.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-104.xht
new file mode 100644
index 0000000000..82ccf89ced
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-104.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top using percentages with a nominal value with a plus sign, +50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-103-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a nominal length value in percentages with a plus sign." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 2in;
+ }
+ #div1
+ {
+ border-top: 1in solid red;
+ margin-bottom: -2in;
+ }
+ #div2
+ {
+ border-top: 1in solid black;
+ margin-top: +50%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-109.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-109.xht
new file mode 100644
index 0000000000..3a0f50f806
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-109.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top sets a negative zero value with no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a negative zero length value with no units." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: -0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-110.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-110.xht
new file mode 100644
index 0000000000..501d74f4c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-110.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top sets a zero value with no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a zero length value with no units." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-111.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-111.xht
new file mode 100644
index 0000000000..8d44f9a568
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-111.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top sets a positive zero value with no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a positive zero length value with no units." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: +0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-112.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-112.xht
new file mode 100644
index 0000000000..ee88f890d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-112.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top with a value of 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a value of 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ }
+ #div2
+ {
+ border-top: 5px solid orange;
+ margin-top: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-113-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-113-ref.xht
new file mode 100644
index 0000000000..77dad6f312
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-113-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-top: black solid 96px;
+ position: relative;
+ top: 80px;
+ width: 192px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-113.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-113.xht
new file mode 100644
index 0000000000..b91e57ef68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-113.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top with a value of 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-113-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property sets a value of 'inherit'." />
+ <style type="text/css">
+ #wrapper
+ {
+ margin-top: 1in;
+ width: 2in;
+ }
+ #div1
+ {
+ border-top: 1in solid red;
+ margin-bottom: -2in;
+ }
+ #div2
+ {
+ border-top: 1in solid black;
+ margin-top: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-001-ref.xht
new file mode 100644
index 0000000000..2314b05461
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-001-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 10px;
+ }
+
+ div + div
+ {
+ background-color: orange;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-001.xht
new file mode 100644
index 0000000000..a83e87712f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-001.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property does not apply to elements with a display of table-row-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #test
+ {
+ display: table-row-group;
+ margin-top: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-top: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-002.xht
new file mode 100644
index 0000000000..e2d5747bac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-002.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property does not apply to elements with a display of table-header-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #test
+ {
+ display: table-header-group;
+ margin-top: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-top: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-003.xht
new file mode 100644
index 0000000000..d0036b58cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-003.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property does not apply to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #test
+ {
+ display: table-footer-group;
+ margin-top: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-top: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-004.xht
new file mode 100644
index 0000000000..c69c9599f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-004.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property does not apply to elements with a display of table-row." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ margin-top: 50px;
+ }
+ #cell
+ {
+ border-top: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-005.xht
new file mode 100644
index 0000000000..61ed474c49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-005.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property does not apply to elements with a display of table-column-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #test
+ {
+ display: table-column-group;
+ margin-top: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-top: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-006.xht
new file mode 100644
index 0000000000..2fd4cf33c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-006.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property does not apply to elements with a display of table-column." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #test
+ {
+ display: table-column;
+ margin-top: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-top: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-007.xht
new file mode 100644
index 0000000000..4260e2dd63
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-007.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property does not apply to elements with a display of table-cell." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-top: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ margin-top: 50px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-008.xht
new file mode 100644
index 0000000000..4724eb9798
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-008.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-applies-to-008-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'margin-top' property do not apply to elements with a display of inline." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border-top: 1em solid red;
+ font: 20px/1em Ahem;
+ width: 10em;
+ }
+ div div
+ {
+ border-top: 1em solid black;
+ color: green;
+ display: inline;
+ margin-top: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <div>XXXXXXXXXX</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-009.xht
new file mode 100644
index 0000000000..bcb95b60e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-009.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-bottom-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property applies to elements with a display of block." />
+ <style type="text/css">
+ div
+ {
+ border-top: 10px solid orange;
+ }
+ span
+ {
+ border-top: 10px solid blue;
+ display: block;
+ margin-top: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-010.xht
new file mode 100644
index 0000000000..324128a095
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-010.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <meta name="assert" content="The 'margin-top' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ height: 200px;
+ width: 200px;
+ }
+ #div1
+ {
+ border-top: 10px solid blue;
+ margin-left: 50px;
+ }
+ div div
+ {
+ border-top: 10px solid orange;
+ display: list-item;
+ margin-top: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines and there is a marker bullet to the left-hand side of the orange line. (Note the marker bullet does not need to be aligned with either line.)</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-012-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-012-ref.xht
new file mode 100644
index 0000000000..c1247d4b24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-012-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-top: blue solid 10px;
+ border-bottom: orange solid 10px;
+ height: 50px;
+ width: 200px;
+ }
+
+ div + div
+ {
+ background-color: transparent;
+ border: none 0px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is space between the blue and orange lines.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-012.xht
new file mode 100644
index 0000000000..4be5834d9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-012.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-applies-to-012-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ height: 200px;
+ width: 200px;
+ }
+ #div1
+ {
+ border-top: 10px solid blue;
+ }
+ div div
+ {
+ border-top: 10px solid orange;
+ display: inline-block;
+ margin-top: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-013-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-013-ref.xht
new file mode 100644
index 0000000000..b83b4047ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-013-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-top: blue solid 10px;
+ height: 50px;
+ }
+
+ div + div
+ {
+ border-top: orange solid 10px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is space between the blue and orange lines.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-013.xht
new file mode 100644
index 0000000000..a6fb12b302
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-013.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-applies-to-013-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property applies to elements with a display of table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #table
+ {
+ display: table;
+ margin-top: 50px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-top: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-014.xht
new file mode 100644
index 0000000000..9c575e9e51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-014.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-applies-to-013-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #table
+ {
+ display: inline-table;
+ margin-top: 50px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-top: 10px solid orange;
+ display: table-cell;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-015.xht
new file mode 100644
index 0000000000..6eb1d36db2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/margin-top-applies-to-015.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin-top applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <link rel="match" href="margin-top-applies-to-013-ref.xht" />
+
+ <meta name="assert" content="The 'margin-top' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #test
+ {
+ border-top: 10px solid orange;
+ display: table-caption;
+ height: 200px;
+ margin-top: 50px;
+ width: 200px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-001.xht
new file mode 100644
index 0000000000..b7ba7f7547
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-001.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding set using a single value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property set using a single value properly assigns the same value to all sides." />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border: 10px solid green;
+ left: 0;
+ padding: 96px;
+ position: absolute;
+ top: 0;
+ }
+ #div2
+ {
+ border: 10px solid green;
+ height: 96px;
+ width: 288px;
+ }
+ #reference
+ {
+ border: 10px solid red;
+ height: 308px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-002.xht
new file mode 100644
index 0000000000..ddc1f00949
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-002.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding set using two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-002-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property set using two values properly assigns the first value to the top and bottom padding and the second value to the left and right padding." />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border: 10px solid green;
+ left: 0;
+ padding: 96px 48px;
+ position: absolute;
+ top: 0;
+ }
+ #div2
+ {
+ border: 10px solid green;
+ height: 96px;
+ width: 288px;
+ }
+ #reference
+ {
+ border: 10px solid red;
+ height: 308px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 404px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-003.xht
new file mode 100644
index 0000000000..62850039e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-003.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding set using three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-003-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property set using three values properly assigns the first value to the top padding, the second value to the left and right padding, and the third value to the bottom padding." />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border: 10px solid green;
+ left: 0;
+ padding: 96px 48px 192px;
+ position: absolute;
+ top: 0;
+ }
+ #div2
+ {
+ border: 10px solid green;
+ height: 96px;
+ width: 288px;
+ }
+ #reference
+ {
+ border: 10px solid red;
+ height: 404px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 404px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-004-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-004-ref.xht
new file mode 100644
index 0000000000..7c6fbfabab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-004-ref.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border: green solid 10px;}
+
+ div#wrapper
+ {
+ height: 284px;
+ width: 380px;
+ }
+
+ div#inner
+ {
+ height: 96px;
+ left: 24px;
+ position: relative;
+ top: 96px;
+ width: 288px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="wrapper">
+ <div id="inner"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-004.xht
new file mode 100644
index 0000000000..ecc7575c84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-004.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding set using four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property set using three values properly assigns the first value to the top padding, the second value to the left padding, the third value to the bottom padding, and the fourth value to the right padding." />
+ <style type="text/css">
+ #wrapper
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border: 10px solid green;
+ left: 0;
+ padding: 96px 48px 72px 24px;
+ position: absolute;
+ top: 0;
+ }
+ #div2
+ {
+ border: 10px solid green;
+ height: 96px;
+ width: 288px;
+ }
+ #reference
+ {
+ border: 10px solid red;
+ height: 284px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 380px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-005-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-005-ref.xht
new file mode 100644
index 0000000000..8d9be5c56e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-005-ref.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border: green solid 10px;}
+
+ div#wrapper
+ {
+ height: 308px;
+ width: 500px;
+ }
+
+ div#inner
+ {
+ height: 96px;
+ left: 96px;
+ position: relative;
+ top: 96px;
+ width: 288px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="wrapper">
+ <div id="inner"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-005.xht
new file mode 100644
index 0000000000..45adfaa116
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-005.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding inheriting one value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-005-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property set to 'inherit' and inheriting one value." />
+ <style type="text/css">
+ #wrapper
+ {
+ padding: 96px;
+ position: relative;
+ }
+ #div1
+ {
+ border: 10px solid green;
+ left: 0;
+ padding: inherit;
+ position: absolute;
+ top: 0;
+ }
+ #div2
+ {
+ border: 10px solid green;
+ height: 96px;
+ width: 288px;
+ }
+ #reference
+ {
+ border: 10px solid red;
+ height: 308px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-006-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-006-ref.xht
new file mode 100644
index 0000000000..e648286bed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-006-ref.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border: green solid 10px;}
+
+ div#wrapper
+ {
+ height: 308px;
+ width: 356px;
+ }
+
+ div#inner
+ {
+ height: 96px;
+ left: 24px;
+ position: relative;
+ top: 96px;
+ width: 288px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="wrapper">
+ <div id="inner"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-006.xht
new file mode 100644
index 0000000000..f112a493e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-006.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding inheriting two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-006-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property set to 'inherit' and inheriting two values." />
+ <style type="text/css">
+ #wrapper
+ {
+ padding: 96px 24px;
+ position: relative;
+ }
+ #div1
+ {
+ border: 10px solid green;
+ left: 0;
+ padding: inherit;
+ position: absolute;
+ top: 0;
+ }
+ #div2
+ {
+ border: 10px solid green;
+ height: 96px;
+ width: 288px;
+ }
+ #reference
+ {
+ border: 10px solid red;
+ height: 308px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 356px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-007-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-007-ref.xht
new file mode 100644
index 0000000000..78753d68c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-007-ref.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border: green solid 10px;}
+
+ div#wrapper
+ {
+ height: 284px;
+ width: 356px;
+ }
+
+ div#inner
+ {
+ height: 96px;
+ left: 24px;
+ position: relative;
+ top: 96px;
+ width: 288px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="wrapper">
+ <div id="inner"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-007.xht
new file mode 100644
index 0000000000..eb05e281b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-007.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding inheriting three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-007-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property set to 'inherit' and inheriting three values." />
+ <style type="text/css">
+ #wrapper
+ {
+ padding: 96px 24px 72px;
+ position: relative;
+ }
+ #div1
+ {
+ border: 10px solid green;
+ left: 0;
+ padding: inherit;
+ position: absolute;
+ top: 0;
+ }
+ #div2
+ {
+ border: 10px solid green;
+ height: 96px;
+ width: 288px;
+ }
+ #reference
+ {
+ border: 10px solid red;
+ height: 284px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 356px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-008-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-008-ref.xht
new file mode 100644
index 0000000000..9844e95116
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-008-ref.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border: green solid 10px;}
+
+ div#wrapper
+ {
+ height: 284px;
+ width: 380px;
+ }
+
+ div#inner
+ {
+ height: 96px;
+ left: 48px;
+ position: relative;
+ top: 96px;
+ width: 288px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="wrapper">
+ <div id="inner"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-008.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-008.xht
new file mode 100644
index 0000000000..e569c8ae0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-008.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding inheriting four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-008-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property set to 'inherit' and inheriting four values." />
+ <style type="text/css">
+ #wrapper
+ {
+ padding: 96px 24px 72px 48px;
+ position: relative;
+ }
+ #div1
+ {
+ border: 10px solid green;
+ left: 0;
+ padding: inherit;
+ position: absolute;
+ top: 0;
+ }
+ #div2
+ {
+ border: 10px solid green;
+ height: 96px;
+ width: 288px;
+ }
+ #reference
+ {
+ border: 10px solid red;
+ height: 284px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 380px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="reference"></div>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-009-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-009-ref.xht
new file mode 100644
index 0000000000..7cb24dda85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-009-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border: green solid 8px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>Test passes if this sentence has a <strong>green border</strong>.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-009.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-009.xht
new file mode 100644
index 0000000000..89fa5e02f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-009.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Parsing: Negative Padding</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="match" href="padding-009-ref.xht" />
+
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+ .test { background: green; padding: 8px; padding: -8px; display: block; }
+ .test > .inner { background: white; display: block; }
+ </style>
+ </head>
+ <body>
+ <div class="test">
+ <div class="inner">
+ Test passes if this sentence has a <strong>green border</strong>.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-001.xht
new file mode 100644
index 0000000000..91560d4124
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-001.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property does not apply to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ padding: 50px;
+ }
+ #table
+ {
+ border: 10px solid blue;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border: 10px solid orange;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-002.xht
new file mode 100644
index 0000000000..cc67c4c062
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-002.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property does not apply to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ padding: 50px;
+ }
+ #table
+ {
+ border: 10px solid blue;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border: 10px solid orange;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-003.xht
new file mode 100644
index 0000000000..2e12fdfdf9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-003.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property does not apply to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ padding: 50px;
+ }
+ #table
+ {
+ border: 10px solid blue;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border: 10px solid orange;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-004.xht
new file mode 100644
index 0000000000..1caa714c82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-004.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property does not apply to elements with a display of table-row." />
+ <style type="text/css">
+ #table
+ {
+ border: 10px solid blue;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ padding: 50px;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border: 10px solid orange;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-005.xht
new file mode 100644
index 0000000000..2feb87d662
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-005.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property does not apply to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ padding: 50px;
+ }
+ #table
+ {
+ border: 10px solid blue;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border: 10px solid orange;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-006.xht
new file mode 100644
index 0000000000..f85c3a3079
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-006.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property does not apply to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ padding: 50px;
+ }
+ #table
+ {
+ border: 10px solid blue;
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border: 10px solid orange;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-007.xht
new file mode 100644
index 0000000000..9f57bf5158
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-007.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border: 10px solid blue;
+ display: table-cell;
+ padding: 50px;
+ }
+ #cell div
+ {
+ border: 10px solid orange;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines on all four sides.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-008.xht
new file mode 100644
index 0000000000..feccd458e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-008.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <!-- link rel="match" href="padding-applies-to-008-ref.xht" / -->
+
+ <meta name="assert" content="The 'padding' property applies to elements with a display of inline." />
+ <style type="text/css">
+ p
+ {
+ margin-bottom: 100px;
+ }
+ div
+ {
+ display: inline;
+ }
+ #div1
+ {
+ border: 10px solid blue;
+ padding: 50px;
+ }
+ div div
+ {
+ border: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines on all four sides.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-009.xht
new file mode 100644
index 0000000000..ce5e24e8ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-009.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ }
+ #span1
+ {
+ border: 10px solid blue;
+ padding: 50px;
+ width: 220px;
+ }
+ span span
+ {
+ border: 10px solid orange;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines on all four sides.</p>
+ <div>
+ <span id="span1">
+ <span></span>
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-010.xht
new file mode 100644
index 0000000000..3c764ba43b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-010.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <meta name="assert" content="The 'padding' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ #div1
+ {
+ border: 10px solid blue;
+ display: list-item;
+ padding: 50px;
+ width: 220px;
+ }
+ div div
+ {
+ border: 10px solid orange;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines on all four sides and there is a marker bullet on the left-hand side of the blue box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-012.xht
new file mode 100644
index 0000000000..a35ea41fc1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-012.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ #div1
+ {
+ border: 10px solid blue;
+ display: inline-block;
+ padding: 50px;
+ width: 220px;
+ }
+ div div
+ {
+ border: 10px solid orange;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines on all four sides.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-013.xht
new file mode 100644
index 0000000000..212357e362
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-013.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property applies to elements with a display of table." />
+ <style type="text/css">
+ #table
+ {
+ border: 10px solid blue;
+ display: table;
+ padding: 50px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border: 10px solid orange;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines on all four sides.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-014.xht
new file mode 100644
index 0000000000..a6d84c620c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-014.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #table
+ {
+ border: 10px solid blue;
+ display: inline-table;
+ padding: 50px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border: 10px solid orange;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines on all four sides.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-015.xht
new file mode 100644
index 0000000000..003afe85ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-015.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ border: 10px solid blue;
+ display: table-caption;
+ padding: 50px;
+ width: 220px;
+ }
+ #test div
+ {
+ border: 10px solid orange;
+ height: 200px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines on all four sides.</p>
+ <div id="table">
+ <div id="test">
+ <div></div>
+ </div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-016.xht
new file mode 100644
index 0000000000..7023f79cd1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-016.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Tables: Bottom Padding on Inline Children</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/013.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+
+ <style type="text/css">
+ /* reset everything to be sure we don't introduce oddities */
+ table { border: 0; border-spacing: 0; padding: 0; margin: 0; line-height: 1; }
+ td { border: 0; padding: 0; margin: 0; line-height: 1; }
+ span { border: 0; padding: 0; margin: 0; line-height: 1; display: inline; }
+
+ /* the test */
+ body { margin-top: 12em; }
+ table { background: red; }
+ span.control { background: green; color: white; }
+ span.test { padding-top: 10em; }
+ </style>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>
+ <span class="test"><span class="control">There should be no red on this page.</span></span>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-017.xht
new file mode 100644
index 0000000000..8ff267c081
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-applies-to-017.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Tables: Bottom Padding on Inline Children</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/012.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+
+ <style type="text/css">
+ /* reset everything to be sure we don't introduce oddities */
+ table { border: 0; border-spacing: 0; padding: 0; margin: 0; line-height: 1; }
+ td { border: 0; padding: 0; margin: 0; line-height: 1; }
+ span { border: 0; padding: 0; margin: 0; line-height: 1; display: inline; }
+
+ /* the test */
+ table { background: red; }
+ span.control { background: green; color: white; }
+ span.test { padding-bottom: 10em; }
+ </style>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>
+ <span class="test"><span class="control">There should be no red on this page.</span></span>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-background-001-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-background-001-ref.xht
new file mode 100644
index 0000000000..0a61ae59e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-background-001-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide filled green rectangle.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-background-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-background-001.xht
new file mode 100644
index 0000000000..5397238d76
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-background-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding background defined by the background property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-21 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-background-001-ref.xht" />
+
+ <meta name="assert" content="The background for the padding area is defined by the background property." />
+ <style type="text/css">
+ div
+ {
+ background: green;
+ padding: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide filled green rectangle.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-001.xht
new file mode 100644
index 0000000000..acf32d0de8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using pixels with a minimum minus one value, -1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum minus one length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -1px;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-002.xht
new file mode 100644
index 0000000000..ef6e61af5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using pixels with a minimum value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: 0px;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-003.xht
new file mode 100644
index 0000000000..fce14632ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-003.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using pixels with a minimum plus one value, 1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-007-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum plus one length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 2px solid red;
+ padding-bottom: 1px;
+ }
+ #div2
+ {
+ border-bottom: 2px solid black;
+ margin-top: -3px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-004.xht
new file mode 100644
index 0000000000..095779732b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-004.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a negative zero length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -0px;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-005.xht
new file mode 100644
index 0000000000..3c4a612a19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-005.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a positive zero length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: +0px;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-006.xht
new file mode 100644
index 0000000000..a98d8798ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-006.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-007-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 2px solid red;
+ padding-bottom: 96px;
+ }
+ #div2
+ {
+ border-bottom: 2px solid black;
+ margin-top: -98px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-007.xht
new file mode 100644
index 0000000000..9aa75073ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-007.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using pixels with a nominal value with a plus sign, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-007-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in pixels with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 2px solid red;
+ padding-bottom: +96px;
+ }
+ #div2
+ {
+ border-bottom: 2px solid black;
+ margin-top: -98px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-012.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-012.xht
new file mode 100644
index 0000000000..958ca6b5f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-012.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using points with a minimum minus one value, -1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum minus one length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -1pt;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-013.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-013.xht
new file mode 100644
index 0000000000..5520e5d9f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-013.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using points with a minimum value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: 0pt;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-014.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-014.xht
new file mode 100644
index 0000000000..be8ad86a73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-014.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using points with a minimum plus one value, 1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum plus one length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 72pt solid red;
+ padding-bottom: 1pt;
+ }
+ #div2
+ {
+ border-bottom: 72pt solid black;
+ margin-top: -73pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-015.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-015.xht
new file mode 100644
index 0000000000..2b4c74c843
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-015.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a negative zero length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -0pt;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-016.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-016.xht
new file mode 100644
index 0000000000..b53af3774c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-016.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a positive zero length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: +0pt;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-017.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-017.xht
new file mode 100644
index 0000000000..9738660639
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-017.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-019-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 6pt solid red;
+ padding-bottom: 72pt;
+ }
+ #div2
+ {
+ border-bottom: 6pt solid black;
+ margin-top: -78pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-018.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-018.xht
new file mode 100644
index 0000000000..1edbff3f5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-018.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using points with a nominal value with a plus sign, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-019-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in points with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 6pt solid red;
+ padding-bottom: +72pt;
+ }
+ #div2
+ {
+ border-bottom: 6pt solid black;
+ margin-top: -78pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-023.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-023.xht
new file mode 100644
index 0000000000..6d34f4ba3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-023.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using picas with a minimum minus one value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum minus one length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -1pc;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-024.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-024.xht
new file mode 100644
index 0000000000..d599bdc36b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-024.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using picas with a minimum value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: 0pc;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-025.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-025.xht
new file mode 100644
index 0000000000..c72582e38b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-025.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using picas with a minimum plus one value, 1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-031-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum plus one length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1pc solid red;
+ padding-bottom: 1pc;
+ }
+ #div2
+ {
+ border-bottom: 1pc solid black;
+ margin-top: -2pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-026.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-026.xht
new file mode 100644
index 0000000000..181394b6da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-026.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a negative zero length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -0pc;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-027.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-027.xht
new file mode 100644
index 0000000000..2412532977
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-027.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a positive zero length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: +0pc;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-028.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-028.xht
new file mode 100644
index 0000000000..bbad8fc844
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-028.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-031-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1pc solid red;
+ padding-bottom: 6pc;
+ }
+ #div2
+ {
+ border-bottom: 1pc solid black;
+ margin-top: -7pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-029.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-029.xht
new file mode 100644
index 0000000000..677da2e7ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-029.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using picas with a nominal value with a plus sign, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-031-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in picas with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1pc solid red;
+ padding-bottom: +6pc;
+ }
+ #div2
+ {
+ border-bottom: 1pc solid black;
+ margin-top: -7pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-034.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-034.xht
new file mode 100644
index 0000000000..abd80c753e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-034.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using centimeters with a minimum minus one value, -1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum minus one length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -1cm;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-035.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-035.xht
new file mode 100644
index 0000000000..cf72bf7364
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-035.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using centimeters with a minimum value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: 0cm;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-036.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-036.xht
new file mode 100644
index 0000000000..ab6935022d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-036.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using centimeters with a minimum plus one value, 1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum plus one length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 0;
+ width: 50px;
+ }
+ .parent1
+ {
+ background: red;
+ min-height: 37px
+ }
+ .test1, .test2
+ {
+ padding-bottom: 1cm;
+ }
+ .test1
+ {
+ background: green;
+ }
+ .test2
+ {
+ background: red;
+ }
+ .child1
+ {
+ background: green;
+ height: 38px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div class="parent1">
+ <div class="test1"></div>
+ </div>
+ <div class="test2">
+ <div class="child1"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-037.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-037.xht
new file mode 100644
index 0000000000..a789195c6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-037.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a negative zero length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -0cm;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-038.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-038.xht
new file mode 100644
index 0000000000..5cd9a16669
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-038.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a positive zero length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: +0cm;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-039.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-039.xht
new file mode 100644
index 0000000000..98b0af5f32
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-039.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 2.54cm solid red;
+ padding-bottom: 2.54cm;
+ }
+ #div2
+ {
+ border-bottom: 2.54cm solid black;
+ margin-top: -5.08cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-040.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-040.xht
new file mode 100644
index 0000000000..1e857f6ee4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-040.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using centimeters with a nominal value with a plus sign, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in centimeters with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 2.54cm solid red;
+ padding-bottom: +2.54cm;
+ }
+ #div2
+ {
+ border-bottom: 2.54cm solid black;
+ margin-top: -5.08cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-045.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-045.xht
new file mode 100644
index 0000000000..eced25f9f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-045.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using millimeters with a minimum minus one value, -1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum minus one length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -1mm;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-046.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-046.xht
new file mode 100644
index 0000000000..9beff81862
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-046.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using millimeters with a minimum value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: 0mm;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-047.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-047.xht
new file mode 100644
index 0000000000..92c21fa9ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-047.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using millimeters with a minimum plus one value, 1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum plus one length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 0;
+ width: 50px;
+ }
+ .parent1
+ {
+ background: red;
+ min-height: 3px
+ }
+ .test1, .test2
+ {
+ padding-bottom: 1mm;
+ }
+ .test1
+ {
+ background: green;
+ }
+ .test2
+ {
+ background: red;
+ }
+ .child1
+ {
+ background: green;
+ height: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div class="parent1">
+ <div class="test1"></div>
+ </div>
+ <div class="test2">
+ <div class="child1"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-048.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-048.xht
new file mode 100644
index 0000000000..a78ec26daa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-048.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a negative zero length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -0mm;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-049.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-049.xht
new file mode 100644
index 0000000000..419cc1ff56
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-049.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a positive zero length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: +0mm;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-050.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-050.xht
new file mode 100644
index 0000000000..e96ed0551e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-050.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 25.4mm solid red;
+ padding-bottom: 25.4mm;
+ }
+ #div2
+ {
+ border-bottom: 25.4mm solid black;
+ margin-top: -50.8mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-051.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-051.xht
new file mode 100644
index 0000000000..8324524992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-051.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using millimeters with a nominal value with a plus sign, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in millimeters with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 25.4mm solid red;
+ padding-bottom: +25.4mm;
+ }
+ #div2
+ {
+ border-bottom: 25.4mm solid black;
+ margin-top: -50.8mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-056.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-056.xht
new file mode 100644
index 0000000000..6610354be3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-056.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using inches with a minimum minus one value, -1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum minus one length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -1in;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-057.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-057.xht
new file mode 100644
index 0000000000..5103f296b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-057.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using inches with a minimum value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: 0in;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-058.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-058.xht
new file mode 100644
index 0000000000..68e33571fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-058.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using inches with a minimum plus one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum plus one length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1in solid red;
+ padding-bottom: 1in;
+ }
+ #div2
+ {
+ border-bottom: 1in solid black;
+ margin-top: -2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-059.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-059.xht
new file mode 100644
index 0000000000..516a6ed79b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-059.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a negative zero length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -0in;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-060.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-060.xht
new file mode 100644
index 0000000000..450a54daaf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-060.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a positive zero length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: +0in;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-061.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-061.xht
new file mode 100644
index 0000000000..9174440386
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-061.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using inches with a nominal value, 3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1in solid red;
+ padding-bottom: 3in;
+ }
+ #div2
+ {
+ border-bottom: 1in solid black;
+ margin-top: -4in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-062.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-062.xht
new file mode 100644
index 0000000000..3d9cf3438f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-062.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using inches with a nominal value with a plus sign, +3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in inches with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1in solid red;
+ padding-bottom: +3in;
+ }
+ #div2
+ {
+ border-bottom: 1in solid black;
+ margin-top: -4in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-067.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-067.xht
new file mode 100644
index 0000000000..49c2d41c6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-067.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using 'em' units with a minimum minus one value, -1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum minus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -1em;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-068.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-068.xht
new file mode 100644
index 0000000000..776bc25807
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-068.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using 'em' units with a minimum value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: 0em;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-069.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-069.xht
new file mode 100644
index 0000000000..7df3130ee9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-069.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using 'em' units with a minimum plus one value, 1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum plus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 1em solid red;
+ padding-bottom: 1em;
+ }
+ #div2
+ {
+ border-bottom: 1em solid black;
+ margin-top: -2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-070.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-070.xht
new file mode 100644
index 0000000000..70955d4c17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-070.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-bottom' property handles a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -0em;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-071.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-071.xht
new file mode 100644
index 0000000000..9dc787f7fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-071.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-bottom' property handles a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: +0em;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-072.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-072.xht
new file mode 100644
index 0000000000..a572f6c663
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-072.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 1em solid red;
+ padding-bottom: 6em;
+ }
+ #div2
+ {
+ border-bottom: 1em solid black;
+ margin-top: -7em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-073.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-073.xht
new file mode 100644
index 0000000000..e2ea82a38b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-073.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using 'em' units with a nominal value with a plus sign, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in 'em' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 1em solid red;
+ padding-bottom: +6em;
+ }
+ #div2
+ {
+ border-bottom: 1em solid black;
+ margin-top: -7em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-078.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-078.xht
new file mode 100644
index 0000000000..5df63cf885
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-078.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using 'ex' units with a minimum minus one value, -1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum minus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -1ex;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-079.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-079.xht
new file mode 100644
index 0000000000..8cde7fc7c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-079.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using 'ex' units with a minimum value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: 0ex;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-080.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-080.xht
new file mode 100644
index 0000000000..63eed6d889
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-080.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using 'ex' units with a minimum plus one value, 1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-031-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum plus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 1ex solid red;
+ padding-bottom: 1ex;
+ }
+ #div2
+ {
+ border-bottom: 1ex solid black;
+ margin-top: -2ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-081.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-081.xht
new file mode 100644
index 0000000000..5d2d85f362
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-081.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-bottom' property handles a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -0ex;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-082.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-082.xht
new file mode 100644
index 0000000000..da8ecbe0d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-082.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-bottom' property handles a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: +0ex;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-083.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-083.xht
new file mode 100644
index 0000000000..4bc75f179c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-083.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using 'ex' units with a nominal value, 7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-031-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 1ex solid red;
+ padding-bottom: 7.5ex;
+ }
+ #div2
+ {
+ border-bottom: 1ex solid black;
+ margin-top: -8.5ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-084.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-084.xht
new file mode 100644
index 0000000000..b9de3ae641
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-084.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using 'ex' units with a nominal value with a plus sign, +7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-031-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in 'ex' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 1ex solid red;
+ padding-bottom: +7.5ex;
+ }
+ #div2
+ {
+ border-bottom: 1ex solid black;
+ margin-top: -8.5ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-089.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-089.xht
new file mode 100644
index 0000000000..3bce6e17a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-089.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using percentage with a minimum minus one value, -1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-bottom-100-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum minus one length value in percentage." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -1%;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-090.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-090.xht
new file mode 100644
index 0000000000..71bae181ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-090.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using percentage with a minimum value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-bottom-100-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum length value in percentage." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: 0%;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-091-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-091-ref.xht
new file mode 100644
index 0000000000..2194b5e076
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-091-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 10px;
+ width: 600px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-091.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-091.xht
new file mode 100644
index 0000000000..037155bca5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-091.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using percentage with a minimum plus one value, 1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-bottom-091-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a minimum plus one length value in percentage." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 600px;
+ }
+ #div1
+ {
+ border-top: 10px solid red;
+ padding-bottom: 1%;
+ }
+ #div2
+ {
+ border-bottom: 10px solid black;
+ margin-top: -16px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-092.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-092.xht
new file mode 100644
index 0000000000..2c16710030
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-092.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using percentage with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-bottom-100-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a negative zero length value in percentage." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -0%;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-093.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-093.xht
new file mode 100644
index 0000000000..b20f2e7867
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-093.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using percentage with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-bottom-100-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a positive zero length value in percentage." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: +0%;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-094.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-094.xht
new file mode 100644
index 0000000000..a1159abafa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-094.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using percentage with a nominal value, 50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-103-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in percentage." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 2in;
+ }
+ #div1
+ {
+ border-top: 1in solid red;
+ padding-bottom: 50%;
+ }
+ #div2
+ {
+ border-bottom: 1in solid black;
+ margin-top: -2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-095.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-095.xht
new file mode 100644
index 0000000000..459a25e2c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-095.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using percentage with a nominal value with a plus sign, +50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-103-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a nominal length value in percentage with a plus sign." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 2in;
+ }
+ #div1
+ {
+ border-top: 1in solid red;
+ padding-bottom: +50%;
+ }
+ #div2
+ {
+ border-bottom: 1in solid black;
+ margin-top: -2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-100.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-100.xht
new file mode 100644
index 0000000000..8664959de2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-100.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom with a negative zero value and no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a negative zero length value with no units." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: -0;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-101.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-101.xht
new file mode 100644
index 0000000000..4b1ac64eb1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-101.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom with a zero value and no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a zero length value with no units." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: 0;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-102.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-102.xht
new file mode 100644
index 0000000000..2f262d96fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-102.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom with a positive zero value and no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles a positive zero length value with no units." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-bottom: +0;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-103-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-103-ref.xht
new file mode 100644
index 0000000000..d9cd639079
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-103-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {border-bottom: black solid 96px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-103.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-103.xht
new file mode 100644
index 0000000000..1419229589
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-103.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom using the 'inherit' value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-bottom-103-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property handles the 'inherit' value." />
+ <style type="text/css">
+ #wrapper
+ {
+ padding-bottom: 1in;
+ }
+ #div1
+ {
+ border-top: 1in solid red;
+ padding-bottom: inherit;
+ }
+ #div2
+ {
+ border-bottom: 1in solid black;
+ margin-top: -2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-001-ref.xht
new file mode 100644
index 0000000000..3e2978551f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-001-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: orange;
+ height: 10px;
+ width: 200px;
+ }
+
+ div + div
+ {
+ background-color: blue;
+ width: auto;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-001.xht
new file mode 100644
index 0000000000..b47297ae49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-001.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property does not apply to elements with a display of table-row-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ }
+ #test
+ {
+ display: table-row-group;
+ padding-bottom: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-bottom: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-002.xht
new file mode 100644
index 0000000000..555cd7b804
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-002.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property does not apply to elements with a display of table-header-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ }
+ #test
+ {
+ display: table-header-group;
+ padding-bottom: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-bottom: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-003.xht
new file mode 100644
index 0000000000..f5f07ddd30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-003.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property does not apply to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ }
+ #test
+ {
+ display: table-footer-group;
+ padding-bottom: 50px;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-bottom: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-004.xht
new file mode 100644
index 0000000000..58fae89ea0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-004.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property does not apply to elements with a display of table-row." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ padding-bottom: 50px;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-bottom: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-005.xht
new file mode 100644
index 0000000000..53e35b9753
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-005.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property does not apply to elements with a display of table-column-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ }
+ #test
+ {
+ display: table-column-group;
+ padding-bottom: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-bottom: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-006.xht
new file mode 100644
index 0000000000..dbbd39b088
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-006.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property does not apply to elements with a display of table-column." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ }
+ #test
+ {
+ display: table-column;
+ padding-bottom: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-bottom: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-007-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-007-ref.xht
new file mode 100644
index 0000000000..f9ccba0dbf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-007-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: orange;
+ height: 10px;
+ width: 200px;
+ }
+
+ div + div
+ {
+ background-color: blue;
+ margin-top: 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is space between the blue and orange lines.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-007.xht
new file mode 100644
index 0000000000..ab79f2b7d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-007.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-bottom-applies-to-007-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-bottom: 10px solid blue;
+ display: table-cell;
+ padding-bottom: 50px;
+ }
+ #cell div
+ {
+ border-bottom: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-008.xht
new file mode 100644
index 0000000000..1bff77fc6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-008.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+
+ <meta name="assert" content="The 'padding-bottom' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ }
+ #div1
+ {
+ border-bottom: 5px solid blue;
+ padding-bottom: 50px;
+ }
+ div div
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-009.xht
new file mode 100644
index 0000000000..ecfd1c075e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-009.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-bottom-applies-to-007-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ width: 200px;
+ }
+ #span1
+ {
+ border-bottom: 10px solid blue;
+ padding-bottom: 50px;
+ }
+ span span
+ {
+ border-bottom: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div>
+ <span id="span1">
+ <span></span>
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-010.xht
new file mode 100644
index 0000000000..65af8204c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-010.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <meta name="assert" content="The 'padding-bottom' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ width: 200px;
+ }
+ #div1
+ {
+ border-bottom: 10px solid blue;
+ display: list-item;
+ padding-bottom: 50px;
+ }
+ div div
+ {
+ border-bottom: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines and there is a marker bullet on the left-hand side of the orange line. (Note the marker bullet does not need to be aligned with either line.)</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-012.xht
new file mode 100644
index 0000000000..11f8d90cd4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-012.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-bottom-applies-to-007-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ width: 200px;
+ }
+ #div1
+ {
+ border-bottom: 10px solid blue;
+ display: inline-block;
+ padding-bottom: 50px;
+ }
+ div div
+ {
+ border-bottom: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-013.xht
new file mode 100644
index 0000000000..3399e94851
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-013.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-bottom-applies-to-007-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property applies to elements with a display of table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ width: 200px;
+ }
+ #table
+ {
+ display: table;
+ padding-bottom: 50px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-bottom: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-014.xht
new file mode 100644
index 0000000000..a43122ce96
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-014.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-bottom-applies-to-007-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-bottom: 10px solid blue;
+ width: 200px;
+ }
+ #table
+ {
+ display: inline-table;
+ padding-bottom: 50px;
+ vertical-align: top;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-bottom: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-015.xht
new file mode 100644
index 0000000000..d656b6f885
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-bottom-applies-to-015.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-bottom applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-23 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-bottom-applies-to-007-ref.xht" />
+
+ <meta name="assert" content="The 'padding-bottom' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-bottom: 10px solid blue;
+ display: table-caption;
+ padding-bottom: 50px;
+ width: 200px;
+ }
+ #test div
+ {
+ border-bottom: 10px solid orange;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div></div>
+ </div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-em-inherit-001-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-em-inherit-001-ref.xht
new file mode 100644
index 0000000000..7496ccc198
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-em-inherit-001-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p
+ {
+ font: 1em/1.25 serif;
+ margin: 1em 0em;
+ }
+
+ div
+ {
+ background-color: green;
+ height: 254px;
+ width: 400px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled<br />
+ green rectangle and no red.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-em-inherit-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-em-inherit-001.xht
new file mode 100644
index 0000000000..9fb9c15a02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-em-inherit-001.xht
@@ -0,0 +1,101 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: inherit applied on padding set with em</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="8.4 Padding properties" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="help" title="4.3.2 Length" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" title="6.2.1 The 'inherit' value" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit" />
+ <link rel="match" href="padding-em-inherit-001-ref.xht" />
+
+ <meta content="The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used. When inherit keyword is used, the property takes the same computed value - a length value in this testcase - as the property for the element's parent." name="assert" />
+ <meta content="image" name="flags" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p
+ {
+ font: 1em/1.25 serif;
+ margin: 1em 0em;
+ }
+
+ div#grand-parent
+ {
+ font-size: 32px;
+ width: 400px;
+ }
+
+ div#parent
+ {
+ background-color: green;
+ font-size: 24px;
+ padding: 2em 3em 1em 4em; /* 48px 72px 24px 96px */
+ }
+
+ div#child
+ {
+ font-size: 40px;
+ padding: inherit;
+ /*
+ What is inherited is a computed length value:
+ so it is 48px 72px 24px 96px and not 80px 120px 40px 160px
+ */
+ }
+
+ div#abs-pos-overlapping-green
+ {
+ left: 200px;
+ /*
+ 8px (body's margin-left)
+ +
+ 96px (#parent's padding-left)
+ +
+ 96px (#child's padding-left)
+ ==================
+ 200px
+ */
+ position: absolute;
+ top: 168px;
+ }
+
+ /*
+ max(8px, 16px) (margin collapsing between body's margin-top and p's margin-top)
+ +
+ 20px (first line)
+ +
+ 20px (second line)
+ +
+ 16px (p's margin-bottom)
+ +
+ 48px (#parent's padding-top)
+ +
+ 48px (#child's padding-top)
+ ==================
+ 168px
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled<br />
+ green rectangle and no red.</p>
+
+ <div id="grand-parent">
+ <div id="parent">
+ <div id="child"><img src="support/100x100-red.png" alt="Image download support must be enabled" /></div>
+ </div>
+ </div>
+
+ <div id="abs-pos-overlapping-green"><img src="support/swatch-green.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-001.xht
new file mode 100644
index 0000000000..c58a7431b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-001.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using pixels with a minimum minus one value, -1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-left' property handles a minimum minus one length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -1px;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-002.xht
new file mode 100644
index 0000000000..ba735031c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-002.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using pixels with a minimum value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a minimum length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: 0px;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-003.xht
new file mode 100644
index 0000000000..eff5e33a47
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-003.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using pixels with a minimum plus one value, 1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-007-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a minimum plus one length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 2px solid red;
+ padding-left: 1px;
+ }
+ div div
+ {
+ border-left: 2px solid black;
+ margin-left: -3px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-004.xht
new file mode 100644
index 0000000000..129a10ae85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-004.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a negative zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -0px;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-005.xht
new file mode 100644
index 0000000000..88172531d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-005.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a positive zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: +0px;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-006.xht
new file mode 100644
index 0000000000..a62189f3a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-006.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-007-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 2px solid red;
+ padding-left: 96px;
+ }
+ div div
+ {
+ border-left: 2px solid black;
+ margin-left: -98px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-007.xht
new file mode 100644
index 0000000000..960e34de50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-007.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using pixels with a nominal value with a plus sign, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-007-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in pixels with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 2px solid red;
+ padding-left: +96px;
+ }
+ div div
+ {
+ border-left: 2px solid black;
+ margin-left: -98px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-012.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-012.xht
new file mode 100644
index 0000000000..4036e5903a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-012.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using points with a minimum minus one value, -1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-left' property handles a minimum minus one length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -1pt;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-013.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-013.xht
new file mode 100644
index 0000000000..53b4768669
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-013.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using points with a minimum value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a minimum length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: 0pt;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-015.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-015.xht
new file mode 100644
index 0000000000..77cea3a7a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-015.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a negative zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -0pt;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-016.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-016.xht
new file mode 100644
index 0000000000..d0f90e41f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-016.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a positive zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: +0pt;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-017.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-017.xht
new file mode 100644
index 0000000000..e1a8f03545
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-017.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-019-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 6pt solid red;
+ padding-left: 72pt;
+ }
+ div div
+ {
+ border-left: 6pt solid black;
+ margin-left: -78pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-018.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-018.xht
new file mode 100644
index 0000000000..88d87d8dff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-018.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using points with a nominal value with a plus sign, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-019-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in points with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 6pt solid red;
+ padding-left: +72pt;
+ }
+ div div
+ {
+ border-left: 6pt solid black;
+ margin-left: -78pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-023.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-023.xht
new file mode 100644
index 0000000000..1fb8cf0f49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-023.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using picas with a minimum minus one value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-left' property handles a minimum minus one length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -1pc;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-024.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-024.xht
new file mode 100644
index 0000000000..d6881f43c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-024.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using picas with a minimum value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a minimum length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: 0pc;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-025.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-025.xht
new file mode 100644
index 0000000000..94a756b6ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-025.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using picas with a minimum plus one value, 1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-031-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a minimum plus one length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 1pc solid red;
+ padding-left: 1pc;
+ }
+ div div
+ {
+ border-left: 1pc solid black;
+ margin-left: -2pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-026.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-026.xht
new file mode 100644
index 0000000000..d93cb18e2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-026.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a negative zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -0pc;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-027.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-027.xht
new file mode 100644
index 0000000000..f565cbc737
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-027.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a positive zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: +0pc;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-028.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-028.xht
new file mode 100644
index 0000000000..c9d7d30bac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-028.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-031-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 1pc solid red;
+ padding-left: 6pc;
+ }
+ div div
+ {
+ border-left: 1pc solid black;
+ margin-left: -7pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-029.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-029.xht
new file mode 100644
index 0000000000..bd2b7ac0ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-029.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using picas with a nominal value with a plus sign, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-031-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in picas with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 1pc solid red;
+ padding-left: +6pc;
+ }
+ div div
+ {
+ border-left: 1pc solid black;
+ margin-left: -7pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-034.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-034.xht
new file mode 100644
index 0000000000..6bbeb73a2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-034.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using centimeters with a minimum minus one value, -1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-left' property handles a minimum minus one length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -1cm;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-035.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-035.xht
new file mode 100644
index 0000000000..37741c077d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-035.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using centimeters with a minimum value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a minimum length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: 0cm;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-036-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-036-ref.xht
new file mode 100644
index 0000000000..c00df8f287
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-036-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+ <style type="text/css">
+ #div1 { height: 50px; width: 1cm; background: green; }
+ #div2 { height: 50px; width: 38px; background: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-036.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-036.xht
new file mode 100644
index 0000000000..970fdd1729
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-036.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using centimeters with a minimum plus one value, 1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-left-036-ref.xht"/>
+ <meta name="assert" content="The 'padding-left' property handles a minimum plus one length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 50px;
+ width: 0;
+ }
+ .parent1
+ {
+ background: red;
+ min-width: 37px
+ }
+ .test1, .test2
+ {
+ padding-left: 1cm;
+ }
+ .test1
+ {
+ background: green;
+ }
+ .test2
+ {
+ background: red;
+ }
+ .child1
+ {
+ background: green;
+ left: -38px;
+ position: relative;
+ width: 38px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div class="parent1">
+ <div class="test1"></div>
+ </div>
+ <div class="test2">
+ <div class="child1"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-037.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-037.xht
new file mode 100644
index 0000000000..ad5349ed7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-037.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a negative zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -0cm;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-038.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-038.xht
new file mode 100644
index 0000000000..ac882a0ac6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-038.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a positive zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: +0cm;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-039.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-039.xht
new file mode 100644
index 0000000000..28035e9169
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-039.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 2.54cm solid red;
+ padding-left: 2.54cm;
+ }
+ div div
+ {
+ border-left: 2.54cm solid black;
+ margin-left: -5.08cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-040.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-040.xht
new file mode 100644
index 0000000000..415ad13e42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-040.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using centimeters with a nominal value with a plus sign, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in centimeters with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 2.54cm solid red;
+ padding-left: +2.54cm;
+ }
+ div div
+ {
+ border-left: 2.54cm solid black;
+ margin-left: -5.08cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-045.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-045.xht
new file mode 100644
index 0000000000..a894b6c979
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-045.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using millimeters with a minimum minus one value, -1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-left' property handles a minimum minus one length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -1mm;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-046.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-046.xht
new file mode 100644
index 0000000000..25a10bef01
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-046.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using millimeters with a minimum value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a minimum length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: 0mm;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-047-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-047-ref.xht
new file mode 100644
index 0000000000..c1c81be7a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-047-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+ <style type="text/css">
+ #div1 { height: 50px; width: 1mm; background: green; }
+ #div2 { height: 50px; width: 4px; background: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-047.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-047.xht
new file mode 100644
index 0000000000..69856b5d9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-047.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using millimeters with a minimum plus one value, 1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-left-047-ref.xht"/>
+ <meta name="assert" content="The 'padding-left' property handles a minimum plus one length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 50px;
+ width: 0;
+ }
+ .parent1
+ {
+ background: red;
+ min-width: 3px
+ }
+ .test1, .test2
+ {
+ padding-left: 1mm;
+ }
+ .test1
+ {
+ background: green;
+ }
+ .test2
+ {
+ background: red;
+ }
+ .child1
+ {
+ background: green;
+ left: -4px;
+ position: relative;
+ width: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div class="parent1">
+ <div class="test1"></div>
+ </div>
+ <div class="test2">
+ <div class="child1"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-048.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-048.xht
new file mode 100644
index 0000000000..7790a94473
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-048.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a negative zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -0mm;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-049.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-049.xht
new file mode 100644
index 0000000000..01c1ef3de1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-049.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a positive zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: +0mm;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-050.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-050.xht
new file mode 100644
index 0000000000..9165ac9193
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-050.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 25.4mm solid red;
+ padding-left: 25.4mm;
+ }
+ div div
+ {
+ border-left: 25.4mm solid black;
+ margin-left: -50.8mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-051.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-051.xht
new file mode 100644
index 0000000000..96ea400a25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-051.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using millimeters with a nominal value with a plus sign, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in millimeters with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 25.4mm solid red;
+ padding-left: +25.4mm;
+ }
+ div div
+ {
+ border-left: 25.4mm solid black;
+ margin-left: -50.8mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-056.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-056.xht
new file mode 100644
index 0000000000..05bd642379
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-056.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using inches with a minimum minus one value, -1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-left' property handles a minimum minus one length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -1in;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-057.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-057.xht
new file mode 100644
index 0000000000..8b14887c55
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-057.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using inches with a minimum value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a minimum length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: 0in;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-058.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-058.xht
new file mode 100644
index 0000000000..0304c515cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-058.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using inches with a minimum plus one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a minimum plus one length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 1in solid red;
+ padding-left: 1in;
+ }
+ div div
+ {
+ border-left: 1in solid black;
+ margin-left: -2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-059.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-059.xht
new file mode 100644
index 0000000000..921bc03bb1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-059.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a negative zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -0in;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-060.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-060.xht
new file mode 100644
index 0000000000..e052ad0917
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-060.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a positive zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: +0in;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-061.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-061.xht
new file mode 100644
index 0000000000..edda6582f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-061.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using inches with a nominal value, 3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 1in solid red;
+ padding-left: 3in;
+ }
+ div div
+ {
+ border-left: 1in solid black;
+ margin-left: -4in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-062.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-062.xht
new file mode 100644
index 0000000000..b3579ac5cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-062.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using inches with a nominal value with a plus sign, +3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in inches with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 1in solid red;
+ padding-left: +3in;
+ }
+ div div
+ {
+ border-left: 1in solid black;
+ margin-left: -4in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-067.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-067.xht
new file mode 100644
index 0000000000..5e380aba85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-067.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using 'em' units with a minimum minus one value, -1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'padding-left' property handles a minimum minus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -1em;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-068.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-068.xht
new file mode 100644
index 0000000000..966b43e0b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-068.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using 'em' units with a minimum value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-left' property handles a minimum length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: 0em;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-069.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-069.xht
new file mode 100644
index 0000000000..5bed2599f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-069.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using 'em' units with a minimum plus one value, 1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-left' property handles a minimum plus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 1em solid red;
+ padding-left: 1em;
+ }
+ div div
+ {
+ border-left: 1em solid black;
+ margin-left: -2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-070.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-070.xht
new file mode 100644
index 0000000000..0b35b81892
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-070.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-left' property handles a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -0em;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-071.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-071.xht
new file mode 100644
index 0000000000..7305e86529
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-071.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-left' property handles a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: +0em;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-072.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-072.xht
new file mode 100644
index 0000000000..0868bc83e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-072.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 1em solid red;
+ padding-left: 6em;
+ }
+ div div
+ {
+ border-left: 1em solid black;
+ margin-left: -7em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-073.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-073.xht
new file mode 100644
index 0000000000..d25a74ca38
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-073.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using 'em' units with a nominal value with a plus sign, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in 'em' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 1em solid red;
+ padding-left: +6em;
+ }
+ div div
+ {
+ border-left: 1em solid black;
+ margin-left: -7em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-078.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-078.xht
new file mode 100644
index 0000000000..72865436d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-078.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using 'ex' units with a minimum minus one value, -1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'padding-left' property handles a minimum minus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -1ex;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-079.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-079.xht
new file mode 100644
index 0000000000..fcba695cfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-079.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using 'ex' units with a minimum value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-left' property handles a minimum length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: 0ex;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-080.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-080.xht
new file mode 100644
index 0000000000..1b8714b9ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-080.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using 'ex' units with a minimum plus one value, 1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-031-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-left' property handles a minimum plus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 1ex solid red;
+ padding-left: 1ex;
+ }
+ div div
+ {
+ border-left: 1ex solid black;
+ margin-left: -2ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-081.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-081.xht
new file mode 100644
index 0000000000..3155c5d594
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-081.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-left' property handles a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -0ex;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-082.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-082.xht
new file mode 100644
index 0000000000..c4f5bdc300
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-082.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-left' property handles a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: +0ex;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-083.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-083.xht
new file mode 100644
index 0000000000..6cdd476139
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-083.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using 'ex' units with a nominal value, 6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-031-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 1ex solid red;
+ padding-left: 6ex;
+ }
+ div div
+ {
+ border-left: 1ex solid black;
+ margin-left: -7ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-084.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-084.xht
new file mode 100644
index 0000000000..99a170fbbc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-084.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using 'ex' units with a nominal value with a plus sign, +6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-031-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in 'ex' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 1ex solid red;
+ padding-left: +6ex;
+ }
+ div div
+ {
+ border-left: 1ex solid black;
+ margin-left: -7ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-089.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-089.xht
new file mode 100644
index 0000000000..bfd2cd342b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-089.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using percentage with a minimum minus one value, -1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-left' property handles a minimum minus one length value in percentage." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -1%;
+ }
+ #div2
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-090.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-090.xht
new file mode 100644
index 0000000000..d03c28eb4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-090.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using percentage with a minimum value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a minimum length value in percentage." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: 0%;
+ }
+ #div2
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-091-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-091-ref.xht
new file mode 100644
index 0000000000..66d45db297
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-091-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 10px;
+ height: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-091.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-091.xht
new file mode 100644
index 0000000000..9d648a0759
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-091.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using percentage with a minimum plus one value, 1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-left-091-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a minimum plus one length value in percentage." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ width: 200px;
+ }
+ #div1
+ {
+ border-left: 10px solid red;
+ padding-left: 1%;
+ }
+ #div2
+ {
+ border-left: 10px solid black;
+ margin-left: -12px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-092.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-092.xht
new file mode 100644
index 0000000000..74df9ddf18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-092.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using percentage with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a negative zero length value in percentage." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -0%;
+ }
+ #div2
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-093.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-093.xht
new file mode 100644
index 0000000000..217b738c00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-093.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using percentage with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a positive zero length value in percentage." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: +0%;
+ }
+ #div2
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-094.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-094.xht
new file mode 100644
index 0000000000..224ed099e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-094.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using percentage with a nominal value, 50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in percentage." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ width: 2in;
+ }
+ #div1
+ {
+ border-left: 1in solid red;
+ padding-left: 50%;
+ }
+ #div2
+ {
+ border-left: 1in solid black;
+ margin-left: -2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-095.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-095.xht
new file mode 100644
index 0000000000..334976eece
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-095.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using percentage with a nominal value with a plus sign, +50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a nominal length value in percentage with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ width: 2in;
+ }
+ #div1
+ {
+ border-left: 1in solid red;
+ padding-left: +50%;
+ }
+ #div2
+ {
+ border-left: 1in solid black;
+ margin-left: -2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-100.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-100.xht
new file mode 100644
index 0000000000..8dde053b40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-100.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left with a negative zero value and no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a negative zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: -0;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-101.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-101.xht
new file mode 100644
index 0000000000..db207e702e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-101.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left with a zero value and no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: 0;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-102.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-102.xht
new file mode 100644
index 0000000000..33f8e5461b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-102.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left with a positive zero value and no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles a positive zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: +0;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-103-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-103-ref.xht
new file mode 100644
index 0000000000..b974070768
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-103-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-right: black solid 1in;
+ height: 1in;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-103.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-103.xht
new file mode 100644
index 0000000000..96e89edb8b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-103.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left using the 'inherit' value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-left-103-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property handles the 'inherit' value." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ padding-left: 1in;
+ }
+ #div1
+ {
+ border-left: 1in solid red;
+ padding-left: inherit;
+ }
+ #div2
+ {
+ border-left: 1in solid black;
+ margin-left: -2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-001.xht
new file mode 100644
index 0000000000..5d80410226
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-001.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property does not apply to elements with a display of table-row-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #test
+ {
+ display: table-row-group;
+ padding-left: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-left: 10px solid orange;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-002.xht
new file mode 100644
index 0000000000..186de1bb57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-002.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property does not apply to elements with a display of table-header-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #test
+ {
+ display: table-header-group;
+ padding-left: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-left: 10px solid orange;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-003.xht
new file mode 100644
index 0000000000..08b739a462
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-003.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property does not apply to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #test
+ {
+ display: table-footer-group;
+ padding-left: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-left: 10px solid orange;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-004.xht
new file mode 100644
index 0000000000..96bd842c16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-004.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property does not apply to elements with a display of table-row." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ padding-left: 50px;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-left: 10px solid orange;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-005.xht
new file mode 100644
index 0000000000..f05c4f5132
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-005.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property does not apply to elements with a display of table-column-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #test
+ {
+ display: table-column-group;
+ padding-left: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-left: 10px solid orange;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-006.xht
new file mode 100644
index 0000000000..6a04c15549
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-006.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property does not apply to elements with a display of table-column." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #test
+ {
+ display: table-column;
+ padding-left: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-left: 10px solid orange;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-007.xht
new file mode 100644
index 0000000000..6110016358
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-007.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-left: 10px solid blue;
+ display: table-cell;
+ padding-left: 50px;
+ }
+ #cell div
+ {
+ border-left: 10px solid orange;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-008-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-008-ref.xht
new file mode 100644
index 0000000000..3214099d4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-008-ref.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+ <style type="text/css">
+ span { border-left: 5px solid blue; }
+ span span { margin-left: 50px; border-left: 5px solid orange; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div><span><span></span></span>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-008.xht
new file mode 100644
index 0000000000..f4f10b1670
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-008.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-left-applies-to-008-ref.xht"/>
+ <meta name="assert" content="The 'padding-left' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ }
+ #div1
+ {
+ border-left: 5px solid blue;
+ padding-left: 50px;
+ }
+ div div
+ {
+ border-left: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-009.xht
new file mode 100644
index 0000000000..0796980dd8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-009.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ }
+ #span1
+ {
+ border-left: 10px solid blue;
+ padding-left: 50px;
+ }
+ span span
+ {
+ border-left: 10px solid orange;
+ height: 200px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div>
+ <span id="span1">
+ <span></span>
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-010-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-010-ref.xht
new file mode 100644
index 0000000000..95d45f8844
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-010-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+ <style type="text/css">
+ body { margin-left: 50px; }
+ #div1 { display: list-item; height: 200px; width: 200px; }
+ div div { width: 50px; height: 200px; border-left: 10px solid blue; border-right: 10px solid orange; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines and there is a marker bullet on the left-hand side of the blue line.</p>
+ <div id="div1"><div></div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-010.xht
new file mode 100644
index 0000000000..efe778baeb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-010.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-left-applies-to-010-ref.xht"/>
+ <meta name="assert" content="The 'padding-left' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ height: 200px;
+ width: 200px;
+ }
+ #div1
+ {
+ border-left: 10px solid blue;
+ display: list-item;
+ padding-left: 50px;
+ }
+ div div
+ {
+ border-left: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines and there is a marker bullet on the left-hand side of the blue line.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-012.xht
new file mode 100644
index 0000000000..7907e88c73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-012.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ height: 200px;
+ display: inline-block;
+ }
+ #div1
+ {
+ border-left: 10px solid blue;
+ padding-left: 50px;
+ width: 200px;
+ }
+ div div
+ {
+ border-left: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-013.xht
new file mode 100644
index 0000000000..473175b3ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-013.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property applies to elements with a display of table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #table
+ {
+ display: table;
+ padding-left: 50px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-left: 10px solid orange;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-014.xht
new file mode 100644
index 0000000000..8c5ae43e1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-014.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-left: 10px solid blue;
+ }
+ #table
+ {
+ display: inline-table;
+ padding-left: 50px;
+ vertical-align: top;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-left: 10px solid orange;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-015.xht
new file mode 100644
index 0000000000..fa8e8919ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-left-applies-to-015.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-left applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding-left' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-left: 10px solid blue;
+ display: table-caption;
+ padding-left: 50px;
+ }
+ #test div
+ {
+ border-left: 10px solid orange;
+ height: 200px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="table">
+ <div id="test">
+ <div></div>
+ </div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-percentage-inherit-001-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-percentage-inherit-001-ref.xht
new file mode 100644
index 0000000000..3d9fd5c2c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-percentage-inherit-001-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p
+ {
+ font: 1em/1.25 serif;
+ margin: 1em 0em;
+ }
+
+ div
+ {
+ background-color: green;
+ height: 270px;
+ width: 270px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled<br />
+ green square and no red.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-percentage-inherit-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-percentage-inherit-001.xht
new file mode 100644
index 0000000000..d3e9c8b428
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-percentage-inherit-001.xht
@@ -0,0 +1,96 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: padding - inherit applied on padding percentage</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="8.4 Padding properties" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="help" title="6.2.1 The 'inherit' value" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit" />
+ <link rel="match" href="padding-percentage-inherit-001-ref.xht" />
+
+ <meta content="A padding percentage is calculated with respect to the width of the generated box's containing block. When inherit keyword is used, the property takes the same computed value - a percentage value in this testcase - as the property for the element's parent." name="assert" />
+ <meta content="image" name="flags" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p
+ {
+ font: 1em/1.25 serif;
+ margin: 1em 0em;
+ }
+
+ div#grand-parent {width: 300px;}
+
+ div#parent
+ {
+ background-color: green;
+ height: 150px;
+ padding: 20%; /* 20% of 300px == 60px; */
+ width: 150px;
+ }
+
+ div#child
+ {
+ padding: inherit;
+ /*
+ computes to 20% which is then applied
+ on #child's containing block width: 20% of 150px == 30px
+ */
+ }
+
+ div#abs-pos-overlapping-green
+ {
+ left: 98px;
+ /*
+ 8px (body's margin-left)
+ +
+ 60px (#parent's padding-left)
+ +
+ 30px (#child's padding-left)
+ ==================
+ 98px
+ */
+ position: absolute;
+ top: 162px;
+ }
+
+ /*
+ max(8px, 16px) (margin collapsing between body's margin-top and p's margin-top)
+ +
+ 20px (first line)
+ +
+ 20px (second line)
+ +
+ 16px (p's margin-bottom)
+ +
+ 60px (#parent's padding-top)
+ +
+ 30px (#child's padding-top)
+ ==================
+ 162px
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled<br />
+ green square and no red.</p>
+
+ <div id="grand-parent">
+ <div id="parent">
+ <div id="child"><img src="support/100x100-red.png" alt="Image download support must be enabled" /></div>
+ </div>
+ </div>
+
+ <div id="abs-pos-overlapping-green"><img src="support/swatch-green.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-percentage-undefined-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-percentage-undefined-001.xht
new file mode 100644
index 0000000000..60a59fe5a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-percentage-undefined-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding with percentage determined by containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <meta name="assert" content="Potential circular reference cannot cause the user agent to crash or hang." />
+ <style type="text/css">
+ #div1
+ {
+ float: left;
+ border: 1px solid blue;
+ }
+ div div
+ {
+ padding: 50%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" appear below.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-001.xht
new file mode 100644
index 0000000000..025d5c0d46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-001.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using pixels with a minimum minus one value, -1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-right' property handles a minimum minus one length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: -1px;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-002.xht
new file mode 100644
index 0000000000..efeebd7aa5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-002.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using pixels with a minimum value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a minimum length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: 0px;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-003-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-003-ref.xht
new file mode 100644
index 0000000000..756ecf3984
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-003-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 3px;
+ height: 96px;
+ margin-left: 1px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-003.xht
new file mode 100644
index 0000000000..74ccc7a81e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-003.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using pixels with a minimum plus one value, 1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-003-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a minimum plus one length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 3px solid red;
+ padding-right: 1px;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 3px solid black;
+ margin-right: -4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-004.xht
new file mode 100644
index 0000000000..b9151d8d74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-004.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a negative zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: -0px;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-005.xht
new file mode 100644
index 0000000000..6acf26bafc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-005.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a positive zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: +0px;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-006-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-006-ref.xht
new file mode 100644
index 0000000000..2db14a83b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-006-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 3px;
+ height: 96px;
+ margin-left: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-006.xht
new file mode 100644
index 0000000000..1a4ea7a47f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-006.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-006-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 3px solid red;
+ padding-right: 96px;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 3px solid black;
+ margin-right: -99px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-007.xht
new file mode 100644
index 0000000000..4ddb96f75f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-007.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using pixels with a nominal value with a plus sign, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-006-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in pixels with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 3px solid red;
+ padding-right: +96px;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 3px solid black;
+ margin-right: -99px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-012.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-012.xht
new file mode 100644
index 0000000000..ae5920663e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-012.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using points with a minimum minus one value, -1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-right' property handles a minimum minus one length value in points." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: -1pt;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-013.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-013.xht
new file mode 100644
index 0000000000..f04803da57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-013.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using points with a minimum value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a minimum length value in points." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: 0pt;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-015.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-015.xht
new file mode 100644
index 0000000000..85091aa7b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-015.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a negative zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: -0pt;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-016.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-016.xht
new file mode 100644
index 0000000000..273d5b1292
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-016.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a positive zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: +0pt;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-017-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-017-ref.xht
new file mode 100644
index 0000000000..64c7d3f754
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-017-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 8px;
+ height: 96px;
+ margin-left: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-017.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-017.xht
new file mode 100644
index 0000000000..714e5fff5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-017.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-017-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 6pt solid red;
+ padding-right: 72pt;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 6pt solid black;
+ margin-right: -78pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-018.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-018.xht
new file mode 100644
index 0000000000..918918cd4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-018.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using points with a nominal value with a plus sign, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-017-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in points with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 6pt solid red;
+ padding-right: +72pt;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 6pt solid black;
+ margin-right: -78pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-023.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-023.xht
new file mode 100644
index 0000000000..e363aabce7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-023.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using picas with a minimum minus one value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-right' property handles a minimum minus one length value in picas." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: -1pc;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-024.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-024.xht
new file mode 100644
index 0000000000..5e4777d9b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-024.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using picas with a minimum value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a minimum length value in picas." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: 0pc;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-025-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-025-ref.xht
new file mode 100644
index 0000000000..992b1b086d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-025-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 16px;
+ height: 96px;
+ margin-left: 16px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-025.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-025.xht
new file mode 100644
index 0000000000..1c89240d1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-025.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using picas with a minimum plus one value, 1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-025-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a minimum plus one length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 1pc solid red;
+ padding-right: 1pc;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 1pc solid black;
+ margin-right: -2pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-026.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-026.xht
new file mode 100644
index 0000000000..a1ef19b94e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-026.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a negative zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: -0pc;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-027.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-027.xht
new file mode 100644
index 0000000000..7e706a791d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-027.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a positive zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: +0pc;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-028-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-028-ref.xht
new file mode 100644
index 0000000000..a5f1d3231e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-028-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 16px;
+ height: 96px;
+ margin-left: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-028.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-028.xht
new file mode 100644
index 0000000000..6589ec1f2a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-028.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-028-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 1pc solid red;
+ padding-right: 6pc;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 1pc solid black;
+ margin-right: -7pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-029.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-029.xht
new file mode 100644
index 0000000000..4acb9cdb23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-029.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using picas with a nominal value with a plus sign, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-028-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in picas with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 1pc solid red;
+ padding-right: +6pc;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 1pc solid black;
+ margin-right: -7pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-034.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-034.xht
new file mode 100644
index 0000000000..71b2b2a8b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-034.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using centimeters with a minimum minus one value, -1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-right' property handles a minimum minus one length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: -1cm;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-035.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-035.xht
new file mode 100644
index 0000000000..9945db3764
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-035.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using centimeters with a minimum value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a minimum length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: 0cm;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-036.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-036.xht
new file mode 100644
index 0000000000..261a88b167
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-036.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using centimeters with a minimum plus one value, 1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-left-036-ref.xht"/>
+ <meta name="assert" content="The 'padding-right' property handles a minimum plus one length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 50px;
+ width: 0;
+ }
+ .parent1
+ {
+ background: red;
+ min-width: 37px
+ }
+ .test1, .test2
+ {
+ padding-right: 1cm;
+ }
+ .test1
+ {
+ background: green;
+ }
+ .test2
+ {
+ background: red;
+ }
+ .child1
+ {
+ background: green;
+ position: relative;
+ width: 38px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div class="parent1">
+ <div class="test1"></div>
+ </div>
+ <div class="test2">
+ <div class="child1"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-037.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-037.xht
new file mode 100644
index 0000000000..417fff70d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-037.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a negative zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: -0cm;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-038.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-038.xht
new file mode 100644
index 0000000000..f7b50180f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-038.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a positive zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: +0cm;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-039-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-039-ref.xht
new file mode 100644
index 0000000000..41ebaa892b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-039-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ margin-left: 96px;
+ width: 96px;
+ }
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-039.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-039.xht
new file mode 100644
index 0000000000..19829bf773
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-039.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-039-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 2.54cm solid red;
+ padding-right: 2.54cm;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 2.54cm solid black;
+ margin-right: -5.08cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-040.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-040.xht
new file mode 100644
index 0000000000..9118bd8b16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-040.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using centimeters with a nominal value with a plus sign, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-039-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in centimeters with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 2.54cm solid red;
+ padding-right: +2.54cm;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 2.54cm solid black;
+ margin-right: -5.08cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-045.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-045.xht
new file mode 100644
index 0000000000..b1a1207a71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-045.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using millimeters with a minimum minus one value, -1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-right' property handles a minimum minus one length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: -1mm;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-046.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-046.xht
new file mode 100644
index 0000000000..a52902e253
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-046.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using millimeters with a minimum value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a minimum length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: 0mm;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-047.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-047.xht
new file mode 100644
index 0000000000..29d619a967
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-047.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using millimeters with a minimum plus one value, 1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-left-047-ref.xht"/>
+ <meta name="assert" content="The 'padding-right' property handles a minimum plus one length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 50px;
+ width: 0;
+ }
+ .parent1
+ {
+ background: red;
+ min-width: 3px
+ }
+ .test1, .test2
+ {
+ padding-right: 1mm;
+ }
+ .test1
+ {
+ background: green;
+ }
+ .test2
+ {
+ background: red;
+ }
+ .child1
+ {
+ background: green;
+ position: relative;
+ width: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div class="parent1">
+ <div class="test1"></div>
+ </div>
+ <div class="test2">
+ <div class="child1"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-048.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-048.xht
new file mode 100644
index 0000000000..b97559adda
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-048.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a negative zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: -0mm;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-049.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-049.xht
new file mode 100644
index 0000000000..9d59f7c011
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-049.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a positive zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: +0mm;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-050.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-050.xht
new file mode 100644
index 0000000000..ec2695a287
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-050.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-039-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 25.4mm solid red;
+ padding-right: 25.4mm;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 25.4mm solid black;
+ margin-right: -50.8mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-051.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-051.xht
new file mode 100644
index 0000000000..4ac8432e8a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-051.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using millimeters with a nominal value with a plus sign, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-039-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in millimeters with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 25.4mm solid red;
+ padding-right: +25.4mm;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 25.4mm solid black;
+ margin-right: -50.8mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-056.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-056.xht
new file mode 100644
index 0000000000..0b62f98361
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-056.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using inches with a minimum minus one value, -1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-right' property handles a minimum minus one length value in inches." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: -1in;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-057.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-057.xht
new file mode 100644
index 0000000000..1b843dc656
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-057.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using inches with a minimum value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a minimum length value in inches." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: 0in;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-058.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-058.xht
new file mode 100644
index 0000000000..be66ead114
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-058.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using inches with a minimum plus one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-039-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a minimum plus one length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 1in solid red;
+ padding-right: 1in;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 1in solid black;
+ margin-right: -2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-059.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-059.xht
new file mode 100644
index 0000000000..7114385f8e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-059.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a negative zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: -0in;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-060.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-060.xht
new file mode 100644
index 0000000000..497611c00a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-060.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a positive zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: +0in;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-061-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-061-ref.xht
new file mode 100644
index 0000000000..ac636e20f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-061-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 96px;
+ height: 96px;
+ margin-left: 288px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-061.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-061.xht
new file mode 100644
index 0000000000..093366f176
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-061.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using inches with a nominal value, 3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-061-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in inches." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ width: 0;
+ }
+ #div1
+ {
+ border-right: 1in solid red;
+ padding-right: 3in;
+ }
+ div div
+ {
+ border-right: 1in solid black;
+ margin-right: -4in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-062.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-062.xht
new file mode 100644
index 0000000000..4b11f6006c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-062.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using inches with a nominal value with a plus sign, +3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-061-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in inches with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ width: 0;
+ }
+ #div1
+ {
+ border-right: 1in solid red;
+ padding-right: +3in;
+ }
+ div div
+ {
+ border-right: 1in solid black;
+ margin-right: -4in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-067.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-067.xht
new file mode 100644
index 0000000000..cfe704b10a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-067.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using 'em' units with a minimum minus one value, -1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'padding-right' property handles a minimum minus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: -1em;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-068.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-068.xht
new file mode 100644
index 0000000000..6b2ed505f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-068.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using 'em' units with a minimum value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-right' property handles a minimum length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: 0em;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-069-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-069-ref.xht
new file mode 100644
index 0000000000..ef79648b85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-069-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 20px;
+ height: 96px;
+ margin-left: 20px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-069.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-069.xht
new file mode 100644
index 0000000000..75348b29b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-069.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using 'em' units with a minimum plus one value, 1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-069-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-right' property handles a minimum plus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 1em solid red;
+ padding-right: 1em;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 1em solid black;
+ margin-right: -2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-070.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-070.xht
new file mode 100644
index 0000000000..326e385e46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-070.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-right' property handles a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: -0em;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-071.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-071.xht
new file mode 100644
index 0000000000..f5bc69939b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-071.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-right' property handles a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: +0em;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-072-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-072-ref.xht
new file mode 100644
index 0000000000..fa4b1b0175
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-072-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 20px;
+ height: 96px;
+ margin-left: 120px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-072.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-072.xht
new file mode 100644
index 0000000000..f8a921be6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-072.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 1em solid red;
+ padding-right: 6em;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 1em solid black;
+ margin-right: -7em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-073.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-073.xht
new file mode 100644
index 0000000000..e8af303076
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-073.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using 'em' units with a nominal value with a plus sign, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in 'em' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ direction: rtl;
+ height: 1in;
+ width: 0;
+ }
+ #div1
+ {
+ border-right: 1em solid red;
+ padding-right: +6em;
+ }
+ div div
+ {
+ border-right: 1em solid black;
+ margin-right: -7em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-078.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-078.xht
new file mode 100644
index 0000000000..d230bb5110
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-078.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using 'ex' units with a minimum minus one value, -1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'padding-right' property handles a minimum minus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: -1ex;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-079.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-079.xht
new file mode 100644
index 0000000000..243440cbce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-079.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using 'ex' units with a minimum value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-right' property handles a minimum length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: 0ex;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-080-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-080-ref.xht
new file mode 100644
index 0000000000..9797a6337c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-080-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 32px;
+ height: 96px;
+ margin-left: 16px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-080.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-080.xht
new file mode 100644
index 0000000000..115fb36776
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-080.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using 'ex' units with a minimum plus one value, 1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-080-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-right' property handles a minimum plus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 2ex solid red;
+ padding-right: 1ex;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 2ex solid black;
+ margin-right: -3ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-081.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-081.xht
new file mode 100644
index 0000000000..3ba91a9d59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-081.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-right' property handles a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: -0ex;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-082.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-082.xht
new file mode 100644
index 0000000000..cd12960a10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-082.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-right' property handles a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: +0ex;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-083-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-083-ref.xht
new file mode 100644
index 0000000000..e304ea4f9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-083-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 32px;
+ height: 96px;
+ margin-left: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-083.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-083.xht
new file mode 100644
index 0000000000..4780496cb7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-083.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using 'ex' units with a nominal value, 6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-083-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 2ex solid red;
+ padding-right: 6ex;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 2ex solid black;
+ margin-right: -8ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-084.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-084.xht
new file mode 100644
index 0000000000..9f3500936c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-084.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using 'ex' units with a nominal value with a plus sign, +6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-083-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in 'ex' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px Ahem;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 2ex solid red;
+ padding-right: +6ex;
+ width: 0;
+ }
+ div div
+ {
+ border-right: 2ex solid black;
+ margin-right: -8ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-089-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-089-ref.xht
new file mode 100644
index 0000000000..c98d9eb7f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-089-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: orange solid 5px;
+ border-right: blue solid 5px;
+ height: 96px;
+ margin-left: 86px;
+ width: 0px;
+ }
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-089.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-089.xht
new file mode 100644
index 0000000000..cbffc2bb26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-089.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using percentage with a minimum minus one value, -1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-089-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-right' property handles a minimum minus one length value in percentage." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid blue;
+ padding-right: -1%;
+ }
+ #div2
+ {
+ border-right: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-090.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-090.xht
new file mode 100644
index 0000000000..1f453485f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-090.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using percentage with a minimum value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-089-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a minimum length value in percentage." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid blue;
+ padding-right: 0%;
+ }
+ #div2
+ {
+ border-right: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-091-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-091-ref.xht
new file mode 100644
index 0000000000..ab8916422b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-091-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-left: black solid 10px;
+ height: 96px;
+ margin-left: 190px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-091.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-091.xht
new file mode 100644
index 0000000000..5e28cb56d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-091.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using percentage with a minimum plus one value, 1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-091-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a minimum plus one length value in percentage." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ width: 200px;
+ }
+ #div1
+ {
+ border-right: 10px solid red;
+ padding-right: 1%;
+ }
+ #div2
+ {
+ border-right: 10px solid black;
+ margin-right: -12px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-092.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-092.xht
new file mode 100644
index 0000000000..be0b43979f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-092.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using percentage with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-089-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a negative zero length value in percentage." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid blue;
+ padding-right: -0%;
+ }
+ #div2
+ {
+ border-right: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-093.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-093.xht
new file mode 100644
index 0000000000..8c7ecc744d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-093.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using percentage with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-089-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a positive zero length value in percentage." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid blue;
+ padding-right: +0%;
+ }
+ #div2
+ {
+ border-right: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-094.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-094.xht
new file mode 100644
index 0000000000..8f11b4a27b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-094.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using percentage with a nominal value, 50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-039-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in percentage." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ width: 2in;
+ }
+ #div1
+ {
+ border-right: 1in solid red;
+ padding-right: 50%;
+ }
+ #div2
+ {
+ border-right: 1in solid black;
+ margin-right: -2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-095.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-095.xht
new file mode 100644
index 0000000000..334fb01454
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-095.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using percentage with a nominal value with a plus sign, +50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-039-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a nominal length value in percentage with a plus sign." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #wrapper
+ {
+ width: 2in;
+ }
+ #div1
+ {
+ border-right: 1in solid red;
+ padding-right: +50%;
+ }
+ #div2
+ {
+ border-right: 1in solid black;
+ margin-right: -2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-100.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-100.xht
new file mode 100644
index 0000000000..6b6cf5f57b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-100.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right with a negative zero value and no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a negative zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: -0;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-101.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-101.xht
new file mode 100644
index 0000000000..646712c581
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-101.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right with a zero value and no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: 0;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-102.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-102.xht
new file mode 100644
index 0000000000..5f49916b8e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-102.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right with a positive zero value and no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-004-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles a positive zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ padding-right: +0;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-103.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-103.xht
new file mode 100644
index 0000000000..e334a23c36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-103.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right using the 'inherit' value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-right-017-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property handles the 'inherit' value." />
+ <style type="text/css">
+ div
+ {
+ height: 96px;
+ }
+ #wrapper
+ {
+ padding-right: 96px;
+ width: 50px;
+ }
+ #div1
+ {
+ border-right: 8px solid red;
+ padding-right: inherit;
+ }
+ #div2
+ {
+ border-right: 8px solid black;
+ margin-right: -104px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-001.xht
new file mode 100644
index 0000000000..064a20aa0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-001.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property does not apply to elements with a display of table-row-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #test
+ {
+ display: table-row-group;
+ padding-right: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-right: 10px solid blue;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-002.xht
new file mode 100644
index 0000000000..cc90783b79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-002.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property does not apply to elements with a display of table-header-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #test
+ {
+ display: table-header-group;
+ padding-right: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-right: 10px solid blue;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-003.xht
new file mode 100644
index 0000000000..c6f64bfd89
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-003.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property does not apply to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #test
+ {
+ display: table-footer-group;
+ padding-right: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-right: 10px solid blue;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-004.xht
new file mode 100644
index 0000000000..b9d8dba160
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-004.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property does not apply to elements with a display of table-row." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ padding-right: 50px;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-right: 10px solid blue;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-005.xht
new file mode 100644
index 0000000000..eb83d114f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-005.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property does not apply to elements with a display of table-column-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #test
+ {
+ display: table-column-group;
+ padding-right: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-right: 10px solid blue;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-006.xht
new file mode 100644
index 0000000000..c40566ecd8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-006.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property does not apply to elements with a display of table-column." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #test
+ {
+ display: table-column;
+ padding-right: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-right: 10px solid blue;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-007.xht
new file mode 100644
index 0000000000..23dec69789
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-007.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-right: 10px solid orange;
+ display: table-cell;
+ padding-right: 50px;
+ }
+ #cell div
+ {
+ border-right: 10px solid blue;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-008.xht
new file mode 100644
index 0000000000..3e6cbd244d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-008.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <meta name="assert" content="The 'padding-right' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ }
+ #div1
+ {
+ border-right: 5px solid blue;
+ padding-right: 50px;
+ }
+ div div
+ {
+ border-right: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-009.xht
new file mode 100644
index 0000000000..7da7cff80e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-009.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property applies to elements with a display of block." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ }
+ span
+ {
+ display: block;
+ height: 200px;
+ }
+ #span1
+ {
+ border-right: 10px solid orange;
+ padding-right: 50px;
+ }
+ span span
+ {
+ border-right: 10px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div>
+ <span id="span1">
+ <span></span>
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-010.xht
new file mode 100644
index 0000000000..40f36b1fb5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-010.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <meta name="assert" content="The 'padding-right' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ height: 200px;
+ }
+ #div1
+ {
+ border-right: 10px solid blue;
+ display: list-item;
+ margin-left: 2em;
+ padding-right: 50px;
+ width: 10px;
+ }
+ div div
+ {
+ border-right: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines and there is a marker bullet on the left-hand side of the lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-012.xht
new file mode 100644
index 0000000000..543d350b99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-012.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ height: 200px;
+ display: inline-block;
+ }
+ #div1
+ {
+ border-right: 10px solid orange;
+ padding-right: 50px;
+ }
+ div div
+ {
+ border-right: 10px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-013.xht
new file mode 100644
index 0000000000..5de3e8b15c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-013.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property applies to elements with a display of table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #table
+ {
+ display: table;
+ padding-right: 50px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-right: 10px solid blue;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-014.xht
new file mode 100644
index 0000000000..3a172ffb0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-014.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-right: 10px solid orange;
+ float: left;
+ }
+ #table
+ {
+ display: inline-table;
+ padding-right: 50px;
+ vertical-align: top;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-right: 10px solid blue;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-015.xht
new file mode 100644
index 0000000000..f8c9a6d3d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-right-applies-to-015.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-right applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-left-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding-right' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-right: 10px solid orange;
+ display: table-caption;
+ padding-right: 50px;
+ }
+ #test div
+ {
+ border-right: 10px solid blue;
+ height: 200px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="table">
+ <div id="test">
+ <div></div>
+ </div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-shorthand-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-shorthand-001.xht
new file mode 100644
index 0000000000..b53cad102d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-shorthand-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding shorthand - One value application to all sides</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-shorthand-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Applying a single value to the padding property replicates it to all sides of the element." />
+ <style type="text/css">
+ #div1
+ {
+ background: url('support/shorthand-001.png') -5px;
+ border: 5px green solid;
+ padding: 20px;
+ width: 160px;
+ }
+ div div
+ {
+ background: green;
+ height: 160px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-shorthand-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-shorthand-002.xht
new file mode 100644
index 0000000000..078b58a4f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-shorthand-002.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding shorthand - two values application top, bottom and left, right</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-shorthand-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Applying two values to the padding property applies the first value to the top and bottom and the second to the left and right." />
+ <style type="text/css">
+ #div1
+ {
+ background: url('support/shorthand-002.png') -5px;
+ border: 5px green solid;
+ padding: 10px 50px;
+ width: 100px;
+ }
+ div div
+ {
+ background: green;
+ height: 160px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-shorthand-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-shorthand-003.xht
new file mode 100644
index 0000000000..83820a2f1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-shorthand-003.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding shorthand - three values application top and left, right and bottom</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-shorthand-003-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Applying three values to the padding property applies the first value to the top the second value to the left and right and the third value to the bottom." />
+ <style type="text/css">
+ #div1
+ {
+ background: url('support/shorthand-003.png') -5px;
+ border: 5px green solid;
+ padding: 5px 20px 50px;
+ width: 160px;
+ }
+ div div
+ {
+ background: green;
+ height: 160px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-shorthand-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-shorthand-004.xht
new file mode 100644
index 0000000000..36181dbf3d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-shorthand-004.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding shorthand - Four values application top, left, right, bottom</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-shorthand-003-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Applying four values to the padding property applies the values top, right, bottom, left, respectively." />
+ <style type="text/css">
+ #div1
+ {
+ background: url('support/shorthand-004.png') -5px;
+ border: 5px green solid;
+ padding: 5px 20px 50px 100px;
+ width: 80px;
+ }
+ div div
+ {
+ background: green;
+ height: 160px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-001.xht
new file mode 100644
index 0000000000..4b5db15a48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using pixels with a minimum minus one value, -1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-top' property handles a minimum minus one length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -1px;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-002.xht
new file mode 100644
index 0000000000..9c6eaa520c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using pixels with a minimum value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a minimum length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: 0px;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-003.xht
new file mode 100644
index 0000000000..8bbfcdf06d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-003.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using pixels with a minimum plus one value, 1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-007-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a minimum plus one length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 2px solid red;
+ padding-top: 1px;
+ }
+ #div2
+ {
+ border-bottom: 2px solid black;
+ margin-top: -3px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-004.xht
new file mode 100644
index 0000000000..7ae654e336
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-004.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a negative zero length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -0px;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-005.xht
new file mode 100644
index 0000000000..c34e338861
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-005.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a positive zero length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: +0px;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-006.xht
new file mode 100644
index 0000000000..16dee77f39
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-006.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-007-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 2px solid red;
+ padding-top: 96px;
+ }
+ #div2
+ {
+ border-bottom: 2px solid black;
+ margin-top: -98px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-007.xht
new file mode 100644
index 0000000000..bf0387b1b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-007.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using pixels with a nominal value with a plus sign, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-007-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in pixels with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 2px solid red;
+ padding-top: +96px;
+ }
+ #div2
+ {
+ border-bottom: 2px solid black;
+ margin-top: -98px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-012.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-012.xht
new file mode 100644
index 0000000000..87b44ee12f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-012.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using points with a minimum minus one value, -1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-top' property handles a minimum minus one length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -1pt;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-013.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-013.xht
new file mode 100644
index 0000000000..c4d223c7df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-013.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using points with a minimum value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a minimum length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: 0pt;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-014.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-014.xht
new file mode 100644
index 0000000000..ba4ba93f4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-014.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using points with a minimum plus one value, 1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a minimum plus one length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 72pt solid red;
+ padding-top: 1pt;
+ }
+ #div2
+ {
+ border-bottom: 72pt solid black;
+ margin-top: -73pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-015.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-015.xht
new file mode 100644
index 0000000000..88075b88fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-015.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a negative zero length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -0pt;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-016.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-016.xht
new file mode 100644
index 0000000000..0560ed9d31
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-016.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a positive zero length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: +0pt;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-017.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-017.xht
new file mode 100644
index 0000000000..d170fbe729
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-017.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-019-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 6pt solid red;
+ padding-top: 72pt;
+ }
+ #div2
+ {
+ border-bottom: 6pt solid black;
+ margin-top: -78pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-018.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-018.xht
new file mode 100644
index 0000000000..0e019bef68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-018.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using points with a nominal value with a plus sign, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-019-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in points with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 6pt solid red;
+ padding-top: +72pt;
+ }
+ #div2
+ {
+ border-bottom: 6pt solid black;
+ margin-top: -78pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-023.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-023.xht
new file mode 100644
index 0000000000..a5317b0228
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-023.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using picas with a minimum minus one value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-top' property handles a minimum minus one length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -1pc;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-024.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-024.xht
new file mode 100644
index 0000000000..fc82fc181f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-024.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using picas with a minimum value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a minimum length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: 0pc;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-025.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-025.xht
new file mode 100644
index 0000000000..8e2a4f8d76
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-025.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using picas with a minimum plus one value, 1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-031-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a minimum plus one length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1pc solid red;
+ padding-top: 1pc;
+ }
+ #div2
+ {
+ border-bottom: 1pc solid black;
+ margin-top: -2pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-026.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-026.xht
new file mode 100644
index 0000000000..f4f1c04a7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-026.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a negative zero length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -0pc;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-027.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-027.xht
new file mode 100644
index 0000000000..f5f24da22b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-027.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a positive zero length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: +0pc;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-028.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-028.xht
new file mode 100644
index 0000000000..10ab6625b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-028.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-031-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1pc solid red;
+ padding-top: 6pc;
+ }
+ #div2
+ {
+ border-bottom: 1pc solid black;
+ margin-top: -7pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-029.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-029.xht
new file mode 100644
index 0000000000..7cb22be7a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-029.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using picas with a nominal value with a plus sign, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-031-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in picas with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1pc solid red;
+ padding-top: +6pc;
+ }
+ #div2
+ {
+ border-bottom: 1pc solid black;
+ margin-top: -7pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-034.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-034.xht
new file mode 100644
index 0000000000..a99427a3e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-034.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using centimeters with a minimum minus one value, -1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-top' property handles a minimum minus one length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -1cm;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-035.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-035.xht
new file mode 100644
index 0000000000..15c5eb7796
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-035.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using centimeters with a minimum value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a minimum length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: 0cm;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-036.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-036.xht
new file mode 100644
index 0000000000..71bb43c4de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-036.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using centimeters with a minimum plus one value, 1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <meta name="assert" content="The 'padding-top' property handles a minimum plus one length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ width: 50px;
+ }
+ .parent1
+ {
+ background: red;
+ min-height: 37px
+ }
+ .test1, .test2
+ {
+ padding-top: 1cm;
+ }
+ .test1
+ {
+ background: green;
+ }
+ .test2
+ {
+ background: red;
+ }
+ .child1
+ {
+ background: green;
+ height: 38px;
+ margin-top: -1cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div class="parent1">
+ <div class="test1"></div>
+ </div>
+ <br />
+ <div class="test2">
+ <div class="child1"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-037.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-037.xht
new file mode 100644
index 0000000000..2b8ebc610d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-037.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a negative zero length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -0cm;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-038.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-038.xht
new file mode 100644
index 0000000000..e41d129749
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-038.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a positive zero length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: +0cm;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-039.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-039.xht
new file mode 100644
index 0000000000..b52d110f4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-039.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 2.54cm solid red;
+ padding-top: 2.54cm;
+ }
+ #div2
+ {
+ border-bottom: 2.54cm solid black;
+ margin-top: -5.08cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-040.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-040.xht
new file mode 100644
index 0000000000..ca99e58de2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-040.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using centimeters with a nominal value with a plus sign, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in centimeters with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 2.54cm solid red;
+ padding-top: +2.54cm;
+ }
+ #div2
+ {
+ border-bottom: 2.54cm solid black;
+ margin-top: -5.08cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-045.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-045.xht
new file mode 100644
index 0000000000..6cb435e37b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-045.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using millimeters with a minimum minus one value, -1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-top' property handles a minimum minus one length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -1mm;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-046.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-046.xht
new file mode 100644
index 0000000000..348db0eabe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-046.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using millimeters with a minimum value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a minimum length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: 0mm;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-047.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-047.xht
new file mode 100644
index 0000000000..d66dc2fd5a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-047.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using millimeters with a minimum plus one value, 1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <meta name="assert" content="The 'padding-top' property handles a minimum plus one length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ width: 50px;
+ }
+ .parent1
+ {
+ background: red;
+ min-height: 3px
+ }
+ .test1, .test2
+ {
+ padding-top: 1mm;
+ }
+ .test1
+ {
+ background: green;
+ }
+ .test2
+ {
+ background: red;
+ }
+ .child1
+ {
+ background: green;
+ height: 4px;
+ margin-top: -1mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div class="parent1">
+ <div class="test1"></div>
+ </div>
+ <br />
+ <div class="test2">
+ <div class="child1"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-048.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-048.xht
new file mode 100644
index 0000000000..7a19528560
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-048.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a negative zero length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -0mm;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-049.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-049.xht
new file mode 100644
index 0000000000..4521515e65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-049.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a positive zero length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: +0mm;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-050.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-050.xht
new file mode 100644
index 0000000000..51aabd4829
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-050.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 25.4mm solid red;
+ padding-top: 25.4mm;
+ }
+ #div2
+ {
+ border-bottom: 25.4mm solid black;
+ margin-top: -50.8mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-051.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-051.xht
new file mode 100644
index 0000000000..27ef8d7ebd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-051.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using millimeters with a nominal value with a plus sign, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in millimeters with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 25.4mm solid red;
+ padding-top: +25.4mm;
+ }
+ #div2
+ {
+ border-bottom: 25.4mm solid black;
+ margin-top: -50.8mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-056.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-056.xht
new file mode 100644
index 0000000000..abbe774e49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-056.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using inches with a minimum minus one value, -1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-top' property handles a minimum minus one length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -1in;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-057.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-057.xht
new file mode 100644
index 0000000000..141b2a4f6a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-057.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using inches with a minimum value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a minimum length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: 0in;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-058.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-058.xht
new file mode 100644
index 0000000000..b06aad202d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-058.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using inches with a minimum plus one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a minimum plus one length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1in solid red;
+ padding-top: 1in;
+ }
+ #div2
+ {
+ border-bottom: 1in solid black;
+ margin-top: -2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-059.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-059.xht
new file mode 100644
index 0000000000..079e7f25d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-059.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a negative zero length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -0in;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-060.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-060.xht
new file mode 100644
index 0000000000..5cf203b0a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-060.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a positive zero length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: +0in;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-061.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-061.xht
new file mode 100644
index 0000000000..297c43555b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-061.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using inches with a nominal value, 2in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1in solid red;
+ padding-top: 2in;
+ }
+ #div2
+ {
+ border-bottom: 1in solid black;
+ margin-top: -3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-062.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-062.xht
new file mode 100644
index 0000000000..1d24a82b32
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-062.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using inches with a nominal value with a plus sign, +2in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-043-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in inches with a plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1in solid red;
+ padding-top: +2in;
+ }
+ #div2
+ {
+ border-bottom: 1in solid black;
+ margin-top: -3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-067.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-067.xht
new file mode 100644
index 0000000000..bd01846cf0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-067.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using 'em' units with a minimum minus one value, -1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'padding-top' property handles a minimum minus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -1em;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-068.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-068.xht
new file mode 100644
index 0000000000..7679ece32b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-068.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using 'em' units with a minimum value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-top' property handles a minimum length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: 0em;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-069.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-069.xht
new file mode 100644
index 0000000000..1201441d08
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-069.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using 'em' units with a minimum plus one value, 1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-top' property handles a minimum plus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 1em solid red;
+ padding-top: 1em;
+ }
+ #div2
+ {
+ border-bottom: 1em solid black;
+ margin-top: -2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-070.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-070.xht
new file mode 100644
index 0000000000..4cee7eb715
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-070.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-top' property handles a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -0em;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-071.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-071.xht
new file mode 100644
index 0000000000..32a3a33232
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-071.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-top' property handles a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: +0em;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-072.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-072.xht
new file mode 100644
index 0000000000..91b5197c6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-072.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 1em solid red;
+ padding-top: 6em;
+ }
+ #div2
+ {
+ border-bottom: 1em solid black;
+ margin-top: -7em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-073.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-073.xht
new file mode 100644
index 0000000000..7e0dfd3d72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-073.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using 'em' units with a nominal value with a plus sign, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in 'em' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 1em solid red;
+ padding-top: +6em;
+ }
+ #div2
+ {
+ border-bottom: 1em solid black;
+ margin-top: -7em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-078.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-078.xht
new file mode 100644
index 0000000000..04e40d6f84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-078.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using 'ex' units with a minimum minus one value, -1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'padding-top' property handles a minimum minus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -1ex;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-079.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-079.xht
new file mode 100644
index 0000000000..e8ee3606ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-079.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using 'ex' units with a minimum value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-top' property handles a minimum length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: 0ex;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-080.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-080.xht
new file mode 100644
index 0000000000..2ab113a5a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-080.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using 'ex' units with a minimum plus one value, 1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-031-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-top' property handles a minimum plus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 1ex solid red;
+ padding-top: 1ex;
+ }
+ #div2
+ {
+ border-bottom: 1ex solid black;
+ margin-top: -2ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-081.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-081.xht
new file mode 100644
index 0000000000..71932ec4fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-081.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-top' property handles a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -0ex;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-082.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-082.xht
new file mode 100644
index 0000000000..da2afd6094
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-082.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-top' property handles a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: +0ex;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-083.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-083.xht
new file mode 100644
index 0000000000..3ecf9cc931
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-083.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using 'ex' units with a nominal value, 6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-031-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 1ex solid red;
+ padding-top: 6ex;
+ }
+ #div2
+ {
+ border-bottom: 1ex solid black;
+ margin-top: -7ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-084.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-084.xht
new file mode 100644
index 0000000000..4ba9db81f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-084.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using 'ex' units with a nominal value with a plus sign, +6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-031-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in 'ex' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ border-top: 1ex solid red;
+ padding-top: +6ex;
+ }
+ #div2
+ {
+ border-bottom: 1ex solid black;
+ margin-top: -7ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-089.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-089.xht
new file mode 100644
index 0000000000..cb0528837c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-089.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using percentage with a minimum minus one value, -1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-bottom-100-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'padding-top' property handles a minimum minus one length value in percentage." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -1%;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-090.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-090.xht
new file mode 100644
index 0000000000..3d9400fbd7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-090.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using percentage with a minimum value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-bottom-100-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a minimum length value in percentage." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: 0%;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-091-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-091-ref.xht
new file mode 100644
index 0000000000..7980753a53
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-091-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-top: black solid 10px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-091.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-091.xht
new file mode 100644
index 0000000000..e091557d07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-091.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using percentage with a minimum plus one value, 1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-top-091-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a minimum plus one length value in percentage." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 200px;
+ }
+ #div1
+ {
+ border-top: 10px solid red;
+ padding-top: 1%;
+ }
+ #div2
+ {
+ border-bottom: 10px solid black;
+ margin-top: -12px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-092.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-092.xht
new file mode 100644
index 0000000000..59a4c7e2fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-092.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using percentage with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-bottom-100-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a negative zero length value in percentage." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -0%;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-093.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-093.xht
new file mode 100644
index 0000000000..89e1cc83e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-093.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using percentage with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-bottom-100-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a positive zero length value in percentage." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: +0%;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-094.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-094.xht
new file mode 100644
index 0000000000..f91b8146f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-094.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using percentage with a nominal value, 50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-103-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in percentage." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 2in;
+ }
+ #div1
+ {
+ border-top: 1in solid red;
+ padding-top: 50%;
+ }
+ #div2
+ {
+ border-bottom: 1in solid black;
+ margin-top: -2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-095.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-095.xht
new file mode 100644
index 0000000000..c9ffe4766b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-095.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using percentage with a nominal value with a plus sign, +50%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-103-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a nominal length value in percentage with a plus sign." />
+ <style type="text/css">
+ #wrapper
+ {
+ width: 2in;
+ }
+ #div1
+ {
+ border-top: 1in solid red;
+ padding-top: +50%;
+ }
+ #div2
+ {
+ border-bottom: 1in solid black;
+ margin-top: -2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-100.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-100.xht
new file mode 100644
index 0000000000..cfb63c36c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-100.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top with a negative zero value and no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a negative zero length value with no units." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: -0;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-101.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-101.xht
new file mode 100644
index 0000000000..932b911422
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-101.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top with a zero value and no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a zero length value with no units." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: 0;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-102.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-102.xht
new file mode 100644
index 0000000000..0d2930f517
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-102.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top with a positive zero value and no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles a positive zero length value with no units." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: +0;
+ }
+ #div2
+ {
+ border-bottom: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-103-ref.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-103-ref.xht
new file mode 100644
index 0000000000..bf144a4f80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-103-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-top: black solid 96px;
+ margin-top: 112px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-103.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-103.xht
new file mode 100644
index 0000000000..d7162a0c40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-103.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top using the 'inherit' value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="padding-top-103-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property handles the 'inherit' value." />
+ <style type="text/css">
+ #wrapper
+ {
+ padding-top: 1in;
+ }
+ #div1
+ {
+ border-top: 1in solid red;
+ padding-top: inherit;
+ }
+ #div2
+ {
+ border-bottom: 1in solid black;
+ margin-top: -2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-001.xht
new file mode 100644
index 0000000000..a97620f9bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-001.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property does not apply to elements with a display of table-row-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #test
+ {
+ display: table-row-group;
+ padding-top: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-top: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-002.xht
new file mode 100644
index 0000000000..bf11834db0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-002.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property does not apply to elements with a display of table-header-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #test
+ {
+ display: table-header-group;
+ padding-top: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-top: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-003.xht
new file mode 100644
index 0000000000..5f84f072ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-003.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property does not apply to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #test
+ {
+ display: table-footer-group;
+ padding-top: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-top: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-004.xht
new file mode 100644
index 0000000000..404e7b18f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-004.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property does not apply to elements with a display of table-row." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ padding-top: 50px;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-top: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-005.xht
new file mode 100644
index 0000000000..0d014ddfb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-005.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property does not apply to elements with a display of table-column-group." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #test
+ {
+ display: table-column-group;
+ padding-top: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-top: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-006.xht
new file mode 100644
index 0000000000..82ba6a1601
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-006.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property does not apply to elements with a display of table-column." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #test
+ {
+ display: table-column;
+ padding-top: 50px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-top: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-007.xht
new file mode 100644
index 0000000000..7c8da679ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-007.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-applies-to-012-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border-top: 10px solid blue;
+ display: table-cell;
+ padding-top: 50px;
+ }
+ #cell div
+ {
+ border-top: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-008.xht
new file mode 100644
index 0000000000..7302f33f0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-008.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <meta name="assert" content="The 'padding-top' property applies to elements with a display of inline." />
+ <style type="text/css">
+ p
+ {
+ margin-bottom: 100px;
+ }
+ div
+ {
+ display: inline;
+ }
+ #div1
+ {
+ border-top: 5px solid blue;
+ padding-top: 50px;
+ }
+ div div
+ {
+ border-top: 5px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-009.xht
new file mode 100644
index 0000000000..c743a8fa20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-009.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-bottom-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ }
+ #span1
+ {
+ border-top: 10px solid orange;
+ padding-top: 50px;
+ }
+ span span
+ {
+ border-top: 10px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div>
+ <span id="span1">
+ <span></span>
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-010.xht
new file mode 100644
index 0000000000..2ca791d3fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-010.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <meta name="assert" content="The 'padding-top' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ width: 200px;
+ }
+ #div1
+ {
+ border-top: 10px solid blue;
+ display: list-item;
+ margin-left: 2em;
+ padding-top: 50px;
+ }
+ div div
+ {
+ border-top: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines and there is a marker bullet on the left-hand side of the lines. (Note the marker bullet does not need to be aligned with either line.)</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-012.xht
new file mode 100644
index 0000000000..a050ba3fce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-012.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-applies-to-012-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ width: 200px;
+ }
+ #div1
+ {
+ border-top: 10px solid blue;
+ display: inline-block;
+ padding-top: 50px;
+ }
+ div div
+ {
+ border-top: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-013.xht
new file mode 100644
index 0000000000..a8296ad0b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-013.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-applies-to-013-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property applies to elements with a display of table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #table
+ {
+ display: table;
+ padding-top: 50px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-top: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-014.xht
new file mode 100644
index 0000000000..4759548cfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-014.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-applies-to-013-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #wrapper
+ {
+ border-top: 10px solid blue;
+ }
+ #table
+ {
+ display: inline-table;
+ padding-top: 50px;
+ vertical-align: top;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #cell div
+ {
+ border-top: 10px solid orange;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="wrapper">
+ <div id="table">
+ <div id="row">
+ <div id="cell">
+ <div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-015.xht
new file mode 100644
index 0000000000..5b5c13f0f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/padding-top-applies-to-015.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Padding-top applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="margin-top-applies-to-012-ref.xht" />
+
+ <meta name="assert" content="The 'padding-top' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ border-top: 10px solid blue;
+ display: table-caption;
+ padding-top: 50px;
+ }
+ #test div
+ {
+ border-top: 10px solid orange;
+ width: 200px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is space between the blue and orange lines.</p>
+ <div id="table">
+ <div id="test">
+ <div></div>
+ </div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/100x100-lime.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/100x100-lime.png
new file mode 100644
index 0000000000..1b94770080
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/100x100-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/100x100-red.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/100x100-red.png
new file mode 100644
index 0000000000..57bf3ddc52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/100x100-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/diamond.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/green15x15.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-border-padding-002.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-border-padding-002.png
new file mode 100644
index 0000000000..fa6b209fda
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-border-padding-002.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-collapse-013.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-collapse-013.png
new file mode 100644
index 0000000000..ee9ad109fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-collapse-013.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-collapse-020.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-collapse-020.png
new file mode 100644
index 0000000000..7af2130310
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-collapse-020.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-collapse-2em-space.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-collapse-2em-space.png
new file mode 100644
index 0000000000..2c381ef4dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-collapse-2em-space.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-collapse-4em-space.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-collapse-4em-space.png
new file mode 100644
index 0000000000..dc338c0bfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/margin-collapse-4em-space.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/ring.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/shorthand-001.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/shorthand-001.png
new file mode 100644
index 0000000000..8a80e8d289
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/shorthand-001.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/shorthand-002.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/shorthand-002.png
new file mode 100644
index 0000000000..39de6b8ada
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/shorthand-002.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/shorthand-003.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/shorthand-003.png
new file mode 100644
index 0000000000..3dfb19cb23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/shorthand-003.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/shorthand-004.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/shorthand-004.png
new file mode 100644
index 0000000000..e4cd56d23c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/shorthand-004.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/margin-padding-clear/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-001.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-001.xht
new file mode 100644
index 0000000000..dbef307964
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @media and target mediums</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="@media with a target medium applies styles on that target medium (screen)." />
+ <style type="text/css">
+ @media screen
+ {
+ div
+ {
+ color: green;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-002.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-002.xht
new file mode 100644
index 0000000000..e63fc5c251
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-002.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @import and target mediums</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="@media with a target medium applies styles on that target medium (screen)." />
+ <style type="text/css">
+ @import url("support/media-dependency-green.css") screen;
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-003.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-003.xht
new file mode 100644
index 0000000000..d5bc9496ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-003.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Link tags and target mediums</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Link with a target medium applies styles on that target medium (screen)." />
+ <link rel="stylesheet" type="text/css" media="screen" href="support/media-dependency-green.css" />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-004.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-004.xht
new file mode 100644
index 0000000000..b8b909daf0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-004.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Case-insensitive media types</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Media types are case-insensitive." />
+ <style type="text/css">
+ @import url("support/media-dependency-green.css") ScReEn;
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-005.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-005.xht
new file mode 100644
index 0000000000..c7eea0c173
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-005.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Ignoring bad media types with @import</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="User agent ignores media types it does not understand with @import." />
+ <style type="text/css">
+ @import url("support/media-dependency-green.css") foo, bar, screen;
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-006.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-006.xht
new file mode 100644
index 0000000000..3dd7d4440d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-006.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Ignoring bad media types with @media</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="User agent ignores media types it does not understand with @media." />
+ <style type="text/css">
+ @media foo, bar, screen
+ {
+ div
+ {
+ color: green;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-007.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-007.xht
new file mode 100644
index 0000000000..3a72aa303b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-007.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The @media block does not apply because it does not match the target medium." />
+ <style type="text/css">
+ @media print
+ {
+ div
+ {
+ color: red;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-008.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-008.xht
new file mode 100644
index 0000000000..6f150ddf77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-008.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums and @import</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The @import command does not apply because it does not match the target medium." />
+ <style type="text/css">
+ @import url("support/media-dependency-red.css") print;
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-009.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-009.xht
new file mode 100644
index 0000000000..2272f81171
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-009.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Matching the 'All' target medium</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The 'all' media type applies to the screen medium." />
+ <style type="text/css">
+ @media all
+ {
+ div
+ {
+ color: green;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-010.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-010.xht
new file mode 100644
index 0000000000..642725dd4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-010.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums (braille)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'braille' media type does not apply to the screen medium." />
+ <style type="text/css">
+ @media braille
+ {
+ div
+ {
+ color: red;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-011.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-011.xht
new file mode 100644
index 0000000000..37245e1c06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-011.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums (embossed)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'embossed' media type does not apply to the screen medium." />
+ <style type="text/css">
+ @media embossed
+ {
+ div
+ {
+ color: red;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-012.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-012.xht
new file mode 100644
index 0000000000..d67320f1fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-012.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums (handheld)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'handheld' media type does not apply to the screen medium." />
+ <style type="text/css">
+ @media handheld
+ {
+ div
+ {
+ color: red;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-013.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-013.xht
new file mode 100644
index 0000000000..c64593c577
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-013.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums (projection)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'projection' media type does not apply to the screen medium." />
+ <style type="text/css">
+ @media projection
+ {
+ div
+ {
+ color: red;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-014.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-014.xht
new file mode 100644
index 0000000000..ccea54a6b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-014.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums (speech)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'speech' media type does not apply to the screen medium." />
+ <style type="text/css">
+ @media speech
+ {
+ div
+ {
+ color: red;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-015.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-015.xht
new file mode 100644
index 0000000000..498d0ad84b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-015.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums (tty)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'tty' media type does not apply to the screen medium." />
+ <style type="text/css">
+ @media tty
+ {
+ div
+ {
+ color: red;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-016.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-016.xht
new file mode 100644
index 0000000000..816f642aa1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-016.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums (tv)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'tv' media type does not apply to the screen medium." />
+ <style type="text/css">
+ @media tv
+ {
+ div
+ {
+ color: red;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-017.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-017.xht
new file mode 100644
index 0000000000..e570e5e2a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-017.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Multiple target mediums</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="An '@media' rule specifies the target media types separated by commas." />
+ <style type="text/css">
+ @media screen, print
+ {
+ div
+ {
+ color: green;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/media/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/media/support/diamond.png b/testing/web-platform/tests/css/CSS2/media/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/media/support/green15x15.png b/testing/web-platform/tests/css/CSS2/media/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/media/support/media-dependency-green.css b/testing/web-platform/tests/css/CSS2/media/support/media-dependency-green.css
new file mode 100644
index 0000000000..1274411ed0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/media-dependency-green.css
@@ -0,0 +1,4 @@
+div
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/support/media-dependency-red.css b/testing/web-platform/tests/css/CSS2/media/support/media-dependency-red.css
new file mode 100644
index 0000000000..747d0b7193
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/media-dependency-red.css
@@ -0,0 +1,4 @@
+div
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/media/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/media/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/media/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/media/support/ring.png b/testing/web-platform/tests/css/CSS2/media/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/media/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/media/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/auto-margins-root-element.html b/testing/web-platform/tests/css/CSS2/normal-flow/auto-margins-root-element.html
new file mode 100644
index 0000000000..8d9aaf443a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/auto-margins-root-element.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#blockwidth">
+<style>
+ html {
+ width: 100px;
+ margin-left: auto;
+ }
+ body { /* Just to make testharness display nicely. */
+ position: absolute;
+ left: 0;
+ right: 0;
+ }
+</style>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+ test(()=> {
+ var viewport_width = window.innerWidth;
+ var html = document.documentElement;
+ assert_equals(html.offsetLeft, viewport_width - 100);
+ }, "Root element auto margins resolve");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-001.xht
new file mode 100644
index 0000000000..9f0d3750d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block formatting context auto height with floats and bottom margins</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#root-height" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The auto height of a block formatting context element is computed by accounting for bottom-margins of floated content which would otherwise be below the bottom edge of that element." />
+ <style type="text/css">
+ #container
+ {
+ width: 96px;
+ height: auto;
+ background: black;
+ position: absolute;
+ }
+ #float
+ {
+ float: left;
+ margin-bottom: 48px;
+ height: 48px;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="container">
+ <div id="float"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-002.xht
new file mode 100644
index 0000000000..329680e03a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-002.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block formatting context auto height with floated descendants of the normal flow and bottom margins</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#root-height" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The auto height of a block formatting context element is computed by accounting for bottom-margins of floated content descendents in the normal flow which would otherwise be below the bottom edge of that element." />
+ <style type="text/css">
+ #container
+ {
+ width: 96px;
+ height: auto;
+ background: black;
+ position: absolute;
+ }
+ #float
+ {
+ float: left;
+ margin-bottom: 48px;
+ height: 48px;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="container">
+ <div>
+ <div id="float"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-003-ref.xht
new file mode 100644
index 0000000000..fb3b0b9b80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-003-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 50px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a black rectangle which is wider than it is tall.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-003.xht
new file mode 100644
index 0000000000..2dd9652b40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-003.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block formatting context auto height with floated descendants outside the normal flow and bottom margins</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#root-height" />
+ <link rel="match" href="block-formatting-context-height-003-ref.xht" />
+
+ <meta name="assert" content="The auto height of a block formatting context element does not account for bottom margins of floated content descendents of out of flow blocks." />
+ <style type="text/css">
+ #container
+ {
+ width: 100px;
+ height: auto;
+ background: black;
+ position: absolute;
+ }
+ #sibling
+ {
+ height: 50px;
+ width: 100px;
+ }
+ #absolute
+ {
+ position: absolute;
+ width: 100px;
+ height: 50px;
+ }
+ #float
+ {
+ margin-bottom: 50px;
+ height: 50px;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black rectangle which is wider than it is tall.</p>
+ <div id="container">
+ <div id="sibling"></div>
+ <div id="absolute">
+ <div id="float"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-001-ref.xht
new file mode 100644
index 0000000000..305691fbaf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-001-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border: black solid 1px;
+ border-spacing: 0px;
+ width: 100%;
+ }
+
+ td {padding: 0px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 3 lines of "Filler Text".</p>
+
+ <table>
+ <tr><td>Filler Text</td></tr>
+ <tr><td>Filler Text</td></tr>
+ <tr><td>Filler Text</td></tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-001.xht
new file mode 100644
index 0000000000..a5eeee3515
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical layout of boxes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
+ <link rel="match" href="block-formatting-contexts-001-ref.xht" />
+
+ <meta name="assert" content="Boxes are vertically laid out one after the other beginning at the top of a containing block." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid 1px black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 3 lines of "Filler Text".</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ <div>Filler Text</div>
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-003-ref.xht
new file mode 100644
index 0000000000..fe3982a574
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-003-ref.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ width: 100%;
+ }
+
+ tbody
+ {
+ border-bottom: black solid 1px;
+ border-top: black solid 1px;
+ }
+
+ thead {border-bottom: black solid 1px;}
+ /*
+ Necessary otherwise ( 0 + 1 ) divided by 2 may give unpredictable
+ measurements affecting vertical alignment
+ */
+
+ tfoot {border-top: black solid 1px;}
+ /*
+ Necessary otherwise ( 0 + 1 ) divided by 2 may give unpredictable
+ measurements affecting vertical alignment
+ */
+
+ /*
+ "
+ User agents must find a consistent rule for rounding off in the
+ case of an odd number of discrete units (screen pixels, printer dots).
+ "
+ http://www.w3.org/TR/CSS21/tables.html#collapsing-borders
+ */
+
+ td {padding: 0px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 3 lines of "Filler Text" separated by 2 thin black lines.</p>
+
+ <table>
+ <thead> <tr><td>Filler Text</td></tr> </thead>
+ <tfoot> <tr><td>Filler Text</td></tr> </tfoot>
+ <tbody> <tr><td>Filler Text</td></tr> </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-003.xht
new file mode 100644
index 0000000000..618aa86469
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-003.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical distance with margins</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
+ <link rel="match" href="block-formatting-contexts-003-ref.xht" />
+
+ <meta name="assert" content="The vertical distance between two sibling boxes is determined by the margin property." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ }
+ div div
+ {
+ background: white;
+ margin-top: 1px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 3 lines of "Filler Text" separated by 2 thin black lines.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ <div>Filler Text</div>
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-004-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-004-ref.xht
new file mode 100644
index 0000000000..05351b7773
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-004-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <!-- same as /margin-padding-clear/margin-collapse-002-ref.xht -->
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-bottom: black solid 20px;
+ border-top: black solid 20px;
+ height: 40px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-004.xht
new file mode 100644
index 0000000000..3532c55bb0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-004.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block Formatting Contexts: Margin Collapsing</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
+ <link rel="match" href="block-formatting-contexts-004-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="Margins collapse between adjacent block boxes in a block formatting context." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ background: url("support/margin-collapse-2em-space.png");
+ font: 20px/1em Ahem;
+ height: 4em;
+ width: 5em;
+ }
+ #div2
+ {
+ margin-bottom: 1em;
+ }
+ #div3
+ {
+ margin-top: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">XXXXX</div>
+ <div id="div3">XXXXX</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-005-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-005-ref.xht
new file mode 100644
index 0000000000..104c6c9b0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-005-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <!-- same as margin-padding-clear/margin-left-004-ref.xht -->
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ border-right: orange solid 5px;
+ height: 96px;
+ width: 5px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-005.xht
new file mode 100644
index 0000000000..82828503c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-005.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: No padding or margin, left edges touch</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
+ <link rel="match" href="block-formatting-contexts-005-ref.xht" />
+
+ <meta name="assert" content="When there is no padding or margins on elements the left outer edge of the child box will touch the left edge of the containing block." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: solid 5px blue;
+ }
+ div div
+ {
+ border-left: solid 5px orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-006-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-006-ref.xht
new file mode 100644
index 0000000000..599f6a044e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-006-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: orange;
+ border-right: blue solid 5px;
+ height: 96px;
+ margin-left: 91px;
+ width: 5px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-006.xht
new file mode 100644
index 0000000000..3fe17cb596
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-006.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: No padding and margin, right edges touch</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
+ <link rel="match" href="block-formatting-contexts-006-ref.xht" />
+
+ <meta name="assert" content="When there is no padding or margins on elements the right outer edge of the child box will touch the right edge of the containing block." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-right: solid 5px blue;
+ width: 1in;
+ }
+ div div
+ {
+ border-right: solid 5px orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-007.xht
new file mode 100644
index 0000000000..2c48a07385
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-007.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats and box edges</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
+ <link rel="match" href="block-formatting-contexts-005-ref.xht" />
+
+ <meta name="assert" content="When there is no padding or margins on a floated child element the left outer edge of the child box will touch the left edge of the containing block." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ border-left: solid 5px blue;
+ }
+ div div
+ {
+ border-left: solid 5px orange;
+ float: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-008-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-008-ref.xht
new file mode 100644
index 0000000000..ca0852790e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-008-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 200px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the upper-half of the square is blue.</p>
+
+ <div><img src="support/blue15x15.png" width="200" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-008.xht
new file mode 100644
index 0000000000..45260d4d03
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-008.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: New block formatting context with floated elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
+ <link rel="match" href="block-formatting-contexts-008-ref.xht" />
+
+ <meta name="assert" content="Floated elements establish new block formatting context." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid;
+ height: 200px;
+ width: 200px;
+ }
+ div div
+ {
+ background: blue;
+ display: inline;
+ float: right;
+ height: 50%;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the upper-half of the square is blue.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-009.xht
new file mode 100644
index 0000000000..f9f3f23b5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-009.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: New block formatting context with absolute positioned elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
+ <link rel="match" href="block-formatting-contexts-008-ref.xht" />
+
+ <meta name="assert" content="Absolutely positioned elements establish a new block formatting context." />
+ <style type="text/css">
+ div
+ {
+ position: absolute;
+ }
+ #div1
+ {
+ border: solid;
+ height: 200px;
+ width: 200px;
+ }
+ div div
+ {
+ background: blue;
+ display: inline;
+ height: 50%;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the upper-half of the square is blue.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-010.xht
new file mode 100644
index 0000000000..69a15eda5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-010.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-block elements establish a new block formatting context</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
+ <link rel="match" href="block-formatting-contexts-008-ref.xht" />
+
+ <meta name="assert" content="Elements defined as inline-blocks establish a new block formatting context." />
+ <style type="text/css"><![CDATA[
+ span#block-formatting-context
+ {
+ border: black solid medium;
+ display: inline-block;
+ height: 200px;
+ width: 200px;
+ }
+
+ span.block-descendant
+ {
+ background-color: blue;
+ display: block;
+ height: 25%;
+ width: 100%;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if the upper-half of the square is blue.</p>
+ <div>
+ <span id="block-formatting-context">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-011-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-011-ref.xht
new file mode 100644
index 0000000000..35c73a4498
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-011-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ float: left;
+ width: 100px;
+ }
+
+ div + div
+ {
+ background-color: transparent;
+ clear: left;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the "Filler Text" is below the blue stripe.</p>
+
+ <div>&nbsp;</div>
+
+ <div>Filler Text</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-011.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-011.xht
new file mode 100644
index 0000000000..ba8026e903
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-011.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-cell elements establish a new block formatting context</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
+ <link rel="match" href="block-formatting-contexts-011-ref.xht" />
+
+ <meta name="assert" content="Elements defined as table-cell elements establish a new block formatting context." />
+ <style type="text/css">
+ #span1
+ {
+ background-color: blue;
+ display: table-cell;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" is below the blue stripe.</p>
+ <div>
+ <span id="span1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-012.xht
new file mode 100644
index 0000000000..3e2a901de7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-012.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-caption elements establish a new block formatting context</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
+ <link rel="match" href="block-formatting-contexts-008-ref.xht" />
+
+ <meta name="assert" content="Elements with display table-caption establish a new block formatting context." />
+ <style type="text/css">
+ div
+ {
+ border: solid medium black;
+ height: 200px;
+ width: 200px;
+ }
+ span
+ {
+ background: blue;
+ display: table-caption;
+ height: 100px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the upper-half of the square is blue.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-013.xht
new file mode 100644
index 0000000000..5e3f1e5e9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-013.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Overflow set to 'scroll' establishes a new block formatting context</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
+ <meta name="assert" content="A new block formatting context is established when overflow is set to 'scroll'." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ }
+ div div
+ {
+ height: 50px;
+ width: 50px;
+ }
+ #div2
+ {
+ background: blue;
+ float: left;
+ }
+ #div3
+ {
+ overflow: scroll;
+ }
+ div div div
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange boxes (including any scrolling mechanism) are the same size.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">
+ <div></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-014.xht
new file mode 100644
index 0000000000..6cd3d05c89
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-014.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Overflow set to 'auto' establishes a new block formatting context</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
+ <meta name="assert" content="A new block formatting context is established when overflow is set to 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ }
+ div div
+ {
+ height: 50px;
+ width: 50px;
+ }
+ #div2
+ {
+ background: blue;
+ float: left;
+ }
+ #div3
+ {
+ overflow: auto;
+ }
+ div div div
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange boxes (including any scrolling mechanism) are the same size.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">
+ <div></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-015-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-015-ref.xht
new file mode 100644
index 0000000000..7345888e9a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-015-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same size.</p>
+
+ <div><img src="support/blue15x15.png" width="50" height="50" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="50" height="50" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-015.xht
new file mode 100644
index 0000000000..72b5d16f56
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-015.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Overflow set to 'hidden' establishes a new block formatting context</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
+ <link rel="match" href="block-formatting-contexts-015-ref.xht" />
+
+ <meta name="assert" content="A new block formatting context is established when overflow is set to 'hidden'." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ }
+ div div
+ {
+ height: 50px;
+ width: 50px;
+ }
+ #div2
+ {
+ background: blue;
+ float: left;
+ }
+ #div3
+ {
+ overflow: hidden;
+ }
+ div div div
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same size.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">
+ <div></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-016.xht
new file mode 100644
index 0000000000..aee530bcf1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-016.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block formatting contexts and 'overflow' set to 'visible'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="Overflow set to 'visible' does not establish a new block formatting context." />
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ width: 200px;
+ }
+ div div
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #div2
+ {
+ background: green;
+ float: left;
+ }
+ #div3
+ {
+ background: red;
+ overflow: visible;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-001-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-001-ref.html
new file mode 100644
index 0000000000..da8d91657f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-001-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<style>
+section {
+ width: 20ch;
+}
+.w10 {
+ width: 10ch;
+ background: orange;
+}
+.left {
+ text-align: left;
+}
+.right {
+ text-align: right;
+}
+</style>
+<body>
+ <section class="right">
+ <span>
+ <div>123456789</div>
+ <div class="w10">123456789</div>
+ <div>123456789</div>
+ </span>
+ </section>
+
+ <section dir="rtl" class="left">
+ <span>
+ <div>123456789</div>
+ <div class="w10">123456789</div>
+ <div>123456789</div>
+ </span>
+ </section>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-001.html
new file mode 100644
index 0000000000..70abbbfd02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-001.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<meta name="assert" content="Test if `text-align` does not move block-in-inline">
+<link rel="match" href="block-in-inline-align-001-ref.html"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-align-property'>
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
+<style>
+section {
+ width: 20ch;
+}
+div {
+ width: 10ch;
+ background: orange;
+}
+.left {
+ text-align: left;
+}
+.right {
+ text-align: right;
+}
+</style>
+<body>
+ <section class="right">
+ <span>
+ 123456789
+ <div>123456789</div>
+ 123456789
+ </span>
+ </section>
+
+ <section dir="rtl" class="left">
+ <span>
+ 123456789
+ <div>123456789</div>
+ 123456789
+ </span>
+ </section>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-justify-001-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-justify-001-ref.html
new file mode 100644
index 0000000000..ec0de54295
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-justify-001-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<style>
+section {
+ width: 10ch;
+}
+.justify {
+ text-align: justify;
+}
+</style>
+<body>
+ <section class="justify">
+ <div>1234 5678 9012</div>
+ <div>1234 5678 9012</div>
+ <div>1234 5678 9012</div>
+ </section>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-justify-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-justify-001.html
new file mode 100644
index 0000000000..7899b624a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-justify-001.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta name="assert" content="Test if `text-align: justify` handles block-in-inline correctly">
+<link rel="match" href="block-in-inline-align-justify-001-ref.html"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-align-property'>
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
+<style>
+section {
+ width: 10ch;
+}
+.justify {
+ text-align: justify;
+}
+</style>
+<body>
+ <section class="justify">
+ <span>
+ 1234 5678 9012
+ <div>1234 5678 9012</div>
+ 1234 5678 9012
+ </span>
+ </section>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-last-001-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-last-001-ref.html
new file mode 100644
index 0000000000..340e222f9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-last-001-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<style>
+section {
+ width: 10ch;
+}
+.right {
+ text-align: right;
+}
+</style>
+<body>
+ <section>
+ <div>1234567</div>
+ <div class="right">1234567</div>
+ <div>1234567</div>
+ <div class="right">1234567</div>
+ <div>1234567</div>
+ <div class="right">1234567</div>
+ </section>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-last-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-last-001.html
new file mode 100644
index 0000000000..772a742a4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-last-001.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta name="assert" content="Test if `text-align-last` handles block-in-inline correctly">
+<link rel="match" href="block-in-inline-align-last-001-ref.html"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-align-property'>
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
+<style>
+section {
+ width: 10ch;
+}
+.last-right {
+ text-align-last: right;
+}
+</style>
+<body>
+ <section class="last-right">
+ <span>
+ 1234567 1234567
+ <div>1234567 1234567</div>
+ 1234567 1234567
+ </span>
+ </section>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-001-ref.xht
new file mode 100644
index 0000000000..fce3a35f2a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-001-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ body &gt; span { outline: 1px dotted black; }
+ body &gt; span &gt; span { display: block; width: 10em; }
+
+ </style>
+
+</head>
+<body>
+
+<span><span>A</span><span>A</span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-001.xht
new file mode 100644
index 0000000000..08b2d897ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; append-to-empty-trailing-inline-1</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-append-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ body &gt; span { outline: 1px dotted black; }
+ body &gt; span &gt; span { display: block; width: 10em; }
+
+ </style>
+
+<script type="text/javascript">
+function boom()
+{
+ var n = document.getElementById("a");
+ n.parentNode.appendChild(n.cloneNode(true));
+}
+</script>
+
+</head>
+<body onload="boom();">
+
+<span><span id="a">A</span></span>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002-nosplit-ref.xht
new file mode 100644
index 0000000000..eb95211516
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002-nosplit-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-append-002-ref.xht"/>
+ <style type="text/css">
+ .outermost { border: 2px solid; }
+ .outer { border: 4px solid yellow; }
+ .inner { border: 6px sold green; }
+ </style>
+ </head>
+ <body>
+ <span style="border-right: none" class="outermost">
+ <span style="border-right: none" class="outer">
+ <span style="border-right: none" class="inner">
+ </span>
+ </span>
+ </span>
+ <span style="display: block"></span>
+ <span style="border-right: none; border-left: none" class="outermost">
+ <span style="border-right: none; border-left: none" class="outer">
+ <span style="border-right: nonel border-left: none" class="inner">
+ before span
+ </span>
+ </span>
+ </span>
+ <span style="display: block">span</span>
+ <span style="border-left: none" class="outermost">
+ <span style="border-left: none" class="outer">
+ <span style="border-left: none" class="inner">
+ after span
+ </span>
+ </span>
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002-ref.xht
new file mode 100644
index 0000000000..3b5f911834
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-append-002-nosplit-ref.xht"/>
+ <style type="text/css">
+ #outermost { border: 2px solid; }
+ #outer { border: 4px solid yellow; }
+ #inner { border: 6px sold green; }
+ </style>
+ </head>
+ <body>
+ <span id="outermost">
+ <span id="outer">
+ <span id="inner">
+ <span style="display: block"></span>
+ before span
+ <span style="display: block">span</span>
+ after span
+ </span>
+ </span>
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002.xht
new file mode 100644
index 0000000000..671a40fc45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; append-to-nested-split-inline-1</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-append-002-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <style type="text/css">
+ #outermost { border: 2px solid; }
+ #outer { border: 4px solid yellow; }
+ #inner { border: 6px sold green; }
+ </style>
+ <script type="text/javascript">
+ function doTest() {
+ var i = document.getElementById("inner");
+ var frag = document.createDocumentFragment();
+ var newSpan = document.createElement("span");
+ newSpan.appendChild(document.createTextNode("span"));
+ newSpan.style.display = "block";
+ frag.appendChild(newSpan);
+ frag.appendChild(document.createTextNode("after span"));
+ i.appendChild(frag);
+ }
+ </script>
+ </head>
+ <body onload="doTest()">
+ <span id="outermost">
+ <span id="outer">
+ <span id="inner">
+ <span style="display: block"></span>
+ before span
+ </span>
+ </span>
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-baseline-001-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-baseline-001-ref.html
new file mode 100644
index 0000000000..35b68ceef6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-baseline-001-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<body>
+ text
+ <div style="display: inline-block; background: orange; width: 100px;">
+ content
+ <div style="border: solid; height: 20px;"></div>
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-baseline-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-baseline-001.html
new file mode 100644
index 0000000000..957eb4e0d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-baseline-001.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+<link rel="match" href="block-in-inline-baseline-001-ref.html"/>
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
+<body>
+ text
+ <div style="display: inline-block; background: orange; width: 100px;">
+ content
+ <span>
+ <div style="border: solid; height: 20px;"></div>
+ </span>
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-client-rects-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-client-rects-001.html
new file mode 100644
index 0000000000..43305cb059
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-client-rects-001.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+<link rel="help" href="https://www.w3.org/TR/cssom-view-1/#dom-htmlelement-offsetwidth" />
+<link rel="help" href="https://www.w3.org/TR/cssom-view-1/#dom-range-getboundingclientrect" />
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+div {
+ width: 500px;
+}
+.inline-block {
+ display: inline-block;
+ width: 100px;
+ height: 1px;
+ background: blue;
+}
+.w200 {
+ width: 200px;
+}
+</style>
+<body>
+ <!-- The `<span>` contains an empty block child -->
+ <div>
+ <span id="t1" class="target">
+ <div class="inline-block"></div>
+ <div></div>
+ <div class="inline-block w200"></div>
+ </span>
+ </div>
+
+ <!-- The `<span>` contains non-empty block child -->
+ <div>
+ <span id="t2" class="target">
+ <div class="inline-block"></div>
+ <div>non-empty</div>
+ <div class="inline-block w200"></div>
+ </span>
+ </div>
+
+ <!-- The `<span>` contains empty but non-zero height block child -->
+ <div>
+ <span id="t3" class="target">
+ <div class="inline-block"></div>
+ <div style="height: 100px"></div>
+ <div class="inline-block w200"></div>
+ </span>
+ </div>
+<script>
+// The `getBoundingClientRect` spec[1] says to ignore rects "of which the
+// height or width is not zero."
+// [1] https://www.w3.org/TR/cssom-view-1/#dom-range-getboundingclientrect
+function testGetBoundingClientRect() {
+ test(()=> { assert_equals(t1.getBoundingClientRect().width, 200); },
+ `t1.getBoundingClientRect().width`);
+ test(()=> { assert_equals(t2.getBoundingClientRect().width, 500); },
+ `t2.getBoundingClientRect().width`);
+ test(()=> { assert_equals(t3.getBoundingClientRect().width, 500); },
+ `t3.getBoundingClientRect().width`);
+}
+testGetBoundingClientRect();
+
+// Skip testing `offsetWidth` because the 3 implementations return different
+// values for these cases, and the expectations aren't clear from the spec.
+// https://github.com/w3c/csswg-drafts/issues/6588
+function testOffsetWidth() {
+ test(()=> { assert_equals(t1.offsetWidth, 200); }, `t1.offsetWidth`);
+ test(()=> { assert_equals(t2.offsetWidth, 500); }, `t2.offsetWidth`);
+ test(()=> { assert_equals(t3.offsetWidth, 500); }, `t3.offsetWidth`);
+}
+// testOffsetWidth();
+</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-001-ref.xht
new file mode 100644
index 0000000000..ce91eb1893
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-001-ref.xht
@@ -0,0 +1,7 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test Reference</title>
+</head><body style="direction: ltr">
+ <span style="display: block">x</span>
+ <span style="border: 5px solid blue; border-left: none; border-right: none;
+ padding-right: 10px"></span>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-001.xht
new file mode 100644
index 0000000000..74a4d4ef85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-001.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines &#8211; emptyspan-1</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-empty-001-ref.xht"/>
+</head><body style="direction: ltr">
+ <span style="border: 5px solid blue; border-left: none; border-right: none;
+ padding-right: 10px">
+ <span style="display: block">x</span>
+ </span>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-002-ref.xht
new file mode 100644
index 0000000000..2fd75b0e37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-002-ref.xht
@@ -0,0 +1,7 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test Reference</title>
+</head><body style="direction: rtl">
+ <span style="border: 5px solid blue; border-left: none; border-right: none;
+ padding-right: 10px"></span>
+ <span style="display: block">x</span>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-002.xht
new file mode 100644
index 0000000000..80c8bc54c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-002.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines &#8211; emptyspan-2</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-empty-002-ref.xht"/>
+</head><body style="direction: rtl">
+ <span style="border: 5px solid blue; border-left: none; border-right: none;
+ padding-right: 10px">
+ <span style="display: block">x</span>
+ </span>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-003-ref.xht
new file mode 100644
index 0000000000..06c1ba03fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-003-ref.xht
@@ -0,0 +1,7 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test Reference</title>
+</head><body style="direction: ltr">
+ <span style="border: 5px solid blue; border-left: none; border-right: none;
+ padding-left: 10px"></span>
+ <span style="display: block">x</span>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-003.xht
new file mode 100644
index 0000000000..69a800021b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-003.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines &#8211; emptyspan-3</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-empty-003-ref.xht"/>
+</head><body style="direction: ltr">
+ <span style="border: 5px solid blue; border-left: none; border-right: none;
+ padding-left: 10px">
+ <span style="display: block">x</span>
+ </span>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-004-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-004-ref.xht
new file mode 100644
index 0000000000..53ef9d2e65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-004-ref.xht
@@ -0,0 +1,7 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test Reference</title>
+</head><body style="direction: rtl">
+ <span style="display: block">x</span>
+ <span style="border: 5px solid blue; border-left: none; border-right: none;
+ padding-left: 10px"></span>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-004.xht
new file mode 100644
index 0000000000..df219f4d7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-004.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines &#8211; emptyspan-4</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-empty-004-ref.xht"/>
+</head><body style="direction: rtl">
+ <span style="border: 5px solid blue; border-left: none; border-right: none;
+ padding-left: 10px">
+ <span style="display: block">x</span>
+ </span>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-001-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-001-ref.html
new file mode 100644
index 0000000000..01fcf2a323
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-001-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<style>
+div::first-line {
+ background: orange;
+}
+</style>
+<body>
+ <div>
+ First line.<br>
+ Second line.
+ </div>
+ <div>
+ First line in 1st block box.<br>
+ Second line.
+ </div>
+ <div>
+ First line in 2nd block box.<br>
+ Second line.<br>
+ First line after block-in-inline is not ::first-line.<br>
+ Second line.
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-001.html
new file mode 100644
index 0000000000..5dac0887e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-001.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-line-pseudo" />
+<link rel="match" href="block-in-inline-first-line-001-ref.html"/>
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
+<style>
+div::first-line {
+ background: orange;
+}
+</style>
+<body>
+ <div>
+ <span>
+ First line.<br>
+ Second line.
+ <div>
+ First line in 1st block box.<br>
+ Second line.
+ </div>
+ <div>
+ First line in 2nd block box.<br>
+ Second line.
+ </div>
+ First line after block-in-inline is not ::first-line.<br>
+ Second line.
+ </span>
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-002-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-002-ref.html
new file mode 100644
index 0000000000..44bf6ee19b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-002-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<style>
+section {
+ width: 10ch;
+}
+.indent {
+ text-indent: 5ch;
+}
+</style>
+<body>
+ <section>
+ <div class="indent">123 456789</div>
+ <div class="indent">123 456789</div>
+ <div>123 456789</div>
+ </section>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-002.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-002.html
new file mode 100644
index 0000000000..d0cf6071dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-002.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta name="assert" content="Test if `text-indent` handles block-in-inline correctly">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+<link rel="match" href="block-in-inline-first-line-002-ref.html"/>
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
+<style>
+section {
+ width: 10ch;
+}
+.indent {
+ text-indent: 5ch;
+}
+</style>
+<body>
+ <section class="indent">
+ <span>
+ 123 456789
+ <div>123 456789</div>
+ 123 456789
+ </span>
+ </section>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-between-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-between-001-ref.xht
new file mode 100644
index 0000000000..bdb5963e89
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-between-001-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ </head>
+ <body>
+ <div style="position: relative; left: 100px">
+ aaa
+ </div>
+ <span style="position: relative; left: 100px">
+ <span style="float: left">bbb</span>
+ </span>
+ <div style="position: relative; left: 100px">
+ aaa
+ </div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-between-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-between-001.xht
new file mode 100644
index 0000000000..d4d9e7da93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-between-001.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines &#8211; float-inside-inline-between-blocks-1</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-float-between-001-ref.xht"/>
+ </head><body>
+ <span style="position: relative; left: 100px">
+ <span style="display: block">
+ aaa
+ </span>
+ <span style="float: left">bbb</span>
+ <span style="display: block">
+ aaa
+ </span>
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-in-layer-001-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-in-layer-001-ref.html
new file mode 100644
index 0000000000..cbaf7ccb23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-in-layer-001-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<style>
+.layer {
+ filter: blur(1px);
+}
+.float {
+ float: left;
+}
+</style>
+<body>
+ <div class="layer">
+ <div>
+ <div class="float">float</div>
+ </div>
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-in-layer-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-in-layer-001.html
new file mode 100644
index 0000000000..f177aca160
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-in-layer-001.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta name="assert" content="Block-in-inline: float in an inline box that has a layer">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+<link rel="match" href="block-in-inline-float-in-layer-001-ref.html"/>
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
+<style>
+.layer {
+ filter: blur(1px);
+}
+.float {
+ float: left;
+}
+</style>
+<body>
+ <span class="layer">
+ <div>
+ <div class="float">float</div>
+ </div>
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-001.html
new file mode 100644
index 0000000000..c51e4c5329
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-001.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<meta name="assert" content="Test hit-testing when block-in-inline is in culled inline">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementfrompoint">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<body>
+ <div>
+ <span>
+ <span style="outline: 1px solid blue">
+ <div id="target">
+ <div style="width: 64px; height: 26px;">
+ </div>
+ </div>
+ </span>
+ </span>
+ </div>
+<script>
+test(() => {
+ const target = document.getElementById('target');
+ const bounds = target.getBoundingClientRect();
+ const x = bounds.x + bounds.width / 2;
+ const y = bounds.y + bounds.height / 2;
+ const result = document.elementFromPoint(x, y);
+ assert_equals(result, target);
+});
+</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-002.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-002.html
new file mode 100644
index 0000000000..b01eaa93ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-002.html
@@ -0,0 +1,41 @@
+<html>
+<meta name="assert" content="Test list-based hit-testing for block-in-inline">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementfrompoint">
+<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementsfrompoint">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<body>
+ <div>
+ <a href="#">
+ <h3 id="target">
+ text
+ </h3>
+ </a>
+ </div>
+<script>
+function ancestors(element) {
+ const list = [];
+ for (; element; element = element.parentElement)
+ list.push(element);
+ return list;
+}
+
+const target = document.getElementById('target');
+const bounds = target.getBoundingClientRect();
+const x = bounds.x + bounds.width / 2;
+const y = bounds.y + bounds.height / 2;
+
+test(() => {
+ const result = document.elementFromPoint(x, y);
+ assert_equals(result, target);
+}, "elementFromPoint");
+
+test(() => {
+ const results = document.elementsFromPoint(x, y);
+ assert_array_equals(results, ancestors(target));
+}, "elementsFromPoint");
+</script>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-float-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-float-001.html
new file mode 100644
index 0000000000..6ede29df26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-float-001.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementfrompoint">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+.float {
+ float: left;
+ width: 200px;
+ height: 200px;
+ background: orange;
+}
+</style>
+<body>
+ <a id="a" href="#">
+ <div>
+ <div id="target" class="float"></div>
+ </div>
+ </a>
+<script>
+test(() => {
+ const target_bounds = target.getBoundingClientRect();
+ const target_x = target_bounds.x + (target_bounds.width / 2);
+ const target_y = target_bounds.y + (target_bounds.height / 2);
+ const result = document.elementFromPoint(target_x, target_y);
+ assert_equals(result, target);
+});
+</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-float-002.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-float-002.html
new file mode 100644
index 0000000000..91f8e447d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-float-002.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementfrompoint">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+section {
+ display: flow-root;
+}
+.float {
+ float: left;
+ width: 200px;
+ height: 20px;
+ background: orange;
+}
+.normal {
+ height: 10px;
+ background: blue;
+}
+</style>
+<body>
+ <section>
+ <a href="#">
+ <div>
+ <div class="float"></div>
+ <div class="normal"></div>
+ </div>
+ </a>
+ </section>
+ <section title="with background">
+ <a href="#" style="background: purple">
+ <div>
+ <div class="float"></div>
+ <div class="normal"></div>
+ </div>
+ </a>
+ </section>
+ <section title="with padding">
+ <a href="#" style="padding: 1px">
+ <div>
+ <div class="float"></div>
+ <div class="normal"></div>
+ </div>
+ </a>
+ </section>
+ <section title="floats before block-in-inline">
+ <div class="float"></div>
+ <div>
+ <a href="#">
+ <div class="normal"></div>
+ </a>
+ </div>
+ </section>
+ <section title="floats before block-in-inline with background">
+ <div class="float"></div>
+ <div>
+ <a href="#" style="background: purple">
+ <div class="normal"></div>
+ </a>
+ </div>
+ </section>
+<script>
+document.body.offsetTop;
+for (const section of document.getElementsByTagName('section')) {
+ test(() => {
+ const float_element = section.querySelector('.float');
+ const float_bounds = float_element.getBoundingClientRect();
+ const normal_element = section.querySelector('.normal');
+ const normal_bounds = normal_element.getBoundingClientRect();
+ const x = float_bounds.x + (float_bounds.width / 2);
+ const y = normal_bounds.y + (normal_bounds.height / 2);
+ const result = document.elementFromPoint(x, y);
+ assert_equals(result, float_element);
+ }, section.title);
+}
+</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-margin.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-margin.html
new file mode 100644
index 0000000000..053630706a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-margin.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<!DOCTYPE html>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementfrompoint">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+.target {
+ background: blue;
+ width: 100px;
+ height: 100px;
+ margin: 100px;
+}
+</style>
+<body>
+ <a href="#">
+ <div class="target"></div>
+ </a>
+<script>
+const root = document.body;
+const target = root.querySelector('.target');
+const target_bounds = target.getBoundingClientRect();
+const x = target_bounds.x - 20; // "-20" for the margin area.
+const y = target_bounds.y + target_bounds.height / 2;
+const result = document.elementFromPoint(x, y);
+const a = root.querySelector('a');
+test(() => {
+ assert_equals(result, a);
+}, target.style.cssText);
+</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-relpos-zindex.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-relpos-zindex.html
new file mode 100644
index 0000000000..221b70d44b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-relpos-zindex.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementfrompoint">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+section {
+ margin-bottom: 5px;
+}
+.target {
+ background: blue;
+ width: 100px;
+ height: 10px;
+}
+</style>
+<body>
+ <section>
+ <a href="#">
+ <div class="target"></div>
+ </a>
+ </section>
+ <section>
+ <a href="#">
+ <div class="target" style="z-index: 1"></div>
+ </a>
+ </section>
+ <section>
+ <a href="#">
+ <div class="target" style="z-index: -1"></div>
+ </a>
+ </section>
+ <section>
+ <a href="#">
+ <div class="target" style="position: relative"></div>
+ </a>
+ </section>
+ <section>
+ <a href="#">
+ <div class="target" style="position: relative; z-index: 1"></div>
+ </a>
+ </section>
+ <section>
+ <a href="#">
+ <div class="target" style="position: relative; z-index: -1"></div>
+ </a>
+ </section>
+<script>
+function isAncestorOf(target, ancestor) {
+ for (; target; target = target.parentElement) {
+ if (target === ancestor)
+ return true;
+ }
+ return false;
+}
+
+for (const root of document.getElementsByTagName('section')) {
+ const target = root.querySelector('.target');
+ const target_bounds = target.getBoundingClientRect();
+ const x = target_bounds.x + target_bounds.width / 2;
+ const y = target_bounds.y + target_bounds.height / 2;
+ const result = document.elementFromPoint(x, y);
+ const a = root.querySelector('a');
+ test(() => {
+ // For the `<a>` link to work, the `result` must be `a` or its descendant.
+ assert_true(isAncestorOf(result, a));
+ }, target.style.cssText);
+}
+</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001-nosplit-ref.xht
new file mode 100644
index 0000000000..363ed9eefd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001-nosplit-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-001-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ .notstart { border-left: none; }
+ .notend { border-right: none; }
+ </style>
+ </head>
+ <body>
+ <span class="notend">
+ <span>One</span><span>Two</span><span>Three</span>
+ </span>
+ <div>Four</div>
+ <span class="notstart notend"></span>
+ <div>Five</div>
+ <span class="notstart notend">
+ <span>Six</span>
+ </span>
+ <div>Seven</div>
+ <span class="notstart notend"></span>
+ <div>Eight</div>
+ <span class="notstart">
+ <span>Nine</span><span>Ten</span><span>Eleven</span>
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001-ref.xht
new file mode 100644
index 0000000000..9bfa6c82e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001-ref.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-001-nosplit-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body>
+ <span><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span><span>Eleven</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001a.xht
new file mode 100644
index 0000000000..d837d6c611
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001a.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-1a</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-001-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("One"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span id="insertion">Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span><span>Eleven</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001b.xht
new file mode 100644
index 0000000000..a99adcd5e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001b.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-1b</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("Two"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span id="insertion">Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span><span>Eleven</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001c.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001c.xht
new file mode 100644
index 0000000000..148c620bbc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001c.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-1c</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("Three"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><div id="insertion">Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span><span>Eleven</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001d.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001d.xht
new file mode 100644
index 0000000000..52b6cff801
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001d.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-1d</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("div");
+ newNode.appendChild(document.createTextNode("Four"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><span>Three</span><div id="insertion">Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span><span>Eleven</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001e.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001e.xht
new file mode 100644
index 0000000000..c393f84a40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001e.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-1e</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("div");
+ newNode.appendChild(document.createTextNode("Five"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><span id="insertion">Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span><span>Eleven</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001f.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001f.xht
new file mode 100644
index 0000000000..0530b93e7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001f.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-1f</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("Six"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><div id="insertion">Seven</div><div>Eight</div><span>Nine</span><span>Ten</span><span>Eleven</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001g.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001g.xht
new file mode 100644
index 0000000000..43abc1df2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001g.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-1g</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("div");
+ newNode.appendChild(document.createTextNode("Seven"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div id="insertion">Eight</div><span>Nine</span><span>Ten</span><span>Eleven</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001h.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001h.xht
new file mode 100644
index 0000000000..e959da0dc0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001h.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-1h</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("div");
+ newNode.appendChild(document.createTextNode("Eight"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><span id="insertion">Nine</span><span>Ten</span><span>Eleven</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001i.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001i.xht
new file mode 100644
index 0000000000..6969a29f9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001i.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-1i</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("Nine"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span id="insertion">Ten</span><span>Eleven</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001j.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001j.xht
new file mode 100644
index 0000000000..32a9560a94
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001j.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-1j</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("Ten"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span id="insertion">Eleven</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001k.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001k.xht
new file mode 100644
index 0000000000..7a7505afcb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001k.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-1k</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("Eleven"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001l.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001l.xht
new file mode 100644
index 0000000000..bd4e636ebd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001l.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-1l</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("Eleven"));
+ document.getElementById("target").appendChild(newNode);
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002-nosplit-ref.xht
new file mode 100644
index 0000000000..f0d12c73bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002-nosplit-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-002-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ .notstart { border-left: none; }
+ .notend { border-right: none; }
+ </style>
+ </head>
+ <body>
+ <span class="notend">
+ <span>One</span><span>Two</span><span>Three</span>
+ </span>
+ <div>Four</div>
+ <span class="notstart notend"></span>
+ <div>Five</div>
+ <span class="notstart notend">
+ <span>Six</span>
+ </span>
+ <div>Seven</div>
+ <span class="notstart notend"></span>
+ <div>Eight</div>
+ <span class="notstart"></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002-ref.xht
new file mode 100644
index 0000000000..3ada136d44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002-ref.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-002-nosplit-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body>
+ <span><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002a.xht
new file mode 100644
index 0000000000..58b2262b21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002a.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-2a</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-002-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("One"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span id="insertion">Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002b.xht
new file mode 100644
index 0000000000..bc18b4e9bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002b.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-2b</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-002-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("Two"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span id="insertion">Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002c.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002c.xht
new file mode 100644
index 0000000000..5ef9424399
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002c.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-2c</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-002-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("Three"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><div id="insertion">Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002d.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002d.xht
new file mode 100644
index 0000000000..dc37ff791d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002d.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-2d</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-002-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("div");
+ newNode.appendChild(document.createTextNode("Four"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><span>Three</span><div id="insertion">Five</div><span>Six</span><div>Seven</div><div>Eight</div></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002e.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002e.xht
new file mode 100644
index 0000000000..a9cc9b2ac2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002e.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-2e</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-002-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("div");
+ newNode.appendChild(document.createTextNode("Five"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><span id="insertion">Six</span><div>Seven</div><div>Eight</div></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002f.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002f.xht
new file mode 100644
index 0000000000..770511b225
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002f.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-2f</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-002-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("Six"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><div id="insertion">Seven</div><div>Eight</div></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002g.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002g.xht
new file mode 100644
index 0000000000..212b88fa20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002g.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-2g</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-002-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("div");
+ newNode.appendChild(document.createTextNode("Seven"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div id="insertion">Eight</div></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002h.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002h.xht
new file mode 100644
index 0000000000..77da8cbcaa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002h.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-2h</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-002-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("div");
+ newNode.appendChild(document.createTextNode("Eight"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002i.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002i.xht
new file mode 100644
index 0000000000..6993d3d829
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002i.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-2i</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-002-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("div");
+ newNode.appendChild(document.createTextNode("Eight"));
+ document.getElementById("target").appendChild(newNode);
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003-nosplit-ref.xht
new file mode 100644
index 0000000000..106faff9d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003-nosplit-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-003-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ .notstart { border-left: none; }
+ .notend { border-right: none; }
+ </style>
+ </head>
+ <body>
+ <span class="notend">
+ <span>One</span><span>Two</span><span>Three</span>
+ </span>
+ <div>Four</div>
+ <span class="notstart notend"></span>
+ <div>Five</div>
+ <span class="notstart notend">
+ <span>Six</span>
+ </span>
+ <div>Seven</div>
+ <span class="notstart notend"></span>
+ <div>Eight</div>
+ <span class="notstart">
+ <span>Nine</span>
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003-ref.xht
new file mode 100644
index 0000000000..a1a8e9945a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003-ref.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-003-nosplit-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body>
+ <span><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003.xht
new file mode 100644
index 0000000000..04b9fca3b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-3</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-003-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("Nine"));
+ document.getElementById("target").appendChild(newNode);
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004-nosplit-ref.xht
new file mode 100644
index 0000000000..c5f3f468c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004-nosplit-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-004-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ .notstart { border-left: none; }
+ .notend { border-right: none; }
+ </style>
+ </head>
+ <body>
+ <span class="notend">
+ <span>One</span><span>Two</span><span>Three</span>
+ </span>
+ <div>Four</div>
+ <span class="notstart notend"></span>
+ <div>Five</div>
+ <span class="notstart notend">
+ <span>Six</span>
+ </span>
+ <div>Seven</div>
+ <span class="notstart notend"></span>
+ <div>Eight</div>
+ <span class="notstart">
+ <span>Nine</span><span>Ten</span>
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004-ref.xht
new file mode 100644
index 0000000000..eb50830f56
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004-ref.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-004-nosplit-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body>
+ <span><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004.xht
new file mode 100644
index 0000000000..528d3c6829
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-4</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-004-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("Nine"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span id="insertion">Ten</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006-nosplit-ref.xht
new file mode 100644
index 0000000000..0b11b5639d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006-nosplit-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-006-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ .notstart { border-left: none; }
+ .notend { border-right: none; }
+ </style>
+ </head>
+ <body>
+ <span class="notend"></span>
+ <div>One</div>
+ <span class="notstart notend"></span>
+ <div>Two</div>
+ <span class="notstart"></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006-ref.xht
new file mode 100644
index 0000000000..12fa2eaaa7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006-ref.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-006-nosplit-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body>
+ <span><div>One</div><div>Two</div></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006.xht
new file mode 100644
index 0000000000..f33dd7694e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-6</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-006-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("div");
+ newNode.appendChild(document.createTextNode("One"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><div id="insertion">Two</div></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007-nosplit-ref.xht
new file mode 100644
index 0000000000..3276641f59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007-nosplit-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-007-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ .notstart { border-left: none; }
+ .notend { border-right: none; }
+ </style>
+ </head>
+ <body>
+ <span class="notend"></span>
+ <div>One</div>
+ <span class="notstart">
+ <span>Two</span>
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007-ref.xht
new file mode 100644
index 0000000000..d686af2e8e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007-ref.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-007-nosplit-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body>
+ <span><div>One</div><span>Two</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007.xht
new file mode 100644
index 0000000000..a89f127764
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-7</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-007-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("div");
+ newNode.appendChild(document.createTextNode("One"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span id="insertion">Two</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008-nosplit-ref.xht
new file mode 100644
index 0000000000..9e22425075
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008-nosplit-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-008-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ .notstart { border-left: none; }
+ .notend { border-right: none; }
+ </style>
+ </head>
+ <body>
+ <span class="notend">
+ <span>One</span>
+ </span>
+ <div>Two</div>
+ <span class="notstart notend">
+ <span>Three</span>
+ </span>
+ <div>Four</div>
+ <span class="notstart">
+ <span>Five</span>
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008-ref.xht
new file mode 100644
index 0000000000..2f096eff2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008-ref.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-008-nosplit-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body>
+ <span><span>One</span><div>Two</div><span>Three</span><div>Four</div><span>Five</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008a.xht
new file mode 100644
index 0000000000..9c65d80d25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008a.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-8a</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-008-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("div");
+ newNode.appendChild(document.createTextNode("Two"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><span id="insertion">Three</span><div>Four</div><span>Five</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008b.xht
new file mode 100644
index 0000000000..d0d41c5126
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008b.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-8b</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-008-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("div");
+ newNode.appendChild(document.createTextNode("Four"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><span>One</span><div>Two</div><span>Three</span><span id="insertion">Five</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008c.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008c.xht
new file mode 100644
index 0000000000..2f31cc2c67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008c.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-8c</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-008-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("One"));
+ document.getElementById("target")
+ .insertBefore(newNode, document.getElementById("insertion"));
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span id="target"><div id="insertion">Two</div><span>Three</span><div>Four</div><span>Five</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009-nosplit-ref.xht
new file mode 100644
index 0000000000..67405f368d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009-nosplit-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-009-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ body &gt; span &gt; span { border: 3px solid cyan }
+ .notstart { border-left: none; }
+ .notend { border-right: none; }
+ </style>
+ </head>
+ <body>
+ <span class="notend">
+ <span class="notend">
+ <span>One</span><span>Two</span><span>Three</span>
+ </span>
+ </span>
+ <div>Four</div>
+ <span class="notstart notend"><span class="notstart notend"></span></span>
+ <div>Five</div>
+ <span class="notstart notend">
+ <span class="notstart notend">
+ <span>Six</span>
+ </span>
+ </span>
+ <div>Seven</div>
+ <span class="notstart notend"><span class="notstart notend"></span></span>
+ <div>Eight</div>
+ <span class="notstart">
+ <span class="notstart">
+ <span>Nine</span>
+ </span>
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009-ref.xht
new file mode 100644
index 0000000000..8dd9ccdbb6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-009-nosplit-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ body &gt; span &gt; span { border: 3px solid cyan }
+ </style>
+ </head>
+ <body>
+ <span><span><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span></span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009.xht
new file mode 100644
index 0000000000..d6f8082b4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-9</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-009-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("Nine"));
+ document.getElementById("target").appendChild(newNode);
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ body &gt; span &gt; span { border: 3px solid cyan }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span><span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div></span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010-nosplit-ref.xht
new file mode 100644
index 0000000000..13485c5197
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010-nosplit-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-010-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ body &gt; span &gt; span { border: 3px solid cyan }
+ .notstart { border-left: none; }
+ .notend { border-right: none; }
+ </style>
+ </head>
+ <body>
+ <span class="notend">
+ <span class="notend">
+ <span>One</span><span>Two</span><span>Three</span>
+ </span>
+ </span>
+ <div>Four</div>
+ <span class="notstart notend"><span class="notstart notend"></span></span>
+ <div>Five</div>
+ <span class="notstart notend">
+ <span class="notstart notend">
+ <span>Six</span>
+ </span>
+ </span>
+ <div>Seven</div>
+ <span class="notstart notend"><span class="notstart notend"></span></span>
+ <div>Eight</div>
+ <span class="notstart">
+ <span class="notstart">
+ <span>Nine</span><span>Ten</span>
+ </span>
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010-ref.xht
new file mode 100644
index 0000000000..00aa334ee8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-010-nosplit-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ body &gt; span &gt; span { border: 3px solid cyan }
+ </style>
+ </head>
+ <body>
+ <span><span><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span></span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010.xht
new file mode 100644
index 0000000000..e38e70b4a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-10</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-010-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("Nine"));
+ document.getElementById("target").appendChild(newNode);
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ body &gt; span &gt; span { border: 3px solid cyan }
+ body &gt; span &gt; span:after { content: "Ten" }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span><span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div></span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011-nosplit-ref.xht
new file mode 100644
index 0000000000..0e077146ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011-nosplit-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-011-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ body &gt; span &gt; span { border: 3px solid cyan }
+ .notstart { border-left: none; }
+ .notend { border-right: none; }
+ </style>
+ </head>
+ <body>
+ <span class="notend">
+ <span class="notend">
+ <span>One</span><span>Two</span><span>Three</span>
+ </span>
+ </span>
+ <div>Four</div>
+ <span class="notstart notend"><span class="notstart notend"></span></span>
+ <div>Five</div>
+ <span class="notstart notend">
+ <span class="notstart notend">
+ <span>Six</span>
+ </span>
+ </span>
+ <div>Seven</div>
+ <span class="notstart notend"><span class="notstart notend"></span></span>
+ <div>Eight</div>
+ <span class="notstart notend">
+ <span class="notstart">
+ <span>Nine</span>
+ </span>
+ </span>
+ <div>Ten</div>
+ <span class="notstart"></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011-ref.xht
new file mode 100644
index 0000000000..0d93bd1dc3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-011-nosplit-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ body &gt; span &gt; span { border: 3px solid cyan }
+ </style>
+ </head>
+ <body>
+ <span><span><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span></span><div>Ten</div></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011.xht
new file mode 100644
index 0000000000..b1fdc72f41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-11</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-011-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var newNode = document.createElement("span");
+ newNode.appendChild(document.createTextNode("Nine"));
+ document.getElementById("target").appendChild(newNode);
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ body &gt; span &gt; span { border: 3px solid cyan }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span><span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div></span><div>Ten</div></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012-nosplit-ref.xht
new file mode 100644
index 0000000000..8e00bc0600
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012-nosplit-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-012-ref.xht"/>
+ </head>
+ <body>
+ <div style="display: inline; border: 2px solid; border-right: none">One</div>
+ <div>Two</div>
+ <div style="display: inline; border: 2px; border-style: solid none"></div>
+ <div>Three</div>
+ <div style="display: inline; border: 2px solid; border-left: none"></div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012-ref.xht
new file mode 100644
index 0000000000..6ea1a9c4bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012-ref.xht
@@ -0,0 +1,9 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-012-nosplit-ref.xht"/>
+ </head>
+ <body>
+ <div style="display: inline; border: 2px solid">One<div>Two</div><div>Three</div></div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012.xht
new file mode 100644
index 0000000000..ba48ed576f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-12</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-012-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <style type="text/css">
+ #i { display: inline; border: 2px solid; }
+ #i:after { display: block; content: "Three"; }
+ </style>
+ </head>
+ <body>
+ <div id="i"><script type="text/javascript">document.body.offsetWidth</script>One<div>Two</div></div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013-nosplit-ref.xht
new file mode 100644
index 0000000000..f36bf1ba1b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013-nosplit-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-013-ref.xht"/>
+ </head>
+ <body>
+ <div style="display: inline; border: 2px solid; border-right: none"></div>
+ <div>One</div>
+ <div style="display: inline; border: 2px solid; border-left: none">TwoThree</div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013-ref.xht
new file mode 100644
index 0000000000..8e08d97d81
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013-ref.xht
@@ -0,0 +1,9 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-013-nosplit-ref.xht"/>
+ </head>
+ <body>
+ <div style="display: inline; border: 2px solid"><div>One</div>TwoThree</div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013.xht
new file mode 100644
index 0000000000..d23a8e8ce4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-13</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-013-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <style type="text/css">
+ #i { border: 2px solid; }
+ #i:before { display: block; content: "One"; }
+ #i:after { content: "Three"; }
+ </style>
+ <script type="text/javascript">
+ function doTest() {
+ var i = document.getElementById("i");
+ i.insertBefore(document.createTextNode("Two"), i.firstChild);
+ }
+ </script>
+ </head>
+ <body onload="doTest()">
+ <span id="i"><span style="display: none"></span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014-nosplit-ref.xht
new file mode 100644
index 0000000000..2ae5d104ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014-nosplit-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-014-ref.xht"/>
+ </head>
+ <body>
+ <div style="display: inline; border: 2px solid; border-right: none"></div>
+ <div>One</div>
+ <div style="display: inline; border: 2px solid; border-left: none">Two</div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014-ref.xht
new file mode 100644
index 0000000000..fefbd03ad5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014-ref.xht
@@ -0,0 +1,9 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-014-nosplit-ref.xht"/>
+ </head>
+ <body>
+ <div style="display: inline; border: 2px solid"><div>One</div>Two</div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014.xht
new file mode 100644
index 0000000000..4d170b976b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-14</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-014-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <style type="text/css">
+ #i { border: 2px solid; }
+ #i:before { display: block; content: "One"; }
+ </style>
+ <script type="text/javascript">
+ function doTest() {
+ var i = document.getElementById("i");
+ i.insertBefore(document.createTextNode("Two"), i.firstChild);
+ }
+ </script>
+ </head>
+ <body onload="doTest()">
+ <span id="i"><span style="display: none"></span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015-nosplit-ref.xht
new file mode 100644
index 0000000000..a1dee0d67f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015-nosplit-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-015-ref.xht"/>
+ </head>
+ <body>
+ <div style="display: inline; border: 2px solid; border-right:none"></div>
+ <div>One</div>
+ <div style="display: inline; border: 2px solid; border-right:none; border-left: none">Two</div>
+ <div>Three</div>
+ <div style="display: inline; border: 2px solid; border-left: none"></div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015-ref.xht
new file mode 100644
index 0000000000..a74180bdef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015-ref.xht
@@ -0,0 +1,9 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-015-nosplit-ref.xht"/>
+ </head>
+ <body>
+ <div style="display: inline; border: 2px solid"><div>One</div>Two<div>Three</div></div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015.xht
new file mode 100644
index 0000000000..f6a1334726
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-15</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-015-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <style type="text/css">
+ #i { display: inline; border: 2px solid; }
+ #i:after { display: block; content: "Three"; }
+ </style>
+ </head>
+ <body>
+ <div id="i"><script type="text/javascript">document.body.offsetWidth</script><div>One</div>Two</div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016-nosplit-ref.xht
new file mode 100644
index 0000000000..fa9ffee0ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016-nosplit-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-016-ref.xht"/>
+ </head>
+ <body>
+ <div style="display: inline; border: 2px solid; border-right: none">One</div>
+ <div>Two</div>
+ <div style="display: inline; border: 2px solid; border-left: none"></div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016-ref.xht
new file mode 100644
index 0000000000..140b45c00a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016-ref.xht
@@ -0,0 +1,9 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-insert-016-nosplit-ref.xht"/>
+ </head>
+ <body>
+ <div style="display: inline; border: 2px solid">One<div>Two</div></div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016a.xht
new file mode 100644
index 0000000000..730f11612b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016a.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-16a</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-016-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <style type="text/css">
+ #i { border: 2px solid; }
+ #i:after { display: block; content: "Two"; }
+ </style>
+ <script type="text/javascript">
+ function doTest() {
+ var i = document.getElementById("i");
+ i.insertBefore(document.createTextNode("One"), i.firstChild);
+ }
+ </script>
+ </head>
+ <body onload="doTest()">
+ <span id="i"><span style="display: none"></span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016b.xht
new file mode 100644
index 0000000000..a438c1f275
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016b.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-16b</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-016-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <style type="text/css">
+ #i { border: 2px solid; }
+ #i:after { display: block; content: "Two"; }
+ </style>
+ <script type="text/javascript">
+ function doTest() {
+ var i = document.getElementById("i");
+ i.appendChild(document.createTextNode("One"));
+ }
+ </script>
+ </head>
+ <body onload="doTest()">
+ <span id="i"></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-017-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-017-ref.xht
new file mode 100644
index 0000000000..cc5b6d2456
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-017-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test Reference</title>
+ </head><body style="width: 0">
+ <span style="border: 2px solid blue; border-right: none"></span>
+ <span style="display: block"></span>
+ <span style="border: 2px solid blue; border-left: none; border-right: none">
+ a b
+ </span>
+ <span style="display: block"></span>
+ <span style="border: 2px solid blue; border-left: none;">
+ c
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-017.xht
new file mode 100644
index 0000000000..5390cce5f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-017.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines &#8211; trailing-inline-with-continuations-1</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-insert-017-ref.xht"/>
+ <meta name="flags" content="dom" />
+ </head><body style="width: 0">
+ <span style="border: 2px solid blue;">
+ <span style="display: block"></span>
+ a b
+ <script type="text/javascript">document.body.offsetWidth</script>
+ <span style="display: block"></span>
+ c
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-018.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-018.html
new file mode 100644
index 0000000000..39118d610b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-018.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<meta name="assert" content="Test inserting a block-in-inline in the middle of existing block-in-inline">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<body>
+ <div>1</div>
+ <span>
+ <div id="b2">2</div>
+ <div id="b4">4</div>
+ </span>
+<script>
+document.body.offsetTop;
+
+// Both "2" and "4" are block-in-inline children.
+// Insert a block child "3" between them.
+const b3 = document.createElement('div');
+b3.appendChild(document.createTextNode('3'));
+b4.parentElement.insertBefore(b3, b4);
+
+// Check if "3" is between "2" and "4".
+test(() => {
+ assert_greater_than(b3.offsetTop, b2.offsetTop);
+ assert_less_than(b3.offsetTop, b4.offsetTop);
+});
+</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-019-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-019-ref.html
new file mode 100644
index 0000000000..2cd5b5ab4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-019-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<body>
+ <section>
+ <div>1</div>
+ <span>2</span>
+ <div class="before">3</div>
+ </section>
+ <section>
+ <span>2</span>
+ <div class="before">3</div>
+ <div>4</div>
+ </section>
+ <section style="columns: 1">
+ <div>1</div>
+ <span>2</span>
+ <div class="before">3</div>
+ </section>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-019.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-019.html
new file mode 100644
index 0000000000..1f1cd1ae09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-019.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<meta name="assert" content="Test inserting an inline child in the middle of blocks-in-inline">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link ref="match" href="block-in-inline-insert-019-ref.html">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<body>
+ <!-- Insert a span in the middle of blocks-in-inline -->
+ <section>
+ <span>
+ <div>1</div>
+ <div class="before">3</div>
+ </span>
+ </section>
+ <!-- Insert a span before a block-in-inline -->
+ <section>
+ <span>
+ <div class="before">3</div>
+ <div>4</div>
+ </span>
+ </section>
+ <!-- Check it works in multicol container -->
+ <section style="columns: 1">
+ <span>
+ <div>1</div>
+ <div class="before">3</div>
+ </span>
+ </section>
+<script>
+(function () {
+ document.body.offsetTop;
+ for (const before of document.getElementsByClassName('before')) {
+ const span = document.createElement('span');
+ span.textContent = '2';
+ before.before(span);
+ }
+})();
+</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-020-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-020-ref.html
new file mode 100644
index 0000000000..3b3d4e8386
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-020-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<body>
+ <section>
+ <div>1</div>
+ <span>2</span>
+ <div class="before" style="position: absolute">3</div>
+ <div>&nbsp;</div>
+ </section>
+ <section>
+ <div>1</div>
+ <span>2</span>
+ <div class="before" style="position: absolute">3</div>
+ <div class="beforeoof">&nbsp;</div>
+ </section>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-020.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-020.html
new file mode 100644
index 0000000000..3fbed1b3c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-020.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<meta name="assert" content="Test inserting an inline child before an OOF in blocks-in-inline">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link ref="match" href="block-in-inline-insert-020-ref.html">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<body>
+ <section>
+ <span>
+ <div>1</div>
+ <div class="before" style="position: absolute">3</div>
+ <div>&nbsp;</div>
+ </span>
+ </section>
+ <!-- The OOF was inserted dynamically -->
+ <section>
+ <span>
+ <div>1</div>
+ <div class="beforeoof">&nbsp;</div>
+ </span>
+ </section>
+<script>
+(function () {
+ document.body.offsetTop;
+ for (const before of document.getElementsByClassName('beforeoof')) {
+ const oof = document.createElement('div');
+ oof.classList.add('before')
+ oof.style.position = 'absolute';
+ oof.textContent = '3';
+ before.before(oof);
+ }
+
+ document.body.offsetTop;
+ for (const before of document.getElementsByClassName('before')) {
+ const span = document.createElement('span');
+ span.textContent = '2';
+ before.before(span);
+ }
+})();
+</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001-ref.xht
new file mode 100644
index 0000000000..50926f8be0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001-ref.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ </head>
+ <body>
+ <div style="width: 100px; border: 1px solid green;">
+ <div style="display: block; height: 20px; width: 80px; margin: 10px 0 10px 10px; border: 5px solid black"></div>
+ </div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001a.xht
new file mode 100644
index 0000000000..a3321753d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001a.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines &#8211; ignored-margins-1a</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-margins-001-ref.xht"/>
+ </head><body>
+ <div style="direction: ltr; width: 100px; border: 1px solid green;">
+ <span>
+ <span style="display: block; height: 20px; width: 80px; margin: 10px; border: 5px solid black">
+ </span>
+ </span>
+ </div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001b.xht
new file mode 100644
index 0000000000..d1c5d20a8a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001b.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines &#8211; ignored-margins-1b</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-margins-001-ref.xht"/>
+ </head><body>
+ <div style="direction: ltr; width: 100px; border: 1px solid green;">
+ <span style="direction: rtl">
+ <span style="display: block; height: 20px; width: 80px; margin: 10px; border: 5px solid black">
+ </span>
+ </span>
+ </div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002-ref.xht
new file mode 100644
index 0000000000..cad9284f45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002-ref.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ </head>
+ <body>
+ <div style="width: 100px; border: 1px solid green;">
+ <div style="display: block; height: 20px; width: 80px; margin: 10px 10px 10px 0; border: 5px solid black"></div>
+ </div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002a.xht
new file mode 100644
index 0000000000..40f612d8d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002a.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines &#8211; ignored-margins-2a</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-margins-002-ref.xht"/>
+ </head><body>
+ <div style="direction: rtl; width: 100px; border: 1px solid green;">
+ <span>
+ <span style="display: block; height: 20px; width: 80px; margin: 10px; border: 5px solid black">
+ </span>
+ </span>
+ </div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002b.xht
new file mode 100644
index 0000000000..8e2030a6ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002b.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines &#8211; ignored-margins-2b</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-margins-002-ref.xht"/>
+ </head><body>
+ <div style="direction: rtl; width: 100px; border: 1px solid green;">
+ <span style="direction: ltr">
+ <span style="display: block; height: 20px; width: 80px; margin: 10px; border: 5px solid black">
+ </span>
+ </span>
+ </div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-003-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-003-ref.html
new file mode 100644
index 0000000000..afcdcb0dc0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-003-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<body>
+ <div>
+ <div style="margin-top: 20px;"></div>
+ <div style="margin-top: 100px; outline: solid purple 4px;"></div>
+ text
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-003.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-003.html
new file mode 100644
index 0000000000..576e0a8bed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-003.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<meta name="assert" content="Block-in-inline: when continuation resolves the BFC offset">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+<link rel="match" href="block-in-inline-margins-003-ref.html"/>
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
+<body>
+ <div>
+ <span>
+ <div style="margin-top: 20px;"></div>
+ <div style="margin-top: 100px; outline: solid purple 4px;"></div>
+ text
+ </span>
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-004-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-004-ref.html
new file mode 100644
index 0000000000..e4c5980fff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-004-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<body>
+ <div style="width: 100px; border: solid;">
+ <div style="float: left; width: 10px; height: 10px; background: blue;"></div>
+ <div style="height: 100px; background: orange;"></div>
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-004.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-004.html
new file mode 100644
index 0000000000..81e1f83fba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-004.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta name="assert" content="Block-in-inline: when empty but not self-collapsing block resolves the BFC offset">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+<link rel="match" href="block-in-inline-margins-004-ref.html"/>
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
+<body>
+ <div style="width: 100px; border: solid;">
+ <span>
+ <div style="float: left; width: 10px; height: 10px; background: blue;"></div>
+ <div style="height: 100px; background: orange;"></div>
+ </span>
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-001-ref.xht
new file mode 100644
index 0000000000..0c981e13bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-001-ref.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ </head>
+ <body>
+ <span>First line</span>
+ <div>Second line</div>
+ <span>Third line, yes</span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-001.xht
new file mode 100644
index 0000000000..4cbd0e189d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines &#8211; split-inner-inline-1</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-nested-001-ref.xht"/>
+ </head><body>
+ <span>
+ First
+ <span>
+ line
+ <span style="display: block">
+ Second line
+ </span>
+ Third
+ </span>
+ line, yes
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-002-ref.xht
new file mode 100644
index 0000000000..a0e3402791
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-002-ref.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ </head>
+ <body>
+ <span>First line
+ <span style="border: 5px solid blue; border-right: none"></span>
+ </span>
+ <div>Second line</div>
+ <span>
+ <span style="border: 5px solid blue; border-left: none"></span>
+ Third line, yes
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-002.xht
new file mode 100644
index 0000000000..506c2f3795
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-002.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines &#8211; split-inner-inline-2</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-nested-002-ref.xht"/>
+ </head><body>
+ <span>
+ First line
+ <span style="border: 5px solid blue">
+ <span style="display: block">
+ Second line
+ </span>
+ </span>
+ Third line, yes
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-percents-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-percents-001-ref.xht
new file mode 100644
index 0000000000..9228e79f9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-percents-001-ref.xht
@@ -0,0 +1,8 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ </head>
+ <body>
+ <div style="height: 100px; border: 10px solid black"></div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-percents-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-percents-001.xht
new file mode 100644
index 0000000000..1823424b92
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-percents-001.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines &#8211; percent-height-1</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-percents-001-ref.xht"/>
+ </head><body style="height: 200px">
+ <span>
+ <span style="display: block; height: 50%; border: 10px solid black">
+ </span>
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-000-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-000-ref.xht
new file mode 100644
index 0000000000..c86bb3cbdb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-000-ref.xht
@@ -0,0 +1,9 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ </head>
+ <body>
+ One
+ Two
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-000.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-000.xht
new file mode 100644
index 0000000000..17c47cda8c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-000.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; remove-split-inline-1</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-remove-000-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var target = document.getElementById("target");
+ target.parentNode.removeChild(target);
+ }
+ </script>
+ </head>
+ <body onload="doit()">
+ One
+ <span id="target">
+ Three
+ <div>Four</div>
+ Five
+ </span>
+ Two
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001-nosplit-ref.xht
new file mode 100644
index 0000000000..0215ebbec4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001-nosplit-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-remove-001-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ #start { border-right: none; }
+ #two { border-left: none; }
+ </style>
+ </head>
+ <body>
+ <span id="start"></span>
+ <div>One</div>
+ <span id="two">
+ Two
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001-ref.xht
new file mode 100644
index 0000000000..5d667f3dcb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-remove-001-nosplit-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body>
+ <span><div>One</div>
+ Two
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001.xht
new file mode 100644
index 0000000000..30a998907e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; remove-from-split-inline-1</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-remove-001-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var target = document.getElementById("target");
+ target.parentNode.removeChild(target);
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span><span id="target">Four</span><div>One</div>
+ Two
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-002-ref.xht
new file mode 100644
index 0000000000..cda68a7734
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-002-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body>
+ <span>
+ One
+ Two
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-002.xht
new file mode 100644
index 0000000000..d0df7d612e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-002.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; remove-from-split-inline-2</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-remove-002-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var target = document.getElementById("target");
+ target.parentNode.removeChild(target);
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span>
+ One
+ <div id="target">Three</div>
+ Two
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003-nosplit-ref.xht
new file mode 100644
index 0000000000..b4fbfec00a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003-nosplit-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-remove-003-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ #one { border-right: none; }
+ #tail { border-left: none; }
+ </style>
+ </head>
+ <body>
+ <span id="one">
+ One
+ </span>
+ <div>Two</div>
+ <span id="tail"></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003-ref.xht
new file mode 100644
index 0000000000..60f9427389
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-remove-003-nosplit-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body>
+ <span>
+ One
+ <div>Two</div></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003.xht
new file mode 100644
index 0000000000..94ccc760f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; remove-from-split-inline-3</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-remove-003-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var target = document.getElementById("target");
+ target.parentNode.removeChild(target);
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+
+ <body onload="doit()">
+ <span>
+ One
+ <div>Two</div><span id="target">Three</span></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004-nosplit-ref.xht
new file mode 100644
index 0000000000..a008a8a1b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004-nosplit-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-remove-004-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ #one { border-right: none; }
+ #four { border-left: none; }
+ </style>
+ </head>
+ <body>
+ <span id="one">
+ One
+ Two
+ </span>
+ <div>Three</div>
+ <span id="four">
+ Four
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004-ref.xht
new file mode 100644
index 0000000000..ef2ee0c329
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-remove-004-nosplit-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body>
+ <span>
+ One
+ Two
+ <div>Three</div>
+ Four
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004.xht
new file mode 100644
index 0000000000..91cad56e68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; remove-from-split-inline-4</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-remove-004-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var target = document.getElementById("target");
+ target.parentNode.removeChild(target);
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span>
+ One
+ <div id="target">Five</div>
+ Two
+ <div>Three</div>
+ Four
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005-nosplit-ref.xht
new file mode 100644
index 0000000000..00ae0f278f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005-nosplit-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-remove-005-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ #one { border-right: none; }
+ #three { border-left: none; }
+ </style>
+ </head>
+ <body>
+ <span id="one">
+ One
+ </span>
+ <div>Two</div>
+ <span id="three">
+ Three
+ Four
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005-ref.xht
new file mode 100644
index 0000000000..1ab2d25ff4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-remove-005-nosplit-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body>
+ <span>
+ One
+ <div>Two</div>
+ Three
+ Four
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005.xht
new file mode 100644
index 0000000000..58944d2ebc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; remove-from-split-inline-5</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-remove-005-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var target = document.getElementById("target");
+ target.parentNode.removeChild(target);
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span>
+ One
+ <div>Two</div>
+ Three
+ <div id="target">Five</div>
+ Four
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006-nosplit-ref.xht
new file mode 100644
index 0000000000..6379b16190
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006-nosplit-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-remove-006-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ #one { border-right: none; }
+ #four { border-left: none; }
+ </style>
+ </head>
+ <body>
+ <span id="one">
+ One
+ </span>
+ <div>Two</div>
+ <div>Three</div>
+ <span id="four">
+ Four
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006-ref.xht
new file mode 100644
index 0000000000..be57e10553
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <link rel="match" href="block-in-inline-remove-006-nosplit-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body>
+ <span>
+ One
+ <div>Two</div>
+ <div>Three</div>
+ Four
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006.xht
new file mode 100644
index 0000000000..245dbfbb78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; remove-from-split-inline-6</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-remove-006-nosplit-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <script type="text/javascript">
+ function doit() {
+ var target = document.getElementById("target");
+ target.parentNode.removeChild(target);
+ }
+ </script>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body onload="doit()">
+ <span>
+ One
+ <div>Two</div>
+ <span id="target">Five</span>
+ <div>Three</div>
+ Four
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-vertical-align-001-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-vertical-align-001-ref.html
new file mode 100644
index 0000000000..20a8ae08c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-vertical-align-001-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<style>
+ div {
+ line-height: 20px;
+ }
+ </style>
+ <p>The numbers 1, 2 and 3 below should be in ascending order, from top to bottom, with no overlap.</p>
+<div>
+ 2
+ <span style="vertical-align: 20px;">
+ 1
+ <div>3</div>
+ 4
+ <div>5</div>
+ 6
+ <div>7</div>
+ 8
+ </span>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-vertical-align-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-vertical-align-001.html
new file mode 100644
index 0000000000..406774c453
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-vertical-align-001.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<meta name="assert" content="Test `vertical-align` should not affect block-in-inline">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link ref="match" href="block-in-inline-vertical-align-001-ref.html">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<style>
+div {
+ line-height: 20px;
+}
+</style>
+<p>The numbers 1, 2 and 3 below should be in ascending order, from top to bottom, with no overlap.</p>
+<div>
+ 2
+ <span style="vertical-align: 20px;">
+ 1
+ </span>
+</div>
+<div>3</div>
+<div>
+ <span style="vertical-align: 20px;">
+ 4
+ </span>
+</div>
+<div>5</div>
+<div>
+ <span style="vertical-align: 20px;">
+ 6
+ </span>
+</div>
+<div>7</div>
+<div>
+ <span style="vertical-align: 20px;">
+ 8
+ </span>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001-ref.xht
new file mode 100644
index 0000000000..263fd25ecb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ .notstart { border-left: none; }
+ .notend { border-right: none; }
+ </style>
+ </head>
+ <body>
+ <span class="notend"></span>
+ <div>One</div>
+ <span class="notstart notend"></span>
+ <div>Two</div>
+ <span class="notstart"></span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001a.xht
new file mode 100644
index 0000000000..ef8094e7a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001a.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; whitespace-present-1a</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-whitespace-001-ref.xht"/>
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ </head>
+ <body>
+ <span>
+ <div>One</div>
+ <div>Two</div>
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001b.xht
new file mode 100644
index 0000000000..e6237f714d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001b.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; whitespace-present-1b</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-whitespace-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <style type="text/css">
+ body &gt; span { border: 3px solid blue }
+ </style>
+ <script type="text/javascript">
+ function doIt() {
+ var t = document.createTextNode(" ");
+ var d = document.getElementById("d");
+ d.parentNode.insertBefore(t, d);
+ }
+ </script>
+ </head>
+ <body onload="doIt()">
+ <span>
+ <div>One</div><div id="d">Two</div>
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-001-ref.xht
new file mode 100644
index 0000000000..13a45cc085
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-001-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ border-bottom: orange solid medium;
+ border-top: orange solid medium;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the blue stripe and the orange lines.</p>
+
+ <div>Filler Text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-001.xht
new file mode 100644
index 0000000000..e25e5e55f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and margins top and bottom are 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <link rel="match" href="block-non-replaced-height-001-ref.xht" />
+
+ <meta name="assert" content="The margin top and bottom used values are '0' for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and margin top and bottom both are 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: solid orange;
+ border-top: solid orange;
+ width: 1in;
+ }
+ div div
+ {
+ background: blue;
+ margin-bottom: auto;
+ margin-top: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue stripe and the orange lines.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-002.xht
new file mode 100644
index 0000000000..9d27f433c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-002.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <meta name="assert" content="The margin top and bottom used values are '0' for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and margin top and bottom both are 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: solid orange;
+ border-top: solid orange;
+ width: 1in;
+ }
+ div div
+ {
+ background: blue;
+ margin-bottom: auto;
+ margin-top: auto;
+ }
+ html, body
+ {
+ overflow: scroll;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no white space between the blue box below and the orange lines.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-003.xht
new file mode 100644
index 0000000000..24c3fe0e5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-003.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and 'height' is 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <meta name="assert" content="The 'height' is the 'height' of the child block box when a block-level non-replaced element is in normal flow and 'overflow' computes to 'visible'." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ div div
+ {
+ width: 1in;
+ }
+ #div1 div
+ {
+ background: blue;
+ height: 2in;
+ }
+ #div2
+ {
+ background: orange;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange boxes below are the same height.</p>
+ <div>
+ <div id="div1">
+ <div></div>
+ </div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-004.xht
new file mode 100644
index 0000000000..422ad38d53
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-004.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and 'height' is 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <meta name="assert" content="The 'height' is the 'height' of the child block box when a block-level non-replaced element is in normal flow and 'overflow' does not compute to 'visible'." />
+ <style type="text/css">
+ html, body
+ {
+ overflow: scroll;
+ }
+ div
+ {
+ position: relative;
+ }
+ div div
+ {
+ width: 1in;
+ }
+ #div1 div
+ {
+ background: blue;
+ height: 2in;
+ }
+ #div2
+ {
+ background: orange;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange boxes below are the same height.</p>
+ <div>
+ <div id="div1">
+ <div></div>
+ </div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-005-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-005-ref.xht
new file mode 100644
index 0000000000..47d1d06b30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-005-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same height and if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue15x15.png" width="200" height="200" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="200" height="200" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-005.xht
new file mode 100644
index 0000000000..274669a6a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-005.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and 'height' is 'auto' adjust based on the line box height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <link rel="match" href="block-non-replaced-height-005-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'height' is the distance from the topmost to the bottommost line box when a block-level non-replaced element is in normal flow and 'overflow' computes to 'visible'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ background: red;
+ width: 200px;
+ }
+ span
+ {
+ color: blue;
+ display: inline;
+ font: 100px/1 Ahem;
+ }
+ #div2
+ {
+ background: orange;
+ height: 200px;
+ left: 200px;
+ position: absolute;
+ top: 0;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same height and if there is <strong>no red</strong>.</p>
+ <div>
+ <div id="div1">
+ <span>XX XX</span>
+ </div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-006.xht
new file mode 100644
index 0000000000..ad33cd950c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-006.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and 'height' is 'auto' adjust based on the line box height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'height' is the distance from the topmost to the bottommost line box when a block-level non-replaced element is in normal flow and 'overflow' does not compute to 'visible'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ html, body
+ {
+ overflow: scroll;
+ }
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ background: red;
+ width: 200px;
+ }
+ span
+ {
+ color: blue;
+ display: inline;
+ font: 100px/1 Ahem;
+ }
+ #div2
+ {
+ background: orange;
+ height: 200px;
+ left: 200px;
+ position: absolute;
+ top: 0;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same height and if there is <strong>no red</strong>.</p>
+ <div>
+ <div id="div1">
+ <span>XX XX</span>
+ </div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-007.xht
new file mode 100644
index 0000000000..c56310aec8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-007.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height determination for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and elements' margins collapse</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <meta name="assert" content="The 'height' is the distance between the top border edge of the top most block-level child box that doesn't have margins collapsed through it, and the bottom border edge of the bottommost block-level child that doesn't have margins collapsed through it. When a block-level non-replaced element is in normal flow, 'overflow' computes to 'visible' and the 'height' is 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2, #div3, #div4
+ {
+ width: 1in;
+ }
+ #div2, #div3
+ {
+ background: blue;
+ height: 0.5in;
+ }
+ #div2
+ {
+ border-top: 0.5in solid blue;
+ margin-top: 0.5in;
+ }
+ #div3
+ {
+ border-bottom: 0.5in solid blue;
+ margin-bottom: 0.5in;
+ }
+ #div4
+ {
+ background: blue;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square below.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-008.xht
new file mode 100644
index 0000000000..6214bf1f5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-008.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height determination for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and elements' margins collapse</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <meta name="assert" content="The 'height' is the distance between the top border edge of the top most block-level child box that doesn't have margins collapsed, and the bottom border edge of the bottommost block-level child that doesn't have margins collapsed. When a block-level non-replaced element is in normal flow, 'overflow' does not compute to 'visible' but has been propagated to the viewport and the 'height' is 'auto'." />
+ <style type="text/css">
+ html, body
+ {
+ overflow: scroll;
+ }
+ #div1
+ {
+ position: relative;
+ }
+ #div2, #div3, #div4
+ {
+ width: 1in;
+ }
+ #div2, #div3
+ {
+ background: blue;
+ height: 0.5in;
+ }
+ #div2
+ {
+ border-top: 0.5in solid blue;
+ margin-top: 0.5in;
+ }
+ #div3
+ {
+ border-bottom: 0.5in solid blue;
+ margin-bottom: 0.5in;
+ }
+ #div4
+ {
+ background: blue;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square below.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-009-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-009-ref.xht
new file mode 100644
index 0000000000..dfaf53125b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-009-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 2in;
+ width: 2in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue square.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-009.xht
new file mode 100644
index 0000000000..01af21c20b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-009.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height determination for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and elements' margins do not collapse</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+
+ <meta name="assert" content="When a block-level non-replaced element is in normal flow, 'overflow' computes to 'visible', the 'height' is 'auto' and top and bottom margins do not collapse. The 'height' is the distance from the top of the topmost margin edge of the content to the bottom edge of the bottom (possibly collapsed) margin of its last in-flow child, if the child's bottom margin does not collapse with the element's bottom margin." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: blue;
+ border-bottom: 0.25in solid blue;
+ border-top: 0.25in solid blue;
+ }
+ #div2, #div3, #div4, #div5
+ {
+ width: 1in;
+ }
+ #div3, #div4
+ {
+ background: blue;
+ height: 0.25in;
+ }
+ #div3
+ {
+ border-top: 0.25in solid blue;
+ margin-top: 0.25in;
+ }
+ #div4
+ {
+ border-bottom: 0.25in solid blue;
+ margin-bottom: 0.25in;
+ }
+ #div5
+ {
+ background: blue;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ <div id="div5"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-010.xht
new file mode 100644
index 0000000000..37fdf8ea28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-010.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height determination for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and elements' margins do not collapse</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <meta name="assert" content="When a block-level non-replaced element is in normal flow, 'overflow' does not compute to 'visible', the 'height' is 'auto' and top and bottom margins do not collapse. The 'height' is the sized from the top of the topmost margin edge of the content to the bottom of the bottom most margin edge of the content." />
+ <style type="text/css">
+ html, body
+ {
+ overflow: scroll;
+ }
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: blue;
+ border-bottom: 0.25in solid blue;
+ border-top: 0.25in solid blue;
+ }
+ #div2, #div3, #div4, #div5
+ {
+ width: 1in;
+ }
+ #div3, #div4
+ {
+ background: blue;
+ height: 0.25in;
+ }
+ #div3
+ {
+ border-top: 0.25in solid blue;
+ margin-top: 0.25in;
+ }
+ #div4
+ {
+ border-bottom: 0.25in solid blue;
+ margin-bottom: 0.25in;
+ }
+ #div5
+ {
+ background: blue;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square below.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ <div id="div5"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-011.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-011.xht
new file mode 100644
index 0000000000..8c54083dcb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-011.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated children are ignored for 'height' on block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="A floated child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." />
+ <style type="text/css">
+ #div1
+ {
+ background: red;
+ height: auto;
+ }
+ div div
+ {
+ float: left;
+ height: 1in;
+ overflow: visible;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-012.xht
new file mode 100644
index 0000000000..6f64d7c8cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-012.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floated children are ignored for 'height' on block-level non-replaced elements in normal flow when 'overflow' does not computes to 'visible'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <meta name="assert" content="A floated child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." />
+ <style type="text/css">
+ html, body
+ {
+ overflow: scroll;
+ }
+ #div1
+ {
+ background: red;
+ }
+ div div
+ {
+ float: left;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-013.xht
new file mode 100644
index 0000000000..6bd7f9b753
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-013.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: An absolutely positioned child elements' 'height' is ignored for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="An absolutely positioned child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." />
+ <style type="text/css">
+ #div1
+ {
+ background: red;
+ height: auto;
+ }
+ div div
+ {
+ height: 1in;
+ overflow: visible;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-014.xht
new file mode 100644
index 0000000000..acfdb49641
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-014.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: An absolutely positioned child elements' 'height' is ignored for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <meta name="assert" content="An absolutely positioned child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." />
+ <style type="text/css">
+ #div1
+ {
+ background: red;
+ height: auto;
+ }
+ div div
+ {
+ height: 1in;
+ overflow: scroll;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-015.xht
new file mode 100644
index 0000000000..d8b06beee6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-015.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: A relative positioned child elements' offset is ignored for 'height' on a block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <meta name="assert" content="A relative positioned child elements' offset is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: blue;
+ }
+ #div2 div
+ {
+ position: relative;
+ top: 1in;
+ }
+ #div3
+ {
+ background: orange;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ #div2 div, #div3
+ {
+ height: 1in;
+ }
+ div div
+ {
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange boxes below are the same height.</p>
+ <div id="div1">
+ <div id="div2">
+ <div></div>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-016.xht
new file mode 100644
index 0000000000..985b7d5944
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-016.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: A relative positioned child elements' offset is ignored for 'height' on a block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
+ <meta name="assert" content="A relative positioned child elements' offset is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." />
+ <style type="text/css">
+ html, body
+ {
+ overflow: scroll;
+ }
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: blue;
+ }
+ #div2 div
+ {
+ position: relative;
+ top: 1in;
+ }
+ #div3
+ {
+ background: orange;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ #div2 div, #div3
+ {
+ height: 1in;
+ }
+ div div
+ {
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange boxes below are the same height.</p>
+ <div id="div1">
+ <div id="div2">
+ <div></div>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-001-ref.xht
new file mode 100644
index 0000000000..ba8cb226e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-001-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 30px;
+ width: 150px;
+ }
+
+ div#orange {background-color: orange;}
+
+ div#blue
+ {
+ background-color: blue;
+ position: absolute;
+ top: 82px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange and blue rectangles have the <strong>same width</strong>.</p>
+
+ <div id="orange"></div>
+
+ <div id="blue"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-001.xht
new file mode 100644
index 0000000000..de5901c70a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-001.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Solving for width of block-level non-replaced elements in normal flow</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
+ <link rel="match" href="block-non-replaced-width-001-ref.xht" />
+
+ <meta name="assert" content="The equation; 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' is equal the width of containing block." />
+ <style type="text/css">
+ #div1
+ {
+ background-color: orange;
+ border: 5px solid orange;
+ display: inline-block;
+ }
+ div div
+ {
+ background-color: orange;
+ border-left: 10px solid orange;
+ border-right: 10px solid orange;
+ height: 20px;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-left: 10px;
+ padding-right: 10px;
+ width: 80px;
+ }
+ #d3
+ {
+ background-color: blue;
+ height: 30px;
+ position: absolute;
+ top: 82px;
+ width: 150px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue rectangles have the <strong>same width</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ <div id="d3"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-002.xht
new file mode 100644
index 0000000000..cf14e37ab7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-002.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Solving for width of block-level non-replaced elements in normal flow when 'width' is 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
+ <meta name="assert" content="When width is auto and the combination of border widths, padding widths, scrollbar widths, width, and non 'auto' margin widths are larger than the width of the containing block, the margin widths are treated as 0." />
+ <style type="text/css">
+ #div1
+ {
+ margin-top: 15px;
+ width: 100px;
+ }
+ div div
+ {
+ background-color: orange;
+ border-left: 10px solid orange;
+ border-right: 10px solid orange;
+ height: 30px;
+ margin-left: auto;
+ padding-left: 10px;
+ padding-right: 10px;
+ width: 110px;
+ }
+ #div2
+ {
+ background-color: blue;
+ height: 30px;
+ position: absolute;
+ top: 82px;
+ width: 150px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue rectangles have the <strong>same width</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-003.xht
new file mode 100644
index 0000000000..c6e3fce31b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-003.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Solving over-constrained situation for block-level non-replaced elements in normal flow and direction is left-to-right</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
+ <link rel="match" href="block-non-replaced-width-001-ref.xht" />
+
+ <meta name="assert" content="When direction is left-to-right, the specified value of 'margin-right' is ignored in an over-constrained situation and the 'margin-right' value is calculated so as to make the equality true." />
+ <style type="text/css">
+ div
+ {
+ direction: ltr;
+ }
+ #div1
+ {
+ background: orange;
+ width: 100px;
+ }
+ div div
+ {
+ background-color: orange;
+ border-left: 10px solid orange;
+ border-right: 10px solid orange;
+ height: 30px;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-left: 10px;
+ padding-right: 10px;
+ width: 100px;
+ }
+
+ /*
+ In this test, the used margin-right should be -50px so
+ that the equation remains balanced.
+ */
+
+ #div2
+ {
+ background-color: blue;
+ height: 30px;
+ position: absolute;
+ top: 82px;
+ width: 150px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue rectangles have the <strong>same width</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-004-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-004-ref.xht
new file mode 100644
index 0000000000..f99a9095aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-004-ref.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {direction: rtl;}
+
+ p {direction: ltr;}
+
+ div
+ {
+ height: 30px;
+ width: 150px;
+ }
+
+ div#orange {background-color: orange;}
+
+ div#blue
+ {
+ background-color: blue;
+ position: absolute;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange and blue rectangles have the <strong>same width</strong>.</p>
+
+ <div id="orange"></div>
+
+ <div id="blue"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-004.xht
new file mode 100644
index 0000000000..b754b56f68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-004.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Solving over-constrained situation for block-level non-replaced elements in normal flow and direction is right-to-left</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
+ <link rel="match" href="block-non-replaced-width-004-ref.xht" />
+
+ <meta name="assert" content="When direction is right-to-left, the specified value of 'margin-left' is ignored in an over-constrained situation and the 'margin-left' value is calculated so as to make the equality true." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ position: relative;
+ }
+ #div1
+ {
+ background: orange;
+ width: 100px;
+ }
+ #div1 div
+ {
+ background-color: orange;
+ border-left: 10px solid orange;
+ border-right: 10px solid orange;
+ height: 30px;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-left: 10px;
+ padding-right: 10px;
+ width: 100px;
+ }
+
+ /*
+ In this test, the used margin-left should be -50px so
+ that the equation remains balanced.
+ */
+
+ #div2
+ {
+ background-color: blue;
+ height: 30px;
+ position: absolute;
+ width: 150px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue rectangles have the <strong>same width</strong>.</p>
+ <div>
+ <div id="div1">
+ <div></div>
+ </div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-005-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-005-ref.xht
new file mode 100644
index 0000000000..794831c367
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-005-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 0;}
+
+ div
+ {
+ background-color: green;
+ height: 40px;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a filled green rectangle spans the entire width of the page and if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-005.xht
new file mode 100644
index 0000000000..94e30af494
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-005.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Solving width for block-level non-replaced elements in normal flow with single 'auto' value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
+ <link rel="match" href="block-non-replaced-width-005-ref.xht" />
+
+ <meta name="assert" content="If 'width' is set to 'auto' and no other 'auto' values are set, then the 'width' is the width of the containing block." />
+ <style type="text/css">
+ body
+ {
+ margin: 0;
+ }
+ #div1
+ {
+ background: red;
+ width: 100%;
+ }
+ div div
+ {
+ background-color: green;
+ border: none;
+ margin: 0;
+ padding: 0;
+ height: 40px;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled green rectangle spans the entire width of the page and if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-006.xht
new file mode 100644
index 0000000000..2c7d95437c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-006.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Solving width for block-level non-replaced elements in normal flow with multiple properties with 'auto' values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
+ <link rel="match" href="block-non-replaced-width-005-ref.xht" />
+
+ <meta name="assert" content="If 'width' is set to 'auto', any other 'auto' values become '0' and the 'width' is computed based on remaining space which includes any negative width." />
+ <style type="text/css">
+ body
+ {
+ margin: 0;
+ }
+ #div1
+ {
+ background: red;
+ width: 100%;
+ }
+ div div
+ {
+ background-color: green;
+ border: 10px solid green;
+ margin: 0 auto;
+ padding: 0;
+ height: 20px;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled green rectangle spans the entire width of the page and if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-007-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-007-ref.xht
new file mode 100644
index 0000000000..ad356fdbb1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-007-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ font: 100px/1 Ahem;
+ height: 200px;
+ text-align: center;
+ width: 200px;
+ }
+
+ span#orange {color: orange;}
+
+ span#blue {color: blue;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same width and the blue square is directly below the orange square.</p>
+
+ <div><span id="orange">O</span> <span id="blue">B</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-007.xht
new file mode 100644
index 0000000000..7c11940645
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-007.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Box centering with 'margin-left' and 'margin-right' set to auto</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
+ <link rel="match" href="block-non-replaced-width-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When 'margin-left' and 'margin-right' are set to 'auto' and the element has a 'width', then the box will be centered within the edges of its containing block." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 200px;
+ width: 200px;
+ }
+ #div2
+ {
+ background-color: orange;
+ border-color: orange;
+ border-style: solid;
+ border-width: 0 25px;
+ margin: 0 auto;
+ padding: 0;
+ height: 100px;
+ width: 50px;
+ }
+ #div3
+ {
+ color: blue;
+ font: 100px/1 Ahem;
+ text-align: center;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and the blue square is directly below the orange square.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-008.xht
new file mode 100644
index 0000000000..9843753c59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-008.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Solving 'width: auto' of a block-level non-replaced element in normal flow with one other property set to an 'auto' value</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="10.3.3 Block-level, non-replaced elements in normal flow" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
+ <meta content="If 'width' is set to 'auto', any other 'auto' values become '0' and the determination of 'width' proceeds from the following equality: 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' = width of containing block" name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div {height: 200px;}
+
+ div#containing-block
+ {
+ border-right: red solid 200px;
+ padding-right: 200px;
+ width: 0px;
+ }
+
+ div#child
+ {
+ border-right: green solid 200px;
+ margin-right: -400px;
+ }
+
+ /*
+ Calculation of used width for div#child:
+
+ margin-left : 0px (or auto)
+ + border-left-width : 0px
+ + padding-left : 0px
+ + width : auto
+ + padding-right : 0px
+ + border-right-width : 200px
+ + margin-right : -400px
+ ====================================
+ width of containing block : 0px
+
+ Therefore 'width: auto' must be resolved as 'width: 200px'.
+ Therefore div#child's green border-right should overlap perfectly
+ div#containing-block's red border-right.
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="containing-block">
+ <div id="child"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-001-ref.xht
new file mode 100644
index 0000000000..b60e1f1e23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-001-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-bottom: orange solid medium;
+ border-top: orange solid medium;
+ line-height: 15px;
+ width: 96px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is no white space between the blue square and the orange lines.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-001.xht
new file mode 100644
index 0000000000..fad608d0e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-001.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block replaced elements with 'margin-top' and 'margin-bottom' as 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="A block replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: solid orange;
+ border-top: solid orange;
+ width: 1in;
+ }
+ img
+ {
+ display: block;
+ margin-top: auto;
+ margin-bottom: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no white space between the blue square and the orange lines.</p>
+ <div>
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-002-ref.xht
new file mode 100644
index 0000000000..effbf97dc3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-002-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-002.xht
new file mode 100644
index 0000000000..3bfbef715a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-002.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block replaced elements relying on intrinsic height dimensions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the intrinsic height when an block replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ div div
+ {
+ background: orange;
+ height: 15px;
+ left: 15px;
+ position: absolute;
+ top: 0;
+ width: 15px;
+ }
+ img
+ {
+ display: block;
+ height: auto;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+ <div>
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-003.xht
new file mode 100644
index 0000000000..901d1a5151
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-003.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block replaced elements with intrinsic ratios and 'height' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the used width divided by the ratio when an block replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified." />
+ <style type="text/css">
+ div
+ {
+ line-height: 0;
+ position: relative;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ img
+ {
+ display: inline;
+ height: auto;
+ }
+ div div, img
+ {
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange boxes below are the same height.</p>
+ <div>
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-004-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-004-ref.xht
new file mode 100644
index 0000000000..3a33506da6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-004-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: green solid medium;
+ height: 150px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-004.xht
new file mode 100644
index 0000000000..2d423b15f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-004.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block replaced elements without intrinsic ratios and 'height' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-004-ref.xht" />
+
+ <meta name="assert" content="For block replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ height: 150px;
+ position: absolute;
+ top: 0;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ display: block;
+ height: auto;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <iframe></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-005-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-005-ref.xht
new file mode 100644
index 0000000000..8301362484
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-005-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: green solid medium;
+ height: 96px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-005.xht
new file mode 100644
index 0000000000..156ca650e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-005.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block replaced elements with percentage based intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-005-ref.xht" />
+
+ <meta name="assert" content="A block replaced elements with a percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ border: solid green;
+ height: 1in;
+ position: absolute;
+ top: 0;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ display: block;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-006-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-006-ref.xht
new file mode 100644
index 0000000000..6912d5159e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-006-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 96px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-006.xht
new file mode 100644
index 0000000000..1c6d265a89
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-006.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
+ <head>
+ <title>CSS Test: Absolutely positioned block replaced elements with percentage based intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-006-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="A block replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ left: 200px;
+ position: absolute;
+ top: 0;
+ width: 200px;
+ }
+ svg
+ {
+ display: block;
+ position: absolute;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <svg:svg version="1.1" height="50%" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-007.xht
new file mode 100644
index 0000000000..76091766bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-007.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block replaced elements with percentage based intrinsic height that cannot be resolved</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-004-ref.xht" />
+
+ <meta name="assert" content="A block replaced elements with a percentage height that cannot be resolved has no intrinsic height." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ height: 150px;
+ position: absolute;
+ top: 0;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ display: block;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-001.xht
new file mode 100644
index 0000000000..4346a5f527
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" />
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on block replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 2in;
+ width: 2in;
+ }
+ img
+ {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ div div
+ {
+ color: orange;
+ font: 15px/1em Ahem;
+ text-align: center;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and are horizontally centered inside the black hollow square.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-002-ref.xht
new file mode 100644
index 0000000000..cd6d7f2d1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-002-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ font: 50px/1 Ahem;
+ height: 288px;
+ width: 288px;
+ }
+
+ span#blue {color: blue;}
+
+ span#orange {color: orange;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the <strong>same width</strong> and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+
+ <div><span id="blue">1234</span> <span id="orange">1234</span> </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-002.xht
new file mode 100644
index 0000000000..ce25bf90ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-002.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
+ <head>
+ <title>CSS Test: Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" />
+ <link rel="match" href="block-replaced-width-002-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on block replaced elements becomes a used value of '0' if 'width' is set to 'auto'. Then 'width' follows from the resulting equality." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 3in;
+ }
+ svg
+ {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 50px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same width</strong> and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-003.xht
new file mode 100644
index 0000000000..c85b0ac1f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-003.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
+ <head>
+ <title>CSS Test: Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" />
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on block replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 3in;
+ }
+ svg
+ {
+ display: block;
+ height: 100px;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 100px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange boxes below are the same width, and the blue box is in the upper-left corner of the black box.</p>
+ <div id="div1">
+ <svg:svg version="1.1" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-004.xht
new file mode 100644
index 0000000000..97b7819182
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-004.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
+ <head>
+ <title>CSS Test: Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" />
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on block replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 3in;
+ }
+ #div2
+ {
+ height: 110px;
+ width: 3in;
+ }
+ #div3
+ {
+ background: orange;
+ height: 1in;
+ width: 200px;
+ }
+ svg
+ {
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange boxes below are the same width, and the blue box is in the upper-left corner of the black box.</p>
+ <div id="div1">
+ <div id="div2">
+ <svg:svg version="1.1" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-006-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-006-ref.xht
new file mode 100644
index 0000000000..719ccdc42f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-006-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ font: 100px/1 Ahem;
+ height: 300px;
+ text-align: center;
+ width: 200px;
+ }
+
+ span#blue {color: blue;}
+
+ span#orange {color: orange;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the <strong>same width</strong> and if they are <strong>horizontally centered</strong> inside an hollow black rectangle.</p>
+
+ <div><span id="blue">1</span><br /><span id="orange">2</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-006.xht
new file mode 100644
index 0000000000..049fa79935
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-006.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" />
+ <link rel="match" href="block-replaced-width-006-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="Percentage intrinsic widths are evaluated against the containing block's width." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 300px;
+ width: 200px;
+ }
+ img
+ {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ div div
+ {
+ color: orange;
+ font: 100px/1em Ahem;
+ text-align: center;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same width</strong> and if they are <strong>horizontally centered</strong> inside an hollow black rectangle.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" width="50%" />
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-011-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-011-ref.xht
new file mode 100644
index 0000000000..87f2d97ebc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-011-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 2em;
+ width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short filled blue rectangle.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-011.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-011.xht
new file mode 100644
index 0000000000..bd86d86362
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-011.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: CSS Block Box Model: overconstrained horizontal box model and minimum widths</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/>
+ <link rel="match" href="blocks-011-ref.xht" />
+
+ <style type="text/css">
+ .container { width: 3em; }
+ .test { margin-left: 0; border-left: 2em solid; padding-left: 0; width: auto; padding-right: 0; border-right: 2em solid; margin-right: 0; }
+ .control { margin-left: 0; border-left: none; padding-left: 0; width: 4em; padding-right: 0; border-right: none; margin-right: 0; }
+ .body div { background: blue; border-color: blue; height: 1em; } /* need the .body to increase specificity */
+ </style>
+ </head>
+ <body class="body">
+ <p>Test passes if there is a short filled blue rectangle.</p>
+ <div class="container">
+ <div class="test"></div>
+ </div>
+ <div class="control"></div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-012.xht
new file mode 100644
index 0000000000..7c2751ca63
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-012.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: CSS Block Box Model: overconstrained horizontal box model and minimum widths</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/>
+ <link rel="match" href="blocks-011-ref.xht" />
+
+ <style type="text/css">
+ .container { width: 3em; }
+ .test { margin-left: 0; border-left: none; padding-left: 2em; width: auto; padding-right: 2em; border-right: none; margin-right: 0; }
+ .control { margin-left: 0; border-left: none; padding-left: 0; width: 4em; padding-right: 0; border-right: none; margin-right: 0; }
+ div { background: blue; height: 1em; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short filled blue rectangle.</p>
+ <div class="container">
+ <div class="test"></div>
+ </div>
+ <div class="control"></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-013-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-013-ref.xht
new file mode 100644
index 0000000000..e8c939264b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-013-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ font-size: xx-large;
+ padding-left: 2em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if 2 short vertical bars are at the <strong>same horizontal position</strong>.</p>
+
+ <div class="control">|</div>
+
+ <div class="control">|</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-013.xht
new file mode 100644
index 0000000000..90b0b70604
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-013.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: CSS Block Box Model: overconstrained horizontal box model and minimum widths</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/>
+ <link rel="match" href="blocks-013-ref.xht" />
+
+ <style type="text/css">
+ .container { width: 3em; }
+ .test { margin-left: 2em; border-left: none; padding-left: 0; width: auto; padding-right: 0; border-right: none; margin-right: 2em; }
+ .control { padding-left: 2em; }
+ div { font-size: xx-large; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 short vertical bars are at the <strong>same horizontal position</strong>.</p>
+ <div class="container">
+ <div class="test"><span>|</span></div>
+ </div>
+ <div class="control"><span>|</span></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-014-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-014-ref.xht
new file mode 100644
index 0000000000..0ee763db9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-014-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 2em;
+ width: 5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short filled blue rectangle.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-014.xht
new file mode 100644
index 0000000000..dc06f52bd3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-014.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: CSS Block Box Model: sane horizontal box model and minimum widths</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/>
+ <link rel="match" href="blocks-014-ref.xht" />
+
+ <style type="text/css">
+ .container { width: 5em; }
+ .test { margin-left: 0; border-left: 2em solid; padding-left: 0; width: auto; padding-right: 0; border-right: 2em solid; margin-right: 0; }
+ .control { margin-left: 0; border-left: none; padding-left: 0; width: 5em; padding-right: 0; border-right: none; margin-right: 0; }
+ .body div { background: blue; border-color: blue; height: 1em; } /* need .body to increase specificity */
+ </style>
+ </head>
+ <body class="body">
+ <p>Test passes if there is a short filled blue rectangle.</p>
+ <div class="container">
+ <div class="test"></div>
+ </div>
+ <div class="control"></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-015.xht
new file mode 100644
index 0000000000..37ad205b7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-015.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: CSS Block Box Model: sane horizontal box model and minimum widths</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/>
+ <link rel="match" href="blocks-014-ref.xht" />
+
+ <style type="text/css">
+ .container { width: 5em; }
+ .test { margin-left: 0; border-left: none; padding-left: 2em; width: auto; padding-right: 2em; border-right: none; margin-right: 0; }
+ .control { margin-left: 0; border-left: none; padding-left: 0; width: 5em; padding-right: 0; border-right: none; margin-right: 0; }
+ div { background: blue; height: 1em; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short filled blue rectangle.</p>
+ <div class="container">
+ <div class="test"></div>
+ </div>
+ <div class="control"></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-016.xht
new file mode 100644
index 0000000000..e10656972d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-016.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: CSS Block Box Model: sane horizontal box model and minimum widths</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/>
+ <link rel="match" href="blocks-013-ref.xht" />
+
+ <style type="text/css">
+ .container { width: 5em; }
+ .test { margin-left: 2em; border-left: none; padding-left: 0; width: auto; padding-right: 0; border-right: none; margin-right: 2em; }
+ .control { padding-left: 2em; }
+ div { font-size: xx-large; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 short vertical bars are at the <strong>same horizontal position</strong>.</p>
+ <div class="container">
+ <div class="test"><span>|</span></div>
+ </div>
+ <div class="control"><span>|</span></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-017.xht
new file mode 100644
index 0000000000..f6819f372b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-017.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Blocks: Margin Collapsing</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-12 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/007.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="../tables/reference/table-margin-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {
+ border: solid blue;
+ height: 180px;
+ }
+ div > * {
+ margin: 1em;
+ height: 1em;
+ display: block;
+ font: 20px/1 Ahem;
+ }
+ table { border-spacing: 0; }
+
+ td { padding: 0; }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there are 4 black bars which do not overflow a wide blue rectangle. The black bars are evenly distributed (vertically) in the blue rectangle: the gap between the blue border at the top and the first black bar should be equal to the gap between the 4th bar and the blue border at the bottom.</p>
+
+ <div>
+ <table><tr><td>Test</td></tr></table>
+ <table><tr><td>Test</td></tr></table>
+ <p>Test</p>
+ <p>Test</p>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-018-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-018-ref.xht
new file mode 100644
index 0000000000..79e0168660
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-018-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {line-height: 1;}
+
+ span
+ {
+ background-color: green;
+ color: white;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div><span>Test passes if there is no red.</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-018.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-018.xht
new file mode 100644
index 0000000000..1c30eee1b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-018.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Blocks: Effect of Bottom Padding on Inline Layout</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/008.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="blocks-018-ref.xht" />
+
+ <meta name="assert" content="Bottom padding on inline elements has no effect on layout."/>
+ <style type="text/css">
+ /* reset everything to be sure we don't introduce oddities */
+ div { border: 0; padding: 0; margin: 0; line-height: 1;
+ display: block; width: 10em; }
+ span { border: 0; padding: 0; margin: 0; line-height: 1;
+ display: inline; white-space: nowrap; }
+
+ /* the test */
+ div { background: red; }
+ span.control { background: green; color: white; }
+ span.test { padding-bottom: 10em; }
+ </style>
+ </head>
+ <body>
+ <div>
+ <span class="test"><span class="control">Test passes if there is no red.</span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-019-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-019-ref.xht
new file mode 100644
index 0000000000..08100b1534
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-019-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ line-height: 1;
+ margin-top: 12em;
+ }
+
+ span
+ {
+ background-color: green;
+ color: white;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div><span>Test passes if there is no red.</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-019.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-019.xht
new file mode 100644
index 0000000000..f435219c25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-019.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Blocks: Effect of Top Padding on Inline Layout</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/009.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
+ <link rel="match" href="blocks-019-ref.xht" />
+
+ <meta name="assert" content="Top padding on inline elements has no effect on layout."/>
+ <style type="text/css">
+ /* reset everything to be sure we don't introduce oddities */
+ div { border: 0; padding: 0; margin: 0; line-height: 1;
+ display: block; width: 10em; }
+ span { border: 0; padding: 0; margin: 0; line-height: 1;
+ display: inline; white-space: nowrap; }
+
+ /* the test */
+ body { margin-top: 12em; }
+ div { background: red; }
+ span.control { background: green; color: white; }
+ span.test { padding-top: 10em; }
+ </style>
+ </head>
+ <body>
+ <div>
+ <span class="test"><span class="control">Test passes if there is no red.</span></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-020-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-020-ref.xht
new file mode 100644
index 0000000000..60524aa2c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-020-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-020.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-020.xht
new file mode 100644
index 0000000000..d6b635e018
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-020.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: CSS Block Box Model: block widths with position:relative</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/010.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/>
+ <link rel="match" href="blocks-020-ref.xht" />
+
+ <meta name="flags" content="ahem"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .outer { position: relative; width: 300px; height: 100px; background: red; }
+ .inner { width: 200%; height: 200%; font: 100px/1 Ahem; color: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div class="outer">
+ <div class="inner">XXX</div>
+ </div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-021.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-021.xht
new file mode 100644
index 0000000000..e122cd86fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-021.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: CSS Block Box Model: block widths with position:absolute</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/011.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/>
+ <link rel="match" href="blocks-020-ref.xht" />
+
+ <meta name="flags" content="ahem"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .outer { position: absolute; width: 300px; height: 100px; background: red; }
+ .inner { width: 200%; height: 200%; font: 100px/1 Ahem; color: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div class="outer">
+ <div class="inner">XXX</div>
+ </div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-022.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-022.xht
new file mode 100644
index 0000000000..4d29624feb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-022.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: CSS Block Box Model: block widths with position:static</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/012.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/>
+ <link rel="match" href="blocks-020-ref.xht" />
+
+ <meta name="flags" content="ahem"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .outer { position: static; width: 300px; height: 100px; background: red; }
+ .inner { width: 200%; height: 200%; font: 100px/1 Ahem; color: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div class="outer">
+ <div class="inner">XXX</div>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-025-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-025-ref.xht
new file mode 100644
index 0000000000..41c701bb3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-025-ref.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin-left: 2em;}
+
+ p
+ {
+ height: 2em;
+ margin: 1em 0;
+ }
+
+ table
+ {
+ background-color: green;
+ border: black solid 4px;
+ border-collapse: collapse;
+ }
+
+ td
+ {
+ height: 80px;
+ padding: 0px;
+ width: 80px;
+ }
+
+ td#top-left
+ {
+ border-bottom: black solid 8px;
+ border-right: black solid 8px;
+ }
+
+ td#bottom-right
+ {
+ border-left: black solid 8px;
+ border-top: black solid 8px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 4 green squares making a green square pattern and <strong>no red</strong>.</p>
+
+ <table>
+
+ <tr><td id="top-left"></td><td></td></tr>
+
+ <tr><td></td><td id="bottom-right"></td></tr>
+
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-025.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-025.xht
new file mode 100644
index 0000000000..d207317b99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-025.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Percentage Dimensions in Shrink Wrap Blocks</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/015.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/>
+ <link rel="match" href="blocks-025-ref.xht" />
+
+ <style type="text/css">
+ body, html { margin: 0 0 0 1em; padding: 0; }
+ p { margin: 1em 0; height: 2em; }
+ table, .float, .abspos, .fixpos { border: 0.25em solid; background: red; }
+ table, td { padding: 0; border-spacing: 0; }
+ .float { float: left; }
+ .fixpos { position: fixed; left: 7.5em; top: 4em; }
+ .abspos { position: absolute; left: 7.5em; top: 9.5em; }
+ .testA { width: 5em; height: 5em; background: green; }
+ .testB { width: 20%; height: 20%; background: red; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 4 green squares making a green square pattern and <strong>no red</strong>.</p>
+ <table><tbody><tr><td>
+ <div class="testA"></div>
+ <div class="testB"></div>
+ </td></tr></tbody></table>
+ <div class="float">
+ <div class="testA"></div>
+ <div class="testB"></div>
+ </div>
+ <div class="fixpos">
+ <div class="testA"></div>
+ <div class="testB"></div>
+ </div>
+ <div class="abspos">
+ <div class="testA"></div>
+ <div class="testB"></div>
+ </div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-026-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-026-ref.xht
new file mode 100644
index 0000000000..07ce72fd67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-026-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: green solid 100px;
+ height: 300px;
+ width: 50%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a big filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-026.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-026.xht
new file mode 100644
index 0000000000..0b626bb6f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-026.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Percentage widths on INPUT elements with borders</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/016.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/>
+ <link rel="match" href="blocks-026-ref.xht" />
+
+ <style type="text/css">
+ div, div p, div input { margin: 0; border: 0; padding: 0; }
+ div { height: 0; }
+ div p, div input { width: 50%; height: 300px; }
+ div p { background: red; }
+ div input { border: 100px solid green; background: green; display: block; }
+ /* input should be at LEAST 50% wide, it may even be 50% + 200px if
+ the browser doesn't assume box-sizing: border-box. However,
+ there is no way the input can be narrower than the p. */
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a big filled green square and <strong>no red</strong>.</p>
+ <div><p></p></div>
+ <div><input /></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-027.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-027.xht
new file mode 100644
index 0000000000..c882c867cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-027.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS Block Box Model: overconstrained horizontal box model and minimum widths</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/mozilla/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth"/>
+ <style type="text/css">
+ .test { border-left: 2em solid; padding-left: 0; width: 3em; padding-right: 0; border-right: 2em solid; box-sizing: border-box; }
+ .control { border-left: none; padding-left: 0; width: 4em; padding-right: 0; border-right: none; }
+ .body div { background: navy; border-color: navy; height: 1em; }
+ </style>
+ </head>
+ <body class="body">
+ <p>There must be a perfectly rectangular blue box below.</p>
+ <div class="test"></div>
+ <div class="control"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-028.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-028.xht
new file mode 100644
index 0000000000..c8ca5f19af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-028.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS Block Box Model: overconstrained horizontal box model and minimum widths</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/mozilla/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth"/>
+ <style type="text/css">
+ .test { border-left: none; padding-left: 2em; width: 3em; padding-right: 2em; border-right: none; box-sizing: border-box; }
+ .control { border-left: none; padding-left: 0; width: 4em; padding-right: 0; border-right: none; }
+ body div { background: navy; height: 1em; }
+ </style>
+ </head>
+ <body class="body">
+ <p>There must be a perfectly rectangular blue box below.</p>
+ <div class="test"></div>
+ <div class="control"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order-ref.html
new file mode 100644
index 0000000000..3baa038968
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<style>
+ #canvas {
+ width: 95px;
+ height: 95px;
+ }
+ #negative-margin {
+ display: inline-block;
+ width: 100px;
+ height: 100px;
+ background: green;
+ margin-left: -100px;
+ }
+</style>
+<canvas id="canvas"></canvas>
+<div id="negative-margin"></div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order.html b/testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order.html
new file mode 100644
index 0000000000..64b3e3f014
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<title>Canvas paint order</title>
+<link rel="author" title="Philip Rogers" href="pdr@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html">
+<link rel="match" href="canvas-paint-order-ref.html">
+<style>
+ #canvas {
+ background: red;
+ width: 95px;
+ height: 95px;
+ }
+ #negative-margin {
+ display: inline-block;
+ width: 100px;
+ height: 100px;
+ background: green;
+ margin-left: -100px;
+ }
+</style>
+<canvas id="canvas"></canvas>
+<!-- #negative-margin should paint fully on top of the canvas. -->
+<div id="negative-margin"></div>
+<script>
+ onload = function() {
+ var context = canvas.getContext("2d");
+ context.save();
+ context.fillStyle = "red";
+ context.fillRect(0, 0, 500, 500);
+ context.restore();
+ };
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/child-bottom-margin-in-unresolvable-percentage-height.html b/testing/web-platform/tests/css/CSS2/normal-flow/child-bottom-margin-in-unresolvable-percentage-height.html
new file mode 100644
index 0000000000..6c075f7ac7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/child-bottom-margin-in-unresolvable-percentage-height.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#the-height-property">
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1001663">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="position:relative; width:100px; height:100px; background:red;">
+ <div style="position:absolute; width:100%; background:green;">
+ <div style="height:100%;">
+ <div style="margin-bottom:80px; height:20px;"></div>
+ </div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-bottom.html b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-bottom.html
new file mode 100644
index 0000000000..9dfc1963ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-bottom.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#propdef-margin-bottom">
+<style>
+ #container { overflow:hidden; background:blue; }
+ #container > div { margin-bottom:50%; height:50px; }
+</style>
+<p>There should be a blue square below.</p>
+<div id="container" style="width:456px;" data-expected-width="100" data-expected-height="100">
+ <div></div>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<script>
+ document.body.offsetTop;
+ document.getElementById("container").style.width = "100px";
+ checkLayout("#container");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-left.html b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-left.html
new file mode 100644
index 0000000000..aa077d9ea8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-left.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#propdef-margin-left">
+<style>
+ #container > div { margin-left:50%; height:100px; background:blue; }
+</style>
+<p>There should be a blue square below.</p>
+<div id="container" style="width:456px;">
+ <div data-expected-width="100" data-expected-height="100"></div>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<script>
+ document.body.offsetTop;
+ document.getElementById("container").style.width = "200px";
+ checkLayout("#container");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-right.html b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-right.html
new file mode 100644
index 0000000000..9ae84bd16c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-right.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#propdef-margin-right">
+<style>
+ #container > div { margin-right:50%; height:100px; background:blue; }
+</style>
+<p>There should be a blue square below.</p>
+<div id="container" style="width:456px;">
+ <div data-expected-width="100" data-expected-height="100"></div>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<script>
+ document.body.offsetTop;
+ document.getElementById("container").style.width = "200px";
+ checkLayout("#container");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-top.html b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-top.html
new file mode 100644
index 0000000000..7698f27240
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-top.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#propdef-margin-top">
+<style>
+ #container { overflow:hidden; background:blue; }
+ #container > div { margin-top:50%; height:50px; }
+</style>
+<p>There should be a blue square below.</p>
+<div id="container" style="width:456px;" data-expected-width="100" data-expected-height="100">
+ <div></div>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<script>
+ document.body.offsetTop;
+ document.getElementById("container").style.width = "100px";
+ checkLayout("#container");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-bottom.html b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-bottom.html
new file mode 100644
index 0000000000..5eea503005
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-bottom.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#propdef-padding-bottom">
+<style>
+ #container > div { padding-bottom:10%; width:100px; height:50px; background:blue; }
+</style>
+<p>There should be a blue square below.</p>
+<div id="container" style="width:123px;">
+ <div data-expected-width="100" data-expected-height="100"></div>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<script>
+ document.body.offsetTop;
+ document.getElementById("container").style.width = "500px";
+ checkLayout("#container");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-left.html b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-left.html
new file mode 100644
index 0000000000..0f793e715d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-left.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#propdef-padding-left">
+<style>
+ #container > div { padding-left:10%; width:50px; height:100px; background:blue; }
+</style>
+<p>There should be a blue square below.</p>
+<div id="container" style="width:123px;">
+ <div data-expected-width="100" data-expected-height="100"></div>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<script>
+ document.body.offsetTop;
+ document.getElementById("container").style.width = "500px";
+ checkLayout("#container");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-right.html b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-right.html
new file mode 100644
index 0000000000..28fd9590cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-right.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#propdef-padding-right">
+<style>
+ #container > div { padding-right:10%; width:50px; height:100px; background:blue; }
+</style>
+<p>There should be a blue square below.</p>
+<div id="container" style="width:123px;">
+ <div data-expected-width="100" data-expected-height="100"></div>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<script>
+ document.body.offsetTop;
+ document.getElementById("container").style.width = "500px";
+ checkLayout("#container");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-top.html b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-top.html
new file mode 100644
index 0000000000..f30ace92e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-top.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#propdef-padding-top">
+<style>
+ #container > div { padding-top:10%; width:100px; height:50px; background:blue; }
+</style>
+<p>There should be a blue square below.</p>
+<div id="container" style="width:123px;">
+ <div data-expected-width="100" data-expected-height="100"></div>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<script>
+ document.body.offsetTop;
+ document.getElementById("container").style.width = "500px";
+ checkLayout("#container");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/crashtests/block-in-inline-ax-crash.html b/testing/web-platform/tests/css/CSS2/normal-flow/crashtests/block-in-inline-ax-crash.html
new file mode 100644
index 0000000000..dee9ed8a1b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/crashtests/block-in-inline-ax-crash.html
@@ -0,0 +1,194 @@
+<style type="text/css">
+</style><script type="text/javascript">
+var aoScriptElements = document.getElementsByTagName("script");
+for(var i = 0; i < aoScriptElements.length; i++) {
+ aoScriptElements[i].parentNode.removeChild(aoScriptElements[i]);
+}
+ var iCleanup = setInterval(function(){
+ var oe = document.getElementsByTagName("*");
+ for (var i = 0; i < oe.length; i++) {
+ var o = oe.item(i);
+ if (!o.firstElementChild && o != document.documentElement) {
+ var c = p = o.parentNode;
+p.replaceChild(document.createTextNode("<"+o.tagName+">"+o.textContent+"</"+o.tagName+">"), o)
+ }
+ }
+ });
+function event_handler_EC9_load() {
+ var oElement = event.srcElement;
+oElement.insertAdjacentText('beforeend', 'G@82SSS#LLLLLLLLLLLL>[[[[[[[[[a{')
+oElement.textContent = '=jjjjjjr>sss(]]]]]]]]f$RRRRRR7qy'
+oElement.insertAdjacentText('afterend', '%=Qiiii/m`ppJ[MMMMMMMMMMMMMMM___')
+oElement.insertAdjacentElement('beforeend',function(){
+ return document.createElementNS('http://www.w3.org/2000/svg', 'a');
+ }())
+ var oSelection=window.getSelection();
+ var oRange = oSelection.rangeCount ? oSelection.getRangeAt(23 % oSelection.rangeCount) : null;
+ var oInsertedElement =function(){
+ var oNewElement = document.createElementNS('http://www.w3.org/2000/svg', 'cursor');
+ return oNewElement;
+ }();
+oRange.insertNode(oInsertedElement)
+}
+document.addEventListener("load", event_handler_EC9_load, true);
+function event_handler_ECA_DOMCharacterDataModified() {
+ var oElement = event.srcElement;
+ var oParent =function(){
+ var aoElements = document.getElementsByTagName("*");
+ if (aoElements.length) return aoElements[38 % aoElements.length];
+ }();
+ var oPreviousSibling = oParent.childNodes[31 % oParent.childNodes.length];
+oParent.insertBefore(oElement, oPreviousSibling)
+ var oSelection=window.getSelection();
+ var oSelectionElement =function(){
+ var aoElements = document.getElementsByTagName("*");
+ if (aoElements.length) return aoElements[49 % aoElements.length];
+ }();
+ try{oSelection.extend(oSelectionElement, oSelectionElement.textContent.length?48 % oSelectionElement.textContent.length:0)}
+ catch(e){}
+ var oRange = oSelection.rangeCount ? oSelection.getRangeAt(20 % oSelection.rangeCount) : null;
+var oDocumentFragment = oRange.extractContents()
+ var oParent =function(){
+ var aoElements = document.getElementsByTagName("*");
+ if (aoElements.length) return aoElements[20 % aoElements.length];
+ }();
+oParent.appendChild(oDocumentFragment)
+}
+document.addEventListener("DOMCharacterDataModified", event_handler_ECA_DOMCharacterDataModified);
+var event_handler_ECC_DOMNodeInsertedIntoDocument_active = false;
+var event_handler_ECC_DOMNodeInsertedIntoDocument_fired_count = 0;
+function event_handler_ECC_DOMNodeInsertedIntoDocument() {
+ if (event_handler_ECC_DOMNodeInsertedIntoDocument_active) return ;
+ event_handler_ECC_DOMNodeInsertedIntoDocument_fired_count++;
+ if (event_handler_ECC_DOMNodeInsertedIntoDocument_fired_count >= 20) return;
+ event_handler_ECC_DOMNodeInsertedIntoDocument_active = true;
+ var oElement = event.srcElement;
+oElement.outerHTML = ""
+ if (oElement.parentNode) {
+oElement.parentNode.replaceChild((function(){
+ var aoElements = document.getElementsByTagName("*");
+ return aoElements[27 % aoElements.length].cloneNode(true);
+ })(), oElement)
+ }
+ var oSelection=window.getSelection();
+ if (!oSelection.rangeCount) {
+ document.execCommand("SelectAll")
+ }
+ var oRange = oSelection.rangeCount ? oSelection.getRangeAt(82 % oSelection.rangeCount) : null;
+var oDocumentFragment = oRange.cloneContents()
+ var oParent =function(){
+ var aoElements = document.getElementsByTagName("*");
+ if (aoElements.length) return aoElements[23 % aoElements.length];
+ }();
+oParent.appendChild(oDocumentFragment)
+ var oInsertedElement =function(){
+ var aoElements = document.getElementsByTagName("*");
+ if (aoElements.length) return aoElements[20 % aoElements.length];
+ }();
+ try{oRange.insertNode(oInsertedElement)}
+ catch(e){}
+ event_handler_ECC_DOMNodeInsertedIntoDocument_active = false;
+}
+document.addEventListener("DOMNodeInsertedIntoDocument", event_handler_ECC_DOMNodeInsertedIntoDocument, true);
+setTimeout(function(){
+ var oElement =function(){
+ var aoElements = document.getElementsByTagName("*");
+ if (aoElements.length) return aoElements[20 % aoElements.length];
+ }();
+oElement.parentNode.replaceChild((function(){
+ return document.createElementNS('http://www.w3.org/2000/svg', 'vkern');
+ })(), oElement)
+ var oSelection=window.getSelection();
+ var oElement =function(){
+ var aoElements = document.getElementsByTagName("*");
+ if (aoElements.length) return aoElements[54 % aoElements.length];
+ }();
+oElement.normalize()
+ var oElement =function(){
+ var aoElements = document.getElementsByTagName("*");
+ if (aoElements.length) return aoElements[64 % aoElements.length];
+ }();
+oElement.insertAdjacentElement('afterend', document.createElementNS('http://www.w3.org/2000/svg', 'feComponentTransfer'))
+oSelection.modify('move', 'backward', 'word')
+ var oElement =function(){
+ var aoElements = document.getElementsByTagName("*");
+ if (aoElements.length) return aoElements[37 % aoElements.length];
+ }();
+oElement.parentNode.removeChild(oElement)
+ var oElement =function(){
+ var aoElements = document.getElementsByTagName("*");
+ if (aoElements.length) return aoElements[3 % aoElements.length];
+ }();
+ var oParent =function(){
+ var aoElements = document.getElementsByTagName("*");
+ if (aoElements.length) return aoElements[53 % aoElements.length];
+ }();
+ var oPreviousSibling = oParent.childNodes[69 % oParent.childNodes.length];
+oParent.insertBefore(oElement, oPreviousSibling)
+oParent.appendChild(oElement)
+});
+</script>
+<object "NAMEEB">
+<ruby="B A">
+<rb class="CLASS10 CLASS6" xml:space="preserve">
+<textarea classtabindex="-100">
+</textarea>
+<em class=>
+<select "ltr">
+<option class="CLASS12 CLASS6" ="disabled">
+</select>
+<button class="CLASS1 CLASS12"title="x">
+<blockquote class= xml:lang="nl">
+<div class>
+<form >
+<div ="preserve">
+</form>
+<table class="CLASS10"summary="AxBxC b">
+</table>
+c AxBxC
+<ruby class=>
+<rbc "preserve">
+<rb class="CLASS9" xml:lang="en, nl">
+<img class=xml:space="preserve"/>
+</rb>
+</div>
+<h1 class= title="AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA b">
+<dfn class>
+</dfn>
+<form >
+<div "en, nl">
+<button class="CLASS9" ="ltr">
+</button>
+<select class="CLASS9 CLASS14"xml:lang="nl">
+</select>
+<select class= name="NAMEA2">
+</select>
+<div class>
+<textarea "0.5">
+</textarea>
+</div>
+<div class="CLASS7 CLASS13" ="A AxBxC">
+</div>
+<samp class="CLASS0 CLASS12"dir="ltr">
+<textarea class= rows="-1">
+</textarea>
+</samp>
+<ruby class>
+</ruby>
+<button "disabled">
+<div class="CLASS10 CLASS7" ="c A">
+<h6 class="CLASS3"xml:space="preserve">
+</h6>
+<div class=>
+<button "en, nl">
+<table class="CLASS14" ="1pt">
+<caption class="CLASS2" title="b">
+<col class/>
+<th "rowgroup">
+<th class="CLASS2 CLASS11" ="nl">
+<textarea class="CLASS12 CLASS10""en, nl">
+</textarea>
+</table>
+</button>
+</em>
+<select="NAMED1">
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/cross-domain-iframe-paint-order-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/cross-domain-iframe-paint-order-ref.html
new file mode 100644
index 0000000000..19624e3bbc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/cross-domain-iframe-paint-order-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<div style="width: 100px; height: 100px; box-sizing: border-box;
+ border: 30px solid lime; background: green">
+<div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/cross-domain-iframe-paint-order.sub.html b/testing/web-platform/tests/css/CSS2/normal-flow/cross-domain-iframe-paint-order.sub.html
new file mode 100644
index 0000000000..198d16ca06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/cross-domain-iframe-paint-order.sub.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>Cross-domain iframe paint order</title>
+<link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html">
+<link rel="match" href="cross-domain-iframe-paint-order-ref.html">
+<style>
+ iframe {
+ display: block;
+ background: red;
+ width: 100px;
+ height: 100px;
+ padding: 30px;
+ border: none;
+ box-sizing: border-box;
+ }
+ #negative-margin {
+ width: 100px;
+ height: 100px;
+ background: lime;
+ margin-top: -100px;
+ }
+</style>
+<iframe src="http://{{hosts[alt][www]}}:{{ports[http][0]}}/css/CSS2/normal-flow/support/green.html"></iframe>
+<!-- #negative-margin should paint on top of the background of the iframe
+ (but not the contents). -->
+<div id="negative-margin"></div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/dynamic-percentage-height.html b/testing/web-platform/tests/css/CSS2/normal-flow/dynamic-percentage-height.html
new file mode 100644
index 0000000000..2e995963ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/dynamic-percentage-height.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class='reftest-wait'>
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+<meta name="assert" content="Tests a dynamic change in height correctly resizes a child element."/>
+<script src="/common/reftest-wait.js"></script>
+<style>
+#container {
+ background: red;
+
+ box-sizing: border-box;
+ border: solid green 10px;
+ width: 100px;
+ height: 200px;
+}
+
+#block {
+ background: green;
+ height: 80px;
+}
+
+#target {
+ height: 100%;
+}
+</style>
+<p>Test passes if there is a filled green square.</p>
+<div id="container">
+ <div id="target">
+ <div id="block"></div>
+ </div>
+</div>
+<script>
+document.body.offsetTop;
+const container = document.getElementById('container');
+container.style.height = '100px';
+document.body.offsetTop;
+takeScreenshot();
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/float-percentage-resolution-quirks-mode.html b/testing/web-platform/tests/css/CSS2/normal-flow/float-percentage-resolution-quirks-mode.html
new file mode 100644
index 0000000000..a3794579f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/float-percentage-resolution-quirks-mode.html
@@ -0,0 +1,10 @@
+<title>In quirks mode a float should resolve its percentage height against its first ancestor with a defined height.</title>
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#Computing_widths_and_margins">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<p style="margin-top: 1em;">Test passes if there is a filled green square.</p>
+<div style="width:100px; height:100px; background:red;">
+ <div>
+ <div></div>
+ <div style="float:left; width:100%; height:100%; background:green;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-001-ref.xht
new file mode 100644
index 0000000000..6d9a9e39ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-001-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div>Filler Text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-001.xht
new file mode 100644
index 0000000000..bfe582487a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using pixels with a minimum minus one value, -1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'height' property sets a minimum minus one length value in pixels is invalid and resets its value to 'auto'." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ height: -1px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-002.xht
new file mode 100644
index 0000000000..6859e7b4b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-002.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using pixels with a minimum value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a minimum length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-003-ref.xht
new file mode 100644
index 0000000000..6ac08cc340
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-003-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 1px;
+ vertical-align: top;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a thin horizontal line.</p>
+
+ <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-003.xht
new file mode 100644
index 0000000000..9de5d35a6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using pixels with a minimum plus one value, 1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-003-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a minimum plus one length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin horizontal line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-004.xht
new file mode 100644
index 0000000000..06ac4e9e91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-004.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a negative zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: -0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-005.xht
new file mode 100644
index 0000000000..2417d7cd30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-005.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a positive zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: +0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-006-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-006-ref.xht
new file mode 100644
index 0000000000..e15fdbada9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-006-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img + img {padding-left: 4px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if 2 black squares have the same height.</p>
+
+ <div><img src="support/black96x96.png" alt="Image download support must be enabled" /><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-006.xht
new file mode 100644
index 0000000000..ad2ebcfa63
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-006.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a nominal length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: 96px;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 96px solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-007.xht
new file mode 100644
index 0000000000..b9ce31f754
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-007.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using pixels with a positive nominal value, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a positive nominal length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: +96px;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 96px solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-012.xht
new file mode 100644
index 0000000000..356508b2e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-012.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using points with a minimum minus one value, -1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'height' property sets a minimum minus one length value in points is invalid and resets its value to 'auto'." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ height: -1pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-013.xht
new file mode 100644
index 0000000000..b5d2cd14ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-013.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using points with a minimum value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a minimum length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-014.xht
new file mode 100644
index 0000000000..eb0b0faf4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-014.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using points with a minimum plus one value, 1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <meta name="assert" content="The 'height' property sets a minimum plus one length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-015.xht
new file mode 100644
index 0000000000..fbb61406ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-015.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a negative zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: -0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-016.xht
new file mode 100644
index 0000000000..ae348fb953
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-016.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a positive zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: +0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-017.xht
new file mode 100644
index 0000000000..5cb24d3b0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-017.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a nominal length value in points." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: 72pt;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-018.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-018.xht
new file mode 100644
index 0000000000..1b5a319cfd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-018.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using points with a positive nominal value, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a positive nominal length value in points." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: +72pt;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-023.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-023.xht
new file mode 100644
index 0000000000..44907e860d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-023.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using picas with a minimum minus one value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'height' property sets a minimum minus one length value in picas is invalid and resets its value to 'auto'." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ height: -1pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-024.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-024.xht
new file mode 100644
index 0000000000..9a716598d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-024.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using picas with a minimum value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a minimum length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-025-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-025-ref.xht
new file mode 100644
index 0000000000..19a0080a78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-025-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 16px;
+ vertical-align: top;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide black bar.</p>
+
+ <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-025.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-025.xht
new file mode 100644
index 0000000000..cb7d85cee9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-025.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using picas with a minimum plus one value, 1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-025-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a minimum plus one length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black bar.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-026.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-026.xht
new file mode 100644
index 0000000000..aa854efe76
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-026.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a negative zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: -0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-027.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-027.xht
new file mode 100644
index 0000000000..a07552f518
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-027.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a positive zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: +0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-028.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-028.xht
new file mode 100644
index 0000000000..083865495e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-028.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a nominal length value in picas." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: 6pc;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-029.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-029.xht
new file mode 100644
index 0000000000..c707241ebe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-029.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using picas with a positive nominal value, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a positive nominal length value in picas." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: +6pc;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-034.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-034.xht
new file mode 100644
index 0000000000..d91a163402
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-034.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using centimeters with a minimum minus one value, -1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'height' property sets a minimum minus one length value in centimeters is invalid and resets its value to 'auto'." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ height: -1cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-035.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-035.xht
new file mode 100644
index 0000000000..f46d5f26a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-035.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using centimeters with a minimum value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a minimum length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-036.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-036.xht
new file mode 100644
index 0000000000..b733b6bd00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-036.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using centimeters with a minimum plus one value, 1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <meta name="assert" content="The 'height' property sets a minimum plus one length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black bar.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-037.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-037.xht
new file mode 100644
index 0000000000..17969cba68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-037.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a negative zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: -0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-038.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-038.xht
new file mode 100644
index 0000000000..5e569f5880
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-038.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a positive zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: +0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-039.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-039.xht
new file mode 100644
index 0000000000..976f4f58c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-039.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a nominal length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: 2.54cm;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-040.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-040.xht
new file mode 100644
index 0000000000..6e45df0f03
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-040.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using centimeters with a positive nominal value, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a positive nominal length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: +2.54cm;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-045.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-045.xht
new file mode 100644
index 0000000000..df06066cb7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-045.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using millimeters with a minimum minus one value, -1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'height' property sets a minimum minus one length value in millimeters is invalid and resets its value to 'auto'." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ height: -1mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-046.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-046.xht
new file mode 100644
index 0000000000..eb9d84b827
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-046.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using millimeters with a minimum value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a minimum length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-047.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-047.xht
new file mode 100644
index 0000000000..72374cd718
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-047.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using millimeters with a minimum plus one value, 1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <meta name="assert" content="The 'height' property sets a minimum plus one length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-048.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-048.xht
new file mode 100644
index 0000000000..1415779c08
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-048.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a negative zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: -0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-049.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-049.xht
new file mode 100644
index 0000000000..787afb88d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-049.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a positive zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: +0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-050.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-050.xht
new file mode 100644
index 0000000000..3e547402b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-050.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a nominal length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: 25.4mm;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-051.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-051.xht
new file mode 100644
index 0000000000..3cc037d368
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-051.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using millimeters with a positive nominal value, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a positive nominal length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: +25.4mm;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-056.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-056.xht
new file mode 100644
index 0000000000..a984276bae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-056.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using inches with a minimum minus one value, -1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'height' property sets a minimum minus one length value in inches is invalid and resets its value to 'auto'." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ height: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-057.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-057.xht
new file mode 100644
index 0000000000..5381e3a65a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-057.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using inches with a minimum value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a minimum length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-058-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-058-ref.xht
new file mode 100644
index 0000000000..35a5c1e5bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-058-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 96px;
+ vertical-align: top;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide black rectangle.</p>
+
+ <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-058.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-058.xht
new file mode 100644
index 0000000000..c88f1b35d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-058.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using inches with a minimum plus one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-058-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a minimum plus one length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black rectangle.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-059.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-059.xht
new file mode 100644
index 0000000000..c97dc58db0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-059.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a negative zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: -0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-060.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-060.xht
new file mode 100644
index 0000000000..2bedadc30a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-060.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a positive zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: +0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-061-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-061-ref.xht
new file mode 100644
index 0000000000..fc3bb18861
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-061-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img + img {padding-left: 4px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if 2 black rectangles have the same height.</p>
+
+ <div><img src="support/black96x96.png" width="96" height="288" alt="Image download support must be enabled" /><img src="support/black96x96.png" width="96" height="288" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-061.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-061.xht
new file mode 100644
index 0000000000..ae198b3a5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-061.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using inches with a nominal value, 3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-061-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a nominal length value in inches." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: 3in;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 3in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-062.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-062.xht
new file mode 100644
index 0000000000..0ee4bff6c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-062.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using inches with a positive nominal value, +3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-061-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a positive nominal length value in inches." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: +3in;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 3in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-067-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-067-ref.xht
new file mode 100644
index 0000000000..35b9fc6c50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-067-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {font: 20px/1 Ahem;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div>Filler Text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-067.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-067.xht
new file mode 100644
index 0000000000..2c276379a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-067.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using 'em' units with a minimum minus one value, -1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-067-ref.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'height' property sets a minimum minus one length value in 'em' units is invalid and resets its value to 'auto'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 0;
+ height: -1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-068.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-068.xht
new file mode 100644
index 0000000000..4e06c3d85c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-068.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using 'em' units with a minimum value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'height' property sets a minimum length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-069-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-069-ref.xht
new file mode 100644
index 0000000000..694fbb6d7f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-069-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 20px;
+ vertical-align: top;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide black bar.</p>
+
+ <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-069.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-069.xht
new file mode 100644
index 0000000000..5ca87865e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-069.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using 'em' units with a minimum plus one value, 1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-069-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'height' property sets a minimum plus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ font: 20px/1 Ahem;
+ height: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black bar.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-070.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-070.xht
new file mode 100644
index 0000000000..721e7b3abf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-070.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'height' property sets a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: -0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-071.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-071.xht
new file mode 100644
index 0000000000..11777e1432
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-071.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'height' property sets a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: +0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-072-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-072-ref.xht
new file mode 100644
index 0000000000..b51af2abcf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-072-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img + img {padding-left: 4px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if 2 black squares have the same height.</p>
+
+ <div><img src="support/black96x96.png" width="100" height="100" alt="Image download support must be enabled" /><img src="support/black96x96.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-072.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-072.xht
new file mode 100644
index 0000000000..add8a800ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-072.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using 'em' units with a nominal value, 5em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'height' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: 5em;
+ width: 100px;
+ }
+ #div3
+ {
+ border-top: 100px solid black;
+ left: 104px;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-073.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-073.xht
new file mode 100644
index 0000000000..df8ae287b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-073.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using 'em' units with a positive nominal value, +5em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'height' property sets a positive nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: +5em;
+ width: 100px;
+ }
+ #div3
+ {
+ border-top: 100px solid black;
+ left: 104px;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-078.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-078.xht
new file mode 100644
index 0000000000..eec2c5f89a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-078.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using 'ex' units with a minimum minus one value, -1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-067-ref.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'height' property sets a minimum minus one length value in 'ex' units is invalid and resets its value to 'auto'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 0;
+ height: -1ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-079.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-079.xht
new file mode 100644
index 0000000000..7ec17f8e2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-079.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using 'ex' units with a minimum value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'height' property sets a minimum length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-080-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-080-ref.xht
new file mode 100644
index 0000000000..19a0080a78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-080-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 16px;
+ vertical-align: top;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide black bar.</p>
+
+ <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-080.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-080.xht
new file mode 100644
index 0000000000..10a46239e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-080.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using 'ex' units with a minimum plus one value, 1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-080-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'height' property sets a minimum plus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ font: 20px/1 Ahem;
+ height: 1ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black bar.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-081.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-081.xht
new file mode 100644
index 0000000000..7bf1540835
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-081.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'height' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: -0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-082.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-082.xht
new file mode 100644
index 0000000000..84efec108b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-082.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'height' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: +0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-083.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-083.xht
new file mode 100644
index 0000000000..42d705441c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-083.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using 'ex' units with a nominal value, 6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'height' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: 6ex;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-084.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-084.xht
new file mode 100644
index 0000000000..23e80c73c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-084.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using 'ex' units with a positive nominal value, +6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'height' property sets a positive nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: +6ex;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-089.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-089.xht
new file mode 100644
index 0000000000..2b644883f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-089.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using percentages with a minimum minus one value, -1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'height' property sets a minimum minus one length value in percentages is invalid and resets its value to 'auto'." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ height: -1%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-090.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-090.xht
new file mode 100644
index 0000000000..96b258eb48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-090.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using percentages with a minimum value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a minimum length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: 0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-091.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-091.xht
new file mode 100644
index 0000000000..f052388013
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-091.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using percentages with a minimum plus one value, 1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-003-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a minimum plus one length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 100px;
+ }
+ div div
+ {
+ background: black;
+ height: 1%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin horizontal line.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-092.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-092.xht
new file mode 100644
index 0000000000..707f0f8350
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-092.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using percentages with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a negative zero length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: -0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-093.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-093.xht
new file mode 100644
index 0000000000..db530c86b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-093.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using percentages with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a positive zero length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ }
+ #div2
+ {
+ background: red;
+ height: +0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-094.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-094.xht
new file mode 100644
index 0000000000..563b65bc23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-094.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using percentages with a nominal value, 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a nominal length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: 100%;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-095.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-095.xht
new file mode 100644
index 0000000000..0e68844504
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-095.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height using percentages with a positive nominal value, +100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'height' property sets a positive nominal length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ height: +100%;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-100.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-100.xht
new file mode 100644
index 0000000000..0a10350079
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-100.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height with a negative zero value and no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'height' property sets a negative zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: -0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-101.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-101.xht
new file mode 100644
index 0000000000..62916250de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-101.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height with a zero value and no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'height' property sets a zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-102.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-102.xht
new file mode 100644
index 0000000000..e4b5d88b5a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-102.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height with a positive zero value and no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'height' property sets a positive zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: +0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-103.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-103.xht
new file mode 100644
index 0000000000..4ea3e175bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-103.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height set to a value of auto</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'height' property applies a value of auto." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-104.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-104.xht
new file mode 100644
index 0000000000..e234cd9fa1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-104.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height set to inherit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-003-ref.xht" />
+
+ <meta name="assert" content="The 'height' property properly inherits the height value of the parent." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1px;
+ }
+ div div
+ {
+ background: black;
+ height: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin horizontal line.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-111-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-111-ref.xht
new file mode 100644
index 0000000000..f68a0f0a27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-111-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 3em;
+ width: 15em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-111.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-111.xht
new file mode 100644
index 0000000000..24588842c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-111.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Nested heights</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/height/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-111-ref.xht" />
+
+ <style type="text/css">
+ .a { height: 3em; background: red; width: 15em; }
+ .b { height: 3em; background: green; margin: 0 0 10em 0; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div class="a">
+ <div class="b">
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-112-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-112-ref.xht
new file mode 100644
index 0000000000..5f04a30318
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-112-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: black solid medium;
+ height: 3em;
+ width: 15em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-112.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-112.xht
new file mode 100644
index 0000000000..f453e46d1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-112.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Nested heights</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/height/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-112-ref.xht" />
+
+ <style type="text/css">
+ .a { height: 3em; background: red; width: 15em; border: solid; }
+ .b { height: 3em; background: green; margin: 0 0 10em 0; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div class="a">
+ <div class="b">
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-113-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-113-ref.xht
new file mode 100644
index 0000000000..d89c979f28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-113-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 10em;
+ margin: 6em auto auto 5em;
+ width: 10em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-113.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-113.xht
new file mode 100644
index 0000000000..74a3c2997f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-113.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Nested heights with percentages and borders</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/height/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-113-ref.xht" />
+
+ <style type="text/css">
+ .a { height: 10em; width: 10em; background: red; border: 5em white solid; }
+ .b { height: 100%; background: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div class="a">
+ <div class="b">
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-114-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-114-ref.xht
new file mode 100644
index 0000000000..e5a5e77631
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-114-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 32px;
+ vertical-align: top;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide green bar and <strong>no red</strong>.</p>
+
+ <div><img src="support/1x1-green.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-114.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-114.xht
new file mode 100644
index 0000000000..a73c64180e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-114.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Negative heights</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/height/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-114-ref.xht" />
+
+ <style type="text/css">
+ .outer { background: red; height: 2em; }
+ .test { border-top: solid green 1em; border-bottom: solid green 1em; background: red; }
+ .inner { margin-bottom: -10em; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide green bar and <strong>no red</strong>.</p>
+ <div class="outer">
+ <div class="test">
+ <div class="inner"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-001.xht
new file mode 100644
index 0000000000..124bd67b2a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-001.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ background: black;
+ height: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <!-- If 'height' is supported on 'table-row-group' then a square will be visible. -->
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">&nbsp;</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-002.xht
new file mode 100644
index 0000000000..7355752c3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-002.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ background: black;
+ height: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <!-- If 'height' is supported on 'table-header-group' then a square will be visible. -->
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">&nbsp;</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-003.xht
new file mode 100644
index 0000000000..3af89edc6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-003.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ background: black;
+ height: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <!-- If 'height' is supported on 'table-footer-group' then a square will be visible. -->
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">&nbsp;</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-004.xht
new file mode 100644
index 0000000000..1cf1e9d9df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-004.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ height: 1in;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-005.xht
new file mode 100644
index 0000000000..0ebf0a32fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-005.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'height' property does not to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ height: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: red;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-006.xht
new file mode 100644
index 0000000000..b63846dd3d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-006.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'height' property does not to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ height: 1in;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: red;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-007.xht
new file mode 100644
index 0000000000..6d33bf2d73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-007.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-008.xht
new file mode 100644
index 0000000000..764d6f6516
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-008.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'height' property does not apply to elements with 'display' set to 'inline'." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ display: inline;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-009.xht
new file mode 100644
index 0000000000..c962c949ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-009.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ background: black;
+ display: block;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-010.xht
new file mode 100644
index 0000000000..c01583400d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-010.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ display: list-item;
+ height: 1in;
+ margin-left: 2em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-012.xht
new file mode 100644
index 0000000000..7bf8a83065
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-012.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ span#inline-block
+ {
+ background: black;
+ display: inline-block;
+ height: 1in;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ width: 1in;
+ }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-013.xht
new file mode 100644
index 0000000000..87518b66a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-013.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ height: 1in;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-014.xht
new file mode 100644
index 0000000000..92e87cef15
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-014.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ display: inline-table;
+ height: 1in;
+ table-layout: fixed;
+ vertical-align: top;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-015.xht
new file mode 100644
index 0000000000..1a720f5c39
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ width: 1in;
+ }
+ #caption
+ {
+ background: black;
+ display: table-caption;
+ height: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-016.xht
new file mode 100644
index 0000000000..2a35beebe2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-016.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height applied to elements set to 'display: none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="Height can be applied to 'display: none' elements." />
+ <style type="text/css">
+ div div
+ {
+ display: none;
+ height: 1in;
+ }
+ div
+ {
+ background: red;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-inherit-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-inherit-001.xht
new file mode 100644
index 0000000000..9193b28496
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-inherit-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inheriting Explicit Heights</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit"/>
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The computed height is inherited, even if
+ the 'height' property does not apply."/>
+ <style type="text/css"><![CDATA[
+ .container {
+ height: 100px;
+ width: 100px;
+ background: red;
+ }
+ .outer {
+ height: 100px;
+ }
+ .inner {
+ display: block;
+ height: inherit;
+ background: green;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div class="container">
+ <div><span class="outer"><span class="inner"></span></span></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-001-ref.xht
new file mode 100644
index 0000000000..a751e77a89
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-001-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-001.xht
new file mode 100644
index 0000000000..62b48051c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-001.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Percentage height computed to containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-percentage-001-ref.xht" />
+
+ <meta name="assert" content="A percentage height is calculated using the height of the containing block." />
+ <style type="text/css">
+ #div1
+ {
+ height: 2in;
+ }
+ div div
+ {
+ width: 1in;
+ }
+ #div2
+ {
+ background: blue;
+ height: 50%;
+ }
+ #div3
+ {
+ background: orange;
+ height: 1in;
+ left: 1in;
+ position: relative;
+ top: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-002.xht
new file mode 100644
index 0000000000..e0f153e232
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-002.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Percentage based 'height' computes to 'auto' when containing block has no specified height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="A percentage height is computed to 'auto' when the element is not absolutely positioned and there is no 'height' explicitly set on the containing block (or when the containing block's height is set to 'auto')." />
+ <style type="text/css">
+ div
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ color: white;
+ }
+ div div
+ {
+ background: red;
+ height: 50%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">Text sample
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-003-ref.xht
new file mode 100644
index 0000000000..ccc1daeddb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-003-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ left: 0px;
+ position: absolute;
+ top: 50%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a blue line is in the middle of the page.</p>
+
+ <div><img src="support/swatch-blue.png" width="100%" height="3" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-003.xht
new file mode 100644
index 0000000000..815bdcaebc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Percentage based 'height' on the root element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-percentage-003-ref.xht" />
+
+ <meta name="assert" content="A percentage 'height' on the root element is relative to the initial containing block." />
+ <style type="text/css">
+ html
+ {
+ border-bottom: 3px solid blue;
+ height: 50%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue line is in the middle of the page.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-004.xht
new file mode 100644
index 0000000000..85940a6732
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-004.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Resolving container heights when they contain absolutely positioned elements with percentage based heights</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="height-percentage-001-ref.xht" />
+
+ <meta name="assert" content="The 'height' of the containing block of an absolutely positioned element is independent of the size of the element itself." />
+ <style type="text/css">
+ #div1
+ {
+ height: auto;
+ position: relative;
+ }
+ #div1, #div3
+ {
+ width: 2in;
+ }
+ #div2
+ {
+ background: blue;
+ position: absolute;
+ height: 50%;
+ }
+ #div2, #div4
+ {
+ width: 1in;
+ }
+ #div3
+ {
+ height: 2in;
+ }
+ #div4
+ {
+ background: orange;
+ height: 1in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-005.xht
new file mode 100644
index 0000000000..6931f06a21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-005.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+ <title>CSS Test: height percentage - inline replaced element inside an auto-height container</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <!--
+ Original post:
+ Image % sizing interoperability
+ from Bogdan Brinza who deserves credit for reporting this
+ http://lists.w3.org/Archives/Public/www-style/2014Jun/0079.html
+ -->
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" title="10.5 Content height: the 'height' property" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2014Jun/0079.html" title="Image % sizing interoperability" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta content="image" name="flags" />
+ <meta content="This test checks that an height percentage is calculated with respect to the height of the generated box's containing block only if and only when such containing block's height is specified explicitly (i.e., it depends on content height; its specified height is not 'auto'). In this test, the div#parent has an 'auto' height; therefore the height percentage specified on div#child is treated as 'auto' and so the image should be rendered (entirely visible) inside that div#child. Note that div#grandparent's initial overflow value is 'visible'." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#grandparent {height: 0px;}
+
+ div#child, img {height: 100%;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="grandparent">
+ <div id="parent">
+ <div id="child">
+ <img src="support/black96x96.png" alt="Image download support must be enabled" />
+ </div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/hit-test-anonymous-block.html b/testing/web-platform/tests/css/CSS2/normal-flow/hit-test-anonymous-block.html
new file mode 100644
index 0000000000..aee36a6253
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/hit-test-anonymous-block.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#anonymous-block-level">
+<div id="target" style="width:300px; height:300px; line-height:100px;">
+ &nbsp;
+ <div></div>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+ test(()=> {
+ var elm = document.elementFromPoint(200, 70);
+ assert_equals(elm.id, "target");
+ }, "Hit test beside line of text inside anonymous block");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-000-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-000-ref.xht
new file mode 100644
index 0000000000..b123f7221c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-000-ref.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+</head>
+<body>
+<p>abc</p>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-000.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-000.xht
new file mode 100644
index 0000000000..7a985d7eb2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-000.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+<meta name="assert" content="This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element." />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+<link rel="match" href="inline-block-000-ref.xht"/>
+<meta name="assert" content="The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge." />
+<style type="text/css">
+span { display: inline-block; }
+</style>
+</head>
+<body>
+<p>a<span>b</span>c</p>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-001.xht
new file mode 100644
index 0000000000..648ec94436
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-001.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: inline-block: ping test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline-block/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+ <style type="text/css">
+ p { font: 1em/1 "Lucida Console", monospace; }
+ span { display: inline-block;
+ color: blue;
+ border: 1em solid; padding: 0 1em 1em; }
+ </style>
+ </head>
+ <body>
+ <p>This test has: <span>&nbsp;_&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;__&nbsp;__&nbsp;_&nbsp;_&nbsp;<br/>|_)/\&nbsp;(_&nbsp;(_&nbsp;|_|&nbsp;\<br/>|&nbsp;/--\__)__)|_|_/</span></p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-002.xht
new file mode 100644
index 0000000000..2d93d59748
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-002.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: inline-block: width</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline-block/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ span { display: inline-block;
+ border: blue solid; color: silver;
+ margin: 0.5em; padding: 0.5em; }
+ </style>
+ </head>
+ <body>
+ <p> Make your window an inch or two bigger than than the width of
+ one inline-block: all inline-blocks should be the same size. Try
+ resizing the window so that inline-blocks wrap in one or two
+ columns. </p>
+ <p>
+ <span>this is an inline-block this is an inline-block this is an inline-block </span>
+ <span>this is an inline-block this is an inline-block this is an inline-block </span>
+ <span>this is an inline-block this is an inline-block this is an inline-block </span>
+ <span>this is an inline-block this is an inline-block this is an inline-block </span>
+ <span>this is an inline-block this is an inline-block this is an inline-block </span>
+ <span>this is an inline-block this is an inline-block this is an inline-block </span>
+ <span>this is an inline-block this is an inline-block this is an inline-block </span>
+ <span>this is an inline-block this is an inline-block this is an inline-block </span>
+ <span>this is an inline-block this is an inline-block this is an inline-block </span>
+ <span>this is an inline-block this is an inline-block this is an inline-block </span>
+ <span>this is an inline-block this is an inline-block this is an inline-block </span>
+ <span>this is an inline-block this is an inline-block this is an inline-block </span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-003.xht
new file mode 100644
index 0000000000..110c23372d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-003.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: inline-block: width</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline-block/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ span { display: inline-block;
+ border: solid blue; color: silver;
+ margin: 0.5em; padding: 0.5em; }
+ </style>
+ </head>
+ <body>
+ <p> Make your window slightly wider than the width of one blue box:
+ all boxes should be the same size. Try increasing the window width
+ so that boxes wrap in two or more columns: the boxes should remain
+ the same size. Try reducing the window width to less than the width
+ of one blue box: the words inside the boxes should wrap and the boxes
+ resize around them so that the boxes continue to fit inside the window. </p>
+ <p>There is filler text in the first line, it should merely indent the first line
+ but not affect the resulting size.</p>
+ <p>
+ (filler text)
+ <span>this is filler text inside an inline block</span>
+ <span>this is filler text inside an inline block</span>
+ <span>this is filler text inside an inline block</span>
+ <span>this is filler text inside an inline block</span>
+ <span>this is filler text inside an inline block</span>
+ <span>this is filler text inside an inline block</span>
+ <span>this is filler text inside an inline block</span>
+ <span>this is filler text inside an inline block</span>
+ <span>this is filler text inside an inline block</span>
+ <span>this is filler text inside an inline block</span>
+ <span>this is filler text inside an inline block</span>
+ <span>this is filler text inside an inline block</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-004.xht
new file mode 100644
index 0000000000..687cb69bec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-004.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: inline-block: width</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline-block/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ html:before { content: ""; position: absolute; width: 598px; height: 598px; border: solid thin; }
+ p { text-indent: 5em; }
+ span { text-indent: 0; display: inline-block;
+ border: blue solid; color: silver;
+ margin: 0.5em; padding: 0.5em; }
+ </style>
+ </head>
+ <body>
+ <p> Make your window an inch or two bigger than than the width of
+ one inline-block. All inline-blocks should be the same size. Try
+ resizing the window so that inline-blocks wrap in one or two
+ columns. </p>
+ <p>The first line is indented. Therefore, the first block on the first line, if the
+ line is short enough, should end up wrapping onto two lines internally. The other boxes
+ should be the same size <a href="002.html">as they were without the indent</a>.</p>
+ <p>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-005.xht
new file mode 100644
index 0000000000..e710e4974f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-005.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: inline-block: width</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline-block/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ p { text-indent: 5em; }
+ span { display: inline-block;
+ border: blue solid; color: silver;
+ margin: 0.5em; padding: 0.5em 5em 0.5em 0;; }
+ </style>
+ </head>
+ <body>
+ <p> Make your window an inch or two bigger than than the width of
+ one inline-block. All inline-blocks should be the same size. Try
+ resizing the window so that inline-blocks wrap in one or two
+ columns. </p>
+ <p>The first line is indented. Therefore, the first block on the first line, if the
+ line is short enough, should end up wrapping onto two lines internally. In addition
+ each inline-block has 5em indentation on the left and 5em padding on the right,
+ which should make no difference except that the boxes should be slightly wider than
+ <a href="002.html">before</a>. They shouldn't wrap particularily more than before.</p>
+ <p>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ <span>this is an inline-block this is an inline-block</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-001-ref.xht
new file mode 100644
index 0000000000..a42f6c5ca6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-001-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+div { width: 10em; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>Test<br />Test</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-001.xht
new file mode 100644
index 0000000000..2b194b196f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-001.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for height:auto on inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+<link rel="match" href="inline-block-height-001-ref.xht"/>
+<style type="text/css">
+div { display: inline-block; width: 10em; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>Test<br />Test</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-002-ref.xht
new file mode 100644
index 0000000000..c0fdc8c565
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-002-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+div { height: 5em; width:10em; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>test</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-002.xht
new file mode 100644
index 0000000000..c0181dc54f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-002.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for height:&lt;length&gt; on inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+<link rel="match" href="inline-block-height-002-ref.xht"/>
+<style type="text/css">
+div { display: inline-block; height: 5em; width:10em; vertical-align: baseline; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>test</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-height-001.xht
new file mode 100644
index 0000000000..9c71cd4e52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-height-001.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-block non-replaced element with 'margin-top', margin-bottom' set to 'auto' and 'height' relying on the descendants</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-10 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-root-margin" />
+ <link rel="match" href="height-percentage-001-ref.xht" />
+
+ <meta name="assert" content="If 'height' is 'auto' on an inline-block non-replaced element then the 'height' depends on the descendants." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: blue;
+ display: inline-block;
+ }
+ #div2 div, #div3
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div3
+ {
+ background: orange;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <div></div>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-height-002.xht
new file mode 100644
index 0000000000..60afcd0047
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-height-002.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-block non-replaced elements' margin box is used for the height of the line box</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-root-margin" />
+ <link rel="match" href="height-percentage-001-ref.xht" />
+
+ <meta name="assert" content="Inline-block non-replaced elements use the margin box for sizing the height of the line box." />
+ <style type="text/css">
+ #div1
+ {
+ line-height: 0;
+ position: relative;
+ }
+ #div2
+ {
+ background: blue;
+ }
+
+ /*
+ The test relies and assumes that div#div2's
+ computed height will be and should be
+ equal to the its used line box height since it has
+ only 1 inline-level element which is contributing to
+ determine its line box height.
+ */
+
+ #div2 div
+ {
+ display: inline-block;
+ height: 0;
+ margin: 0.5in 0;
+ }
+ div div
+ {
+ width: 1in;
+ }
+ #div3
+ {
+ background: orange;
+ left: 1in;
+ height: 1in;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <div></div>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-001-ref.xht
new file mode 100644
index 0000000000..633a9bcb98
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-001-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue15x15.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-001.xht
new file mode 100644
index 0000000000..a7a14c93c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-001.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-block non-replaced elements shrink-to-fit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+ <link rel="match" href="inline-block-non-replaced-width-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="If 'width' is 'auto' then 'inline-block' elements shrink-to-fit." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background-color: red;
+ color: blue;
+ display: inline-block;
+ font: 100px/1 Ahem;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-002-ref.xht
new file mode 100644
index 0000000000..7e1c7effda
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-002-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 200px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square and there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue15x15.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-002.xht
new file mode 100644
index 0000000000..20b36c9d83
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-002.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-block non-replaced elements with 'margin-left' and 'margin-right' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+ <link rel="match" href="inline-block-non-replaced-width-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When 'margin-left' and 'margin-right' are set to 'auto' the used value becomes '0'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 200px;
+ width: 200px;
+ }
+ div div
+ {
+ background-color: red;
+ color: blue;
+ display: inline-block;
+ font: 100px/1 Ahem;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square and there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-003.xht
new file mode 100644
index 0000000000..eb24c6ff46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-003.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'shrink-to-fit' width of inline-block non-replaced elements - max-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="help" title="Section 10.3.9 Width of 'inline-block', non-replaced elements in normal flow" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../positioning/absolute-non-replaced-width-017-ref.xht" />
+ <meta content="If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" />
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ display: inline-block;
+ font: 30px/4 Ahem;
+ width: auto;
+ }
+
+ span
+ {
+ background-color: green;
+ display: inline-block;
+ max-width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the right. There should be no red in this page.</p>
+
+ <div><span>12345678</span></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-004.xht
new file mode 100644
index 0000000000..4f105a662a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-004.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'shrink-to-fit' width of inline-block non-replaced elements - max-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="help" title="Section 10.3.9 Width of 'inline-block', non-replaced elements in normal flow" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../positioning/absolute-non-replaced-width-017-ref.xht" />
+ <meta content="If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" />
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ display: inline-block;
+ font: 30px/4 Ahem;
+ width: auto;
+ }
+
+ div > div
+ {
+ background-color: green;
+ max-width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the right. There should be no red in this page.</p>
+
+ <div>
+ <div>12345678</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-005.xht
new file mode 100644
index 0000000000..492a62efe8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-005.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: width - non-replaced inline-block with scrollbar and percentage height of inline replaced child</title>
+
+ <!--
+ Credits should go to Erik Brown for discovering and originally reporting a similar test
+ -->
+
+ <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1281713" title="Bug 1281713: intrinsic width of parent with overflow-x:scroll not computing correctly with child image with height:100%" />
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="11.1.1 Overflow: the 'overflow' property" href="https://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="help" title="10.3.2 Inline, replaced elements" href="https://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <link rel="help" title="10.3.5 Floating, non-replaced elements" href="https://www.w3.org/TR/CSS21/visudet.html#float-width" />
+
+ <meta name="DC.date.created" content="2016-06-23T09:54:03+11:00" scheme="W3CDTF" />
+ <meta name="DC.date.modified" content="2016-07-06T09:54:03+11:00" scheme="W3CDTF" />
+
+ <!--
+ Siblings of this test are:
+ float-non-replaced-width-013
+ absolute-non-replaced-width-028
+ -->
+
+ <meta content="image scroll" name="flags" />
+ <meta content="This test checks interaction of percentage height of an inline replaced element with its parent having scrollbars and with the parent's width determined by 'shrink-to-fit' width algorithm. In this test, the image height should be 100px minus scrollbar height since space taken up by generated scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars. Then the width of parent should be (used image height == 100px minus scrollbar) * (intrinsic ratio == 5width:1height)." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ display: inline-block; /* or float: left; */ /* or position: absolute; */
+ height: 100px;
+ overflow: scroll;
+ }
+
+ img
+ {
+ height: 100%;
+ vertical-align: bottom;
+ /*
+ This 'vertical-align: bottom' declaration is not part of the test.
+ We 'baseline-align' the image at the bottom of the line box so
+ that the vertical scrollbar remains inactive.
+ */
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test does not apply to such user agent.</p>
+
+ <p>Test passes if there is a filled green rectangle with inactive scrollbars and <strong>no red</strong>.</p>
+
+ <div><img src="support/green-rectangle-50wideBy10tall.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-001.xht
new file mode 100644
index 0000000000..bde599a336
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-block replaced elements with 'margin-top' and 'margin-bottom' as 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="An inline-block replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: solid orange;
+ border-top: solid orange;
+ line-height: 0;
+ width: 1in;
+ }
+ img
+ {
+ display: inline-block;
+ margin-top: auto;
+ margin-bottom: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no white space between the blue square and the orange lines.</p>
+ <div>
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-002.xht
new file mode 100644
index 0000000000..b6753412d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-002.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-block replaced elements relying on intrinsic height dimensions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The used value of 'height' is the intrinsic height when an inline-block replaced element has an intrinsic height and 'width' computed as 'auto'." />
+ <style type="text/css">
+ div
+ {
+ line-height: 0;
+ position: relative;
+ }
+ div div
+ {
+ background: orange;
+ height: 15px;
+ left: 15px;
+ position: absolute;
+ top: 0;
+ width: 15px;
+ }
+ img
+ {
+ display: inline-block;
+ height: auto;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+ <div>
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-003-ref.xht
new file mode 100644
index 0000000000..a48ff08fe7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-003-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+
+ <div><img src="support/blue15x15.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-003.xht
new file mode 100644
index 0000000000..0ee4bc0ceb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-003.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-block replaced elements with intrinsic ratio and 'height' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="inline-block-replaced-height-003-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the used width divided by the intrinsic ratio when an inline-block replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified." />
+ <style type="text/css">
+ div
+ {
+ line-height: 0;
+ position: relative;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ img
+ {
+ display: inline;
+ height: auto;
+ }
+ div div, img
+ {
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+ <div>
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-004.xht
new file mode 100644
index 0000000000..d477ba09e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-004.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-block replaced element without intrinsic ratio and 'height' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-004-ref.xht" />
+
+ <meta name="assert" content="For inline-block replaced element that has no intrinsic ratio and a 'height' set to 'auto', the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ height: 150px;
+ position: absolute;
+ top: 0;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ display: inline-block;
+ height: auto;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <iframe></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-005.xht
new file mode 100644
index 0000000000..5307bad752
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-005.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-block replaced elements with percentage based intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-005-ref.xht" />
+
+ <meta name="assert" content="An inline-block replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ border: solid green;
+ height: 1in;
+ position: absolute;
+ top: 0;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ display: inline-block;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-006.xht
new file mode 100644
index 0000000000..fc5e234900
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-006.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
+ <head>
+ <title>CSS Test: Absolutely positioned inline-block replaced elements with percentage based height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-006-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="An inline-block replaced element with a percentage height resolves based on the containing block when the replaced element is absolutely positioned." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ left: 200px;
+ position: absolute;
+ top: 0;
+ width: 200px;
+ }
+ svg
+ {
+ display: inline-block;
+ position: absolute;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <svg:svg version="1.1" height="50%" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-007.xht
new file mode 100644
index 0000000000..a14dd8a9cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-007.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-block replaced element with percentage based height that cannot be resolved</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-004-ref.xht" />
+
+ <meta name="assert" content="An inline-block replaced element with a percentage height that cannot be resolved will have its 'height' value computed to 'auto'. In which case, if such inline-block replaced element's 'height' has a computed value of 'auto' and no intrinsic ratio, then the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width." />
+
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ height: 150px;
+ position: absolute;
+ top: 0;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ display: inline-block;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-008.xht
new file mode 100644
index 0000000000..aed67238c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-008.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'inline-block' replaced elements in normal flow - specified width, height in percentages and intrinsic ratio</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" title="10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements" />
+ <link rel="bookmark" href="https://bugs.kde.org/show_bug.cgi?id=274790" title=
+ "Bug 274790: object specified with width and height percentages and with intrinsic ratio" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <meta content="image interact" name="flags" />
+ <meta content="When 'height: 1%' (or any other percentage) applies to an 'inline-block' replaced element and when the height of its containing block is not specified explicitly (i.e., it depends on content height), then such height computes to 'auto'. Then, if such inline-block replaced element has an intrinsic ratio and its used width is known or resolved, then the used value of 'height' is determined by the equation (used width) / (intrinsic ratio)." name="assert" />
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>5 filled green squares</strong> with the same width and the <strong>same height</strong>. The 5 filled green squares should be <strong>identical</strong> to each other. This should still remain true even after a window resize.</p>
+
+ <div>
+ <object data="support/60x60-green.png" type="image/png" width="15%">FAIL: image download must be enabled</object>
+
+ <object data="support/60x60-green.png" type="image/png" width="15%" height="1%">FAIL: image download must be enabled</object>
+
+ <object data="support/60x60-green.png" type="image/png" style="width: 15%;">FAIL: image download must be enabled</object>
+
+ <object data="support/60x60-green.png" type="image/png" style="width: 15%; height: auto;">FAIL: image download must be enabled</object>
+
+ <object data="support/60x60-green.png" type="image/png" style="width: 15%; height: 1%;">FAIL: image download must be enabled</object>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-009.xht
new file mode 100644
index 0000000000..01c67c46fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-009.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: CSS Test: height of inline-block replaced element with no intrinsic height and no intrinsic ratio</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="../positioning/absolute-replaced-width-003b-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="If an inline-block replaced element (like the svg element in this test) has no intrinsic height and no intrinsic ratio, then the used value of 'height' becomes 150px." />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 300px;
+ width: 300px;
+ }
+
+ svg#overlapped-red
+ {
+ display: inline-block;
+ vertical-align: top;
+ }
+
+ div#overlapping-green
+ {
+ background-color: green;
+ bottom: 150px;
+ height: 150px;
+ position: relative;
+ width: 150px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div>
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full" id="overlapped-red" width="150">
+ <svg:rect x="0" y="0" width="600" height="300" fill="red" />
+ </svg:svg>
+
+ <div id="overlapping-green"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-001-ref.xht
new file mode 100644
index 0000000000..6812f827a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-001-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 2in;
+ line-height: 15px;
+ width: 2in;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><br />
+ <img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-001.xht
new file mode 100644
index 0000000000..fee9a3e194
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-001.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-replaced-width" />
+ <link rel="match" href="inline-block-replaced-width-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'." />
+ <style type="text/css">
+ div, img
+ {
+ line-height: 0;
+ }
+ #div1
+ {
+ border: solid black;
+ height: 2in;
+ width: 2in;
+ }
+ img
+ {
+ display: inline-block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 15px;
+ width: 15px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-002-ref.xht
new file mode 100644
index 0000000000..a079c8e7c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-002-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 3in;
+ width: 3in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+ <div><img src="support/blue15x15.png" width="200" height="50" alt="Image download support must be enabled" /><br />
+ <img src="support/swatch-orange.png" width="200" height="50" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-002.xht
new file mode 100644
index 0000000000..018d8dee87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-002.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
+ <head>
+ <title>CSS Test: Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-replaced-width" />
+ <link rel="match" href="inline-block-replaced-width-002-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. If 'width' has a computed value of 'auto' and the inline-block replaced element has no intrinsic ratio and no intrinsic width (which is the case in this test), then the used value of 'width' becomes 300px." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 3in;
+ }
+ svg
+ {
+ display: inline-block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 50px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-003-ref.xht
new file mode 100644
index 0000000000..4297e0544d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-003-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 3in;
+ width: 3in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" width="200" height="100" alt="Image download support must be enabled" /><br />
+ <img src="support/swatch-orange.png" width="200" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-003.xht
new file mode 100644
index 0000000000..53db1deb45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-003.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
+ <head>
+ <title>CSS Test: Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-replaced-width" />
+ <link rel="match" href="inline-block-replaced-width-003-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. If 'width' has a computed value of 'auto' and the inline-block replaced element has no intrinsic ratio and no intrinsic width (which is the case in this test), then the used value of 'width' becomes 300px." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 3in;
+ }
+ svg
+ {
+ display: inline-block;
+ height: 100px;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 100px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-004.xht
new file mode 100644
index 0000000000..abad1b7852
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-004.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
+ <head>
+ <title>CSS Test: Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-replaced-width" />
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 3in;
+ }
+ #div2
+ {
+ height: 110px;
+ width: 3in;
+ }
+ #div3
+ {
+ background: orange;
+ height: 1in;
+ width: 200px;
+ }
+ svg
+ {
+ display: inline-block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange boxes below are the same width, and the blue box is in the upper-left corner of the black box.</p>
+ <div id="div1">
+ <div id="div2">
+ <svg:svg version="1.1" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-006-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-006-ref.xht
new file mode 100644
index 0000000000..cb8b557973
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-006-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 3in;
+ width: 2in;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black rectangle.</p>
+
+ <div><img src="support/blue15x15.png" width="96" height="96" alt="Image download support must be enabled" /><br />
+ <img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-006.xht
new file mode 100644
index 0000000000..ba469de15f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-006.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-replaced-width" />
+ <link rel="match" href="inline-block-replaced-width-006-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Percentage intrinsic widths are evaluated against the containing block's width." />
+ <style type="text/css">
+ div
+ {
+ line-height: 0;
+ }
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 2in;
+ }
+ img
+ {
+ display: inline-block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black rectangle.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" width="50%" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-007.xht
new file mode 100644
index 0000000000..d7f3297f19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-007.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: width of inline-block replaced element with no intrinsic height, no intrinsic width and no intrinsic ratio</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-replaced-width" />
+ <link rel="match" href="../positioning/absolute-replaced-width-003a-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="If an inline-block replaced element (like the svg element in this test) has no intrinsic width and no intrinsic height, then the used value of 'width' becomes 300px and the used value of 'height' becomes 150px." />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 225px;
+ width: 450px;
+ }
+
+ svg#overlapped-red
+ {
+ display: inline-block;
+ vertical-align: top;
+ }
+
+ div#overlapping-green
+ {
+ background-color: green;
+ bottom: 150px;
+ height: 150px;
+ position: relative;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div>
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full" id="overlapped-red">
+ <svg:rect x="0" y="0" width="600" height="300" fill="red" />
+ </svg:svg>
+
+ <div id="overlapping-green"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-008.xht
new file mode 100644
index 0000000000..e3efba6c9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-008.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: CSS Test: width of inline-block replaced element with no intrinsic width and no intrinsic ratio</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-replaced-width" />
+ <link rel="match" href="../positioning/absolute-replaced-width-003c-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="If an inline-block replaced element (like the svg element in this test) has no intrinsic width and no intrinsic ratio, then the used value of 'width' becomes 300px." />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 300px;
+ width: 600px;
+ }
+
+ svg#overlapped-red
+ {
+ display: inline-block;
+ vertical-align: top;
+ }
+
+ div#overlapping-green
+ {
+ background-color: green;
+ bottom: 300px;
+ height: 300px;
+ position: relative;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a big filled green square and <strong>no red</strong>.</p>
+
+ <div>
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full" id="overlapped-red" height="300">
+ <svg:rect x="0" y="0" width="600" height="300" fill="red" />
+ </svg:svg>
+
+ <div id="overlapping-green"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-001-ref.xht
new file mode 100644
index 0000000000..26cf5eca45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-001-ref.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+</head>
+<body>
+<table border="" height="200"><tbody><tr><td valign="bottom">
+<p>abcde</p>
+</td></tr></tbody></table>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-001.xht
new file mode 100644
index 0000000000..c41b779fc7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for vertical alignment on inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+<meta name="assert" content="This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element." />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+<link rel="match" href="inline-block-valign-001-ref.xht"/>
+<meta name="assert" content="The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge." />
+<style type="text/css">
+span { display: inline-block; }
+span &gt; span { display: block; visibility: hidden; }
+</style>
+</head>
+<body>
+<table border="" height="200"><tbody><tr><td valign="bottom">
+<p>a<span><span>x</span>bcd</span>e</p>
+</td></tr></tbody></table>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-002-ref.xht
new file mode 100644
index 0000000000..92ad4f8ab3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-002-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+body { background: white; color: black; }
+span { display: inline-block; margin: 3px 0; border: 4px solid white; border-width: 4px 0; padding: 9px 0; }
+span &gt; span { display: block; visibility: hidden; }
+</style>
+</head>
+<body>
+<table border=""><tbody><tr><td>
+<p><span><span>x</span>abcde</span></p>
+</td></tr></tbody></table>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-002.xht
new file mode 100644
index 0000000000..750580a8c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for vertical alignment on inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
+<meta name="assert" content="This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element." />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+<link rel="match" href="inline-block-valign-002-ref.xht"/>
+<meta name="assert" content="The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge." />
+<style type="text/css">
+body { background: white; color: black; }
+span { display: inline-block; margin: 3px 0; border: 4px solid white; border-width: 4px 0; padding: 9px 0; }
+span &gt; span { display: block; visibility: hidden; }
+</style>
+</head>
+<body>
+<table border=""><tbody><tr><td>
+<p>a<span><span>x</span>bcd</span>e</p>
+</td></tr></tbody></table>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001-ref.xht
new file mode 100644
index 0000000000..2f0dca6903
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+body &gt; div { width: 10em; }
+body &gt; div &gt; div { background: green; color: white; }
+</style>
+</head>
+<body>
+<div>x<div>This is some text that is wider than 10em but has no words wider than 10em.</div>z</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001a.xht
new file mode 100644
index 0000000000..c763fa80e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001a.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for 'width: auto' on inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+<link rel="match" href="inline-block-width-001-ref.xht"/>
+<style type="text/css">
+body &gt; div { width: 10em; }
+body &gt; div &gt; div { display: inline-block; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>x <div>This is some text that is wider than 10em but has no words wider than 10em.</div> z</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001b.xht
new file mode 100644
index 0000000000..45e4ab05d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001b.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for 'width: auto' on inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+<link rel="match" href="inline-block-width-001-ref.xht"/>
+<style type="text/css">
+body &gt; div { width: 10em; }
+body &gt; div &gt; div { display: inline-block; background: green; color: white; width: 10em; }
+</style>
+</head>
+<body>
+<div>x <div>This is some text that is wider than 10em but has no words wider than 10em.</div> z</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002-ref.xht
new file mode 100644
index 0000000000..3fc115ef23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+body &gt; div { width: 10em; }
+body &gt; div &gt; div { background: green; color: white; width: 20em; }
+</style>
+</head>
+<body>
+<div>x<div>y</div>z</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002a.xht
new file mode 100644
index 0000000000..51ea36c433
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002a.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for 'width: auto' on inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+<link rel="match" href="inline-block-width-002-ref.xht"/>
+<style type="text/css">
+body &gt; div { width: 10em; }
+body &gt; div &gt; div { display: inline-block; background: green; color: white; }
+body &gt; div &gt; div &gt; div { width: 20em; }
+</style>
+</head>
+<body>
+<div>x<div><div>y</div></div>z</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002b.xht
new file mode 100644
index 0000000000..a2bca4702c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002b.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for 'width: &lt;length&gt;' on inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+<link rel="match" href="inline-block-width-002-ref.xht"/>
+<style type="text/css">
+body &gt; div { width: 10em; }
+body &gt; div &gt; div { display: inline-block; background: green; color: white; width: 20em; }
+body &gt; div &gt; div &gt; div { width: 20em; }
+</style>
+</head>
+<body>
+<div>x<div><div>y</div></div>z</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-001-ref.xht
new file mode 100644
index 0000000000..27da1ffc65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-001-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+div { display:block; width: 2em; height: 1em; background: green; }
+</style>
+</head>
+<body>
+<div>&#160;</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-001.xht
new file mode 100644
index 0000000000..daaf4b3401
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-001.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for z-ordering of inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<link rel="match" href="inline-block-zorder-001-ref.xht"/>
+<style type="text/css">
+div { width: 2em; height: 1em; }
+span { display:inline-block; vertical-align: top; width: 2em; height: 1em; background: green; }
+div#after { margin-top:-1em; background: red; }
+</style>
+</head>
+<body>
+<div><span>&#160;</span></div>
+<div id="after">&#160;</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-002.xht
new file mode 100644
index 0000000000..cc304072e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-002.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for z-ordering of inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<link rel="match" href="inline-block-zorder-001-ref.xht"/>
+<style type="text/css">
+div { width: 2em; height: 1em; }
+span { display:inline-block; vertical-align: top; width: 2em; height: 1em; }
+span span { display: block; background: green; }
+div#after { margin-top: -1em; background: red; }
+</style>
+</head>
+<body>
+<div><span><span>&#160;</span></span></div>
+<div id="after">&#160;</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-003-ref.xht
new file mode 100644
index 0000000000..0667289645
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-003-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+span { vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+</style>
+</head>
+<body>
+<div><span>&#160;x&#160;</span></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-003.xht
new file mode 100644
index 0000000000..7b8c46b8e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-003.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for z-ordering of inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<link rel="match" href="inline-block-zorder-003-ref.xht"/>
+<style type="text/css">
+div { height: 1em; }
+div#test span { display:inline-block; vertical-align: top; height: 1em; background: red; color: red; }
+div#after { margin-top:-1em; }
+div#after span { display: inline; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+</style>
+</head>
+<body>
+<div id="test"><span>&#160;x&#160;</span></div>
+<div id="after"><span>&#160;x&#160;</span></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-004-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-004-ref.xht
new file mode 100644
index 0000000000..22204233d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-004-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-block test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+span { display: inline-block; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+</style>
+</head>
+<body>
+<div><span>&#160;x&#160;</span></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-004.xht
new file mode 100644
index 0000000000..ecb6756888
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-004.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for z-ordering of inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<link rel="match" href="inline-block-zorder-004-ref.xht"/>
+<style type="text/css">
+div#test span { display:inline-block; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+div#before { height: 1em; margin-bottom:-1em; }
+div#before span { display: inline; vertical-align: top; background: red; color: red; }
+</style>
+</head>
+<body>
+<div id="before"><span>&#160;x&#160;</span></div>
+<div id="test"><span>&#160;x&#160;</span></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-005.xht
new file mode 100644
index 0000000000..24d4a385a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-005.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for z-ordering of inline-block</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<link rel="match" href="inline-block-zorder-004-ref.xht"/>
+<style type="text/css">
+div#test &gt; span { display:inline-block; vertical-align: top; }
+div#test &gt; span &gt; span { display: block; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+div#before { height: 1em; margin-bottom:-1em; }
+div#before &gt; span { display: inline; vertical-align: top; background: red; color: red; }
+</style>
+</head>
+<body>
+<div id="before"><span>&#160;x&#160;</span></div>
+<div id="test"><span><span>&#160;x&#160;</span></span></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-002-ref.xht
new file mode 100644
index 0000000000..0cc1099392
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-002-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+
+ <div><img src="support/swatch-blue.png" width="100" height="200" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="100" height="200" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-002.xht
new file mode 100644
index 0000000000..e3568f555d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-002.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline non-replaced elements and padding</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-16 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-non-replaced" />
+ <link rel="match" href="inline-non-replaced-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The padding starts at the top and bottom of the content area not the 'line-height'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ margin-top: 41px;
+ position: relative;
+ }
+ span
+ {
+ background: blue;
+ color: blue;
+ font: 100px Ahem;
+ line-height: 150px;
+ padding: 50px 0;
+ }
+ div div
+ {
+ background: orange;
+ height: 200px;
+ left: 100px;
+ position: absolute;
+ top: -25px; /* correspond to minus top-half-leading */
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <span>X</span>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-003.xht
new file mode 100644
index 0000000000..4fc0a9d3d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-003.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline non-replaced elements and border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-16 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-non-replaced" />
+ <link rel="match" href="inline-non-replaced-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The border starts at the top and bottom of the content area not the 'line-height'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ margin-top: 41px;
+ position: relative;
+ }
+ span
+ {
+ background: blue;
+ border-bottom: 50px solid blue;
+ border-top: 50px solid blue;
+ color: blue;
+ font: 100px Ahem;
+ line-height: 150px;
+ }
+ div div
+ {
+ background: orange;
+ height: 200px;
+ left: 100px;
+ position: absolute;
+ top: -25px; /* correspond to minus top-half-leading */
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <span>X</span>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-001-ref.xht
new file mode 100644
index 0000000000..729bdcb72d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 200px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-001.xht
new file mode 100644
index 0000000000..30cfbfb848
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline non-replaced elements with 'auto' value for 'left', 'right', and 'margin-left'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-16 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-width" />
+ <link rel="match" href="inline-non-replaced-width-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Computed value of 'auto' for 'left', 'right', and 'margin-left' becomes a used value of '0'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border: solid black;
+ height: 200px;
+ width: 200px;
+ }
+ span
+ {
+ color: blue;
+ font: 100px/1 Ahem;
+ left: auto;
+ margin-left: auto;
+ position: relative;
+ right: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square.</p>
+ <div>
+ <span>X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-002.xht
new file mode 100644
index 0000000000..375e22fe09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-002.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline non-replaced elements with 'auto' value for 'left', 'right', and 'margin-right'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-16 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-width" />
+ <link rel="match" href="inline-non-replaced-width-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Computed value of 'auto' for 'left', 'right', and 'margin-right' becomes a used value of '0'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border: solid black;
+ height: 200px;
+ width: 200px;
+ }
+ span
+ {
+ color: blue;
+ font: 100px/1 Ahem;
+ left: auto;
+ margin-right: auto;
+ position: relative;
+ right: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square.</p>
+ <div>
+ <span>X</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-001.xht
new file mode 100644
index 0000000000..c345c21224
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline replaced elements with 'margin-top' and 'margin-bottom' as 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="An inline replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: solid orange;
+ border-top: solid orange;
+ line-height: 0;
+ width: 1in;
+ }
+ img
+ {
+ display: inline;
+ margin-bottom: auto;
+ margin-top: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no white space between the blue square and the orange lines.</p>
+ <div>
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-002.xht
new file mode 100644
index 0000000000..666ddaa722
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-002.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline replaced elements relying on intrinsic height dimensions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the intrinsic height when an inline replaced element with an intrinsic height has a 'height' and 'width' computed as 'auto'." />
+ <style type="text/css">
+ div
+ {
+ line-height: 0;
+ position: relative;
+ }
+ div div
+ {
+ background: orange;
+ height: 15px;
+ left: 15px;
+ position: absolute;
+ top: 0;
+ width: 15px;
+ }
+ img
+ {
+ display: inline;
+ height: auto;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+ <div>
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-003.xht
new file mode 100644
index 0000000000..2bac39dfca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-003.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline replaced elements with intrinsic ratios and 'height' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="inline-block-replaced-height-003-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the used width divided by the ratio when an inline replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is not 'auto'." />
+ <style type="text/css">
+ div
+ {
+ line-height: 0;
+ position: relative;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ img
+ {
+ display: inline;
+ height: auto;
+ }
+ div div, img
+ {
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+
+ <div>
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-004.xht
new file mode 100644
index 0000000000..20ddd95d4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-004.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline replaced elements without intrinsic ratios and 'height' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-004-ref.xht" />
+
+ <meta name="assert" content="For inline replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ height: 150px;
+ position: absolute;
+ top: 0;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ display: inline;
+ height: auto;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <iframe></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-005.xht
new file mode 100644
index 0000000000..c52df329f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-005.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline replaced elements with percentage based intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-005-ref.xht" />
+
+ <meta name="assert" content="An inline replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ border: solid green;
+ height: 1in;
+ position: absolute;
+ top: 0;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ display: inline;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-006.xht
new file mode 100644
index 0000000000..d8d332ffab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-006.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced elements with percentage based intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-006-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="An inline replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ left: 200px;
+ position: absolute;
+ top: 0;
+ width: 200px;
+ }
+ svg
+ {
+ display: inline;
+ position: absolute;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <svg:svg version="1.1" height="50%" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-007.xht
new file mode 100644
index 0000000000..093d3ebccd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-007.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline replaced elements with percentage based intrinsic height that cannot be resolved</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="block-replaced-height-004-ref.xht" />
+
+ <meta name="assert" content="An inline replaced element with a percentage height that cannot be resolved has no intrinsic height." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ height: 150px;
+ position: absolute;
+ top: 0;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ display: inline;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-008.xht
new file mode 100644
index 0000000000..9a3e17bd6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-008.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Inline replaced elements in normal flow - specified width, height in percentages and intrinsic ratio</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" title="10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <meta content="image interact" name="flags" />
+ <meta content="When 'height: 1%' (or any other percentage) applies to an inline replaced element and when the height of its containing block is not specified explicitly (i.e., it depends on content height), then such height computes to 'auto'. Then, if such inline replaced element has an intrinsic ratio and its used width is known or resolved, then the used value of 'height' is determined by the equation (used width) / (intrinsic ratio)." name="assert" />
+
+ </head>
+
+ <body>
+
+ <p>There should be <strong>5 filled green squares</strong> with the same width and the <strong>same height</strong>. The 5 filled green squares should be <strong>identical</strong> to each other. This should still remain true even after a window resize.</p>
+
+ <div>
+ <img src="support/60x60-green.png" width="15%" alt="FAIL: image download must be enabled" />
+
+ <img src="support/60x60-green.png" width="15%" height="1%" alt="FAIL: image download must be enabled" />
+
+ <img src="support/60x60-green.png" style="width: 15%;" alt="FAIL: image download must be enabled" />
+
+ <img src="support/60x60-green.png" style="width: 15%; height: auto;" alt="FAIL: image download must be enabled" />
+
+ <img src="support/60x60-green.png" style="width: 15%; height: 1%;" alt="FAIL: image download must be enabled" />
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-009.xht
new file mode 100644
index 0000000000..9edb95ab17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-009.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: CSS Test: height of inline replaced element with no intrinsic height and no intrinsic ratio</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="../positioning/absolute-replaced-width-003b-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="If an inline replaced element (like the svg element in this test) has no intrinsic height and no intrinsic ratio, then the used value of 'height' becomes 150px." />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 300px;
+ width: 300px;
+ }
+
+ svg#overlapped-red
+ {
+ display: inline;
+ vertical-align: top;
+ }
+
+ div#overlapping-green
+ {
+ background-color: green;
+ bottom: 150px;
+ height: 150px;
+ position: relative;
+ width: 150px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div>
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full" id="overlapped-red" width="150">
+ <svg:rect x="0" y="0" width="600" height="300" fill="red" />
+ </svg:svg>
+
+ <div id="overlapping-green"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-010.xht
new file mode 100644
index 0000000000..c5498e1f73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-010.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS test: height - inline replaced element and max-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <!--
+ Credits must go to Kang-Hao (Kenny) Lu for posting a message
+ on a closely related issue in www-style mailing list.
+ -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" title="10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements " />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" title="10.4 Minimum and maximum widths: 'min-width' and 'max-width'" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Nov/0023.html" title="[css21][css3-box] when only one dimension is specified, replaced element sizing rules are ambiguous and non-interoperable" />
+
+ <meta content="image" name="flags" />
+ <meta content="The height of an inline replaced element should be re-calculated based on its constrained width (constrained by computed 'max-width' value) and based its intrinsic ratio when it has an intrinsic ratio." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-test
+ {
+ position: absolute;
+ z-index: -1;
+ }
+
+ img
+ {
+ height: auto;
+ max-width: 6.25em;
+ width: 12.5em;
+ }
+
+ div#overlapping-green-reference
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-test"><img src="support/swatch-red.png" alt="Image download support must be enabled" /></div>
+
+ <div id="overlapping-green-reference"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-011.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-011.xht
new file mode 100644
index 0000000000..2692e9b9a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-011.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS test: height - inline replaced element and min-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <!--
+ Credits must go to Kang-Hao (Kenny) Lu for posting a message
+ on a closely related issue in www-style mailing list.
+ -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" title="10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements " />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" title="10.4 Minimum and maximum widths: 'min-width' and 'max-width'" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Nov/0023.html" title="[css21][css3-box] when only one dimension is specified, replaced element sizing rules are ambiguous and non-interoperable" />
+
+ <meta content="image" name="flags" />
+ <meta content="The height of an inline replaced element should be re-calculated based on its constrained width (constrained by computed 'min-width' value) and based its intrinsic ratio when it has an intrinsic ratio." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ img
+ {
+ height: auto;
+ min-width: 6.25em;
+ width: 0em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <div id="overlapping-green-test"><img src="support/swatch-green.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-001-ref.xht
new file mode 100644
index 0000000000..c23baf9205
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 192px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black rectangle.</p>
+
+ <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /><br /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-001.xht
new file mode 100644
index 0000000000..12f518833f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-001.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <link rel="match" href="inline-replaced-width-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on inline replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: auto;
+ margin-right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 96px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black rectangle.</p>
+ <div id="div1">
+ <img alt="blue 96x96" src="support/blue96x96.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-002-ref.xht
new file mode 100644
index 0000000000..c7c6e39b1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-002-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 288px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+
+ <div><img src="support/blue96x96.png" width="200" height="50" alt="Image download support must be enabled" /><br /><img src="support/swatch-orange.png" width="200" height="50" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-002.xht
new file mode 100644
index 0000000000..eaa5049dc7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-002.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
+ <head>
+ <title>CSS Test: Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <link rel="match" href="inline-replaced-width-002-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on inline replaced elements becomes a used value of '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 3in;
+ }
+ svg
+ {
+ margin-left: auto;
+ margin-right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 50px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-003-ref.xht
new file mode 100644
index 0000000000..f086f1979e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-003-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 288px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+ <div><img src="support/blue96x96.png" width="200" height="100" alt="Image download support must be enabled" /><br /><img src="support/swatch-orange.png" width="200" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-003.xht
new file mode 100644
index 0000000000..1624538bf6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-003.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
+ <head>
+ <title>CSS Test: Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <link rel="match" href="inline-replaced-width-003-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on inline replaced elements becomes a used value of '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 3in;
+ }
+ svg
+ {
+ height: 100px;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 100px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-004.xht
new file mode 100644
index 0000000000..3318922073
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-004.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
+ <head>
+ <title>CSS Test: Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on inline replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 3in;
+ }
+ #div2
+ {
+ height: 110px;
+ width: 3in;
+ }
+ #div3
+ {
+ background: orange;
+ height: 1in;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange boxes below are the same width, and the blue box is in the upper-left corner of the black box.</p>
+ <div id="div1">
+ <div id="div2">
+ <svg:svg version="1.1" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-006.xht
new file mode 100644
index 0000000000..daae2457d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-006.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <link rel="match" href="inline-replaced-width-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Percentage intrinsic widths are evaluated against the containing block's width." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: auto;
+ margin-right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black rectangle.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" width="50%" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-008.xht
new file mode 100644
index 0000000000..07224f6cd3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-008.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: width of inline replaced element with no intrinsic height, no intrinsic width and no intrinsic ratio</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" title="10.3.2 Inline, replaced elements" />
+ <link rel="match" href="../positioning/absolute-replaced-width-003a-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="If an inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic height, then the used value of 'width' becomes 300px and the used value of 'height' becomes 150px." />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 225px;
+ width: 450px;
+ }
+
+ svg#overlapped-red
+ {
+ display: inline;
+ vertical-align: top;
+ }
+
+ div#overlapping-green
+ {
+ background-color: green;
+ bottom: 150px;
+ height: 150px;
+ position: relative;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div>
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full" id="overlapped-red">
+ <svg:rect x="0" y="0" width="600" height="300" fill="red" />
+ </svg:svg>
+
+ <div id="overlapping-green"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-009.xht
new file mode 100644
index 0000000000..ca6e9df119
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-009.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: CSS Test: width of inline replaced element with no intrinsic width and no intrinsic ratio</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" title="10.3.2 Inline, replaced elements" />
+ <link rel="match" href="../positioning/absolute-replaced-width-003c-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="If an inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic ratio, then the used value of 'width' becomes 300px." />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 300px;
+ width: 600px;
+ }
+
+ svg#overlapped-red
+ {
+ display: inline;
+ vertical-align: top;
+ }
+
+ div#overlapping-green
+ {
+ background-color: green;
+ bottom: 300px;
+ height: 300px;
+ position: relative;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a big filled green square and <strong>no red</strong>.</p>
+
+ <div>
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full" id="overlapped-red" height="300">
+ <svg:rect x="0" y="0" width="600" height="300" fill="red" />
+ </svg:svg>
+
+ <div id="overlapping-green"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-011-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-011-ref.xht
new file mode 100644
index 0000000000..2bcb57d634
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-011-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ width: 600px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-011.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-011.xht
new file mode 100644
index 0000000000..2d7473ef00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-011.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Replaced inline elements with % widths</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <link rel="match" href="inline-replaced-width-011-ref.xht" />
+
+ <meta name="flags" content="image" />
+
+ <style type="text/css">
+ div { width: 600px; height: 100px; background: red; }
+ img { width: 100%; height: 100px; vertical-align: bottom; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <p><img src="support/swatch-green.png" alt="Image support required for this test"/></p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-012-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-012-ref.xht
new file mode 100644
index 0000000000..ef7a3b6ad9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-012-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 200px;
+ width: 600px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-012.xht
new file mode 100644
index 0000000000..b94ccb2991
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-012.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Replaced inline elements wrapping around floats (% widths)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <link rel="match" href="inline-replaced-width-012-ref.xht" />
+
+ <meta name="flags" content="image" />
+
+ <style type="text/css">
+ div { width: 600px; height: 200px; background: red; }
+ div p { height: 100px; background: green; }
+ img { vertical-align: bottom; }
+ img.float { float: left; }
+ img.flow { width: 100%; height: 100px; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <p>
+ <img src="support/swatch-green.png" height="100" alt="Image download support must be enabled" class="float"/>
+ <img src="support/swatch-green.png" alt="Image support required for this test" class="flow"/>
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-013.xht
new file mode 100644
index 0000000000..8ff317755a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-013.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Replaced inline elements wrapping around floats (pixel widths)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <link rel="match" href="inline-replaced-width-012-ref.xht" />
+
+ <meta name="flags" content="image" />
+
+ <style type="text/css">
+ div { width: 600px; height: 200px; background: red; }
+ div p { height: 100px; background: green; }
+ img { vertical-align: bottom; }
+ img.float { float: left; }
+ img.flow { width: 600px; height: 100px; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <p>
+ <img src="support/swatch-green.png" height="100" alt="Image download support must be enabled" class="float"/>
+ <img src="support/swatch-green.png" alt="Image support required for this test" class="flow"/>
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-014-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-014-ref.xht
new file mode 100644
index 0000000000..7d192d28f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-014-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ margin-bottom: 1em;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 identical filled green rectangles and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-014.xht
new file mode 100644
index 0000000000..b7bb1a2afc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-014.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Replaced inline elements with % widths</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-15 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <link rel="match" href="inline-replaced-width-014-ref.xht" />
+
+ <meta content="image" name="flags" />
+
+ <style type="text/css">
+ div.a { width: 300px; height: 100px; background: red; }
+ div.a p { width: 200%; }
+ div.a img { width: 50%; height: 100px; vertical-align: bottom; }
+ div.b { width: 300px; position: relative; }
+ div.b p { width: 200%; }
+ div.b img { width: 50%; height: 100px; vertical-align: bottom; }
+ div.b span { position: absolute; top: 0; left: 0; background: green; width: 300px; height: 100px; }
+ </style>
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 identical filled green rectangles and <strong>no red</strong>.</p>
+
+ <div class="a">
+ <p>
+ <img src="support/1x1-green.png" alt="Image support required for this test"/>
+ </p>
+ </div>
+
+ <div class="b">
+ <p>
+ <img src="support/1x1-red.png" alt="Image support required for this test"/>
+ <span></span>
+ </p>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-015.xht
new file mode 100644
index 0000000000..3af87c72f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Replaced inline elements wrapping around floats (% widths)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <link rel="match" href="inline-replaced-width-014-ref.xht" />
+
+ <meta name="flags" content="image" />
+
+ <style type="text/css">
+ div.test { width: 300px; height: 100px; background: red; position: relative; }
+ div.inner { width: 300px; height: 50px; background: green; }
+ div p { width: 125%; height: 50px; } /* 375px */
+ img { vertical-align: bottom; }
+ img.float { float: left; height: 50px; width: 100px; }
+ img.flow { width: 80%; height: 50px; } /* 300px */
+ span { position: absolute; bottom: 0; left: 0; background: green; height: 50px; width: 300px; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 identical filled green rectangles and <strong>no red</strong>.</p>
+ <div class="test a">
+ <div class="inner">
+ <p>
+ <img src="support/1x1-green.png" alt="Image download support must be enabled" class="float"/>
+ <img src="support/1x1-green.png" alt="Image support required for this test" class="flow"/>
+ </p>
+ </div>
+ </div>
+ <div class="test b">
+ <div class="inner">
+ <p>
+ <img src="support/1x1-green.png" alt="Image download support must be enabled" class="float"/>
+ <img src="support/1x1-red.png" alt="Image support required for this test" class="flow"/>
+ <span></span>
+ </p>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-016.xht
new file mode 100644
index 0000000000..efbedfa263
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-016.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS test: width - inline replaced element and max-height</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <!--
+ Credits must go to Kang-Hao (Kenny) Lu for posting a message
+ on a closely related issue in www-style mailing list.
+ -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" title="10.3.2 Calculating width of inline, replaced elements" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" title="10.7 Minimum and maximum heights: 'min-height' and 'max-height'" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Nov/0023.html" title="[css21][css3-box] when only one dimension is specified, replaced element sizing rules are ambiguous and non-interoperable" />
+
+ <meta content="image" name="flags" />
+ <meta content="The width of an inline replaced element should be re-calculated based on its constrained height (constrained by computed 'max-height' value) and based its intrinsic ratio when it has an intrinsic ratio." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-test
+ {
+ position: absolute;
+ z-index: -1;
+ }
+
+ img
+ {
+ max-height: 6.25em;
+ height: 12.5em;
+ width: auto;
+ }
+
+ div#overlapping-green-reference
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-test"><img src="support/swatch-red.png" alt="Image download support must be enabled" /></div>
+
+ <div id="overlapping-green-reference"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-017.xht
new file mode 100644
index 0000000000..232dc7622f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-017.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS test: width - inline replaced element and min-height</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <!--
+ Credits must go to Kang-Hao (Kenny) Lu for posting a message
+ on a closely related issue in www-style mailing list.
+ -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" title="10.3.2 Calculating width of inline, replaced elements" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" title="10.7 Minimum and maximum heights: 'min-height' and 'max-height'" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Nov/0023.html" title="[css21][css3-box] when only one dimension is specified, replaced element sizing rules are ambiguous and non-interoperable" />
+
+ <meta content="image" name="flags" />
+ <meta content="The width of an inline replaced element should be re-calculated based on its constrained height (constrained by computed 'min-height' value) and based its intrinsic ratio when it has an intrinsic ratio." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ img
+ {
+ min-height: 6.25em;
+ height: 0em;
+ width: auto;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <div id="overlapping-green-test"><img src="support/swatch-green.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002-ref.xht
new file mode 100644
index 0000000000..42a4110fea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002-ref.xht
@@ -0,0 +1,8 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+</head>
+<body>
+<p>a<span style="display:inline-table;">bcd</span>e</p>
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002a.xht
new file mode 100644
index 0000000000..012b28ba1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002a.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+<link rel="match" href="inline-table-002-ref.xht"/>
+<meta name="assert" content="The baseline of an 'inline-table' is the baseline of the first row of the table." />
+<style type="text/css">
+span { display: inline-table; }
+span &gt; span { display: block; visibility: hidden; }
+</style>
+</head>
+<body>
+<p>a<span>bcd<span>x</span></span>e</p>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002b.xht
new file mode 100644
index 0000000000..59afc3e443
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002b.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+<link rel="match" href="inline-table-002-ref.xht"/>
+<meta name="assert" content="The baseline of an 'inline-table' is the baseline of the first row of the table." />
+<style type="text/css">
+span &gt; span { display: table-cell; }
+span &gt; span &gt; span { display: block; visibility: hidden; }
+</style>
+</head>
+<body>
+<p><span>a<span>bcd<span>x</span></span>e</span></p>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-003-ref.xht
new file mode 100644
index 0000000000..46489988b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-003-ref.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+</head>
+<body>
+<p>abc</p>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-003.xht
new file mode 100644
index 0000000000..ac9dd9c473
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-003.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+<link rel="match" href="inline-table-003-ref.xht"/>
+<meta name="assert" content="The baseline of an 'inline-table' is the baseline of the first row of the table." />
+<style type="text/css">
+span { display: inline-table; }
+</style>
+</head>
+<body>
+<p>a<span>b</span>c</p>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-001-ref.xht
new file mode 100644
index 0000000000..d6148b5c0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-001-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+div { display: table; width: 10em; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>Test<br />Test</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-001.xht
new file mode 100644
index 0000000000..ac6994869a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-001.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for 'height: auto' on inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+<link rel="match" href="inline-table-height-001-ref.xht"/>
+<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." />
+<style type="text/css">
+div { display: inline-table; width: 10em; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>Test<br />Test</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-002-ref.xht
new file mode 100644
index 0000000000..32568759de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-002-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+div { display: table; height: 5em; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>test</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-002.xht
new file mode 100644
index 0000000000..cb40592402
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-002.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for 'height: &lt;length;&gt;' on inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+<link rel="match" href="inline-table-height-002-ref.xht"/>
+<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." />
+<style type="text/css">
+div { display: inline-table; height: 5em; vertical-align: baseline; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>test</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-valign-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-valign-001-ref.xht
new file mode 100644
index 0000000000..07d9f5e7fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-valign-001-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+span#table { display: inline-table; }
+span#cell { display: table-cell; }
+span#table, span#rowgroup, span#row, span#cell {
+ border: 4px solid white;
+ margin: 3px 0;
+ border-width: 4px 0;
+ padding: 9px 0;
+ border-spacing: 0 5px;
+}
+span#block { display: block; visibility: hidden; }
+</style>
+</head>
+<body>
+<table border=""><tbody><tr><td>
+ <p>
+ a<span id="table"><span id="cell">bcd</span></span>e
+ <span id="block">x</span>
+ </p>
+</td></tr></tbody></table>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-valign-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-valign-001.xht
new file mode 100644
index 0000000000..e23ef327d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-valign-001.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for vertical alignment on inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." />
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+<link rel="match" href="inline-table-valign-001-ref.xht"/>
+<meta name="assert" content="The baseline of an 'inline-table' is the baseline of the first row of the table." />
+<style type="text/css">
+span#table { display: inline-table; }
+span#rowgroup { display: table-row-group; }
+span#row { display: table-row; }
+span#cell { display: table-cell; }
+span#table, span#rowgroup, span#row, span#cell {
+ border: 4px solid white;
+ margin: 3px 0;
+ border-width: 4px 0;
+ padding: 9px 0;
+ border-spacing: 0 5px;
+}
+span#block { display: block; visibility: hidden; }
+</style>
+</head>
+<body>
+<table border=""><tbody><tr><td>
+<p>a<span id="table"><span id="rowgroup"><span id="row"><span id="cell">bcd<span id="block">x</span></span></span></span></span>e</p>
+</td></tr></tbody></table>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001-ref.xht
new file mode 100644
index 0000000000..52380a362d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+body &gt; div { width: 10em; }
+body &gt; div &gt; div { display: table; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>x<div>This is some text that is wider than 10em but has no words wider than 10em.</div>z</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001a.xht
new file mode 100644
index 0000000000..bf0267c16a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001a.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for 'width' shrink-wrapping on inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout" />
+<link rel="match" href="inline-table-width-001-ref.xht"/>
+<style type="text/css">
+body &gt; div { width: 10em; }
+body &gt; div &gt; div { display: inline-table; background: green; color: white; }
+</style>
+</head>
+<body>
+<div>x <div>This is some text that is wider than 10em but has no words wider than 10em.</div> z</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001b.xht
new file mode 100644
index 0000000000..c221413936
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001b.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for 'width' shrink-wrapping on inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout" />
+<link rel="match" href="inline-table-width-001-ref.xht"/>
+<style type="text/css">
+body &gt; div { width: 10em; }
+body &gt; div &gt; div { display: inline-table; background: green; color: white; width: 10em; }
+</style>
+</head>
+<body>
+<div>x <div>This is some text that is wider than 10em but has no words wider than 10em.</div> z</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002-ref.xht
new file mode 100644
index 0000000000..36c6a1ad77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+body &gt; div { width: 10em; }
+body &gt; div &gt; div { display: table; background: green; color: white; width: 20em; }
+</style>
+</head>
+<body>
+<div>x<div>y</div>z</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002a.xht
new file mode 100644
index 0000000000..960048b844
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002a.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for 'width' shrink-wrapping on inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout" />
+<link rel="match" href="inline-table-width-002-ref.xht"/>
+<style type="text/css">
+body &gt; div { width: 10em; }
+body &gt; div &gt; div { display: inline-table; background: green; color: white; }
+body &gt; div &gt; div &gt; div { width: 20em; }
+</style>
+</head>
+<body>
+<div>x<div><div>y</div></div>z</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002b.xht
new file mode 100644
index 0000000000..1fd6f723de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002b.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for 'width' shrink-wrapping on inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout" />
+<link rel="match" href="inline-table-width-002-ref.xht"/>
+<style type="text/css">
+body &gt; div { width: 10em; }
+body &gt; div &gt; div { display: inline-table; background: green; color: white; width: 20em; }
+body &gt; div &gt; div &gt; div { width: 20em; }
+</style>
+</head>
+<body>
+<div>x<div><div>y</div></div>z</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-001-ref.xht
new file mode 100644
index 0000000000..b2b5626ea0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-001-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+div { display:table; width: 2em; height: 2em; background: green; }
+</style>
+</head>
+<body>
+<div>&#160;</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-001.xht
new file mode 100644
index 0000000000..a6351b9202
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-001.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for z-ordering of inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<link rel="match" href="inline-table-zorder-001-ref.xht"/>
+<style type="text/css">
+div { width: 2em; height: 2em; }
+span { display:inline-table; vertical-align: top; width: 2em; height: 2em; background: green; }
+div#after { margin-top:-2em; background: red; }
+</style>
+</head>
+<body>
+<div><span>&#160;</span></div>
+<div id="after">&#160;</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-002.xht
new file mode 100644
index 0000000000..0377df70b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-002.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for z-ordering of inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<link rel="match" href="inline-table-zorder-001-ref.xht"/>
+<style type="text/css">
+div { width: 2em; height: 2em; }
+span { display:inline-table; vertical-align: top; width: 2em; height: 2em; }
+span span { display: block; background: green; }
+div#after { margin-top: -2em; background: red; }
+</style>
+</head>
+<body>
+<div><span><span>&#160;</span></span></div>
+<div id="after">&#160;</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-003-ref.xht
new file mode 100644
index 0000000000..80788df915
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-003-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+span { vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+</style>
+</head>
+<body>
+<div><span>&#160;x&#160;</span></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-003.xht
new file mode 100644
index 0000000000..ebdfe70277
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-003.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for z-ordering of inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<link rel="match" href="inline-table-zorder-003-ref.xht"/>
+<style type="text/css">
+div { height: 1em; }
+div#test &gt; span { display:inline-table; vertical-align: top; height: 1em; background: red; color: red; }
+div#after { margin-top:-1em; }
+div#after &gt; span { display: inline; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+</style>
+</head>
+<body>
+<div id="test"><span>&#160;x&#160;</span></div>
+<div id="after"><span>&#160;x&#160;</span></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-004-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-004-ref.xht
new file mode 100644
index 0000000000..0e8360e355
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-004-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Reference for inline-table test</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+span { display: inline-table; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+</style>
+</head>
+<body>
+<div><span>&#160;x&#160;</span></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-004.xht
new file mode 100644
index 0000000000..6cbd9aa998
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-004.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for z-ordering of inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<link rel="match" href="inline-table-zorder-004-ref.xht"/>
+<style type="text/css">
+div#test &gt; span { display:inline-table; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+div#before { height: 1em; margin-bottom:-1em; }
+div#before &gt; span { display: inline; vertical-align: top; background: red; color: red; }
+</style>
+</head>
+<body>
+<div id="before"><span>&#160;x&#160;</span></div>
+<div id="test"><span>&#160;x&#160;</span></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-005.xht
new file mode 100644
index 0000000000..278a94ba57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-005.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for z-ordering of inline-table</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" />
+<link rel="match" href="inline-table-zorder-004-ref.xht"/>
+<style type="text/css">
+div#test &gt; span { display:inline-table; vertical-align: top; }
+div#test &gt; span &gt; span { display: block; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; }
+div#before { height: 1em; margin-bottom:-1em; }
+div#before &gt; span { display: inline; vertical-align: top; background: red; color: red; }
+</style>
+</head>
+<body>
+<div id="before"><span>&#160;x&#160;</span></div>
+<div id="test"><span><span>&#160;x&#160;</span></span></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-001.xht
new file mode 100644
index 0000000000..c46af08607
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-001.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS Inline Box Model: Layering Model</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+ <style type="text/css">
+ img { border-bottom: 1em solid green; vertical-align: text-bottom; }
+ span { background: red; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a cat sitting on a green bar below and no red.</p>
+ <p><span><img src="support/cat.png" alt="image"/></span></p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-002-ref.xht
new file mode 100644
index 0000000000..3f0a62eeb5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-002-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ span {border: green solid 0.5em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p><span>This should have a green border.</span></p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-002.xht
new file mode 100644
index 0000000000..78bb5c3794
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-002.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS Inline Box Model: Layering Model</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
+ <link rel="match" href="inlines-002-ref.xht" />
+
+ <style type="text/css">
+ span { background: red; padding: 0.5em 0; }
+ strong { font: inherit; border: 0.5em solid green; background: white; }
+ </style>
+ </head>
+ <body>
+ <p><span><strong>This should have a green border.</strong></span></p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-003.xht
new file mode 100644
index 0000000000..53d0bdefe7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Inline Box Model: Wrapping Borders</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/003.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ div { font: 2em/2 sans-serif; }
+ span { border: thick solid blue; padding: 0 1em; }
+ </style>
+ </head>
+ <body>
+ <p>Slowly resize the window, causing the text below to wrap into multiple
+ lines at different points in the text. At all points in time, each word
+ should be enclosed in an hollow blue rectangle and there should be no stray
+ pieces of blue rectangle anywhere else on the page.</p>
+ <div> <span>Resize</span> <span>the</span> <span>window</span> <span>so</span> <span>that</span> <span>this</span> <span>wraps</span> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-004.xht
new file mode 100644
index 0000000000..f381977b88
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-004.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Inline Box Model: Wrapping Spaces Outside Inline Elements</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/004.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ span { color: blue; }
+ </style>
+ </head>
+ <body>
+
+ <p>Resize your window slowly from a wide size to a narrow size. The
+ Xs below should always be perfectly aligned in a grid.</p>
+
+ <p>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ </p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-005.xht
new file mode 100644
index 0000000000..f249666d16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-005.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Inline Box Model: Wrapping Spaces Outside Inline Elements</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/005.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css"><![CDATA[
+ p > span { padding: 5px 0; line-height: 2; letter-spacing: 3px; }
+ span span { border: solid blue; color: gray; }
+ ]]></style>
+ </head>
+ <body>
+
+ <p>Resize your window slowly from a wide size to a narrow size. Each "X"
+ should be wrapped by a blue border. The boxed Xs below should always be
+ perfectly aligned in a grid.</p>
+
+ <p> <span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ <span>X</span> <span>X</span> <span>X</span> <span>X</span>
+ </span> </p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-006.xht
new file mode 100644
index 0000000000..d59be358f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-006.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Inline Box Model: Wrapping Spaces Outside Inline Elements</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/006.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css"><![CDATA[
+ p > span { padding: 5px 0; line-height: 3; letter-spacing: 3px; }
+ span span { border: solid blue; color: gray; }
+ ]]></style>
+ </head>
+ <body>
+
+ <p>Resize your window slowly from a wide size to a narrow size. Each
+ "XXXXXXXXXXXXXXX" should be wrapped by a blue border. The
+ XXXXXXXXXXXXXXX-filled boxes below should always be perfectly
+ aligned in a grid.</p>
+
+ <p> <span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span>
+ </span> </p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-007.xht
new file mode 100644
index 0000000000..de1dc6200c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-007.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Inline Box Model: Behaviour near cells</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/007.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
+ <style type="text/css">
+ div, table, tr, td { margin: 0; border: 0; padding: 0; border-spacing: 0; line-height: 1; }
+ span { font-size: 0.2em; }
+ table { background: green; color: white; width: 5em; }
+ .test { height: 1em; background: red; width: 5em; }
+ .wrapper { font-size: 5em; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div class="wrapper">
+ <div class="test"><table><tr><td><span>This rectangle should be green.</span></td></tr></table></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-009.xht
new file mode 100644
index 0000000000..85728f7958
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-009.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Inline Box Model: Behaviour near cells (specified line height)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/009.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/009.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+ <meta name="flags" content="ahem image"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div, table, tr, td { margin: 0; border: 0; padding: 0; border-spacing: 0; line-height: 1.3; }
+ .test > * { border: solid blue; font: 20px/1.3 Ahem; float: left; color: gray;
+ margin: 0.2em; height: auto; width: 3em; text-align: center; }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if the 4 blue rectangles have the <strong>same size</strong>.</p>
+ <div class="test">
+ <div>ÉÉÉ</div>
+ <table><tr><td>ÉÉÉ</td></tr></table>
+ <table><tr><td><img class="img" src="support/1x1-gray.png" width="60" height="16"
+ alt="(image test failed)"/></td></tr></table>
+ <table><tr><td><img src="404" alt="ÉÉÉ" width="60" height="16"/></td></tr></table>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-010.xht
new file mode 100644
index 0000000000..365ad6226d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-010.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Inline Box Model: Behaviour near cells (normal line height)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/010.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/010.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+ <meta name="flags" content="ahem image"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table, tr, td, img { margin: 0; border: 0; padding: 0; border-spacing: 0; }
+ .test > * { border: solid thick blue; font: 20px Ahem; float: left; color: gray;
+ margin: 0.2em; height: auto; width: 3em; text-align: center; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 4 blue rectangles have the <strong>same size</strong>.</p>
+ <div class="test">
+ <div>ÉÉÉ</div>
+ <table><tr><td>ÉÉÉ</td></tr></table>
+ <table><tr><td><img class="img" src="support/1x1-gray.png" width="60" height="16"
+ alt="(image test failed)"/></td></tr></table>
+ <table><tr><td><img src="404" alt="ÉÉÉ" width="60" height="16"/></td></tr></table>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-011.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-011.xht
new file mode 100644
index 0000000000..d2c282c40e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-011.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS Inline Box Model: Baseline alignment of images</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/011.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+ <meta name="flags" content="image"/>
+ <style type="text/css">
+ .test { background: green; width: 98px; font-size: 20px; line-height: 1; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a cat sitting on a green bar below.</p>
+ <p class="test"><img src="support/cat.png" alt="FAIL"/></p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-012.xht
new file mode 100644
index 0000000000..02e4415951
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-012.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS Inline Box Model: Baseline alignment of images</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/012.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+ <meta name="flags" content="image"/>
+ <style type="text/css">
+ .test { background: red; width: 98px; font-size: 20px; line-height: 1; }
+ span { background: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a cat sitting on a green bar below and no red.</p>
+ <p class="test"><span><img src="support/cat.png" alt="FAIL"/></span></p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-013-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-013-ref.xht
new file mode 100644
index 0000000000..64b23a4de0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-013-ref.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {font: 1em/1.25 serif;}
+
+ div {font: 64px/1 monospace;}
+
+ div#wrapper
+ {
+ position: relative;
+ top: 28px;
+ }
+
+ div#test
+ {
+ position: relative;
+ bottom: 64px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>You should see the word PASS below, with the<br />
+ word fail crossed out with Xs on the line below.</p>
+
+ <div id="wrapper">
+ <div id="control1">PASS</div>
+
+ <div id="control2">FAIL</div>
+
+ <div id="test">XXXX</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-013.xht
new file mode 100644
index 0000000000..20ef0bfe27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-013.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline box model: space taken by images before floats</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-26 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/013.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position"/>
+ <link rel="match" href="inlines-013-ref.xht" />
+
+ <meta name="flags" content="image"/>
+
+ <style type="text/css">
+ p {font: 1em/1.25 serif;}
+ div { font: 64px/1 monospace; }
+ #control1 { position: absolute; top: 100px; }
+ #control2 { position: absolute; top: 164px; }
+ #container { position: absolute; top: 100px; width: 0; } /* width: 0; so that the float can't arguably be on the first line */
+ #test { float: left; }
+ </style>
+ </head>
+ <body>
+ <p>You should see the word PASS below, with the<br />
+ word fail crossed out with Xs on the line below.</p>
+ <div id="control1">PASS</div>
+ <div id="control2">FAIL</div>
+ <div id="container">
+ <img src="support/1x1-white.png" alt="(image test failed)"/> <!-- this should generate a line box 64px high -->
+ <div id="test">XXXX</div> <!-- this will overlap the PASS if it ends up on the previous line, otherwise it will overlap the fail -->
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-014.xht
new file mode 100644
index 0000000000..181fe31e61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-014.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline box model: space taken by images in cells</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-26 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/014.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
+
+ <meta name="flags" content="image"/>
+ <style type="text/css">
+ div { background: red; height: 64px; width: 128px; }
+ table { background: green; width: 100%; padding: 0; border: 0; border-spacing: 0; margin: 0; }
+ td { padding: 0; border: 0; font-size: 64px; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <table>
+ <tr>
+ <td>
+ <img src="support/1x1-white.png" alt="(image test failed)"/> <!-- this should generate a line box with the height of the cell's line-height -->
+ </td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-015.xht
new file mode 100644
index 0000000000..880b43eaa7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-015.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline box model: space taken by images in cells</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-26 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/015.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
+ <meta name="flags" content="image"/>
+ <style type="text/css">
+ div { background: red; height: 64px; width: 128px; }
+ table { background: green; width: 100%; padding: 0; border: 0; border-spacing: 0; margin: 0; }
+ td { padding: 0; border: 0; font-size: 64px; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <table>
+ <tr> <!-- same as 014 but without spaces around the image -->
+ <td><img src="support/1x1-white.png" alt="(image test failed)"/></td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-016-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-016-ref.xht
new file mode 100644
index 0000000000..791eeb717b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-016-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin: 40px;}
+
+ img {vertical-align: top;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The following two blocks should be identical.</p>
+
+ <div><img src="support/swatch-teal.png" width="40" height="40" alt="Image download support must be enabled" /><img src="support/swatch-aqua.png" width="80" height="40" alt="Image download support must be enabled" /><img src="support/swatch-teal.png" width="40" height="40" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-teal.png" width="40" height="40" alt="Image download support must be enabled" /><img src="support/swatch-aqua.png" width="80" height="40" alt="Image download support must be enabled" /><img src="support/swatch-teal.png" width="40" height="40" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-016.xht
new file mode 100644
index 0000000000..28c825a92f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-016.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Inline box model: space collapsing, padding, white-space, et al</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-27 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/016.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
+ <link rel="match" href="inlines-016-ref.xht" />
+
+ <meta name="flags" content="ahem"/>
+ <meta name="assert" content="If a space (U+0020) at the beginning of a line
+ has 'white-space' set to 'normal', then it is removed, even if there's padding."/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div { width: 4em; background: teal; color: aqua; margin: 1em; font: 2.5em/1 Ahem; }
+ .test span { padding-left: 1em; }
+ .control { white-space: pre; }
+ </style>
+ </head>
+ <body>
+ <p>The following two blocks should be identical.</p>
+ <div class="test"><span> XX</span></div>
+ <div class="control"><span> XX</span></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-017-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-017-ref.xht
new file mode 100644
index 0000000000..e6034affc4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-017-ref.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-spacing: 0px;
+ padding-top: 10px;
+ }
+
+ td {padding: 0px 20px 20px 0px;}
+
+ img
+ {
+ height: 20px;
+ vertical-align: top;
+ width: 20px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a perfect five by five grid of dots.</p>
+
+ <table>
+
+ <tr><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td></tr>
+
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-017.xht
new file mode 100644
index 0000000000..e457c589b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-017.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: First line alignment</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-26 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/017.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
+ <link rel="match" href="inlines-017-ref.xht" />
+
+ <meta name="flags" content="ahem"/>
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div {font: 1.25em/1 Ahem; width: 10em;}
+ span { color: teal; border-left: 1em teal solid; padding-left: 1em; line-height: 2; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a perfect five by five grid of dots.</p>
+ <div>
+ <span> x x x x x x x x x x x x x x x x x x x x x x x x </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-020-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-020-ref.xht
new file mode 100644
index 0000000000..99a52579f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-020-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ color: green;
+ font: 20px/1 serif;
+ margin: 0;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ <div>Test passes if this sentence is green and has a small green square above it.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-020.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-020.xht
new file mode 100644
index 0000000000..9799adfb75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-020.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Inline Box Model: Empty inlines near the top of the document</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-26 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/020.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
+ <link rel="match" href="inlines-020-ref.xht" />
+
+ <style type="text/css">
+ p, body, html { margin: 0; padding: 0; font: 20px/1 serif; }
+ div { display: inline; border-left: green solid 20px; }
+ .fail { background: red; color: yellow; width: 4em; }
+ .pass { background: white; color: green; position: absolute; top: 1em; }
+ </style>
+ </head>
+ <body>
+ <div></div>
+ <p class="fail">FAIL</p>
+ <p class="pass">Test passes if this sentence is green and has a small green square above it.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/intrinsic-size-with-negative-margins.html b/testing/web-platform/tests/css/CSS2/normal-flow/intrinsic-size-with-negative-margins.html
new file mode 100644
index 0000000000..93dfc3dfd7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/intrinsic-size-with-negative-margins.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<title>Intrinsic size of an atomic inline with negative margins.</title>
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#propdef-width">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<p>Test passes if there is a filled green square.</p>
+<div style="display: inline-block; border: solid green 25px; line-height: 0;">
+ <div style="display: inline-block; width: 50px; height: 50px; margin-right: -100%; background: green;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-percentage-height-block.html b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-percentage-height-block.html
new file mode 100644
index 0000000000..0248ccb910
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-percentage-height-block.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins">
+<link rel="help" href="http://crbug.com/962175">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<meta name="assert" content="A percentage height is unresolvable (i.e. gets treated as auto) if the containing block is auto.">
+<p>Test passes if there is a filled green square.</p>
+<div style="height:200px;">
+ <div style="overflow:hidden; width:100px; background:green;">
+ <div style="margin-bottom:100px;"></div>
+ <div style="height:30%;"></div>
+ <div style="margin-top:100px;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-percentage-padding.html b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-percentage-padding.html
new file mode 100644
index 0000000000..dfd5015d05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-percentage-padding.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins">
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=967193">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<meta name="assert" content="A vertical percentage padding that resolves to 0 shouldn't prevent margins from collapsing through the box">
+<p>Test passes if there is a filled green square.</p>
+<div style="float:left; width:100px; background:green;">
+ <div id="container" style="width:100px;">
+ <div style="width:100px; margin-bottom:100px;"></div>
+ <div style="padding:100% 0;"></div>
+ <div style="width:100px; margin-top:100px;"></div>
+ </div>
+</div>
+<script>
+ document.body.offsetTop;
+ container.style.width = "0";
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-zero-height-block.html b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-zero-height-block.html
new file mode 100644
index 0000000000..471a4c7f5a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-zero-height-block.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>Collapse bottom margin from previous sibling through zero height block to next sibling</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins">
+<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="overflow:hidden; width:200px; height:400px; background:green;">
+ <div style="margin-bottom:200px;"></div>
+ <div style="height:0;"></div>
+ <div style="height:200px; margin-top:100px; background:white;"></div>
+ <div style="height:200px; background:red;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-dynamic.html b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-dynamic.html
new file mode 100644
index 0000000000..f1b8ee5ddb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-dynamic.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width: 100px; height: 100px; background: green;"></div>
+<div style="width: 0; height: 0; outline: solid red 50px; position: relative; z-index: 1; overflow: clip; margin-left: 50px;">
+ <div id="target"></div>
+</div>
+<script>
+document.body.offsetTop;
+document.getElementById('target').style.marginTop = '-1000px';
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-in-table-caption-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-in-table-caption-001.html
new file mode 100644
index 0000000000..9e93623739
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-in-table-caption-001.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<link rel="author" title="David Grogan" href="dgrogan@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/tables.html#model">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<meta name="assert" content="margins between sibling blocks are collapsed inside caption" />
+<title>
+Caption block containers are rendered same as normal block boxes
+</title>
+
+<style>
+div {
+ margin: 10px;
+ height: 35px;
+}
+</style>
+
+<p>Test passes if there is a filled green square.</p>
+
+<table>
+ <caption style="width:100px; background:green">
+ <div></div>
+ <div></div>
+ </caption>
+</table>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-in-table-caption-002.html b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-in-table-caption-002.html
new file mode 100644
index 0000000000..a7fefa47f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-in-table-caption-002.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<link rel="author" title="David Grogan" href="dgrogan@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/tables.html#model">
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<meta name="assert" content="margins between parent and child block collapse inside caption" />
+<title>
+Caption block containers are rendered same as normal block boxes
+</title>
+
+<style>
+div {
+ margin-top: 100px;
+}
+</style>
+
+<p>Test passes if there is a filled green square.</p>
+
+<table>
+ <caption style="width:100px; background:green">
+ <div>
+ <div></div>
+ </div>
+ </caption>
+</table>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-001.xht
new file mode 100644
index 0000000000..0f84a90b58
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using pixels with a minimum minus one value, -1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ max-height: -1px;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-002.xht
new file mode 100644
index 0000000000..bccc30f7ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using pixels with a minimum value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a minimum length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: 0px;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-003.xht
new file mode 100644
index 0000000000..8b63b2890d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-003.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using pixels with a minimum plus one value, 1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-003-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ max-height: 1px;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin horizontal line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-004.xht
new file mode 100644
index 0000000000..0cc7746147
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-004.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a negative zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: -0px;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-005.xht
new file mode 100644
index 0000000000..76b837b0ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-005.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a positive zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: +0px;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-006.xht
new file mode 100644
index 0000000000..5874a23dd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-006.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a nominal length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: 96px;
+ height: 192px;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 96px solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-007.xht
new file mode 100644
index 0000000000..80ec6f6628
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-007.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using pixels with a positive nominal value, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a positive nominal length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: +96px;
+ height: 192px;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 96px solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-012.xht
new file mode 100644
index 0000000000..dde742d737
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-012.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using points with a minimum minus one value, -1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ max-height: -1pt;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-013.xht
new file mode 100644
index 0000000000..13381a1efe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-013.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using points with a minimum value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a minimum length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: 0pt;
+ height: 100pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-014.xht
new file mode 100644
index 0000000000..ba5a38c9b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-014.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using points with a minimum plus one value, 1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+
+ <!--
+ The reftest uses a 1px line. Now, 1pt is 1.33333px.
+ It is not entirely assured that all user agents will
+ resolve this as 1px. So, I decided to not insert
+ the reftest height-003-ref.xht
+ link rel="match" href="height-003-ref.xht"
+ -->
+
+ <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ max-height: 1pt;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin line.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-015.xht
new file mode 100644
index 0000000000..6adf8eca1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-015.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a negative zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: -0pt;
+ height: 100pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-016.xht
new file mode 100644
index 0000000000..79efaea0b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-016.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a positive zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: +0pt;
+ height: 100pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-017.xht
new file mode 100644
index 0000000000..aadbcf30d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-017.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a nominal length value in points." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: 72pt;
+ height: 144pt;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 72pt solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-018.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-018.xht
new file mode 100644
index 0000000000..8196689c43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-018.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using points with a positive nominal value, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a positive nominal length value in points." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: +72pt;
+ height: 144pt;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 72pt solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-023.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-023.xht
new file mode 100644
index 0000000000..97b0e5af38
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-023.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using picas with a minimum minus one value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ max-height: -1pc;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-024.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-024.xht
new file mode 100644
index 0000000000..5e425f7495
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-024.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using picas with a minimum value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a minimum length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: 0pc;
+ height: 10pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-025-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-025-ref.xht
new file mode 100644
index 0000000000..9cb13ae752
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-025-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 1pc;
+ vertical-align: top;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide black bar and <strong>no red</strong>.</p>
+
+ <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-025.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-025.xht
new file mode 100644
index 0000000000..118a8316d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-025.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using picas with a minimum plus one value, 1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="max-height-025-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in picas." />
+ <style type="text/css">
+ div#red-overlapped
+ {
+ background-color: red;
+ height: 12pc;
+ max-height: 1pc;
+ }
+
+ div#black-overlapping
+ {
+ background-color: black;
+ bottom: 1pc;
+ height: 1pc;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black bar and <strong>no red</strong>.</p>
+
+ <div id="red-overlapped"></div>
+
+ <div id="black-overlapping"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-026.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-026.xht
new file mode 100644
index 0000000000..e19f6cc64d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-026.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a negative zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: -0pc;
+ height: 10pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-027.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-027.xht
new file mode 100644
index 0000000000..ee9fb95c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-027.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a positive zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: +0pc;
+ height: 10pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-028.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-028.xht
new file mode 100644
index 0000000000..1c33b309d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-028.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a nominal length value in picas." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: 6pc;
+ height: 12pc;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 6pc solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-029.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-029.xht
new file mode 100644
index 0000000000..cc8fd9d229
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-029.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using picas with a positive nominal value, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a positive nominal length value in picas." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: +6pc;
+ height: 12pc;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 6pc solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-034.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-034.xht
new file mode 100644
index 0000000000..22278b5a2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-034.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using centimeters with a minimum minus one value, -1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ max-height: -1cm;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-035.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-035.xht
new file mode 100644
index 0000000000..ce2293f172
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-035.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using centimeters with a minimum value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a minimum length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: 0cm;
+ height: 4cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-036-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-036-ref.xht
new file mode 100644
index 0000000000..845838c22c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-036-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 1cm;
+ vertical-align: top;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a thick black stripe and <strong>no red</strong>.</p>
+
+ <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-036.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-036.xht
new file mode 100644
index 0000000000..48b1dcc1e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-036.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using centimeters with a minimum plus one value, 1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="max-height-036-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in centimeters." />
+ <style type="text/css">
+ div#red-overlapped
+ {
+ background-color: red;
+ height: 4cm;
+ max-height: 1cm;
+ }
+
+ div#black-overlapping
+ {
+ background-color: black;
+ bottom: 1cm;
+ height: 1cm;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thick black stripe and <strong>no red</strong>.</p>
+
+ <div id="red-overlapped"></div>
+
+ <div id="black-overlapping"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-037.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-037.xht
new file mode 100644
index 0000000000..a88f866e79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-037.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a negative zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: -0cm;
+ height: 4cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-038.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-038.xht
new file mode 100644
index 0000000000..276b825615
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-038.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a positive zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: +0cm;
+ height: 4cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-039.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-039.xht
new file mode 100644
index 0000000000..bffae8b742
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-039.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a nominal length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: 2.54cm;
+ height: 5.08cm;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 2.54cm solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-040.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-040.xht
new file mode 100644
index 0000000000..bac9d2aa91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-040.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using centimeters with a positive nominal value, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a positive nominal length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: +2.54cm;
+ height: 5.08cm;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 2.54cm solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-045.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-045.xht
new file mode 100644
index 0000000000..1b87f66dbf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-045.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using millimeters with a minimum minus one value, -1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ max-height: -1mm;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-046.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-046.xht
new file mode 100644
index 0000000000..ec21de4f30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-046.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using millimeters with a minimum value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a minimum length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: 0mm;
+ height: 50mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-047-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-047-ref.xht
new file mode 100644
index 0000000000..0bb87aa315
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-047-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 1mm;
+ vertical-align: top;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a black horizontal line and <strong>no red</strong>.</p>
+
+ <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-047.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-047.xht
new file mode 100644
index 0000000000..e7d5c2757e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-047.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using millimeters with a minimum plus one value, 1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="max-height-047-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in millimeters." />
+ <style type="text/css">
+ div#red-overlapped
+ {
+ background-color: red;
+ height: 25mm;
+ max-height: 1mm;
+ }
+
+ div#black-overlapping
+ {
+ background-color: black;
+ bottom: 1mm;
+ height: 1mm;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black horizontal line and <strong>no red</strong>.</p>
+
+ <div id="red-overlapped"></div>
+
+ <div id="black-overlapping"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-048.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-048.xht
new file mode 100644
index 0000000000..1baddbb1e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-048.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a negative zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: -0mm;
+ height: 50mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-049.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-049.xht
new file mode 100644
index 0000000000..4a0df1e111
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-049.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a positive zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: +0mm;
+ height: 50mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-050.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-050.xht
new file mode 100644
index 0000000000..fac7d4118e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-050.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a nominal length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: 25.4mm;
+ height: 50.8mm;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 25.4mm solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-051.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-051.xht
new file mode 100644
index 0000000000..3466b4c3f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-051.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using millimeters with a positive nominal value, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a positive nominal length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: +25.4mm;
+ height: 50.8mm;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 25.4mm solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-056.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-056.xht
new file mode 100644
index 0000000000..40a360e159
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-056.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using inches with a minimum minus one value, -1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ max-height: -1in;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-057.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-057.xht
new file mode 100644
index 0000000000..a39adf2c6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-057.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using inches with a minimum value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a minimum length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: 0in;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-058-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-058-ref.xht
new file mode 100644
index 0000000000..63aa176578
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-058-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 96px;
+ vertical-align: top;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled black rectangle and <strong>no red</strong>.</p>
+
+ <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-058.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-058.xht
new file mode 100644
index 0000000000..2b2db4efc2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-058.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using inches with a minimum plus one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="max-height-058-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in inches." />
+ <style type="text/css">
+div#red-overlapped { background-color: red; height: 2in; max-height: 1in; } div#black-overlapping { background-color: black; height: 1in; position: relative; bottom: 1in; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black rectangle and <strong>no red</strong>.</p>
+
+ <div id="red-overlapped"></div>
+
+ <div id="black-overlapping"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-059.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-059.xht
new file mode 100644
index 0000000000..f12e3738ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-059.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a negative zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: -0in;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-060.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-060.xht
new file mode 100644
index 0000000000..cf4ba3a9d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-060.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a positive zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: +0in;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-061.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-061.xht
new file mode 100644
index 0000000000..1fe10e5053
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-061.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using inches with a nominal value, 3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-061-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a nominal length value in inches." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: 3in;
+ height: 4in;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 3in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-062.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-062.xht
new file mode 100644
index 0000000000..56cac061df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-062.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using inches with a positive nominal value, +3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-061-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a positive nominal length value in inches." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: +3in;
+ height: 4in;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 3in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-067.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-067.xht
new file mode 100644
index 0000000000..6cb3055fc2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-067.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using 'em' units with a minimum minus one value, -1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ font: 20px/1 Ahem;
+ max-height: -1em;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-068.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-068.xht
new file mode 100644
index 0000000000..461ceca75e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-068.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using 'em' units with a minimum value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-height' property sets a minimum length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ max-height: 0em;
+ height: 100em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-069-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-069-ref.xht
new file mode 100644
index 0000000000..102b5f913d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-069-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 20px;
+ vertical-align: top;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide black bar and <strong>no red</strong>.</p>
+
+ <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-069.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-069.xht
new file mode 100644
index 0000000000..3679994de4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-069.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using 'em' units with a minimum plus one value, 1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="max-height-069-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div {font: 20px/1 Ahem;}
+
+ div#red-overlapped
+ {
+ background-color: red;
+ height: 6em;
+ max-height: 1em;
+ }
+
+ div#black-overlapping
+ {
+ background-color: black;
+ bottom: 1em;
+ height: 1em;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black bar and <strong>no red</strong>.</p>
+ <div id="red-overlapped"></div>
+ <div id="black-overlapping"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-070.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-070.xht
new file mode 100644
index 0000000000..c80e5537fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-070.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-height' property sets a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ max-height: -0em;
+ height: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-071.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-071.xht
new file mode 100644
index 0000000000..1e1f3286f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-071.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-height' property sets a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ max-height: +0em;
+ height: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-072.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-072.xht
new file mode 100644
index 0000000000..afbd71d3d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-072.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using 'em' units with a nominal value, 5em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-height' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: 5em;
+ height: 10em;
+ width: 100px;
+ }
+ #div3
+ {
+ border-top: 5em solid black;
+ left: 104px;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-073.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-073.xht
new file mode 100644
index 0000000000..e376a7c042
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-073.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using 'em' units with a positive nominal value, +5em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-height' property sets a positive nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: +5em;
+ height: 10em;
+ width: 100px;
+ }
+ #div3
+ {
+ border-top: 5em solid black;
+ left: 104px;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-078.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-078.xht
new file mode 100644
index 0000000000..5e4d901710
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-078.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using 'ex' units with a minimum minus one value, -1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ font: 20px/1 Ahem;
+ max-height: -1ex;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-079.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-079.xht
new file mode 100644
index 0000000000..341818aecd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-079.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using 'ex' units with a minimum value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-height' property sets a minimum length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ max-height: 0ex;
+ height: 6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-080.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-080.xht
new file mode 100644
index 0000000000..8d1b087a02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-080.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using 'ex' units with a minimum plus one value, 1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="max-height-025-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div {font: 20px/1 Ahem;}
+
+ div#red-overlapped
+ {
+ background-color: red;
+ height: 4ex;
+ max-height: 1ex;
+ }
+
+ div#black-overlapping
+ {
+ background-color: black;
+ bottom: 1ex;
+ height: 1ex;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black bar and <strong>no red</strong>.</p>
+
+ <div id="red-overlapped"></div>
+
+ <div id="black-overlapping"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-081.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-081.xht
new file mode 100644
index 0000000000..07e4112ce0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-081.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-height' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ max-height: -0ex;
+ height: 6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-082.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-082.xht
new file mode 100644
index 0000000000..832e3b2dc6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-082.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-height' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ max-height: +0ex;
+ height: 6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-083.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-083.xht
new file mode 100644
index 0000000000..dbd0b77a4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-083.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using 'ex' units with a nominal value, 6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-height' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: 6ex;
+ height: 12ex;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 96px solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-084.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-084.xht
new file mode 100644
index 0000000000..4689363816
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-084.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using 'ex' units with a positive nominal value, +6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-height' property sets a positive nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: +6ex;
+ height: 12ex;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 96px solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-089.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-089.xht
new file mode 100644
index 0000000000..374b4be5d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-089.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using percentages with a minimum minus one value, -1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ max-height: -1%;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-090.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-090.xht
new file mode 100644
index 0000000000..1c95b08ccf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-090.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using percentages with a minimum value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a minimum length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ }
+ div div
+ {
+ background: red;
+ max-height: 0%;
+ height: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-091.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-091.xht
new file mode 100644
index 0000000000..436a6629eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-091.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using percentages with a minimum plus one value, 1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-003-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 100px;
+ }
+ div div
+ {
+ background: black;
+ max-height: 1%;
+ height: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin horizontal line.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-092.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-092.xht
new file mode 100644
index 0000000000..ec4adfa162
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-092.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using percentages with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a negative zero length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ }
+ div div
+ {
+ background: red;
+ max-height: -0%;
+ height: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-093.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-093.xht
new file mode 100644
index 0000000000..ad7861c5e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-093.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using percentages with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a positive zero length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ }
+ div div
+ {
+ background: red;
+ max-height: +0%;
+ height: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-094.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-094.xht
new file mode 100644
index 0000000000..e66e17273a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-094.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using percentages with a nominal value, 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a nominal length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: 100%;
+ height: 200%;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-095.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-095.xht
new file mode 100644
index 0000000000..e34c167523
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-095.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height using percentages with a positive nominal value, +100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a positive nominal length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ max-height: +100%;
+ height: 200%;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-100.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-100.xht
new file mode 100644
index 0000000000..7a4d489a9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-100.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height with a negative zero value and no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a negative zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: -0;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-101.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-101.xht
new file mode 100644
index 0000000000..ca382d2eec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-101.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height with a zero value and no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-102.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-102.xht
new file mode 100644
index 0000000000..bea70e3055
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-102.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height with a positive zero value and no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-height' property sets a positive zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ max-height: +0;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-103.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-103.xht
new file mode 100644
index 0000000000..400dc10292
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-103.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height set to a value of 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'max-height' property with a value of 'none' means that there is no constraining maximum height being applied to the element." />
+ <style type="text/css">
+ div
+ {
+ background-color: black;
+ height: 96px;
+ max-height: 0px;
+ max-height: none;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-104.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-104.xht
new file mode 100644
index 0000000000..ad08a7427a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-104.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height set to inherit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-003-ref.xht" />
+
+ <meta name="assert" content="The 'max-height' property properly inherits the max-height value of the parent." />
+ <style type="text/css">
+ #div1
+ {
+ max-height: 1px;
+ }
+ div div
+ {
+ background: black;
+ height: 2in;
+ max-height: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin horizontal line.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-105.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-105.xht
new file mode 100644
index 0000000000..b6c4b092d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-105.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: max-height - oveflow</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta content="The 'max-height' property can restrain the used value of height when the used value of height is greater than the declared max-height and not when it is less than the declared max-height and not when it does not exceed the declared max-height." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#red-parent
+ {
+ background-color: red;
+ max-height: 400px;
+ overflow: scroll;
+ width: 200px;
+ }
+
+ div#green-child
+ {
+ background-color: green;
+ height: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a green rectangle with inactive scrollbars and no red square.</p>
+
+ <div id="red-parent">
+ <div id="green-child"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-106.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-106.xht
new file mode 100644
index 0000000000..cee45a6763
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-106.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: max-height - float and overflow</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <meta content="ahem" name="flags" />
+ <meta content="" name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: blue;
+ float: left;
+ font: 200px/1 Ahem;
+ max-height: 200px;
+ overflow: scroll;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a blue rectangle with scrollbars.</p>
+
+ <div>X</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-107-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-107-ref.xht
new file mode 100644
index 0000000000..f2f9e0ec11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-107-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 200px;
+ margin-bottom: 208px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-107.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-107.xht
new file mode 100644
index 0000000000..c62d236d28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-107.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: max-height - space for scrollbar</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="max-height-107-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div#test-red-overlapped
+ {
+ color: red;
+ font: 200px/1 Ahem;
+ max-height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+
+ div#control-green-overlapping
+ {
+ background-color: green;
+ height: 200px;
+ position: relative;
+ top: -200px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a green square and <strong>no red</strong>.</p>
+
+ <div id="test-red-overlapped">X</div>
+
+ <div id="control-green-overlapping"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-108.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-108.xht
new file mode 100644
index 0000000000..523eb25d47
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-108.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: max-height - overflow</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta content="ahem" name="flags" />
+ <meta content="The max-height property can restrain the used value of height when the used value of height is greater than the declared max-height and not when it is less than the declared max-height and not when it does not exceed the declared max-height." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div#red-parent
+ {
+ background-color: red;
+ max-height: 400px;
+ overflow: scroll;
+ }
+
+ div#green-child
+ {
+ background-color: green;
+ color: green;
+ font: 200px/1 Ahem;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a wide green rectangle across the page; such green rectangle should have inactive scrollbars. There should be no wide red rectangle.</p>
+
+ <div id="red-parent">
+ <div id="green-child">X</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-109.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-109.xht
new file mode 100644
index 0000000000..5209dd1338
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-109.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: max-height - overflow</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta content="ahem" name="flags" />
+ <meta content="The 'max-height' property can restrain the used value of height when the used value of height is greater than the declared max-height." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div#red-parent
+ {
+ background-color: red;
+ max-height: 400px;
+ overflow: auto;
+ }
+
+ div#green-child
+ {
+ color: green;
+ font: 200px/1 Ahem;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a wide green rectangle across the page; such green rectangle should have an active horizontal scrollbar. There should be no wide red rectangle.</p>
+
+ <div id="red-parent">
+ <div id="green-child">XXXXXXXXXXXXXXX</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-110-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-110-ref.xht
new file mode 100644
index 0000000000..769a7abbdf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-110-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 200px;
+ margin-bottom: 208px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a wide green rectangle across the page and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-110.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-110.xht
new file mode 100644
index 0000000000..d2f3935321
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-110.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: max-height - space for scrollbar</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="max-height-110-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div#test-red-overlapped
+ {
+ background-color: red;
+ color: red;
+ font: 200px/1 Ahem;
+ max-height: 200px;
+ overflow: scroll;
+ }
+
+ div#control-green-overlapping
+ {
+ background-color: green;
+ height: 200px;
+ position: relative;
+ top: -200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a wide green rectangle across the page and <strong>no red</strong>.</p>
+
+ <div id="test-red-overlapped">X</div>
+
+ <div id="control-green-overlapping"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-111.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-111.xht
new file mode 100644
index 0000000000..42a0d8681e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-111.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: max-height - float and overflow</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta content="ahem" name="flags" />
+ <meta content="The content of the #test-red-overlapped generates an active horizontal scrollbar. The height of such horizontal scrollbar adds itself to the content making it exceed the max-height constraint of 200px. Therefore, such vertical space taken by the horizontal scrollbar must be substracted from the height of the content. An active vertical scrollbar then must be generated to provide access to the equivalent of the height of the horizontal scrollbar." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ font: 200px/1 Ahem;
+ overflow: auto;
+ width: 200px;
+ }
+
+ #test-red-overlapped
+ {
+ color: red;
+ float: left;
+ max-height: 200px;
+ }
+
+ #control-green-overlapping
+ {
+ clear: left;
+ color: green;
+ height: 200px;
+ position: relative;
+ top: -200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a green square and <strong>no red</strong>. Such green square should have active horizontal and vertical scrollbars.</p>
+
+ <div id="test-red-overlapped">XX</div>
+
+ <div id="control-green-overlapping">XX</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-001.xht
new file mode 100644
index 0000000000..8ed97fa6b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-001.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ background: black;
+ display: table-row-group;
+ height: 3in;
+ max-height: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <!-- If 'max-height' is supported on 'table-row-group' then a square will be visible. -->
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">&nbsp;</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-002.xht
new file mode 100644
index 0000000000..dcc5e9c0f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-002.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ background: black;
+ display: table-header-group;
+ height: 3in;
+ max-height: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <!-- If 'max-height' is supported on 'table-header-group' then a square will be visible. -->
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">&nbsp;</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-003.xht
new file mode 100644
index 0000000000..ff6b96ad87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-003.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ background: black;
+ display: table-footer-group;
+ height: 3in;
+ max-height: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <!-- If 'max-height' is supported on 'table-footer-group' then a square will be visible. -->
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">&nbsp;</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-004.xht
new file mode 100644
index 0000000000..f405793c23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-004.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #row
+ {
+ background: black;
+ display: table-row;
+ height: 3in;
+ max-height: 1in;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">&nbsp;</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-005.xht
new file mode 100644
index 0000000000..ac527ef657
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-005.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'max-height' property does not to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-color: black;
+ display: table-column-group;
+ max-height: 0in;
+ }
+ .col
+ {
+ display: table-column;
+ }
+
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+ <div class="col"></div>
+ <div class="col"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-006.xht
new file mode 100644
index 0000000000..c21bfcb3ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-006.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'max-height' property does not to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ .test
+ {
+ background-color: black;
+ display: table-column;
+ max-height: 0in;
+ }
+
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div class="test"></div>
+ <div class="test"></div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-007.xht
new file mode 100644
index 0000000000..6d1ec0710a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-007.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ height: 3in;
+ max-height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <!-- If 'max-height' is supported on 'table-cell' then a square will be visible. -->
+ <div id="table">
+ <div id="row">
+ <div id="cell">&nbsp;</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-008.xht
new file mode 100644
index 0000000000..77aa904905
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-008.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-height' property does not apply to elements with 'display' set to 'inline'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background-color: red;
+ color: green;
+ display: inline;
+ font: 100px/1 Ahem;
+ max-height: 0px;
+ }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div>A</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-009.xht
new file mode 100644
index 0000000000..6cf80484bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-009.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ background: black;
+ display: block;
+ height: 3in;
+ max-height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-010.xht
new file mode 100644
index 0000000000..ab489b70b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ display: list-item;
+ height: 3in;
+ margin-left: 2em;
+ max-height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-012.xht
new file mode 100644
index 0000000000..641574da85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-012.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ span#inline-block
+ {
+ background: black;
+ display: inline-block;
+ height: 3in;
+ max-height: 1in;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant">a</span>
+ <span class="block-descendant">b</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-013.xht
new file mode 100644
index 0000000000..bb11808110
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-013.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ background-color: black;
+ display: table;
+ height: 3in;
+ max-height: 1in;
+ table-layout: fixed;
+ width: 1in;
+ }
+
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-014.xht
new file mode 100644
index 0000000000..ced76440bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-014.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ background-color: black;
+ display: inline-table;
+ height: 3in;
+ max-height: 1in;
+ table-layout: fixed;
+ vertical-align: top;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-015.xht
new file mode 100644
index 0000000000..d7f8525312
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-015.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ background: black;
+ display: table-caption;
+ height: 3in;
+ max-height: 1in;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-016.xht
new file mode 100644
index 0000000000..b229816ceb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-016.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-Height applied to none</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="Max-Height can be declared onto 'display: none' elements but since 'display: none' declaration on an element does not generate a CSS box, then it won't have a rendering effect nor a visual formatting repercussion." />
+ <style type="text/css">
+ div
+ {
+ width: 100px;
+ height: 100px;
+ background: green;
+ }
+ span
+ {
+ display: none;
+ width: 100px;
+ max-height: 100px;
+ height: 1000px;
+ background-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-max-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-max-width-001.xht
new file mode 100644
index 0000000000..f609c4b0d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-max-width-001.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: max-height and max-width - float and overflow</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="Space taken up by the horizontal and vertical scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars. In this test, assuming that the width of vertical scrollbar is 19px and assuming that the height of horizontal scrollbar is 19px, then the dimensions of the painted green area should be 181px by 181px. The height of horizontal scrollbar and the width of vertical scrollbar are entirely user-settable in most graphical user agents." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: blue;
+ float: left;
+ font: 200px/1 Ahem;
+ max-height: 200px;
+ max-width: 200px;
+ overflow: scroll;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a blue square with scrollbars.</p>
+
+ <div>X</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-001-ref.xht
new file mode 100644
index 0000000000..6b4e2e0bf5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-001-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+
+ <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-001.xht
new file mode 100644
index 0000000000..5ac6f609e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-001.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height percentage is based on containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="max-height-percentage-001-ref.xht" />
+
+ <meta name="assert" content="A percentage for 'max-height' is calculated with respect to the 'height' of the generated boxes containing block." />
+ <style type="text/css">
+ #div1
+ {
+ height: 2in;
+ position: relative;
+ }
+ div div
+ {
+ width: 1in;
+ }
+ #div2
+ {
+ background: blue;
+ height: 4in;
+ max-height: 50%;
+ }
+ #div3
+ {
+ background: orange;
+ height: 1in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-002-ref.xht
new file mode 100644
index 0000000000..23584c227c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-002-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+
+ <div><img src="support/blue96x96.png" width="96" height="192" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="192" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-002.xht
new file mode 100644
index 0000000000..a495641d7f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-002.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Percentage 'max-height' with no 'height' on containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="max-height-percentage-002-ref.xht" />
+
+ <meta name="assert" content="When the 'height' of the containing block (#div1) of an element (#div2) is not specified (or if such height has the value 'auto') and the element is not absolutely positioned, then a percentage value of 'max-height' on such element is treated as '0' for 'min-height' and 'none' for 'max-height'." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ div div
+ {
+ width: 1in;
+ }
+ #div2
+ {
+ background: blue;
+ height: 2in;
+ max-height: 50%;
+ }
+ #div3
+ {
+ background: orange;
+ height: 2in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-003.xht
new file mode 100644
index 0000000000..b5c87820bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-003.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+ <title>CSS Test: max-height percentage - inline replaced element inside an auto-height container</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <!--
+ Original post:
+ Image % sizing interoperability
+ from Bogdan Brinza who deserves credit for reporting this
+ http://lists.w3.org/Archives/Public/www-style/2014Jun/0079.html
+ -->
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" title="10.7 Minimum and maximum heights: 'min-height' and 'max-height'" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2014Jun/0079.html" title="Image % sizing interoperability" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta content="image" name="flags" />
+ <meta content="This test checks that a max-height percentage is calculated with respect to the height of the generated box's containing block only if and only when such containing block's height is specified explicitly (i.e., it depends on content height; its specified height is not 'auto'). In this test, the div#child has an 'auto' height; therefore the max-height percentage is treated as 'none' and so the image should be rendered (entirely visible) inside that div#child. Note that div#parent's initial overflow value is 'visible'." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#parent {height: 0px;}
+
+ img {max-height: 100%;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="parent">
+ <div id="child"><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-separates-margin.html b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-separates-margin.html
new file mode 100644
index 0000000000..b14ed54e06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-separates-margin.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins">
+<p>Test passes if there is a filled green square.</p>
+<div style="width:100px; max-height:50px; background: green;">
+ <div style="width:100px; height:51px; background:green; margin-bottom:10px;"></div>
+</div>
+<div style="width: 100px; height: 50px; background: green;"></div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-001.xht
new file mode 100644
index 0000000000..1e2d590dfb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using pixels with a minimum minus one value, -1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: -1px;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-002.xht
new file mode 100644
index 0000000000..fc4690f7ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-002.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using pixels with a minimum value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a minimum length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: 0px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-003-ref.xht
new file mode 100644
index 0000000000..e0b9b4e69a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-003-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 96px;
+ vertical-align: top;
+ width: 1px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a thin vertical line.</p>
+
+ <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-003.xht
new file mode 100644
index 0000000000..1dab647fed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-003.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using pixels with a minimum plus one value, 1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-003-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ max-width: 1px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin vertical line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-004.xht
new file mode 100644
index 0000000000..39cdde5f8c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-004.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a negative zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: -0px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-005.xht
new file mode 100644
index 0000000000..109535ad4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a positive zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: +0px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-006-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-006-ref.xht
new file mode 100644
index 0000000000..36fdc5b4bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-006-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-bottom: 4px;}
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+
+ <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-006.xht
new file mode 100644
index 0000000000..fd61f85a6f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-006.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a nominal length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ max-width: 96px;
+ width: 192px;
+ }
+ #div2
+ {
+ border-left: 96px solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-007.xht
new file mode 100644
index 0000000000..d5a3c2151b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-007.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using pixels with a positive nominal value, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a positive nominal length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ max-width: +96px;
+ width: 192px;
+ }
+ #div2
+ {
+ border-left: 96px solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-012.xht
new file mode 100644
index 0000000000..5a4b873d0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-012.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using points with a minimum minus one value, -1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: -1pt;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-013.xht
new file mode 100644
index 0000000000..b9efbf7b3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-013.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using points with a minimum value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a minimum length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: 0pt;
+ width: 72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-014.xht
new file mode 100644
index 0000000000..83c75c6528
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-014.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using points with a minimum plus one value, 1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ max-width: 1pt;
+ width: 72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin vertical line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-015.xht
new file mode 100644
index 0000000000..26643f9fd8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-015.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a negative zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: -0pt;
+ width: 72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-016.xht
new file mode 100644
index 0000000000..e6c932e392
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-016.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a positive zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: +0pt;
+ width: 72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-017.xht
new file mode 100644
index 0000000000..0d3cacee8b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-017.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a nominal length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ max-width: 72pt;
+ width: 144pt;
+ }
+ #div2
+ {
+ border-left: 72pt solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-018.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-018.xht
new file mode 100644
index 0000000000..e2ffd86a1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-018.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using points with a positive nominal value, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a positive nominal length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ max-width: +72pt;
+ width: 144pt;
+ }
+ #div2
+ {
+ border-left: 72pt solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-023.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-023.xht
new file mode 100644
index 0000000000..be4015cf24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-023.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using picas with a minimum minus one value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: -1pc;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-024.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-024.xht
new file mode 100644
index 0000000000..f0b227b613
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-024.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using picas with a minimum value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a minimum length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: 0pc;
+ width: 6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-025-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-025-ref.xht
new file mode 100644
index 0000000000..cc33f97780
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-025-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a vertical black bar.</p>
+
+ <div><img src="support/black96x96.png" width="16" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-025.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-025.xht
new file mode 100644
index 0000000000..01d5de2399
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-025.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using picas with a minimum plus one value, 1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-025-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ max-width: 1pc;
+ width: 6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a vertical black bar.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-026.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-026.xht
new file mode 100644
index 0000000000..fe1d6f8143
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-026.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a negative zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: -0pc;
+ width: 6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-027.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-027.xht
new file mode 100644
index 0000000000..ef15a04146
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-027.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a positive zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: +0pc;
+ width: 6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-028.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-028.xht
new file mode 100644
index 0000000000..73d79099b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-028.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a nominal length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ max-width: 6pc;
+ width: 12pc;
+ }
+ #div2
+ {
+ border-left: 6pc solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-029.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-029.xht
new file mode 100644
index 0000000000..2c86c6bc42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-029.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using picas with a positive nominal value, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a positive nominal length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ max-width: +6pc;
+ width: 12pc;
+ }
+ #div2
+ {
+ border-left: 6pc solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-034.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-034.xht
new file mode 100644
index 0000000000..28e7798890
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-034.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using centimeters with a minimum minus one value, -1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: -1cm;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-035.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-035.xht
new file mode 100644
index 0000000000..0e024daf09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-035.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using centimeters with a minimum value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a minimum length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: 0cm;
+ width: 2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-036-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-036-ref.xht
new file mode 100644
index 0000000000..7d08e037c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-036-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 96px;
+ vertical-align: top;
+ width: 1cm;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a black rectangle.</p>
+
+ <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-036.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-036.xht
new file mode 100644
index 0000000000..416ae47236
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-036.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using centimeters with a minimum plus one value, 1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-036-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ max-width: 1cm;
+ width: 5.08cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black rectangle.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-037.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-037.xht
new file mode 100644
index 0000000000..95d1d3fccd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-037.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a negative zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: -0cm;
+ width: 2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-038.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-038.xht
new file mode 100644
index 0000000000..8a82ee6a5a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-038.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a positive zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: +0cm;
+ width: 2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-039.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-039.xht
new file mode 100644
index 0000000000..9d52a45435
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-039.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a nominal length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ max-width: 2.54cm;
+ width: 5.08cm;
+ }
+ #div2
+ {
+ border-left: 2.54cm solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-040.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-040.xht
new file mode 100644
index 0000000000..4e4e9479ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-040.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using centimeters with a positive nominal value, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a positive nominal length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ max-width: +2.54cm;
+ width: 5.08cm;
+ }
+ #div2
+ {
+ border-left: 2.54cm solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-045.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-045.xht
new file mode 100644
index 0000000000..c4d178d6df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-045.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using millimeters with a minimum minus one value, -1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: -1mm;
+ width: 0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-046.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-046.xht
new file mode 100644
index 0000000000..e046e343f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-046.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using millimeters with a minimum value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a minimum length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: 0mm;
+ width: 25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-047-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-047-ref.xht
new file mode 100644
index 0000000000..e1a60e0435
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-047-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 96px;
+ vertical-align: top;
+ width: 1mm;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a vertical line.</p>
+
+ <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-047.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-047.xht
new file mode 100644
index 0000000000..81fea004f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-047.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using millimeters with a minimum plus one value, 1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-047-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ max-width: 1mm;
+ width: 25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a vertical line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-048.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-048.xht
new file mode 100644
index 0000000000..3237bcccdf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-048.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a negative zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: -0mm;
+ width: 25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-049.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-049.xht
new file mode 100644
index 0000000000..fab6596111
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-049.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a positive zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: +0mm;
+ width: 25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-050.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-050.xht
new file mode 100644
index 0000000000..4860b87772
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-050.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a nominal length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ max-width: 25.4mm;
+ width: 50.8mm;
+ }
+ #div2
+ {
+ border-left: 25.4mm solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-051.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-051.xht
new file mode 100644
index 0000000000..0f2d6a3868
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-051.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using millimeters with a positive nominal value, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a positive nominal length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ max-width: +25.4mm;
+ width: 50.8mm;
+ }
+ #div2
+ {
+ border-left: 25.4mm solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-056.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-056.xht
new file mode 100644
index 0000000000..89c474c5a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-056.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using inches with a minimum minus one value, -1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: -1in;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-057.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-057.xht
new file mode 100644
index 0000000000..d72a505443
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-057.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using inches with a minimum value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a minimum length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: 0in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-058.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-058.xht
new file mode 100644
index 0000000000..783ae9288c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-058.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using inches with a minimum plus one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ max-width: 1in;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-059.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-059.xht
new file mode 100644
index 0000000000..10153d39d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-059.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a negative zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: -0in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-060.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-060.xht
new file mode 100644
index 0000000000..681b8a20cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-060.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a positive zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: +0in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-061-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-061-ref.xht
new file mode 100644
index 0000000000..560d23aecc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-061-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-bottom: 4px;}
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p>
+
+ <div><img src="support/black96x96.png" width="288" height="96" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/black96x96.png" width="288" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-061.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-061.xht
new file mode 100644
index 0000000000..4c2ea537a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-061.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using inches with a nominal value, 3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-061-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a nominal length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ max-width: 3in;
+ width: 6in;
+ }
+ #div2
+ {
+ border-left: 3in solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-062.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-062.xht
new file mode 100644
index 0000000000..418680d580
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-062.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using inches with a positive nominal value, +3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-061-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a positive nominal length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ max-width: +3in;
+ width: 6in;
+ }
+ #div2
+ {
+ border-left: 3in solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-067.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-067.xht
new file mode 100644
index 0000000000..601b65a19e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-067.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using 'em' units with a minimum minus one value, -1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ max-width: -1em;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-068.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-068.xht
new file mode 100644
index 0000000000..21a65d3f57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-068.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using 'em' units with a minimum value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-width' property sets a minimum length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ max-width: 0em;
+ width: 4.8em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-069-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-069-ref.xht
new file mode 100644
index 0000000000..bdf7c306f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-069-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 96px;
+ vertical-align: top;
+ width: 20px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a vertical black stripe.</p>
+
+ <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-069.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-069.xht
new file mode 100644
index 0000000000..e2f376db23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-069.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using 'em' units with a minimum plus one value, 1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-069-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ font: 20px/1 Ahem;
+ height: 1in;
+ max-width: 1em;
+ width: 4.8em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a vertical black stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-070.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-070.xht
new file mode 100644
index 0000000000..db41729faa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-070.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-width' property sets a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ max-width: -0em;
+ width: 4.8em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-071.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-071.xht
new file mode 100644
index 0000000000..9da8bd7c9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-071.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-width' property sets a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ max-width: +0em;
+ width: 4.8em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-072-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-072-ref.xht
new file mode 100644
index 0000000000..b630111370
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-072-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-bottom: 4px;}
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p>
+
+ <div><img src="support/black96x96.png" width="120" height="96" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/black96x96.png" width="120" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-072.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-072.xht
new file mode 100644
index 0000000000..c9bb607c57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-072.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-width' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ background: black;
+ height: 1in;
+ max-width: 6em;
+ width: 12em;
+ }
+ #div2
+ {
+ border-left: 6em solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-073.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-073.xht
new file mode 100644
index 0000000000..7f9115406c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-073.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using 'em' units with a positive nominal value, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-width' property sets a positive nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ background: black;
+ height: 1in;
+ max-width: +6em;
+ width: 12em;
+ }
+ #div2
+ {
+ border-left: 6em solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-078.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-078.xht
new file mode 100644
index 0000000000..ee41c29f7f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-078.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using 'ex' units with a minimum minus one value, -1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ max-width: -1ex;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-079.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-079.xht
new file mode 100644
index 0000000000..5a136a4c60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-079.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using 'ex' units with a minimum value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-width' property sets a minimum length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ max-width: 0ex;
+ width: 6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-080.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-080.xht
new file mode 100644
index 0000000000..64d8e6af7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-080.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using 'ex' units with a minimum plus one value, 1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-025-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ font: 20px/1 Ahem;
+ height: 1in;
+ max-width: 1ex;
+ width: 6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a vertical black bar.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-081.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-081.xht
new file mode 100644
index 0000000000..cde91f00c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-081.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-width' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ max-width: -0ex;
+ width: 6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-082.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-082.xht
new file mode 100644
index 0000000000..76bbe2ec75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-082.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-width' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ max-width: +0ex;
+ width: 6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-083.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-083.xht
new file mode 100644
index 0000000000..dae6af62c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-083.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using 'ex' units with a nominal value, 6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-width' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ background: black;
+ height: 1in;
+ max-width: 6ex;
+ width: 12ex;
+ }
+ #div2
+ {
+ border-left: 96px solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-084.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-084.xht
new file mode 100644
index 0000000000..d1f644738e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-084.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using 'ex' units with a positive nominal value, +6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-width' property sets a positive nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ background: black;
+ height: 1in;
+ max-width: +6ex;
+ width: 12ex;
+ }
+ #div2
+ {
+ border-left: 96px solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-089.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-089.xht
new file mode 100644
index 0000000000..9cf0794f40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-089.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using percentages with a minimum minus one value, -1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ width: 1in;
+ }
+ div div
+ {
+ background: black;
+ height: 1in;
+ max-width: -1%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-090.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-090.xht
new file mode 100644
index 0000000000..02f36b99a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-090.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using percentages with a minimum value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a minimum length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: 1in;
+ max-width: 0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-091.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-091.xht
new file mode 100644
index 0000000000..57d8b8dcc3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-091.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using percentages with a minimum plus one value, 1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-003-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 100px;
+ }
+ div div
+ {
+ background: black;
+ height: 1in;
+ max-width: 1%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin vertical line.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-092.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-092.xht
new file mode 100644
index 0000000000..7762da0f7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-092.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using percentages with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a negative zero length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: 1in;
+ max-width: -0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-093.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-093.xht
new file mode 100644
index 0000000000..fd6a35e49d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-093.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using percentages with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a positive zero length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: 1in;
+ max-width: +0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-094.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-094.xht
new file mode 100644
index 0000000000..2d5e0b139f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-094.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using percentages with a nominal value, 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a nominal length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1in;
+ }
+ #div2
+ {
+ background: black;
+ height: 1in;
+ max-width: 100%;
+ }
+ #div3
+ {
+ border-left: 1in solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-095.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-095.xht
new file mode 100644
index 0000000000..61d61af331
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-095.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width using percentages with a positive nominal value, +100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a positive nominal length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1in;
+ }
+ #div2
+ {
+ background: black;
+ height: 1in;
+ max-width: +100%;
+ }
+ #div3
+ {
+ border-left: 1in solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-100.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-100.xht
new file mode 100644
index 0000000000..a150e09430
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-100.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width with a negative zero value and no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a negative zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: -0;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-101.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-101.xht
new file mode 100644
index 0000000000..feb2d190fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-101.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width with a zero value and no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: 0;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-102.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-102.xht
new file mode 100644
index 0000000000..fa19a22bf8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-102.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width with a positive zero value and no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'max-width' property sets a positive zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ max-width: +0;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-103.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-103.xht
new file mode 100644
index 0000000000..d847bcad05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-103.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width set to a value of 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'max-width' property applies a value of 'none'." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ max-width: 0px;
+ max-width: none;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-104.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-104.xht
new file mode 100644
index 0000000000..b744d69630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-104.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-003-ref.xht" />
+
+ <meta name="assert" content="The 'max-width' property set to 'inherit' properly inherits the max-width value of the parent." />
+ <style type="text/css">
+ #div1
+ {
+ max-width: 1px;
+ }
+ div div
+ {
+ background: black;
+ height: 1in;
+ max-width: inherit;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin vertical line.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-105-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-105-ref.xht
new file mode 100644
index 0000000000..4d525a7357
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-105-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 200px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-105.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-105.xht
new file mode 100644
index 0000000000..623f03f423
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-105.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: max-width - height and overflow</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="max-width-105-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div#test-red-overlapped
+ {
+ color: red;
+ font: 200px/1 Ahem;
+ height: 200px;
+ max-width: 200px;
+ overflow: auto;
+ position: absolute;
+ }
+
+ div#control-green-overlapping
+ {
+ background-color: green;
+ height: 200px;
+ position: absolute;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a green square and <strong>no red</strong>.</p>
+
+ <div id="test-red-overlapped">XX XX</div>
+
+ <div id="control-green-overlapping"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-106.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-106.xht
new file mode 100644
index 0000000000..7136b414fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-106.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: max-width - float and overflow</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-105-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta name="assert" content="'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width. A floated box should not become wider than its declared max-width." />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div#test-red-overlapped
+ {
+ color: red;
+ float: left;
+ font: 64px/1 Ahem;
+ max-width: 100px;
+ overflow: scroll;
+ }
+
+ div#control-green-overlapping
+ {
+ background-color: green;
+ height: 200px;
+ position: absolute;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a green square and <strong>no red</strong>.</p>
+
+ <div id="control-green-overlapping"></div>
+
+ <div id="test-red-overlapped">XXXXXXXXXXXX</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-107-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-107-ref.xht
new file mode 100644
index 0000000000..4570a69eee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-107-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 200px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a green square and <strong>no red</strong>. Such green square should not have scrollbar(s).</p>
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-107.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-107.xht
new file mode 100644
index 0000000000..edf4a63fec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-107.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: max-width - height and overflow</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="max-width-107-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width." name="assert" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ font: 200px/1 Ahem;
+ height: 200px;
+ max-width: 200px;
+ overflow: auto;
+ position: absolute;
+ }
+
+ div#test-red-overlapped {color: red;}
+
+ div#control-green-overlapping {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a green square and <strong>no red</strong>. Such green square should not have scrollbar(s).</p>
+
+ <div id="test-red-overlapped">XX XX</div>
+
+ <div id="control-green-overlapping">X</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-108.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-108.xht
new file mode 100644
index 0000000000..f9f71319c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-108.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: max-width - float and overflow</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta content="ahem" name="flags" />
+ <meta name="assert" content="'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width." />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ font: 200px/1 Ahem;
+ height: 200px;
+ max-width: 200px;
+ overflow: auto;
+ }
+
+ #test-red-overlapped
+ {
+ color: red;
+ float: left;
+ }
+
+ #control-green-overlapping
+ {
+ clear: left;
+ color: green;
+ position: relative;
+ top: -200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a green square and <strong>no red</strong>. Such green square should have active horizontal and vertical scrollbars.</p>
+
+ <div id="test-red-overlapped">XX</div>
+
+ <div id="control-green-overlapping">XX</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-110.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-110.xht
new file mode 100644
index 0000000000..2b96eab362
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-110.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: max-width - float and inline replaced element</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" title="10.4 Minimum and maximum widths: 'min-width' and 'max-width'" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" title="10.3.2 Inline, replaced elements" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="image" name="flags" />
+ <meta content="If 'height' and 'width' both have computed values of 'auto' and the element also has an intrinsic width, then such intrinsic width is the used value of 'width'. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ float: left;
+ }
+
+ img
+ {
+ height: auto;
+ max-width: 100px;
+ vertical-align: bottom;
+ width: auto;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div><img src="support/green200x200.png" alt="Image download support must be enabled." /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-001.xht
new file mode 100644
index 0000000000..9fd103686f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-001.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'max-width' property does not apply to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-color: black;
+ display: table-row-group;
+ max-width: 0in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-002.xht
new file mode 100644
index 0000000000..e6123b730b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-002.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'max-width' property does not apply to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-color: black;
+ display: table-header-group;
+ max-width: 0in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-003.xht
new file mode 100644
index 0000000000..4808b1c672
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-003.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'max-width' property does not apply to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-color: black;
+ display: table-footer-group;
+ max-width: 0in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-004.xht
new file mode 100644
index 0000000000..93b7124de8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-004.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'max-width' property does not apply to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ background-color: black;
+ display: table-row;
+ max-width: 0in;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-005.xht
new file mode 100644
index 0000000000..0d0a26c118
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-005.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../../reference/pass_if_square_96px_black.html"/>
+ <meta name="assert" content="The 'max-width' property applies to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ max-width: 1in;
+ width: 3in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-006.xht
new file mode 100644
index 0000000000..aec8fa70d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-006.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../../reference/pass_if_square_96px_black.html"/>
+ <meta name="assert" content="The 'max-width' property applies to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ max-width: 1in;
+ width: 3in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ height: 1in;
+
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-007.xht
new file mode 100644
index 0000000000..13e9f83a31
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../../reference/pass_if_square_96px_black.html"/>
+ <meta name="assert" content="The 'max-width' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ height: 1in;
+ max-width: 1in;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-008.xht
new file mode 100644
index 0000000000..062d4a6806
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-008.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'max-width' property does not apply to elements with 'display' set to 'inline'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background-color: red;
+ color: green;
+ display: inline;
+ font: 100px/1 Ahem;
+ max-width: 0px;
+ }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div>A</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-009.xht
new file mode 100644
index 0000000000..98f16d2c43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-009.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'max-width' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ background: black;
+ display: block;
+ height: 1in;
+ max-width: 1in;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-010.xht
new file mode 100644
index 0000000000..6f719ef9e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <meta name="assert" content="The 'max-width' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ display: list-item;
+ height: 1in;
+ margin-left: 2em;
+ max-width: 1in;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-012.xht
new file mode 100644
index 0000000000..eb9c7feeed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-012.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'max-width' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ span#inline-block
+ {
+ background: black;
+ display: inline-block;
+ width: 3in;
+ max-width: 1in;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a filled black square.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant">a</span>
+ <span class="block-descendant">b</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-013.xht
new file mode 100644
index 0000000000..a7d2e960a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-013.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../../reference/pass_if_square_96px_black.html"/>
+ <meta name="assert" content="The 'max-width' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ max-width: 1in;
+ width: 3in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-014.xht
new file mode 100644
index 0000000000..8d49feba65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-014.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../../reference/pass_if_square_96px_black.html"/>
+ <meta name="assert" content="The 'max-width' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ display: inline-table;
+ table-layout: fixed;
+ max-width: 1in;
+ width: 3in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-015.xht
new file mode 100644
index 0000000000..c607f82867
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-015.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'max-width' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ background: black;
+ display: table-caption;
+ height: 1in;
+ max-width: 1in;
+ width: 3in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-016.xht
new file mode 100644
index 0000000000..f7c244227b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-016.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-Width applied to none</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="Max-Width can be declared onto 'display: none' elements but since 'display: none' declaration on an element does not generate a CSS box, then it won't have a rendering effect nor a visual formatting repercussion." />
+ <style type="text/css">
+ div
+ {
+ width: 100px;
+ height: 100px;
+ background: green;
+ }
+ span
+ {
+ display: none;
+ width: 1000px;
+ max-width: 100px;
+ height: 100px;
+ background-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-001-ref.xht
new file mode 100644
index 0000000000..e9ff552640
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-001-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the <strong>same width</strong>.</p>
+
+ <div><img src="support/blue15x15.png" width="96" height="96" alt="Image download support must be enabled" /><br />
+ <img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-001.xht
new file mode 100644
index 0000000000..05a715d28c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-001.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Using percentages with 'max-width' relative to the containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-percentage-001-ref.xht" />
+
+ <meta name="assert" content="The percentage is calculated in relation to the containing block." />
+ <style type="text/css">
+ div div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ width: 2in;
+ }
+ #div2
+ {
+ background-color: blue;
+ max-width: 50%;
+ width: 4in;
+ }
+ #div3
+ {
+ background: orange;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same width</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-002.xht
new file mode 100644
index 0000000000..62debbacc2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-002.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Percentage based value for 'max-width' contained by box with a negative 'width'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="If the containing block's width is negative, the used value is zero." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ width: 100px;
+ }
+ #div2
+ {
+ left: 120px;
+ position: absolute;
+ right: 120px;
+ width: auto;
+ }
+ #div3
+ {
+ background-color: red;
+ height: 1in;
+ max-width: 200%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-003.xht
new file mode 100644
index 0000000000..4357861f87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-003.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-width in constrained situation</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <meta name="assert" content="If the containing block's width depends on this element's width, then the resulting layout is undefined." />
+ <style type="text/css">
+ #div1
+ {
+ float: left;
+ }
+ div div
+ {
+ background-color: green;
+ max-width: 50%;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is anything displayed below.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-001.xht
new file mode 100644
index 0000000000..20ccdb4149
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using pixels with a minimum minus one value, -1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: -1px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-002.xht
new file mode 100644
index 0000000000..3aaa20691e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using pixels with a minimum value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a minimum length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: 0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-003.xht
new file mode 100644
index 0000000000..9fce19bcfa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using pixels with a minimum plus one value, 1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-003-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ min-height: 1px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin horizontal line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-004.xht
new file mode 100644
index 0000000000..c9d3d13564
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-004.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a negative zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: -0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-005.xht
new file mode 100644
index 0000000000..c2041b6ed9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-005.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a positive zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: +0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-006.xht
new file mode 100644
index 0000000000..c9ab001c6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-006.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a nominal length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: 96px;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 96px solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-007.xht
new file mode 100644
index 0000000000..9bc5d8914e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-007.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using pixels with a positive nominal value, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a positive nominal length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: +96px;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 96px solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-012.xht
new file mode 100644
index 0000000000..0d49b8abaf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-012.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using points with a minimum minus one value, -1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: -1pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-013.xht
new file mode 100644
index 0000000000..d69871cd89
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-013.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using points with a minimum value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a minimum length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: 0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-014.xht
new file mode 100644
index 0000000000..316c0bd285
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-014.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using points with a minimum plus one value, 1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ min-height: 1pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin horizontal line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-015.xht
new file mode 100644
index 0000000000..2e9e8b13da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-015.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a negative zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: -0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-016.xht
new file mode 100644
index 0000000000..faa1bebcb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-016.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a positive zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: +0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-017.xht
new file mode 100644
index 0000000000..292bb94ec9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-017.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a nominal length value in points." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: 72pt;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 72pt solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-018.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-018.xht
new file mode 100644
index 0000000000..c87793f74b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-018.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using points with a positive nominal value, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a positive nominal length value in points." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: +72pt;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 72pt solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-023.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-023.xht
new file mode 100644
index 0000000000..3b319ad590
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-023.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using picas with a minimum minus one value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: -1pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-024.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-024.xht
new file mode 100644
index 0000000000..6c76a4dab5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-024.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using picas with a minimum value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a minimum length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: 0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-025.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-025.xht
new file mode 100644
index 0000000000..7028b2cf72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-025.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using picas with a minimum plus one value, 1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="max-height-025-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in picas." />
+ <style type="text/css">
+ div#red-overlapped
+ {
+ background-color: red;
+ height: 1pc;
+ }
+
+ div#black-overlapping
+ {
+ background-color: black;
+ bottom: 1pc;
+ height: 0pc;
+ min-height: 1pc;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black bar and <strong>no red</strong>.</p>
+
+ <div id="red-overlapped"></div>
+
+ <div id="black-overlapping"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-026.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-026.xht
new file mode 100644
index 0000000000..ddc4fc597d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-026.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a negative zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: -0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-027.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-027.xht
new file mode 100644
index 0000000000..4856641d86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-027.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a positive zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: +0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-028.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-028.xht
new file mode 100644
index 0000000000..cb512b16d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-028.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a nominal length value in picas." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: 6pc;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 6pc solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-029.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-029.xht
new file mode 100644
index 0000000000..4ca616fd94
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-029.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using picas with a positive nominal value, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a positive nominal length value in picas." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: +6pc;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 6pc solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-034.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-034.xht
new file mode 100644
index 0000000000..b52bd719ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-034.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using centimeters with a minimum minus one value, -1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: -1cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-035.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-035.xht
new file mode 100644
index 0000000000..9ced6b61d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-035.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using centimeters with a minimum value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a minimum length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: 0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-036.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-036.xht
new file mode 100644
index 0000000000..3af910dc98
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-036.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using centimeters with a minimum plus one value, 1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="max-height-036-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in centimeters." />
+ <style type="text/css">
+ div#red-overlapped
+ {
+ background-color: red;
+ height: 1cm;
+ }
+
+ div#black-overlapping
+ {
+ background-color: black;
+ bottom: 1cm;
+ height: 0cm;
+ min-height: 1cm;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thick black stripe and <strong>no red</strong>.</p>
+
+ <div id="red-overlapped"></div>
+
+ <div id="black-overlapping"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-037.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-037.xht
new file mode 100644
index 0000000000..0b30519e7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-037.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a negative zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: -0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-038.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-038.xht
new file mode 100644
index 0000000000..041017d252
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-038.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a positive zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: +0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-039.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-039.xht
new file mode 100644
index 0000000000..0e3d0a5c9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-039.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a nominal length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: 2.54cm;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 2.54cm solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-040.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-040.xht
new file mode 100644
index 0000000000..6abb807e59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-040.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using centimeters with a positive nominal value, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a positive nominal length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: +2.54cm;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 2.54cm solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-045.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-045.xht
new file mode 100644
index 0000000000..2290f69e18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-045.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using millimeters with a minimum minus one value, -1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: -1mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-046.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-046.xht
new file mode 100644
index 0000000000..60ab17a9f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-046.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using millimeters with a minimum value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a minimum length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: 0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-047.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-047.xht
new file mode 100644
index 0000000000..8d99c5b781
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-047.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using millimeters with a minimum plus one value, 1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="max-height-047-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in millimeters." />
+ <style type="text/css">
+ div#red-overlapped
+ {
+ background-color: red;
+ height: 1mm;
+ }
+
+ div#black-overlapping
+ {
+ background-color: black;
+ bottom: 1mm;
+ height: 0mm;
+ min-height: 1mm;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black horizontal line and <strong>no red</strong>.</p>
+
+ <div id="red-overlapped"></div>
+
+ <div id="black-overlapping"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-048.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-048.xht
new file mode 100644
index 0000000000..c0610c4f20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-048.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a negative zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: -0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-049.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-049.xht
new file mode 100644
index 0000000000..8f3b15e812
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-049.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a positive zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: +0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-050.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-050.xht
new file mode 100644
index 0000000000..67f5f7a6f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-050.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a nominal length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: 25.4mm;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 25.4mm solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-051.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-051.xht
new file mode 100644
index 0000000000..9d0f749271
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-051.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using millimeters with a positive nominal value, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a positive nominal length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: +25.4mm;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 25.4mm solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-056.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-056.xht
new file mode 100644
index 0000000000..5a3673c5b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-056.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using inches with a minimum minus one value, -1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-057.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-057.xht
new file mode 100644
index 0000000000..df800d82f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-057.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using inches with a minimum value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a minimum length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: 0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-058.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-058.xht
new file mode 100644
index 0000000000..7341ba9aa5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-058.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using inches with a minimum plus one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="max-height-058-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in inches." />
+ <style type="text/css">
+ div#red-overlapped
+ {
+ background-color: red;
+ height: 1in;
+ }
+
+ div#black-overlapping
+ {
+ background-color: black;
+ bottom: 1in;
+ height: 0in;
+ min-height: 1in;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a filled black rectangle and <strong>no red</strong>.</p>
+
+ <div id="red-overlapped"></div>
+
+ <div id="black-overlapping"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-059.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-059.xht
new file mode 100644
index 0000000000..de3cc1877c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-059.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a negative zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: -0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-060.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-060.xht
new file mode 100644
index 0000000000..8b5c9a5510
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-060.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a positive zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: +0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-061.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-061.xht
new file mode 100644
index 0000000000..747592d266
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-061.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using inches with a nominal value, 3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-061-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a nominal length value in inches." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: 3in;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 3in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-062.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-062.xht
new file mode 100644
index 0000000000..9d425e5a92
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-062.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using inches with a positive nominal value, +3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-061-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a positive nominal length value in inches." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: +3in;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 3in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-067-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-067-ref.xht
new file mode 100644
index 0000000000..fc061bf2b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-067-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ padding-right: 20px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/black96x96.png" width="120" height="20" alt="Image download support must be enabled" /><img src="support/black96x96.png" width="80" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-067.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-067.xht
new file mode 100644
index 0000000000..52d4c9b72d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-067.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using 'em' units with a minimum minus one value, -1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="min-height-067-ref.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 0;
+ min-height: -1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-068.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-068.xht
new file mode 100644
index 0000000000..1be63b795e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-068.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using 'em' units with a minimum value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="min-height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-height' property sets a minimum length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 0;
+ min-height: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-069.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-069.xht
new file mode 100644
index 0000000000..8c1b903b02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-069.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using 'em' units with a minimum plus one value, 1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-069-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ font: 20px/1 Ahem;
+ min-height: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black bar.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-070.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-070.xht
new file mode 100644
index 0000000000..8cd73ce30c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-070.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="min-height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-height' property sets a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 0;
+ min-height: -0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-071.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-071.xht
new file mode 100644
index 0000000000..0ceb5178a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-071.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="min-height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-height' property sets a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 0;
+ min-height: +0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-072.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-072.xht
new file mode 100644
index 0000000000..9bdc9f5083
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-072.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using 'em' units with a nominal value, 5em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-height' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: 5em;
+ width: 100px;
+ }
+ #div3
+ {
+ border-top: 5em solid black;
+ left: 104px;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-073.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-073.xht
new file mode 100644
index 0000000000..6e2d95972f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-073.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using 'em' units with a positive nominal value, +5em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-height' property sets a positive nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: +5em;
+ width: 100px;
+ }
+ #div3
+ {
+ border-top: 5em solid black;
+ left: 104px;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-078.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-078.xht
new file mode 100644
index 0000000000..407cf40fd1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-078.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using 'ex' units with a minimum minus one value, -1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="min-height-067-ref.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 0;
+ min-height: -1ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-079.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-079.xht
new file mode 100644
index 0000000000..5776316f1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-079.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using 'ex' units with a minimum value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="min-height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-height' property sets a minimum length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 0;
+ min-height: 0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-080.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-080.xht
new file mode 100644
index 0000000000..8171933ecb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-080.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using 'ex' units with a minimum plus one value, 1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-080-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ font: 20px/1 Ahem;
+ height: 0;
+ min-height: 1ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black bar.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-081.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-081.xht
new file mode 100644
index 0000000000..b7963f7e7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-081.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="min-height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-height' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 0;
+ min-height: -0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-082.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-082.xht
new file mode 100644
index 0000000000..56dae38cc4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-082.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="min-height-067-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-height' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 0;
+ min-height: +0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-083.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-083.xht
new file mode 100644
index 0000000000..454c971b54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-083.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using 'ex' units with a nominal value, 6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-height' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: 6ex;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 96px solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-084.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-084.xht
new file mode 100644
index 0000000000..a0fb7f6fea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-084.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using 'ex' units with a positive nominal value, +6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-height' property sets a positive nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: +6ex;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 96px solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-089.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-089.xht
new file mode 100644
index 0000000000..f7c35d88f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-089.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using percentages with a minimum minus one value, -1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: 0;
+ min-height: -1%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-090.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-090.xht
new file mode 100644
index 0000000000..f4e9abb25c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-090.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using percentages with a minimum value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a minimum length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: 0;
+ min-height: 0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-091.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-091.xht
new file mode 100644
index 0000000000..4d32038987
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-091.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using percentages with a minimum plus one value, 1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-003-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 100px;
+ }
+ div div
+ {
+ background: black;
+ min-height: 1%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin horizontal line.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-092.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-092.xht
new file mode 100644
index 0000000000..9e81fc6fbf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-092.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using percentages with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a negative zero length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: 0;
+ min-height: -0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-093.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-093.xht
new file mode 100644
index 0000000000..7a6cbc4d4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-093.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using percentages with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a positive zero length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: 0;
+ min-height: +0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-094.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-094.xht
new file mode 100644
index 0000000000..42d473f6c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-094.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using percentages with a nominal value, 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+ <meta name="assert" content="The 'min-height' property sets a nominal length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: 100%;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-095.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-095.xht
new file mode 100644
index 0000000000..c86d168f8f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-095.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height using percentages with a positive nominal value, +100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a positive nominal length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div2
+ {
+ background: black;
+ min-height: +100%;
+ width: 1in;
+ }
+ #div3
+ {
+ border-top: 1in solid black;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-100.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-100.xht
new file mode 100644
index 0000000000..2830ee8d6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-100.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height with a negative zero value and no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a negative zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: -0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-101.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-101.xht
new file mode 100644
index 0000000000..2d7bdde814
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-101.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height with a zero value and no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-102.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-102.xht
new file mode 100644
index 0000000000..ef8c5ab20e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-102.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height with a positive zero value and no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-001-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property sets a positive zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ min-height: +0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-103.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-103.xht
new file mode 100644
index 0000000000..4e457ac10e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-103.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="height-003-ref.xht" />
+
+ <meta name="assert" content="The 'min-height' property properly inherits the min-height value of the parent." />
+ <style type="text/css">
+ #div1
+ {
+ min-height: 1px;
+ }
+ div div
+ {
+ background: black;
+ min-height: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin horizontal line.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-104.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-104.xht
new file mode 100644
index 0000000000..85c7811ad3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-104.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: min-height - space for scrollbar</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="max-height-107-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta name="assert" content="Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars." />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div#test-red-overlapped
+ {
+ background-color: red;
+ color: red;
+ font: 100px/1 Ahem;
+ min-height: 200px;
+ overflow: auto;
+ width: 200px;
+ }
+
+ div#control-green-overlapping
+ {
+ background-color: green;
+ height: 200px;
+ position: relative;
+ top: -200px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a green square and <strong>no red</strong>.</p>
+
+ <div id="test-red-overlapped">XXX</div>
+
+ <div id="control-green-overlapping"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-105.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-105.xht
new file mode 100644
index 0000000000..0d762aecae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-105.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: min-height - space for scrollbar</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="max-height-110-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div#test-red-overlapped
+ {
+ background-color: red;
+ color: red;
+ font: 100px/1 Ahem;
+ min-height: 200px;
+ overflow: scroll;
+ }
+
+ div#control-green-overlapping
+ {
+ background-color: green;
+ height: 200px;
+ position: relative;
+ top: -200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a wide green rectangle across the page and <strong>no red</strong>.</p>
+
+ <div id="test-red-overlapped">X</div>
+
+ <div id="control-green-overlapping"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-106.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-106.xht
new file mode 100644
index 0000000000..5bf011a087
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-106.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: min-height - float and overflow</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="max-height-107-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="'min-height' specifies a fixed minimum used height. If the element requires an horizontal scrollbar, then the horizontal scrollbar height should be subtracted from the height of its containing block so that the resulting used height continues to honor the declared min-height." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ font: 100px/1 Ahem;
+ overflow: auto;
+ width: 200px;
+ }
+
+ #test-red-overlapped
+ {
+ background-color: red;
+ color: red;
+ float: left;
+ min-height: 200px;
+ }
+
+ #control-green-overlapping
+ {
+ background-color: green;
+ clear: left;
+ color: green;
+ height: 200px;
+ position: relative;
+ top: -200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
+
+ <p>Test passes if there is a green square and <strong>no red</strong>.</p>
+
+ <div id="test-red-overlapped">XXX</div>
+
+ <div id="control-green-overlapping">XX</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-111-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-111-ref.xht
new file mode 100644
index 0000000000..72c1cb88d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-111-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {padding-top: 16px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a small green square.</p>
+
+ <div><img src="support/swatch-green.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-111.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-111.xht
new file mode 100644
index 0000000000..7d64199f5a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-111.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Basic min-height test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/height/min-height/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="min-height-111-ref.xht" />
+
+ <style type="text/css">
+ div { padding-top: 1em; min-height: 15px; background: url(support/swatch-green.png) no-repeat 0 1em; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small green square.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-112.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-112.xht
new file mode 100644
index 0000000000..7ab054f278
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-112.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Basic min-height test (with overflow:hidden)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/height/min-height/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="min-height-111-ref.xht" />
+
+ <style type="text/css">
+ div { padding-top: 1em; min-height: 15px; background: url(support/swatch-green.png) no-repeat 0 1em; overflow: hidden; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small green square.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-113.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-113.xht
new file mode 100644
index 0000000000..69fca16b1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-113.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Basic min-height test (with overflow:scroll)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/height/min-height/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <style type="text/css">
+ div { min-height: 2em; background: green; overflow: scroll; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide green bar with scrollbars around it.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-001.xht
new file mode 100644
index 0000000000..b249badb6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-001.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ min-height: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ min-height: inherit;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ min-height: inherit;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <!-- If 'min-height' is supported on 'table-row-group' then a square will be visible. -->
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-002.xht
new file mode 100644
index 0000000000..03a7b941b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-002.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ min-height: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ min-height: inherit;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ min-height: inherit;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <!-- If 'min-height' is supported on 'table-header-group' then a square will be visible. -->
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-003.xht
new file mode 100644
index 0000000000..e59f8a8ee1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-003.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ min-height: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ min-height: inherit;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ min-height: inherit;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <!-- If 'min-height' is supported on 'table-footer-group' then a square will be visible. -->
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-004.xht
new file mode 100644
index 0000000000..dd2aa3e455
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-004.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ min-height: 1in;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ min-height: inherit;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-005.xht
new file mode 100644
index 0000000000..177debf42a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-005.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-height' property does not to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ #test
+ {
+ background-color: red;
+ display: table-column-group;
+ min-height: 1in;
+ }
+ .col
+ {
+ display: table-column;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ background-color: white;
+ color: white;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="table">
+
+ <div id="test">
+ <div class="col"></div>
+ <div class="col"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-006.xht
new file mode 100644
index 0000000000..36b706d1de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-006.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-height' property does not to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .test
+ {
+ background: red;
+ display: table-column;
+ min-height: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ background-color: white;
+ color: white;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="table">
+
+ <div class="test"></div>
+ <div class="test"></div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-007.xht
new file mode 100644
index 0000000000..f4d377c14e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ min-height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <!-- If 'min-height' is supported on 'table-cell' then a square will be visible. -->
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-008.xht
new file mode 100644
index 0000000000..b0ecf9a659
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-008.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-height' property does not apply to elements with 'display' set to 'inline'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background-color: red;
+ color: white;
+ display: inline;
+ font: 20px/1 Ahem;
+ min-height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div>A</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-009.xht
new file mode 100644
index 0000000000..b95c65a516
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-009.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ background: black;
+ display: block;
+ min-height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-010.xht
new file mode 100644
index 0000000000..2dd2c6b701
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-010.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ display: list-item;
+ margin-left: 2em;
+ min-height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black square and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-012.xht
new file mode 100644
index 0000000000..03358e3458
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-012.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ span#inline-block
+ {
+ background: black;
+ display: inline-block;
+ min-height: 1in;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant">a</span>
+ <span class="block-descendant">b</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-013.xht
new file mode 100644
index 0000000000..df00228bfb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-013.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../../reference/pass_if_square_96px_black.html" />
+ <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ min-height: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ height: inherit; /* height of the row is based on the computed value for height of the table which is based on the min-height property */
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ height: inherit;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-014.xht
new file mode 100644
index 0000000000..fc3ca591b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-014.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../../reference/pass_if_square_96px_black.html" />
+ <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ display: inline-table;
+ table-layout: fixed;
+ min-height: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ height: inherit; /* height of the row is based on the computed value for height of the table which is based on the min-height property */
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ height: inherit; /* height of the cell is based on the computed value for height of the table which is based on the min-height property */
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-015.xht
new file mode 100644
index 0000000000..cd85ff5aaf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ background: black;
+ display: table-caption;
+ min-height: 1in;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-001.xht
new file mode 100644
index 0000000000..7f027e4a6a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-001.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-height percentage is based on containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="max-height-percentage-001-ref.xht" />
+
+ <meta name="assert" content="A percentage for 'min-height' is calculated with respect to the 'height' of the generated boxes containing block." />
+ <style type="text/css">
+ #div1
+ {
+ height: 2in;
+ position: relative;
+ }
+ div div
+ {
+ width: 1in;
+ }
+ #div2
+ {
+ background: blue;
+ min-height: 50%;
+ }
+ #div3
+ {
+ background: orange;
+ height: 1in;
+ left: 1in;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-002.xht
new file mode 100644
index 0000000000..d5f33065e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-002.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Percentage 'min-height' with no 'height' on containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="When the 'height' of the containing block (#div1) of an element (inner div) is not specified (or if its height value is 'auto') and the element is not absolutely positioned, then the percentage value of 'max-height' is treated as '0' for 'min-height' and 'none' for 'max-height'." />
+ <style type="text/css">
+ div
+ {
+ width: 1in;
+ }
+ #div1
+ {
+ position: relative;
+ }
+ div div
+ {
+ background: red;
+ min-height: 50%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-003-ref.xht
new file mode 100644
index 0000000000..7fd94de50e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-003-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ html, body
+ {
+ background-color: green;
+ height: 100%;
+ }
+
+ body, p {margin: 0px;}
+
+ p {color: white;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the background of this page is green and if there is <strong>no red and no vertical scrollbar</strong>.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-003.xht
new file mode 100644
index 0000000000..566da2afff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-003.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: min-height - 100% of the initial containing block's height</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="http://www.brunildo.org/" />
+ <link rel="author" title="Alan Gresley" href="mailto:alan@css-class.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
+ <link rel="match" href="min-height-percentage-003-ref.xht" />
+
+ <meta content="The initial containing block has the dimensions of the viewport. A percentage height on the root element is relative to the initial containing block. A 'min-height: 100%;' of the document root element should use all of the document root element's height. A percentage for 'min-height' is calculated with respect to the height of the generated box's containing block." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ html, body
+ {
+ background-color: red;
+ height: 100%;
+ }
+
+ body, p {margin: 0px;}
+
+ p
+ {
+ background-color: green;
+ color: white;
+ min-height: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the background of this page is green and if there is <strong>no red and no vertical scrollbar</strong>.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-separates-margin.html b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-separates-margin.html
new file mode 100644
index 0000000000..1e144921fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-separates-margin.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins">
+<p>Test passes if there is a filled green square.</p>
+<div style="width:100px; min-height:50px; background: green;">
+ <div style="width:100px; height:49px; background:green; margin-bottom:10px;"></div>
+</div>
+<div style="width: 100px; height: 50px; background: green;"></div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-001.xht
new file mode 100644
index 0000000000..1db3741df8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using pixels with a minimum minus one value, -1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: -1px;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-002.xht
new file mode 100644
index 0000000000..e2a7bf1864
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-002.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using pixels with a minimum value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a minimum length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: 0px;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-003.xht
new file mode 100644
index 0000000000..6d47695652
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-003.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using pixels with a minimum plus one value, 1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-003-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ min-width: 1px;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin vertical line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-004.xht
new file mode 100644
index 0000000000..e36f7aa572
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-004.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a negative zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: -0px;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-005.xht
new file mode 100644
index 0000000000..d40c0b39d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a positive zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: +0px;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-006.xht
new file mode 100644
index 0000000000..7e628c9c0d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-006.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a nominal length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ min-width: 96px;
+ width: 0;
+ }
+ #div2
+ {
+ border-left: 96px solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-007.xht
new file mode 100644
index 0000000000..becbe01f77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-007.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using pixels with a positive nominal value, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a positive nominal length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ min-width: +96px;
+ width: 0;
+ }
+ #div2
+ {
+ border-left: 96px solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-012.xht
new file mode 100644
index 0000000000..b2a32590d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-012.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using points with a minimum minus one value, -1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: -1pt;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-013.xht
new file mode 100644
index 0000000000..6a0b8d4ce7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-013.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using points with a minimum value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a minimum length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: 0pt;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-014.xht
new file mode 100644
index 0000000000..538b701cd6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-014.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using points with a minimum plus one value, 1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ min-width: 1pt;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin vertical line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-015.xht
new file mode 100644
index 0000000000..0f1f26c1b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-015.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a negative zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: -0pt;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-016.xht
new file mode 100644
index 0000000000..9029542567
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-016.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a positive zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: +0pt;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-017.xht
new file mode 100644
index 0000000000..ac31d76ef5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-017.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a nominal length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ min-width: 72pt;
+ width: 0;
+ }
+ #div2
+ {
+ border-left: 72pt solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-018.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-018.xht
new file mode 100644
index 0000000000..855b97174d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-018.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using points with a positive nominal value, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a positive nominal length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ min-width: +72pt;
+ width: 0;
+ }
+ #div2
+ {
+ border-left: 72pt solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-023.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-023.xht
new file mode 100644
index 0000000000..386aae5b39
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-023.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using picas with a minimum minus one value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: -1pc;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-024.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-024.xht
new file mode 100644
index 0000000000..b9b64bc198
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-024.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using picas with a minimum value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a minimum length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: 0pc;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-025.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-025.xht
new file mode 100644
index 0000000000..d5786ed77b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-025.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using picas with a minimum plus one value, 1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-025-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ min-width: 1pc;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a vertical black bar.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-026.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-026.xht
new file mode 100644
index 0000000000..b506f668b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-026.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a negative zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: -0pc;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-027.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-027.xht
new file mode 100644
index 0000000000..0722b0cbf9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-027.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a positive zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: +0pc;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-028.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-028.xht
new file mode 100644
index 0000000000..10ac27ea78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-028.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a nominal length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ min-width: 6pc;
+ width: 0;
+ }
+ #div2
+ {
+ border-left: 6pc solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-029.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-029.xht
new file mode 100644
index 0000000000..5cd5802df0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-029.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using picas with a positive nominal value, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a positive nominal length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ min-width: +6pc;
+ width: 0;
+ }
+ #div2
+ {
+ border-left: 6pc solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-034.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-034.xht
new file mode 100644
index 0000000000..e16a3821c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-034.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using centimeters with a minimum minus one value, -1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: -1cm;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-035.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-035.xht
new file mode 100644
index 0000000000..f156058cf8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-035.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using centimeters with a minimum value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a minimum length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: 0cm;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-036.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-036.xht
new file mode 100644
index 0000000000..07ea986ffc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-036.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using centimeters with a minimum plus one value, 1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-036-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ min-width: 1cm;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black rectangle.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-037.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-037.xht
new file mode 100644
index 0000000000..a70c8d05d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-037.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a negative zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: -0cm;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-038.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-038.xht
new file mode 100644
index 0000000000..f2acb72831
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-038.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a positive zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: +0cm;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-039.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-039.xht
new file mode 100644
index 0000000000..18d1e54a77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-039.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a nominal length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ min-width: 2.54cm;
+ width: 0;
+ }
+ #div2
+ {
+ border-left: 2.54cm solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-040.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-040.xht
new file mode 100644
index 0000000000..e33d332588
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-040.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using centimeters with a positive nominal value, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a positive nominal length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ min-width: +2.54cm;
+ width: 0;
+ }
+ #div2
+ {
+ border-left: 2.54cm solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-045.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-045.xht
new file mode 100644
index 0000000000..7dcde8db7b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-045.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using millimeters with a minimum minus one value, -1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: -1mm;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-046.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-046.xht
new file mode 100644
index 0000000000..8b993451b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-046.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using millimeters with a minimum value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a minimum length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: 0mm;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-047.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-047.xht
new file mode 100644
index 0000000000..81aa54b250
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-047.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using millimeters with a minimum plus one value, 1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-047-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ min-width: 1mm;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a vertical line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-048.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-048.xht
new file mode 100644
index 0000000000..778ed50557
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-048.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a negative zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: -0mm;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-049.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-049.xht
new file mode 100644
index 0000000000..d33eb36078
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-049.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a positive zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: +0mm;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-050.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-050.xht
new file mode 100644
index 0000000000..64513f8fd3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-050.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a nominal length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ min-width: 25.4mm;
+ width: 0;
+ }
+ #div2
+ {
+ border-left: 25.4mm solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-051.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-051.xht
new file mode 100644
index 0000000000..fa0588d470
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-051.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using millimeters with a positive nominal value, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a positive nominal length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ min-width: +25.4mm;
+ width: 0;
+ }
+ #div2
+ {
+ border-left: 25.4mm solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-056.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-056.xht
new file mode 100644
index 0000000000..a4fa0238f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-056.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using inches with a minimum minus one value, -1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: -1in;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-057.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-057.xht
new file mode 100644
index 0000000000..a2b657c642
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-057.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using inches with a minimum value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a minimum length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: 0in;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-058.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-058.xht
new file mode 100644
index 0000000000..faa84c278c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-058.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using inches with a minimum plus one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ min-width: 1in;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-059.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-059.xht
new file mode 100644
index 0000000000..a5b83377e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-059.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a negative zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: -0in;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-060.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-060.xht
new file mode 100644
index 0000000000..08d24653c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-060.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a positive zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: +0in;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-061.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-061.xht
new file mode 100644
index 0000000000..1ebfa18cb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-061.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using inches with a nominal value, 3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-061-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a nominal length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ min-width: 3in;
+ width: 0;
+ }
+ #div2
+ {
+ border-left: 3in solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-062.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-062.xht
new file mode 100644
index 0000000000..14629aa41a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-062.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using inches with a positive nominal value, +3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-061-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a positive nominal length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ min-width: +3in;
+ width: 0;
+ }
+ #div2
+ {
+ border-left: 3in solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-067.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-067.xht
new file mode 100644
index 0000000000..7a7d7df456
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-067.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using 'em' units with a minimum minus one value, -1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ min-width: -1em;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-068.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-068.xht
new file mode 100644
index 0000000000..8fbd206d7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-068.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using 'em' units with a minimum value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-width' property sets a minimum length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ min-width: 0em;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-069.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-069.xht
new file mode 100644
index 0000000000..90b35a58e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-069.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using 'em' units with a minimum plus one value, 1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-069-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ font: 20px/1 Ahem;
+ height: 1in;
+ min-width: 1em;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a vertical black stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-070.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-070.xht
new file mode 100644
index 0000000000..465ac831ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-070.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-width' property sets a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ min-width: -0em;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-071.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-071.xht
new file mode 100644
index 0000000000..98a9ae71a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-071.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-width' property sets a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ min-width: +0em;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-072.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-072.xht
new file mode 100644
index 0000000000..8652c80a15
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-072.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-width' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ background: black;
+ height: 1in;
+ min-width: 6em;
+ width: 0;
+ }
+ #div2
+ {
+ border-left: 6em solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-073.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-073.xht
new file mode 100644
index 0000000000..5e4ba59147
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-073.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using 'em' units with a positive nominal value, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-width' property sets a positive nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ background: black;
+ height: 1in;
+ min-width: +6em;
+ width: 0;
+ }
+ #div2
+ {
+ border-left: 6em solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-078.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-078.xht
new file mode 100644
index 0000000000..d46e9637c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-078.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using 'ex' units with a minimum minus one value, -1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ min-width: -1ex;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-079.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-079.xht
new file mode 100644
index 0000000000..a0ac5f5a0d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-079.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using 'ex' units with a minimum value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-width' property sets a minimum length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ min-width: 0ex;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-080.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-080.xht
new file mode 100644
index 0000000000..2611b9ba56
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-080.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using 'ex' units with a minimum plus one value, 1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-025-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ font: 20px/1 Ahem;
+ height: 1in;
+ min-width: 1ex;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a vertical black bar.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-081.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-081.xht
new file mode 100644
index 0000000000..af75289962
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-081.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-width' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ min-width: -0ex;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-082.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-082.xht
new file mode 100644
index 0000000000..e0ab54c605
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-082.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-width' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ min-width: +0ex;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-083.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-083.xht
new file mode 100644
index 0000000000..6db4c8637d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-083.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using 'ex' units with a nominal value, 6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-width' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ background: black;
+ height: 1in;
+ min-width: 6ex;
+ width: 0;
+ }
+ #div2
+ {
+ border-left: 96px solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-084.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-084.xht
new file mode 100644
index 0000000000..b1a5afdfe4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-084.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using 'ex' units with a positive nominal value, +6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'min-width' property sets a positive nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ background: black;
+ height: 1in;
+ min-width: +6ex;
+ width: 0;
+ }
+ #div2
+ {
+ border-left: 96px solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-089.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-089.xht
new file mode 100644
index 0000000000..ce9e0e02ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-089.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using percentages with a minimum minus one value, -1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: 1in;
+ min-width: -1%;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-090.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-090.xht
new file mode 100644
index 0000000000..65a24e3b90
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-090.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using percentages with a minimum value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a minimum length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: 1in;
+ min-width: 0%;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-091.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-091.xht
new file mode 100644
index 0000000000..551d9f303e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-091.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using percentages with a minimum plus one value, 1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-003-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 100px;
+ }
+ div div
+ {
+ background: black;
+ height: 1in;
+ min-width: 1%;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin vertical line.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-092.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-092.xht
new file mode 100644
index 0000000000..826257dc9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-092.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using percentages with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a negative zero length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: 1in;
+ min-width: -0%;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-093.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-093.xht
new file mode 100644
index 0000000000..03792fc2cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-093.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using percentages with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a positive zero length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: 1in;
+ min-width: +0%;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-094.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-094.xht
new file mode 100644
index 0000000000..43222ff25b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-094.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using percentages with a nominal value, 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a nominal length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1in;
+ }
+ #div2
+ {
+ background: black;
+ height: 1in;
+ min-width: 100%;
+ width: 0;
+ }
+ #div3
+ {
+ border-left: 1in solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-095.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-095.xht
new file mode 100644
index 0000000000..e59faed5fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-095.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width using percentages with a positive nominal value, +100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a positive nominal length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1in;
+ }
+ #div2
+ {
+ background: black;
+ height: 1in;
+ min-width: +100%;
+ width: 0;
+ }
+ #div3
+ {
+ border-left: 1in solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-100.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-100.xht
new file mode 100644
index 0000000000..0a3df1c8ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-100.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width with a negative zero value and no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a negative zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: -0;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-101.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-101.xht
new file mode 100644
index 0000000000..0c6cfeea6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-101.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width with a zero value and no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: 0;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-102.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-102.xht
new file mode 100644
index 0000000000..f870669216
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-102.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width with a positive zero value and no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property sets a positive zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ min-width: +0;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-103.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-103.xht
new file mode 100644
index 0000000000..afd1061d6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-103.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width set to inherit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-003-ref.xht" />
+
+ <meta name="assert" content="The 'min-width' property properly inherits the min-width value of the parent." />
+ <style type="text/css">
+ #div1
+ {
+ min-width: 1px;
+ width: 0;
+ }
+ div div
+ {
+ background: black;
+ height: 1in;
+ min-width: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin vertical line.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-001.xht
new file mode 100644
index 0000000000..65600d4e7f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-001.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property does not apply to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-color: red;
+ display: table-row-group;
+ min-width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 0in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-002.xht
new file mode 100644
index 0000000000..b94ec70f43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-002.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property does not apply to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-color: red;
+ display: table-header-group;
+ min-width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 0in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-003.xht
new file mode 100644
index 0000000000..2861c31b1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-003.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property does not apply to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-color: red;
+ display: table-footer-group;
+ min-width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 0in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-004.xht
new file mode 100644
index 0000000000..c689e1babe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-004.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'min-width' property does not apply to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 0in;
+ }
+ .row
+ {
+ background-color: red;
+ display: table-row;
+ min-width: 1in;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell"></div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-005.xht
new file mode 100644
index 0000000000..e819a4c967
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-005.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../../reference/pass_if_square_96px_black.html"/>
+ <meta name="assert" content="The 'min-width' property applies to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ min-width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-006.xht
new file mode 100644
index 0000000000..38a94800f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-006.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../../reference/pass_if_square_96px_black.html"/>
+ <meta name="assert" content="The 'min-width' property applies to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ min-width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ height: 1in;
+
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-007.xht
new file mode 100644
index 0000000000..bcf008d14e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-007.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../../reference/pass_if_square_96px_black.html"/>
+ <meta name="assert" content="The 'min-width' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ height: 1in;
+ min-width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-008.xht
new file mode 100644
index 0000000000..bd56072be9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-008.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The 'min-width' property does not apply to elements with 'display' set to 'inline'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background-color: red;
+ color: green;
+ display: inline;
+ font: 100px/1 Ahem;
+ min-width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div>A</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-009.xht
new file mode 100644
index 0000000000..dad5efa932
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-009.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'min-width' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ div
+ {
+ width: 0.5in;
+ }
+ span
+ {
+ background: black;
+ display: block;
+ height: 1in;
+ min-width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-010.xht
new file mode 100644
index 0000000000..7d01d9c493
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-010.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <meta name="assert" content="The 'min-width' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ #div1
+ {
+ width: 0.5in;
+ }
+ div div
+ {
+ background: black;
+ display: list-item;
+ height: 1in;
+ margin-left: 2em;
+ min-width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square and a marker bullet on its left-hand side.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-012.xht
new file mode 100644
index 0000000000..07ba0f9332
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-012.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'min-width' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ span#inline-block
+ {
+ background-color: black;
+ display: inline-block;
+ width: 0in;
+ min-width: 1in;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant">a</span>
+ <span class="block-descendant">b</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-013.xht
new file mode 100644
index 0000000000..32cdcae85f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-013.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../../reference/pass_if_square_96px_black.html"/>
+ <meta name="assert" content="The 'min-width' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ min-width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-014.xht
new file mode 100644
index 0000000000..16cb2359f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-014.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../../reference/pass_if_square_96px_black.html"/>
+ <meta name="assert" content="The 'min-width' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ display: inline-table;
+ table-layout: fixed;
+ min-width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-015.xht
new file mode 100644
index 0000000000..aac74f7bee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-015.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-width applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'min-width' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ background: black;
+ display: table-caption;
+ height: 1in;
+ min-width: 1in;
+ width: 0in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-016.xht
new file mode 100644
index 0000000000..25a1121004
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-016.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min-Width applied to none</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="Min-Width can be declared onto 'display: none' elements but since 'display: none' declaration on an element does not generate a CSS box, then it won't have a rendering effect nor a visual formatting repercussion." />
+ <style type="text/css">
+ div
+ {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+ }
+ span
+ {
+ display: none;
+ width: 0;
+ min-width: 100px;
+ height: 100px;
+ background-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-001.xht
new file mode 100644
index 0000000000..f5da05c32b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-001.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Using percentages with 'min-width' relative to the containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="max-width-percentage-001-ref.xht" />
+
+ <meta name="assert" content="The percentage is calculated in relation to the containing block." />
+ <style type="text/css">
+ div div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ width: 2in;
+ height: 1in;
+ }
+ #div2
+ {
+ background: blue;
+ min-width: 50%;
+ width: 0;
+ }
+ #div3
+ {
+ background: orange;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same width</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-002.xht
new file mode 100644
index 0000000000..51e5b64719
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-002.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Percentage based value for 'min-width' contained by box with a negative 'width'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="If the containing block's width is negative, the used value is zero." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ width: 100px;
+ }
+ #div2
+ {
+ left: 120px;
+ position: absolute;
+ right: 120px;
+ width: auto;
+ }
+ #div3
+ {
+ background-color: red;
+ height: 1in;
+ min-width: 200%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-003.xht
new file mode 100644
index 0000000000..83fbb61b38
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-003.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Using 'min-width' with 'width' dependent on the containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <meta name="assert" content="If the containing block's width depends on this element's width, then the resulting layout is undefined." />
+ <style type="text/css">
+ #div1
+ {
+ background-color: red;
+ float: left;
+ }
+ div div
+ {
+ background-color: green;
+ min-width: 200%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is anything displayed below.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-001-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-001-ref.html
new file mode 100644
index 0000000000..e98059a69f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-001-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<style>
+html, body {
+ margin: 0;
+}
+html {
+ margin-left: 10px;
+}
+outer {
+ display: block;
+ border: blue 10px solid;
+ width: 100px;
+}
+inner {
+ display: block;
+ border: orange 10px solid;
+ margin-left: -20px;
+ margin-right: -50px;
+ height: 10px;
+}
+</style>
+<body>
+ <outer>
+ <inner></inner>
+ </outer>
+ <outer>
+ <inner></inner>
+ </outer>
+ <outer>
+ <inner></inner>
+ </outer>
+ <outer>
+ <inner></inner>
+ </outer>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-001.html
new file mode 100644
index 0000000000..597516d512
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-001.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<title>Negative margins in LTR/RTL and BFC/non-BFC</title>
+<link rel="author" title="Koji Ishii" href="kojii@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#margin-properties" title="Margin properties">
+<link rel="match" href="negative-margin-001-ref.html">
+<style>
+html, body {
+ margin: 0;
+}
+html {
+ margin-left: 10px;
+}
+outer {
+ display: block;
+ border: blue 10px solid;
+ width: 100px;
+}
+inner {
+ display: block;
+ border: orange 10px solid;
+ margin-left: -20px;
+ margin-right: -50px;
+ height: 10px;
+}
+inner.bfc {
+ overflow: hidden;
+}
+</style>
+<body>
+ <outer>
+ <inner></inner>
+ </outer>
+ <outer dir="rtl">
+ <inner></inner>
+ </outer>
+ <outer>
+ <inner class="bfc"></inner>
+ </outer>
+ <outer dir="rtl">
+ <inner class="bfc"></inner>
+ </outer>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-shrinking-container-size-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-shrinking-container-size-001.html
new file mode 100644
index 0000000000..dc61db5830
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-shrinking-container-size-001.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>Last block with negative in container that reduces container height</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins">
+<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width:200px; background:red;">
+ <div style="height:200px;">
+ <div style="height:80px; background:green;"></div>
+ </div>
+ <div style="margin-top:-120px; height:20px; background:green;"></div>
+</div>
+<div style="width:200px; height:100px; background:green;"></div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-shrinking-container-size-002.html b/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-shrinking-container-size-002.html
new file mode 100644
index 0000000000..37e9b3559d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-shrinking-container-size-002.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<title>Last block with negative in container that reduces container height</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins">
+<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="overflow:hidden; width:200px; background:red;">
+ <div style="height:200px; background:green;"></div>
+ <div style="height:200px; margin-bottom:-200px;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/overflow-scroll-paint-order-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/overflow-scroll-paint-order-ref.html
new file mode 100644
index 0000000000..4ea2b5daa6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/overflow-scroll-paint-order-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<div style="width: 100px; height: 100px; background: green; position: relative">
+ <div style="width: 50px; height: 50px; background: blue; position: absolute; top: 20px; left: 20px"></div>
+ <div style="width: 50px; height: 50px; background: magenta; position: absolute; top: 0; left: 0"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/overflow-scroll-paint-order.html b/testing/web-platform/tests/css/CSS2/normal-flow/overflow-scroll-paint-order.html
new file mode 100644
index 0000000000..a0813ae469
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/overflow-scroll-paint-order.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<title>Overflow:scroll paint order</title>
+<link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html">
+<link rel="match" href="overflow-scroll-paint-order-ref.html">
+<style>
+ #scroller {
+ background: red;
+ padding: 20px;
+ box-sizing: border-box;
+ width: 100px;
+ height: 100px;
+ overflow: scroll;
+ }
+ #negative-margin {
+ width: 100px;
+ height: 100px;
+ background: green;
+ margin-top: -100px;
+ }
+ #foreground1 {
+ display: inline-block;
+ width: 50px;
+ height: 50px;
+ background: blue;
+ }
+ #foreground2 {
+ display: inline-block;
+ width: 50px;
+ height: 50px;
+ background: magenta;
+ }
+</style>
+<!-- The paint order should be:
+ scroller background (invisible)
+ scroller child background (invisible)
+ negative-margin background (visible)
+ foreground1 (visible)
+ foreground2 (visible)
+-->
+<div id="scroller">
+ <div style="height: 200px; background: yellow">
+ <div id="foreground1"></div>
+ </div>
+</div>
+<div id="negative-margin">
+ <div id="foreground2"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-elements-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-elements-001.xht
new file mode 100644
index 0000000000..89d3d3956a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-elements-001.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: replaced elements - margin</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" />
+ <meta name="assert" content="Block-level, replaced elements with 'margin-left: auto' and 'margin-right: auto' should be centered within their respective parent block." />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ line-height: 0;
+ margin: 1em;
+ }
+
+ input
+ {
+ background-color: orange;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ width: auto;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is 1 orange stripe horizontally centered within each of 2 wide green bars.</p>
+
+ <div>
+ <input type="button" value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" />
+ </div>
+
+ <form action="">
+ <div>
+ <input type="submit" value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" />
+ </div>
+ </form>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-001-ref.xht
new file mode 100644
index 0000000000..d48d43e00a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-001-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ html
+ {
+ margin: 8px;
+ width: 150px;
+ }
+
+ body, p {margin: 0;}
+
+ div
+ {
+ background-color: green;
+ border: lime solid 2px;
+ height: 150px;
+ margin: -2px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square exactly fitting inside a bright green border and no red.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-001.xht
new file mode 100644
index 0000000000..7cbb65bf09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Replaced inline elements (using &lt;object&gt;) and SVG intrinsic widths</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/intrinsic/svg/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <link rel="match" href="replaced-intrinsic-001-ref.xht" />
+
+ <meta name="flags" content="svg"/>
+ <style type="text/css">
+ html { width: 150px; padding: 0; margin: 8px; }
+ body { padding: 0; margin: 0; }
+ p { padding: 0; margin: 0; }
+ object { width: auto; height: auto; } /* intrinsic size is 100%x100%, which is equivalent to width:100% height:auto (since height:auto on parent) */
+ .control { background: red; width: 150px; height: 150px; border: solid lime 2px; margin: -2px; position: absolute; z-index: -1; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square exactly fitting inside a bright green border and no red.</p>
+ <p class="control">FAIL (absolute positioning not supported) </p>
+ <p><object data="support/replaced-intrinsic-001.svg" type="image/svg+xml"> FAIL (SVG not supported) </object></p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-002-ref.xht
new file mode 100644
index 0000000000..16ec5f2319
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-002-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ font: 16px/20px serif;
+ margin: 0;
+ }
+
+ div
+ {
+ background-color: green;
+ height: 150px;
+ width: 150px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and no red.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-002.xht
new file mode 100644
index 0000000000..817a6227d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-002.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Replaced inline elements (using &lt;object&gt;) and SVG intrinsic widths (negative test equivalent of 001)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/intrinsic/svg/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <link rel="match" href="replaced-intrinsic-002-ref.xht" />
+
+ <meta name="flags" content="svg"/>
+ <style type="text/css">
+ html { width: 150px; padding: 0; margin: 8px; position: relative; }
+ body { padding: 0; margin: 0; }
+ p { font: 16px/20px serif; padding: 0; margin: 0; }
+ object { width: auto; height: auto; } /* intrinsic size is 100%x100%, which is equivalent to width:100% height:auto (since height:auto on parent) */
+ div { position: absolute; top: 20px; left: 0; height: 150px; width: 150px; background: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test&nbsp;passes&nbsp;if&nbsp;there&nbsp;is&nbsp;a&nbsp;filled&nbsp;green&nbsp;square&nbsp;and&nbsp;no&nbsp;red. <object data="support/replaced-intrinsic-002.svg" type="image/svg+xml"> FAIL (SVG not supported) </object> </p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-003-ref.xht
new file mode 100644
index 0000000000..58acdaff9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-003-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-spacing: 0px;
+ margin: 1em 0px;
+ }
+
+ td {padding: 0px;}
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <table>
+ <tr><td><img src="support/test-tl.png" alt="Image download support must be enabled" /></td><td><img src="support/test-tr.png" alt="Image download support must be enabled" /></td></tr>
+ <tr><td><img src="support/test-bl.png" alt="Image download support must be enabled" /></td><td><img src="support/test-br.png" alt="Image download support must be enabled" /></td></tr>
+ </table>
+
+ <p>Test passes if there is a complete unbroken yin-yang symbol (&#x262F;) above.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-003.xht
new file mode 100644
index 0000000000..e68c0bebe7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Replaced block elements (using &lt;object&gt;) and SVG intrinsic widths</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/intrinsic/svg/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <link rel="match" href="replaced-intrinsic-003-ref.xht" />
+
+ <meta name="flags" content="image svg"/>
+ <style type="text/css">
+ html { background: white; }
+ body { background: 100px 0 url(support/test-tr.png) no-repeat; }
+ div { width: 200px; background: url(support/test-bl.png) bottom left no-repeat; }
+ div p { background: url(support/test-tl.png) top left no-repeat; }
+ object { display: block; margin: auto; padding-right: 100px; background: url(support/test-br.png) bottom right no-repeat; }
+ </style>
+ </head>
+ <body>
+ <div><p><object data="support/replaced-intrinsic-003.svg" type="image/svg+xml"> FAIL (SVG not supported) </object></p></div>
+ <p>Test passes if there is a complete unbroken yin-yang symbol (&#x262F;) above.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-004.xht
new file mode 100644
index 0000000000..ce8c0a1aba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-004.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Auto Intrinsic Sizes: Intrinsic Height Only and Specified Width</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="svg" />
+ <meta name="assert" content="An inline replaced element with an intrinsic height only
+ and a specified width is drawn at the specified width and intrinsic height." />
+ <style type="text/css">
+ object {
+ border: solid 20px red;
+ background: green;
+ width: 60px;
+ }
+ .control {
+ position: absolute;
+ border: solid 20px green;
+ height: 60px;
+ width: 60px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div class="control"></div>
+ <div class="container">
+ <object data="support/replaced-intrinsic-004.svg" type="image/svg+xml">FAIL: SVG support required</object>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-005-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-005-ref.xht
new file mode 100644
index 0000000000..e0efaf7c7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-005-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 190px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-005.xht
new file mode 100644
index 0000000000..6f5db58ba8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-005.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Auto Intrinsic Sizes: Intrinsic Width Only and Auto Height</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <link rel="match" href="replaced-intrinsic-005-ref.xht" />
+
+ <meta name="flags" content="svg" />
+ <meta name="assert" content="A replaced element with an intrinsic height only
+ and a specified width is drawn at the specified width and intrinsic height." />
+ <style type="text/css">
+ object {
+ border: red solid 20px;
+ background: green;
+ }
+ .control {
+ border: green solid 20px;
+ height: 150px;
+ position: absolute;
+ width: 60px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div class="control"></div>
+ <div><object data="support/replaced-intrinsic-005.svg" type="image/svg+xml">FAIL: SVG support required</object></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-ratio-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-ratio-001.xht
new file mode 100644
index 0000000000..e4bb298226
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-ratio-001.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Auto Width for Replaced Element with Intrinsic Ratio Only</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
+
+ <!--
+ <link rel="help" href="http://www.w3.org/TR/SVGTiny12/coords.html#IntrinsicSizing" />
+ -->
+
+ <meta name="flags" content="may svg" />
+
+ <style type="text/css">
+ body { width: 15em; border: silver dashed 1px; }
+ table { border-spacing: 0; }
+ td { padding: 0; }
+ p, table { height: 1em; line-height: 1em; margin: 6em 0; }
+
+ /* basic tests for inline and block */
+ #img1 { margin-top: -1em; }
+ #img2 { display: block; }
+
+ /* shrinkwrapped */
+ #p3 { width: 100%; float: left; margin: 0; }
+ #t4 { width: 15em; display: table-cell; }
+ #t5 { width: 100%; }
+
+ /* controls */
+ object { background: red; }
+ object, .control { border: blue solid 1em; margin: 0 1em; }
+
+ .control { background: green; }
+ .inst { height: auto; margin: 1em 0; }
+ </style>
+ </head>
+ <body>
+ <p class="inst">Test passes if the following 6 blue rectangles have the same width and if there is no red.</p>
+ <p class="control">&nbsp;</p>
+ <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+ <!-- sizing is against containing block, not available space -->
+ <object id="img1" type="image/svg+xml" data="support/intrinsic-ratio.svg">This test won't work because you do not have images enabled.</object></p>
+ <p><object id="img2" type="image/svg+xml" data="support/intrinsic-ratio.svg">This test won't work because you do not have images enabled.</object></p>
+ <p id="t4"><object id="img4" type="image/svg+xml" data="support/intrinsic-ratio.svg">This test won't work because you do not have images enabled.</object></p>
+ <table id="t5"><tr><td><object id="img5" type="image/svg+xml" data="support/intrinsic-ratio.svg">This test won't work because you do not have images enabled.</object></td></tr></table>
+ <p id="p3"><object id="img3" type="image/svg+xml" data="support/intrinsic-ratio.svg">This test won't work because you do not have images enabled.</object></p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-min-max-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-min-max-001.xht
new file mode 100644
index 0000000000..40927cda21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-min-max-001.xht
@@ -0,0 +1,314 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Min/Max Height and Width Constraints on Replaced Elements</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/intrinsic/001.html" type="text/html"/>
+ <meta name="flags" content="image"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <style type="text/css"><![CDATA[
+
+ /* Make test easier to check */
+ p { display: inline; }
+
+ /* Diagrams are scaled so that w and h line up.
+ Image is 75px x 75px; target dimensions will thus be 75px. */
+
+ /* none
+ *
+ * wmin w wmax
+ * |------------------+------+---------+------> width
+ * hmin h hmax
+ * |-------------+-----------+-----+----------> height
+ *
+ * target: [w, h]
+ */
+
+ #img1 {min-width: 60px;
+ max-width: 105px;
+ min-height: 45px;
+ max-height: 120px;}
+
+ /* w > max-width
+ * wmax/w > hmin/h
+ * wmax w
+ * |------------------+------+----------------> width
+ * hmin h
+ * |------------+------------+----------------> height
+ *
+ * target: [wmax, wmax * h/w]
+ */
+
+ #img2 {max-width: 75px; /* 50% */
+ min-height: 60px; /* 40% */}
+
+ /* w > max-width
+ * wmax/w < hmin/h
+ *
+ * wmax w
+ * |-------------+-----------+----------------> width
+ * hmin h
+ * |------------------+------+----------------> height
+ *
+ * target: [wmax, hmin]
+ */
+
+ #img3 {max-width: 75px; /* 25% */
+ min-height: 75px; /* 50% */}
+
+ /* w < min-width
+ * wmin/w < hmax/h
+ *
+ * w wmin
+ * |-------------+---------+------------------> width
+ * h hmax
+ * |-------------+----------------+-----------> height
+ *
+ * target: [wmin, wmin * h/w]
+ */
+
+ #img4 {min-width: 75px; /* 300% */
+ max-height: 100px; /* 400% */}
+
+ /* w < min-width
+ * wmin/w > hmax/h
+ *
+ * w wmin
+ * |-------------+----------------+-----------> width
+ * h hmax
+ * |-------------+---------+------------------> height
+ *
+ * target: [wmin, hmax]
+ */
+
+ #img5 {min-width: 75px; /* 300% */
+ max-height: 75px; /* 150% */}
+
+ /* h > max-height
+ * wmin/w < hmax/h
+ *
+ * wmin w
+ * |------------+------------+----------------> width
+ * hmax h
+ * |------------------+------+----------------> height
+ *
+ * target: [hmax * w/h, hmax]
+ */
+
+ #img6 {min-width: 60px; /* 40% */
+ max-height: 75px; /* 50% */}
+
+ /* h > max-height
+ * wmin/w > hmax/h
+ *
+ * wmin w
+ * |------------------+------+----------------> width
+ * hmax h
+ * |-------------+-----------+----------------> height
+ *
+ * target: [wmin, hmax]
+ */
+
+ #img7 {min-width: 75px; /* 50% */
+ max-height: 75px; /* 25% */}
+
+ /* h < min-height
+ * wmax/w > hmin/h
+ *
+ * w wmax
+ * |-------------+----------------+-----------> height
+ * h hmin
+ * |-------------+---------+------------------> width
+ *
+ * target: [hmin * w/h, hmin]
+ */
+
+ #img8 {max-width: 100px; /* 400% */
+ min-height: 75px; /* 300% */}
+
+ /* w < min-width
+ * wmax/w < hmin/h
+ *
+ * w wmax
+ * |-------------+---------+------------------> width
+ * h hmin
+ * |-------------+----------------+-----------> height
+ *
+ * target: [wmax, hmin]
+ */
+
+ #img9 {max-width: 75px; /* 150% */
+ min-height: 75px; /* 300% */}
+
+ /* (w > max-width) and (h > max-height)
+ * (wmin/w > hmax/h) and (wmin/w > hmax/h)
+ *
+ * wmin wmax w
+ * |------------------+------+-------+--------> width
+ * hmax h
+ * |-------------+-------------------+--------> height
+ *
+ * target: [wmin, hmax]
+ */
+
+ #img10 { min-width: 75px; /* 25% */
+ max-width: 150px; /* 50% */
+ max-height: 75px; /* 20% */}
+
+ /* (w > max-width) and (h > max-height)
+ * (wmax/w > hmax/h) and (wmin/w < hmax/h)
+ *
+ * wmin wmax w
+ * |---------+---------------+-------+--------> width
+ * hmax h
+ * |-------------+-------------------+--------> height
+ *
+ * target: [hmax * w/h, hmax]
+ */
+
+ #img11 { min-width: 25px; /* 10% */
+ max-width: 225px; /* 90% */
+ max-height: 75px; /* 30% */}
+
+ /* (w > max-width) and (h > max-height)
+ * (wmax/w < hmax/h) and (wmax/w < hmin/h)
+ *
+ * wmax w
+ * |-------------+-------------------+--------> width
+ * hmin hmax h
+ * |------------------+------+-------+--------> height
+ *
+ * target: [wmax, hmin]
+ */
+
+ #img12 { max-width: 75px; /* 20% */
+ min-height: 75px; /* 25% */
+ max-height: 150px; /* 50% */}
+
+ /* (w > max-width) and (h > max-width)
+ * (wmax/w < hmax/h) and (wmax/w > hmin/h)
+ *
+ * wmax w
+ * |-------------+-------------------+--------> width
+ * hmin hmax h
+ * |---------+---------------+-------+--------> height
+ *
+ * target: [wmax, wmax * h/w]
+ */
+
+ #img13 { max-width: 75px; /* 30% */
+ min-height: 25px; /* 10% */
+ max-height: 225px; /* 90% */}
+
+ /* (w < min-width) and (h < min-height)
+ * (wmin/w < hmin/h) and (wmax/w > hmin/h)
+ *
+ * w wmin wmax
+ * |----------+---------+----------+----------> width
+ * h hmin
+ * |----------+-------------+-----------------> height
+ *
+ * target: [hmin * w/h, hmin]
+ */
+
+ #img14 { min-width: 50px; /* 200% */
+ max-width: 100px; /* 400% */
+ min-height: 75px; /* 300% */}
+
+ /* (w < min-width) and (h < min-height)
+ * (wmin/w < hmin/h) and (wmax/w < hmin/h)
+ *
+ * w wmin wmax
+ * |----------+---------+----------+----------> width
+ * h hmin
+ * |----------+------------------------+------> height
+ *
+ * target: [wmax, hmin]
+ */
+
+ #img15 { min-width: 55px; /* 110% */
+ max-width: 75px; /* 150% */
+ min-height: 75px; /* 300% */}
+
+ /* (w < min-width) and (h < min-height)
+ * (wmin/w > hmin/h) and (wmin/w < hmax/h)
+ *
+ * w wmin
+ * |----------+-------------+-----------------> width
+ * h hmin hmax
+ * |----------+---------+----------+----------> height
+ *
+ * target: [wmin, wmin * h/w]
+ */
+
+ #img16 { min-width: 75px; /* 300% */
+ min-height: 50px; /* 200% */
+ max-height: 100px; /* 400% */}
+
+ /* (w < min-width) and (h < min-height)
+ * (wmin/w > hmin/h) and (wmin/w > hmax/h)
+ * w wmin
+ * |----------+------------------------+------> width
+ * h hmin hmax
+ * |----------+---------+----------+----------> height
+ *
+ * target: [wmin, hmax]
+ */
+
+ #img17 { min-width: 75px; /* 300% */
+ min-height: 55px; /* 110% */
+ max-height: 75px; /* 150% */}
+
+ /* (w < min-width) and (h > max-height)
+ *
+ * w wmin
+ * |-------------------------+-----+----------> width
+ * hmax h
+ * |------------------+------+----------------> height
+ *
+ * target: [wmin, hmax]
+ */
+
+ #img18 { min-width: 75px; /* 150% */
+ max-height: 75px; /* 75% */}
+
+ /* (w > max-width) and (h < min-height)
+ *
+ * wmax w
+ * |------------------+------+----------------> width
+ * h hmin
+ * |-------------------------+-----+----------> height
+ *
+ * target: [wmax, hmin]
+ */
+
+ #img19 { max-width: 75px; /* 75% */
+ min-height: 75px; /* 150% */}
+
+ ]]></style>
+ </head>
+ <body>
+ <div>All twenty images should be identically square.</div>
+ <p><img src="support/replaced-min-max.png" alt="FAIL" title="Test 0"/></p> <!-- Control -->
+ <p><img src="support/replaced-min-max-1.png" alt="FAIL" title="Test 1" id="img1"/></p> <!-- Wi=75, Hi=75 -->
+ <p><img src="support/replaced-min-max-2.png" alt="FAIL" title="Test 2" id="img2"/></p> <!-- Wi=150, Hi=150 -->
+ <p><img src="support/replaced-min-max-3.png" alt="FAIL" title="Test 3" id="img3"/></p> <!-- Wi=300, Hi=150 -->
+ <p><img src="support/replaced-min-max-4.png" alt="FAIL" title="Test 4" id="img4"/></p> <!-- Wi=25, Hi=25 -->
+ <p><img src="support/replaced-min-max-5.png" alt="FAIL" title="Test 5" id="img5"/></p> <!-- Wi=25, Hi=50 -->
+ <p><img src="support/replaced-min-max-6.png" alt="FAIL" title="Test 6" id="img6"/></p> <!-- Wi=150, Hi=150 -->
+ <p><img src="support/replaced-min-max-7.png" alt="FAIL" title="Test 7" id="img7"/></p> <!-- Wi=150, Hi=300 -->
+ <p><img src="support/replaced-min-max-8.png" alt="FAIL" title="Test 8" id="img8"/></p> <!-- Wi=25, Hi=25 -->
+ <p><img src="support/replaced-min-max-9.png" alt="FAIL" title="Test 9" id="img9"/></p> <!-- Wi=50, Hi=25 -->
+ <p><img src="support/replaced-min-max-10.png" alt="FAIL" title="Test 10" id="img10"/></p> <!-- Wi=300, Hi=375 -->
+ <p><img src="support/replaced-min-max-11.png" alt="FAIL" title="Test 11" id="img11"/></p> <!-- Wi=250, Hi=250 -->
+ <p><img src="support/replaced-min-max-12.png" alt="FAIL" title="Test 12" id="img12"/></p> <!-- Wi=375, Hi=300 -->
+ <p><img src="support/replaced-min-max-13.png" alt="FAIL" title="Test 13" id="img13"/></p> <!-- Wi=250, Hi=250 -->
+ <p><img src="support/replaced-min-max-14.png" alt="FAIL" title="Test 14" id="img14"/></p> <!-- Wi=25, Hi=25 -->
+ <p><img src="support/replaced-min-max-15.png" alt="FAIL" title="Test 15" id="img15"/></p> <!-- Wi=50, Hi=25 -->
+ <p><img src="support/replaced-min-max-16.png" alt="FAIL" title="Test 16" id="img16"/></p> <!-- Wi=25, Hi=25 -->
+ <p><img src="support/replaced-min-max-17.png" alt="FAIL" title="Test 17" id="img17"/></p> <!-- Wi=25, Hi=50 -->
+ <p><img src="support/replaced-min-max-18.png" alt="FAIL" title="Test 18" id="img18"/></p> <!-- Wi=50, Hi=100 -->
+ <p><img src="support/replaced-min-max-19.png" alt="FAIL" title="Test 19" id="img19"/></p> <!-- Wi=100, Hi=50 -->
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/resizable-iframe-paint-order-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/resizable-iframe-paint-order-ref.html
new file mode 100644
index 0000000000..ef067c82b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/resizable-iframe-paint-order-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<div style="width: 100px; height: 100px; box-sizing: border-box;
+ border: 30px solid green; background: lime">
+<div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/resizable-iframe-paint-order.html b/testing/web-platform/tests/css/CSS2/normal-flow/resizable-iframe-paint-order.html
new file mode 100644
index 0000000000..574df950ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/resizable-iframe-paint-order.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<title>Resizable iframe paint order</title>
+<link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html">
+<link rel="match" href="resizable-iframe-paint-order-ref.html">
+<!-- Ignore the resizer which may be visible or invisible depending on
+ in which paint phase the browser paint the resizer. -->
+<meta name="fuzzy" content="0-255;0-200">
+<style>
+ iframe {
+ display: block;
+ background: red;
+ width: 100px;
+ height: 100px;
+ padding: 30px;
+ border: none;
+ resize: both;
+ box-sizing: border-box;
+ }
+ #negative-margin {
+ width: 100px;
+ height: 100px;
+ background: green;
+ margin-top: -100px;
+ }
+</style>
+<iframe srcdoc="<style>html { background: lime; }</style>"></iframe>
+<!-- #negative-margin should paint on top of the background of the iframe
+ (but not the contents). -->
+<div id="negative-margin"></div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/root-box-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/root-box-001-ref.xht
new file mode 100644
index 0000000000..fc396c4419
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/root-box-001-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: green;
+ margin: 1em;
+ }
+
+ p
+ {
+ background-color: white;
+ padding: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This text should be in a white box surrounded by green that extends to all edges of the viewport.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/root-box-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/root-box-001.xht
new file mode 100644
index 0000000000..2863619a50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/root-box-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Placing the root element</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/root/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#Computing_heights_and_margins" />
+ <link rel="match" href="root-box-001-ref.xht" />
+
+ <style type="text/css">
+ html { margin: 1em; border: 1em solid red; padding: 0; background: green; }
+ body { margin: 0; border: 0; padding: 0; background: red; }
+ p { margin: -1em; border: 0; padding: 1em; background: white; }
+ </style>
+ </head>
+ <body>
+ <p>This text should be in a white box surrounded by green that extends
+ to all edges of the viewport.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-gray.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-gray.png
new file mode 100644
index 0000000000..4922e5f266
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-gray.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/black96x96.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/black96x96.png
new file mode 100644
index 0000000000..4e5a7c7546
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/black96x96.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/blue96x96.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/blue96x96.png
new file mode 100644
index 0000000000..820f8cace2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/blue96x96.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/cat.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/diamond.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/green-rectangle-50wideBy10tall.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/green-rectangle-50wideBy10tall.png
new file mode 100644
index 0000000000..9f43666ee5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/green-rectangle-50wideBy10tall.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/green.html b/testing/web-platform/tests/css/CSS2/normal-flow/support/green.html
new file mode 100644
index 0000000000..7f10fadc7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/green.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<body style="background: green"></body>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/green15x15.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/green200x200.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/green200x200.png
new file mode 100644
index 0000000000..7a47c0e5e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/green200x200.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/intrinsic-ratio.svg b/testing/web-platform/tests/css/CSS2/normal-flow/support/intrinsic-ratio.svg
new file mode 100644
index 0000000000..e57abd206f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/intrinsic-ratio.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.0"
+ viewBox="0 0 1000 250" preserveAspectRatio="xMinYMin meet"
+ xmlns="http://www.w3.org/2000/svg">
+ <!-- This rectangle goes from (0,0) to (1500,1000) in user space.
+ Because of the viewBox attribute above,
+ the rectangle will end up filling the entire area
+ reserved for the SVG content. -->
+ <rect x="0" y="0" width="1000" height="250"
+ fill="lime" stroke="green" stroke-width="12" />
+ <!-- A large, red triangle -->
+ <path fill="green" d="M 500,50 L 150,200 L 850,200 z"/>
+</svg> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/margin-collapse-2em-space.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/margin-collapse-2em-space.png
new file mode 100644
index 0000000000..2c381ef4dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/margin-collapse-2em-space.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-001.svg b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-001.svg
new file mode 100644
index 0000000000..c0aa7222af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-001.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg"> <!-- width="100%" height="100%" is implied, so intrinsic size is 100%x100% -->
+ <rect x="0" y="0" width="300" height="200" fill="green"/>
+</svg> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-002.svg b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-002.svg
new file mode 100644
index 0000000000..081fb46418
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-002.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg"> <!-- width="100%" height="100%" is implied, so intrinsic size is 100%x100% -->
+ <rect x="0" y="0" width="300" height="200" fill="red"/>
+</svg> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-003.svg b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-003.svg
new file mode 100644
index 0000000000..9585a24329
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-003.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="10 10 1 2">
+ <!-- width="100%" height="100%" is implied, so intrinsic size is 100%x100% -->
+ <!-- intrinsic ratio is 2:1 due to viewBox -->
+</svg> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-004.svg b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-004.svg
new file mode 100644
index 0000000000..d9ab032d5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-004.svg
@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="100%" height="60px"/>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-005.svg b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-005.svg
new file mode 100644
index 0000000000..bc44625d65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-005.svg
@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="60px"/>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-1.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-1.png
new file mode 100644
index 0000000000..6e4ec9538f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-1.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-10.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-10.png
new file mode 100644
index 0000000000..bfdca3e6f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-10.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-11.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-11.png
new file mode 100644
index 0000000000..38ee90dda0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-11.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-12.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-12.png
new file mode 100644
index 0000000000..87433d4d7b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-12.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-13.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-13.png
new file mode 100644
index 0000000000..c07d66e788
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-13.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-14.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-14.png
new file mode 100644
index 0000000000..e89dbe9758
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-14.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-15.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-15.png
new file mode 100644
index 0000000000..717ea111b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-16.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-16.png
new file mode 100644
index 0000000000..0a49bbf1c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-16.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-17.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-17.png
new file mode 100644
index 0000000000..a2ee273d79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-17.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-18.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-18.png
new file mode 100644
index 0000000000..d18f453417
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-18.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-19.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-19.png
new file mode 100644
index 0000000000..8900f36c41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-19.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-2.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-2.png
new file mode 100644
index 0000000000..58338097fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-2.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-3.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-3.png
new file mode 100644
index 0000000000..a7a68a2caa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-3.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-4.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-4.png
new file mode 100644
index 0000000000..c099ae4271
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-4.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-5.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-5.png
new file mode 100644
index 0000000000..9d9d8105ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-5.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-6.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-6.png
new file mode 100644
index 0000000000..781f894a5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-6.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-7.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-7.png
new file mode 100644
index 0000000000..3f91a11f8e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-7.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-8.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-8.png
new file mode 100644
index 0000000000..69951ec257
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-8.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-9.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-9.png
new file mode 100644
index 0000000000..3ac586daa5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-9.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max.png
new file mode 100644
index 0000000000..3ef233005a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/ring.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-aqua.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-aqua.png
new file mode 100644
index 0000000000..dd47e28665
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-aqua.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-teal.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-teal.png
new file mode 100644
index 0000000000..0293ce89de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/test-bl.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/test-br.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/test-tl.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/test-tr.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/table-in-inline-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/table-in-inline-001-ref.xht
new file mode 100644
index 0000000000..b7bf352d04
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/table-in-inline-001-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test Reference</title>
+ </head>
+ <body>
+ <div>
+ aaa
+ <div>bbb</div>
+ </div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/table-in-inline-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/table-in-inline-001.xht
new file mode 100644
index 0000000000..1c8eb8ae38
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/table-in-inline-001.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: blocks inside inlines &#8211; table-pseudo-in-part3-1</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="table-in-inline-001-ref.xht"/>
+ </head>
+ <body>
+ <span style="display: table-row">
+ <span>
+ aaa
+ <span style="display: block"></span>
+ <span style="display: table-cell">bbb</span>
+ </span>
+ </span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/unresolvable-max-height.html b/testing/web-platform/tests/css/CSS2/normal-flow/unresolvable-max-height.html
new file mode 100644
index 0000000000..8a2fbb28ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/unresolvable-max-height.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>Unresolvable percentage min-height</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#min-max-heights" title="10.7 Minimum and maximum heights: 'min-height' and 'max-height'">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<div id="container" style="width:100px; height:30000px; max-height:100%;" data-expected-height="30000">
+ <div style="height:12345px;"></div>
+</div>
+<script>
+ checkLayout("#container");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/unresolvable-min-height.html b/testing/web-platform/tests/css/CSS2/normal-flow/unresolvable-min-height.html
new file mode 100644
index 0000000000..5201eddb21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/unresolvable-min-height.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<title>Unresolvable percentage min-height</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#min-max-heights" title="10.7 Minimum and maximum heights: 'min-height' and 'max-height'">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<p>There should be a blue square below.</p>
+<div id="container" style="width:100px; max-height:100px; min-height:100%; background:blue;" data-expected-height="100">
+ <div style="height:300px;"></div>
+</div>
+<script>
+ checkLayout("#container");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/video-paint-order-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/video-paint-order-ref.html
new file mode 100644
index 0000000000..9f5eebe964
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/video-paint-order-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<style>
+ video {
+ width: 95px;
+ height: 95px;
+ }
+ #negative-margin {
+ display: inline-block;
+ width: 100px;
+ height: 100px;
+ background: green;
+ margin-left: -100px;
+ }
+</style>
+<video></video>
+<div id="negative-margin"></div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/video-paint-order.html b/testing/web-platform/tests/css/CSS2/normal-flow/video-paint-order.html
new file mode 100644
index 0000000000..5c259606be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/video-paint-order.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>Video paint order</title>
+<link rel="author" title="Philip Rogers" href="pdr@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html">
+<link rel="match" href="video-paint-order-ref.html">
+<style>
+ video {
+ background: red;
+ width: 95px;
+ height: 95px;
+ }
+ #negative-margin {
+ display: inline-block;
+ width: 100px;
+ height: 100px;
+ background: green;
+ margin-left: -100px;
+ }
+</style>
+<video></video>
+<!-- #negative-margin should paint fully on top of the video. -->
+<div id="negative-margin"></div>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-001.xht
new file mode 100644
index 0000000000..490d07b436
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using pixels with a minimum minus one value, -1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'width' property sets a minimum minus one length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: 0;
+ width: -1px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-002.xht
new file mode 100644
index 0000000000..27f70297fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using pixels with a minimum value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a minimum length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: 0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-003.xht
new file mode 100644
index 0000000000..04cb1075bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-003.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using pixels with a minimum plus one value, 1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-003-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a minimum plus one length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ width: 1px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin vertical line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-004.xht
new file mode 100644
index 0000000000..0bb4504f5a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-004.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a negative zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: -0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-005.xht
new file mode 100644
index 0000000000..6c33aad874
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-005.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a positive zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: +0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-006.xht
new file mode 100644
index 0000000000..13dc9c6daa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-006.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a nominal length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ width: 96px;
+ }
+ #div2
+ {
+ border-left: 96px solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-007.xht
new file mode 100644
index 0000000000..b175a933e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-007.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using pixels with a positive nominal value, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a positive nominal length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ width: +96px;
+ }
+ #div2
+ {
+ border-left: 96px solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-012.xht
new file mode 100644
index 0000000000..a4d6749138
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-012.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using points with a minimum minus one value, -1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'width' property sets a minimum minus one length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: 0;
+ width: -1pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-013.xht
new file mode 100644
index 0000000000..fe2179984d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-013.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using points with a minimum value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a minimum length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: 0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-014.xht
new file mode 100644
index 0000000000..c0094c463b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-014.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using points with a minimum plus one value, 1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <meta name="assert" content="The 'width' property sets a minimum plus one length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ width: 1pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin vertical line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-015.xht
new file mode 100644
index 0000000000..481712f7f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-015.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a negative zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: -0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-016.xht
new file mode 100644
index 0000000000..a51692cd5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-016.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a positive zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: +0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-017.xht
new file mode 100644
index 0000000000..fc557cd39c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-017.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a nominal length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ width: 72pt;
+ }
+ #div2
+ {
+ border-left: 72pt solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-018.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-018.xht
new file mode 100644
index 0000000000..dd216b4713
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-018.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using points with a positive nominal value, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a positive nominal length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ width: +72pt;
+ }
+ #div2
+ {
+ border-left: 72pt solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-023.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-023.xht
new file mode 100644
index 0000000000..ef7537f6d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-023.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using picas with a minimum minus one value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'width' property sets a minimum minus one length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: 0;
+ width: -1pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-024.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-024.xht
new file mode 100644
index 0000000000..fce85940ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-024.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using picas with a minimum value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a minimum length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: 0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-025.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-025.xht
new file mode 100644
index 0000000000..608d1e806d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-025.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using picas with a minimum plus one value, 1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-025-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a minimum plus one length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ width: 1pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a vertical black bar.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-026.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-026.xht
new file mode 100644
index 0000000000..b6c409fb47
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-026.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a negative zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: -0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-027.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-027.xht
new file mode 100644
index 0000000000..859defc617
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-027.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a positive zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: +0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-028.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-028.xht
new file mode 100644
index 0000000000..5e4f3f2c20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-028.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a nominal length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ width: 6pc;
+ }
+ #div2
+ {
+ border-left: 6pc solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-029.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-029.xht
new file mode 100644
index 0000000000..ade1a9e6c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-029.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using picas with a positive nominal value, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a positive nominal length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ width: +6pc;
+ }
+ #div2
+ {
+ border-left: 6pc solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-034.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-034.xht
new file mode 100644
index 0000000000..12b1c3c696
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-034.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using centimeters with a minimum minus one value, -1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'width' property sets a minimum minus one length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: 0;
+ width: -1cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-035.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-035.xht
new file mode 100644
index 0000000000..dd7a308a22
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-035.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using centimeters with a minimum value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a minimum length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: 0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-036.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-036.xht
new file mode 100644
index 0000000000..bc6521526e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-036.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using centimeters with a minimum plus one value, 1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-036-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a minimum plus one length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ width: 1cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black rectangle.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-037.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-037.xht
new file mode 100644
index 0000000000..54f02b088f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-037.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a negative zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: -0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-038.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-038.xht
new file mode 100644
index 0000000000..48c68e127f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-038.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a positive zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: +0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-039.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-039.xht
new file mode 100644
index 0000000000..57befa8674
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-039.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a nominal length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ width: 2.54cm;
+ }
+ #div2
+ {
+ border-left: 2.54cm solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-040.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-040.xht
new file mode 100644
index 0000000000..1da5c24842
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-040.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using centimeters with a positive nominal value, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a positive nominal length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ width: +2.54cm;
+ }
+ #div2
+ {
+ border-left: 2.54cm solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-045.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-045.xht
new file mode 100644
index 0000000000..0090d2f3bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-045.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using millimeters with a minimum minus one value, -1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'width' property sets a minimum minus one length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: 0;
+ width: -1mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-046.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-046.xht
new file mode 100644
index 0000000000..9b54e3c472
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-046.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using millimeters with a minimum value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a minimum length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: 0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-047.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-047.xht
new file mode 100644
index 0000000000..cb575da4d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-047.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using millimeters with a minimum plus one value, 1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-047-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a minimum plus one length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ width: 1mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a vertical line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-048.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-048.xht
new file mode 100644
index 0000000000..edf0656cb3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-048.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a negative zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: -0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-049.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-049.xht
new file mode 100644
index 0000000000..8bc9ef40ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-049.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a positive zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: +0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-050.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-050.xht
new file mode 100644
index 0000000000..8e1ec3ebd3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-050.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a nominal length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ width: 25.4mm;
+ }
+ #div2
+ {
+ border-left: 25.4mm solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-051.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-051.xht
new file mode 100644
index 0000000000..34ae663d49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-051.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using millimeters with a positive nominal value, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a positive nominal length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ width: +25.4mm;
+ }
+ #div2
+ {
+ border-left: 25.4mm solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-056.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-056.xht
new file mode 100644
index 0000000000..15a4e3195c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-056.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using inches with a minimum minus one value, -1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'width' property sets a minimum minus one length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: 0;
+ width: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-057.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-057.xht
new file mode 100644
index 0000000000..873402f9e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-057.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using inches with a minimum value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a minimum length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: 0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-058.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-058.xht
new file mode 100644
index 0000000000..62156f0029
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-058.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using inches with a minimum plus one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'width' property sets a minimum plus one length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-059.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-059.xht
new file mode 100644
index 0000000000..555d270816
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-059.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a negative zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: -0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-060.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-060.xht
new file mode 100644
index 0000000000..1832dc16be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-060.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a positive zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: +0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-061.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-061.xht
new file mode 100644
index 0000000000..96b326f883
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-061.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using inches with a nominal value, 3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-061-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a nominal length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ width: 3in;
+ }
+ #div2
+ {
+ border-left: 3in solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-062.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-062.xht
new file mode 100644
index 0000000000..daff788b11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-062.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using inches with a positive nominal value, +3in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-061-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a positive nominal length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1in;
+ width: +3in;
+ }
+ #div2
+ {
+ border-left: 3in solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-067.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-067.xht
new file mode 100644
index 0000000000..4f20df1e11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-067.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using 'em' units with a minimum minus one value, -1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'width' property sets a minimum minus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ width: 0;
+ width: -1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-068.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-068.xht
new file mode 100644
index 0000000000..5b1f7996ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-068.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using 'em' units with a minimum value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'width' property sets a minimum length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ width: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-069.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-069.xht
new file mode 100644
index 0000000000..d29b1f3ece
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-069.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using 'em' units with a minimum plus one value, 1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-069-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'width' property sets a minimum plus one length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ font: 20px/1 Ahem;
+ height: 1in;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a vertical black stripe.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-070.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-070.xht
new file mode 100644
index 0000000000..42e554e8cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-070.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'width' property sets a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ width: -0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-071.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-071.xht
new file mode 100644
index 0000000000..9577a48ef8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-071.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'width' property sets a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ width: +0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-072.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-072.xht
new file mode 100644
index 0000000000..08ce84318c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-072.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'width' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ background: black;
+ height: 1in;
+ width: 6em;
+ }
+ #div2
+ {
+ border-left: 6em solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-073.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-073.xht
new file mode 100644
index 0000000000..a7d881aed9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-073.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using 'em' units with a positive nominal value, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-072-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'width' property sets a positive nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ background: black;
+ height: 1in;
+ width: +6em;
+ }
+ #div2
+ {
+ border-left: 6em solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-078.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-078.xht
new file mode 100644
index 0000000000..353a3313a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-078.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using 'ex' units with a minimum minus one value, -1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem invalid" />
+ <meta name="assert" content="The 'width' property sets a minimum minus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ width: 0;
+ width: -1ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-079.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-079.xht
new file mode 100644
index 0000000000..d7ddc2193d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-079.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using 'ex' units with a minimum value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'width' property sets a minimum length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ width: 0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-080.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-080.xht
new file mode 100644
index 0000000000..cfb5b1fa9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-080.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using 'ex' units with a minimum plus one value, 1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-025-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'width' property sets a minimum plus one length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ font: 20px/1 Ahem;
+ height: 1in;
+ width: 1ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a vertical black bar.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-081.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-081.xht
new file mode 100644
index 0000000000..18f084cd5c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-081.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'width' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ width: -0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-082.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-082.xht
new file mode 100644
index 0000000000..df9ce59284
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-082.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'width' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ font: 20px/1 Ahem;
+ height: 1in;
+ width: +0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-083.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-083.xht
new file mode 100644
index 0000000000..4619538b1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-083.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using 'ex' units with a nominal value, 6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'width' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ background: black;
+ height: 1in;
+ width: 6ex;
+ }
+ #div2
+ {
+ border-left: 1in solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-084.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-084.xht
new file mode 100644
index 0000000000..030838ff35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-084.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using 'ex' units with a positive nominal value, +6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'width' property sets a positive nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ background: black;
+ height: 1in;
+ width: +6ex;
+ }
+ #div2
+ {
+ border-left: 1in solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-089.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-089.xht
new file mode 100644
index 0000000000..29318bdde4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-089.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using percentages with a minimum minus one value, -1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'width' property sets a minimum minus one length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: 1in;
+ width: 0;
+ width: -1%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-090.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-090.xht
new file mode 100644
index 0000000000..2d2570e979
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-090.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using percentages with a minimum value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a minimum length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: 1in;
+ width: 0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-091.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-091.xht
new file mode 100644
index 0000000000..a208c0037f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-091.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using percentages with a minimum plus one value, 1%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-003-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a minimum plus one length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 100px;
+ }
+ div div
+ {
+ background: black;
+ height: 1in;
+ width: 1%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin vertical line.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-092.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-092.xht
new file mode 100644
index 0000000000..65fc878410
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-092.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using percentages with a negative zero value, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a negative zero length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: 1in;
+ width: -0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-093.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-093.xht
new file mode 100644
index 0000000000..d50f2f41e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-093.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using percentages with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a positive zero length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: 1in;
+ width: +0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-094.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-094.xht
new file mode 100644
index 0000000000..adabe533de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-094.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using percentages with a nominal value, 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a nominal length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1in;
+ }
+ #div2
+ {
+ background: black;
+ height: 1in;
+ width: 100%;
+ }
+ #div3
+ {
+ border-left: 1in solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-095.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-095.xht
new file mode 100644
index 0000000000..cfbbbd0971
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-095.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width using percentages with a positive nominal value, +100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-006-ref.xht" />
+
+ <meta name="assert" content="The 'width' property sets a positive nominal length value in percentages." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1in;
+ }
+ #div2
+ {
+ background: black;
+ height: 1in;
+ width: +100%;
+ }
+ #div3
+ {
+ border-left: 1in solid black;
+ height: 1in;
+ margin-top: 4px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 2 black squares have the <strong>same width</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-100.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-100.xht
new file mode 100644
index 0000000000..a33fbf25f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-100.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width with a negative zero value and no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a negative zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: -0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-101.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-101.xht
new file mode 100644
index 0000000000..93d94799e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-101.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width with a zero value and no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-102.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-102.xht
new file mode 100644
index 0000000000..55427fe3fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-102.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width with a positive zero value and no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property sets a positive zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ width: +0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-103-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-103-ref.xht
new file mode 100644
index 0000000000..c22ed60768
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-103-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide black rectangle.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-103.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-103.xht
new file mode 100644
index 0000000000..0fa4c02239
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-103.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width set to a value of 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="width-103-ref.xht" />
+
+ <meta name="assert" content="The 'width' property applies a value of 'auto'." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ width: 0;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a wide black rectangle.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-104.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-104.xht
new file mode 100644
index 0000000000..014d4a5be2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-104.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-003-ref.xht" />
+
+ <meta name="assert" content="The 'width' property properly inherits the width value of the parent." />
+ <style type="text/css">
+ #div1
+ {
+ width: 1px;
+ }
+ div div
+ {
+ background: black;
+ height: 1in;
+ width: 0;
+ width: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a thin vertical line.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-001.xht
new file mode 100644
index 0000000000..e77f82de78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-001.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'width' property does not apply to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-color: black;
+ display: table-row-group;
+ width: 0in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-002.xht
new file mode 100644
index 0000000000..e4856351ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-002.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'width' property does not apply to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-color: black;
+ display: table-header-group;
+ width: 0in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-003.xht
new file mode 100644
index 0000000000..1ba87769ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-003.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'width' property does not apply to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ background-color: black;
+ display: table-footer-group;
+ width: 0in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div id="test">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-004.xht
new file mode 100644
index 0000000000..bb38445c63
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-004.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'width' property does not apply to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ background-color: black;
+ display: table-row;
+ width: 0in;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-005.xht
new file mode 100644
index 0000000000..7a2d437e57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-005.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../../reference/pass_if_square_96px_black.html"/>
+ <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ width: 1in;
+ }
+
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ height: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-006.xht
new file mode 100644
index 0000000000..325820c769
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-006.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ .test
+ {
+ background: black;
+ display: table-column;
+ width: 0.5in;
+ }
+
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 2in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div class="test"></div>
+ <div class="test"></div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div><div class="cell"></div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div><div class="cell"></div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-007.xht
new file mode 100644
index 0000000000..e8f94ed296
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-007.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ background: black;
+ display: table-cell;
+ height: 0.5in;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-008.xht
new file mode 100644
index 0000000000..6079c75797
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-008.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="The 'width' property does not apply to elements with 'display' set to 'inline'." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ display: inline;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-009.xht
new file mode 100644
index 0000000000..2beb85f29a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-009.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ background: black;
+ display: block;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-010.xht
new file mode 100644
index 0000000000..acd3bf2ba4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-010.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ display: list-item;
+ height: 1in;
+ margin-left: 2em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-012.xht
new file mode 100644
index 0000000000..d94cd05f96
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-012.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ span#inline-block
+ {
+ background-color: black;
+ display: inline-block;
+ width: 1in;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a filled black square.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant">a</span>
+ <span class="block-descendant">b</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-013.xht
new file mode 100644
index 0000000000..7bd664ea02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-013.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ background-color: black;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-014.xht
new file mode 100644
index 0000000000..46c0542866
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-014.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ background-color: black;
+ display: inline-table;
+ table-layout: fixed;
+ width: 1in;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-015.xht
new file mode 100644
index 0000000000..d068f427cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+
+ <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ background: black;
+ display: table-caption;
+ height: 1in;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-016.xht
new file mode 100644
index 0000000000..d66fecb1e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-016.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width applied to elements set to 'display: none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="assert" content="Width can be declared onto 'display: none' elements but since 'display: none' declaration on an element does not generate a CSS box, then it won't have a rendering effect nor a visual formatting repercussion." />
+ <style type="text/css">
+ div div
+ {
+ display: none;
+ width: 1in;
+ }
+ div
+ {
+ background: red;
+ height: 1in;
+ position: absolute;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-inherit-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-inherit-001.xht
new file mode 100644
index 0000000000..5b070aad87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-inherit-001.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inheriting Explicit Widths</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="match" href="block-non-replaced-width-001-ref.xht" />
+
+
+ <meta name="assert" content="The computed width is inherited, even if the
+ 'width' property does not apply."/>
+ <style type="text/css">
+ .outer {
+ width: 9.375em; /* 150px */
+ }
+ .inner {
+ display: block;
+ width: inherit;
+ height: 1.875em; /* 30px */
+ background: orange;
+ }
+ .control {
+ position: absolute;
+ top: 82px;
+ width: 9.375em;
+ height: 1.875em;
+ background: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue rectangles have the <strong>same width</strong>.</p>
+
+ <div><span class="outer"><span class="inner"></span></span></div>
+ <div class="control"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-non-replaced-inline-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-non-replaced-inline-001-ref.xht
new file mode 100644
index 0000000000..21152edd5c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-non-replaced-inline-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-right: black solid 5px;
+ border-left: black solid 5px;
+ float: left;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the left and right borders start and end where the 'Filler Text' does.</p>
+
+ <div>Filler Text Filler Text Filler Text Filler Text</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-non-replaced-inline-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-non-replaced-inline-001.xht
new file mode 100644
index 0000000000..f89d0a7aef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-non-replaced-inline-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width of non-replaced inline element should be the same as its content</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="width-non-replaced-inline-001-ref.xht" />
+
+ <meta name="assert" content="Content width of a non-replaced inline element is that of the rendered content." />
+ <style type="text/css">
+ div
+ {
+ border-right: black solid 5px;
+ border-left: black solid 5px;
+ float: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the left and right borders start and end where the 'Filler Text' does.</p>
+ <div>Filler Text Filler Text Filler Text Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-percentage-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-percentage-001.xht
new file mode 100644
index 0000000000..43a356a796
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-percentage-001.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Calculating percentage based width off of the parent container</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-percentage-001-ref.xht" />
+
+ <meta name="assert" content="Percentage is calculated with respect to the width of the generated boxes containing block." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ width: 2in;
+ }
+ div div
+ {
+ background-color: blue;
+ width: 50%;
+ }
+ #div2
+ {
+ background-color: orange;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same width</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-percentage-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-percentage-002.xht
new file mode 100644
index 0000000000..a336934a1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-percentage-002.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Calculating widths for absolutely positioned elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="match" href="max-width-percentage-001-ref.xht" />
+
+ <meta name="assert" content="Absolutely positioned elements whose containing block is based on a block-level element, the percentage is calculated with respect to the width of the padding box of that element." />
+ <style type="text/css">
+ #div1
+ {
+ background: blue;
+ width: 1in;
+ }
+ #div2
+ {
+ position: relative;
+ }
+ #div3
+ {
+ padding: 0 0.5in;
+ width: 1in;
+ }
+ #div4
+ {
+ width: 50%;
+ background: orange;
+ }
+ #div1, #div3, #div4
+ {
+ height: 1in;
+ }
+ #div3, #div4
+ {
+ left: 0;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same width</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2">
+ <div id="div3">
+ <div id="div4"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-replaced-element-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-replaced-element-001.xht
new file mode 100644
index 0000000000..91ce155a8f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-replaced-element-001.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Scaling replaced elements with a width specified can scale the image</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <meta name="flags" content="image may" />
+ <meta name="assert" content="Replaced elements width may be scaled by the user agent when the value of the property is not 'auto'." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ div div
+ {
+ background: orange;
+ height: 15px;
+ width: 15px;
+ }
+ img
+ {
+ position: absolute;
+ left: 0.25in;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is the same size or larger than the orange square.</p>
+ <div>
+ <div></div>
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-undefined-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-undefined-001.xht
new file mode 100644
index 0000000000..10911d8a4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-undefined-001.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width of containing block is determined by with of child</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The containing block's width depends on this element's width because the resulting layout has not been defined in CSS2.1." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #span1
+ {
+ background-color: red;
+ font: 1in/1em Ahem;
+ left: 10px;
+ position: absolute;
+ top: 10px;
+ }
+ p
+ {
+ margin-top: 1.1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <span id="span1">
+ <span>XX</span>
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/other-formats/background-color-176.html b/testing/web-platform/tests/css/CSS2/other-formats/background-color-176.html
new file mode 100644
index 0000000000..e127d46034
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/other-formats/background-color-176.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
+
+<html>
+
+ <head>
+
+ <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+
+ <title>CSS Test: background-color</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+ <link rel="author" title="Jukka 'Yucca' Korpela" href="http://www.cs.tut.fi/~jkorpela/personal.html">
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <meta name="flags" content="HTMLonly">
+ <meta name="assert" content="Background-color applied to a form should not affect a previous sibling block-level element when it does not have an optional closing tag.">
+
+ <style type="text/css">
+ form
+ {
+ background-color: orange;
+ color: white;
+ padding: 50px;
+ }
+ </style>
+
+ </head>
+
+ <body>
+
+ <div>There should be 1 (and only 1) wide orange rectangle across the page</div>
+
+ <p>
+
+ <form action="">
+ <div></div>
+ </form>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/other-formats/control-characters-001.html b/testing/web-platform/tests/css/CSS2/other-formats/control-characters-001.html
new file mode 100644
index 0000000000..85d70d4a07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/other-formats/control-characters-001.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Control Characters between (00 and 1F)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-processing"/>
+ <meta name="flags" content="HTMLonly" />
+ <meta name="assert" content="Handling and processing of control characters." />
+ <style type="text/css">
+ div
+ {
+ border: 1px solid black;
+ height: 1.2em;
+ padding-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only a single character in each box below or the box is empty.</p>
+ <!-- C0 Control Characters -->
+ <div>&#x00;</div>
+ <div>&#x01;</div>
+ <div>&#x02;</div>
+ <div>&#x03;</div>
+ <div>&#x04;</div>
+ <div>&#x05;</div>
+ <div>&#x06;</div>
+ <div>&#x07;</div>
+ <div>&#x08;</div>
+ <div>&#x0B;</div>
+ <div>&#x0C;</div>
+ <div>&#x0E;</div>
+ <div>&#x0F;</div>
+ <div>&#x10;</div>
+ <div>&#x11;</div>
+ <div>&#x12;</div>
+ <div>&#x13;</div>
+ <div>&#x14;</div>
+ <div>&#x15;</div>
+ <div>&#x16;</div>
+ <div>&#x17;</div>
+ <div>&#x18;</div>
+ <div>&#x19;</div>
+ <div>&#x1A;</div>
+ <div>&#x1B;</div>
+ <div>&#x1C;</div>
+ <div>&#x1D;</div>
+ <div>&#x1E;</div>
+ <div>&#x1F;</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/other-formats/xml-lang-selectors-001.html b/testing/web-platform/tests/css/CSS2/other-formats/xml-lang-selectors-001.html
new file mode 100644
index 0000000000..23cba235f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/other-formats/xml-lang-selectors-001.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: xml:lang attribute selector in HTML</title>
+ <link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com">
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors">
+ <meta name="flags" content="HTMLonly">
+ <meta name="assert" content="xml:lang in HTML cannot be selected by [lang] selectors.">
+ <style type="text/css">
+ [lang] { background: red; color: yellow; }
+ [lang="ch"] { background: red; color: yellow; }
+ [lang|="ch"] { background: red; color: yellow; }
+ [lang~="ch"] { background: red; color: yellow; }
+ [xml:lang] { background: red; color: yellow; }
+ [xml:lang|="ch"] { background: red; color: yellow; }
+ </style>
+ </head>
+ <body>
+ <p xml:lang="ch">There must be no red.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/other-formats/xml-lang-selectors-002.html b/testing/web-platform/tests/css/CSS2/other-formats/xml-lang-selectors-002.html
new file mode 100644
index 0000000000..5e86e8d0be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/other-formats/xml-lang-selectors-002.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: xml:lang with :lang() selector in HTML</title>
+ <link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com">
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors">
+ <meta name="flags" content="HTMLonly">
+ <meta name="assert" content="xml:lang in HTML cannot apply language for :lang() selectors.">
+ <style type="text/css">
+ :lang(ch) { background: red; color: yellow; }
+ </style>
+ </head>
+ <body>
+ <p xml:lang="ch">There must be no red.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/other-formats/xml/README b/testing/web-platform/tests/css/CSS2/other-formats/xml/README
new file mode 100644
index 0000000000..0485715fb1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/other-formats/xml/README
@@ -0,0 +1,2 @@
+This directory is for non-HTML non-XHTML test files.
+They need to be hand-indexed separately.
diff --git a/testing/web-platform/tests/css/CSS2/other-formats/xml/background-18.css b/testing/web-platform/tests/css/CSS2/other-formats/xml/background-18.css
new file mode 100644
index 0000000000..31af564064
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/other-formats/xml/background-18.css
@@ -0,0 +1,5 @@
+
+ generic { background: green; border: lime 1em solid; margin: 1em; padding: 1em; color: yellow; }
+ generic, p { display: block; }
+ a[*|href] { color: inherit; background: transparent; text-decoration: underline; cursor: pointer; }
+ * { margin: 1em; padding: 1em; }
diff --git a/testing/web-platform/tests/css/CSS2/other-formats/xml/background-18.xml b/testing/web-platform/tests/css/CSS2/other-formats/xml/background-18.xml
new file mode 100644
index 0000000000..54511ed24d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/other-formats/xml/background-18.xml
@@ -0,0 +1,22 @@
+<?xml version="1.0"?>
+<!DOCTYPE generic>
+
+<?xml-stylesheet type="text/css" href="18.css" ?>
+
+<generic xmlns:xlink="http://www.w3.org/1999/xlink">
+
+ <!-->CSS Test: Background: Test Eighteen</-->
+
+ <generic>
+
+ <link xmlns="http://www.w3.org/1999/xhtml" rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/21.xml" type="application/xhtml+xml"/>
+ <link xmlns="http://www.w3.org/1999/xhtml" rel="help" href="https://www.w3.org/TR/CSS2/colors.html#background"/> <!-- I have no real idea of what this is trying to test -->
+
+ <p> This is an XML document. This paragraph and the links below
+ should have two lime borders surrounding them, and the
+ background EVERYWHERE should be green. Including the canvas. THE
+ ROOT ELEMENT SHOULD NOT STRETCH TO FIT THE VIEWPORT! </p>
+
+ </generic>
+
+</generic>
diff --git a/testing/web-platform/tests/css/CSS2/other-formats/xml/background-19-alt.xml b/testing/web-platform/tests/css/CSS2/other-formats/xml/background-19-alt.xml
new file mode 100644
index 0000000000..c2891d2835
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/other-formats/xml/background-19-alt.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0"?>
+<!DOCTYPE root>
+
+<?xml-stylesheet type="text/css" href="19.css" ?>
+
+<root>
+
+ <generic xmlns:xlink="http://www.w3.org/1999/xlink">
+
+ <link xmlns="http://www.w3.org/1999/xhtml" rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/21.xml" type="application/xhtml+xml"/>
+
+ <!-->CSS Test: Background: Test Nineteen</-->
+
+ This is an XML document. This paragraph should have one long
+ lime border surrounding each line, since this text is the root
+ element and the root element is an inline element.
+
+ The background EVERYWHERE should be green. Including the canvas.
+ THE ROOT ELEMENT SHOULD NOT STRETCH TO FIT THE VIEWPORT!
+
+ <a xlink:type="simple" xlink:href="19.xml">THIS PAGE SHOULD LOOK EXACTLY LIKE THIS ALTERNATIVE!</a>
+
+ </generic>
+
+</root>
diff --git a/testing/web-platform/tests/css/CSS2/other-formats/xml/background-19.css b/testing/web-platform/tests/css/CSS2/other-formats/xml/background-19.css
new file mode 100644
index 0000000000..e5ac35ace8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/other-formats/xml/background-19.css
@@ -0,0 +1,6 @@
+
+ generic { background: green; border: lime 1em solid; margin: 1em; padding: 1em; color: yellow; }
+ generic { display: inline; line-height: 7em; }
+ a[*|href] { color: inherit; background: transparent; text-decoration: underline; cursor: pointer; }
+ * { margin: 1em; padding: 1em; }
+ root { padding: 0; margin: 0; background: transparent; background: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/other-formats/xml/background-19.xml b/testing/web-platform/tests/css/CSS2/other-formats/xml/background-19.xml
new file mode 100644
index 0000000000..d20be7eb8a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/other-formats/xml/background-19.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0"?>
+<!DOCTYPE generic>
+
+<?xml-stylesheet type="text/css" href="19.css" ?>
+
+<generic xmlns:xlink="http://www.w3.org/1999/xlink">
+
+ <link xmlns="http://www.w3.org/1999/xhtml" rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/21.xml" type="application/xhtml+xml"/>
+ <link xmlns="http://www.w3.org/1999/xhtml" rel="help" href="https://www.w3.org/TR/CSS2/colors.html#background"/> <!-- I have no real idea of what this is trying to test -->
+ <link xmlns="http://www.w3.org/1999/xhtml" rel="match" href="background-19-alt.xml"/>
+
+ <!-->CSS Test: Background: Test Nineteen</-->
+
+ This is an XML document. This paragraph should have one long
+ lime border surrounding each line, since this text is the root
+ element and the root element is an inline element.
+
+ The background EVERYWHERE should be green. Including the canvas.
+ THE ROOT ELEMENT SHOULD NOT STRETCH TO FIT THE VIEWPORT!
+
+ <a xlink:type="simple" xlink:href="19-alt.xml">THIS PAGE SHOULD LOOK EXACTLY LIKE THIS ALTERNATIVE!</a>
+
+</generic>
diff --git a/testing/web-platform/tests/css/CSS2/other-formats/xml/background-20.xml b/testing/web-platform/tests/css/CSS2/other-formats/xml/background-20.xml
new file mode 100644
index 0000000000..b1029c12f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/other-formats/xml/background-20.xml
@@ -0,0 +1,15 @@
+<generic>
+<head xmlns="http://www.w3.org/1999/xhtml">
+ <title>Background (non-)propagation in XML</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/20.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
+ <style type="text/css">
+ body { background: red; }
+ p, a { background: green; color: white; }
+ </style>
+ </head>
+ <body xmlns="http://www.w3.org/1999/xhtml">
+ <p>This document should have one line of green.</p>
+ </body>
+</generic>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/at-page-rule-001.xht b/testing/web-platform/tests/css/CSS2/page-box/at-page-rule-001.xht
new file mode 100644
index 0000000000..e43015d3f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/at-page-rule-001.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Ignoring at-rules inside declaration blocks</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box"/>
+ <meta name="flags" content="invalid paged"/>
+ <meta name="assert" content="At-rules inside @page blocks are parsed as invalid at-rule statements."/>
+ <style type="text/css">
+ @page {
+ @import "support/import-red";
+ margin-left: 50%;
+ @media print { }
+ margin-top: 50%;
+ }
+ @page {
+ @media print { }
+ margin-top: 0;
+ }
+ @page {
+ margin-top: 0
+ @media print {}
+ }
+ @page {
+ margin-top: 0
+ @media print;
+ }
+ @page {
+ @import "support/import-red"
+ margin-top: 0;
+ }
+ html, body, p {
+ margin: 0;
+ padding: 0;
+ }
+ p {
+ border: solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p class="import">When printed the top left corner of this box must be in
+ the exact center of this page.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/at-page-rule-002-a.xht b/testing/web-platform/tests/css/CSS2/page-box/at-page-rule-002-a.xht
new file mode 100644
index 0000000000..d1c8816c7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/at-page-rule-002-a.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @page margins on top and right using percentages</title>
+ <link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-margins"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="A percentage right margin in the @page context applies to the page box and is relative to the width of the page box. A percentage top margin in the @page context applies to the page box and is relative to the height of the page box."/>
+ <style type="text/css"><![CDATA[
+ @page {
+ margin-top: 50%;
+ margin-right: 50%;
+ }
+ html, body {background: #ccc;}
+ ]]></style>
+ </head>
+ <body>
+ <div>When printed, this paragraph must appear inside a grey box. The box should appear in the lower-left quadrant of the page. The top edge of the box should be exactly halfway down the page, and the right edge of the box should be exactly half way across the page (You can test this by folding the page in half).</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/at-page-rule-002-b.xht b/testing/web-platform/tests/css/CSS2/page-box/at-page-rule-002-b.xht
new file mode 100644
index 0000000000..dc6ebcbbea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/at-page-rule-002-b.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @page margins shorthand using fixed physical units</title>
+ <link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-margins"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="A margin declaration within the @page context applies to the page box."/>
+ <style type="text/css"><![CDATA[
+ @page {
+ margin: 3cm;
+ }
+ html, body {background: #ccc;}
+ ]]></style>
+ </head>
+ <body>
+ <div>When printed, this paragraph must appear inside a grey box. There should be a three centimeter margin between the grey edge and paper edge on all sides.</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/at-page-rule-002-c.xht b/testing/web-platform/tests/css/CSS2/page-box/at-page-rule-002-c.xht
new file mode 100644
index 0000000000..f3f092d4f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/at-page-rule-002-c.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Page Margins: bottom and left (percent)</title>
+ <link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-margins"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="A margin declaration within the @page context applies to the page box."/>
+ <meta name="assert" content="Percentage values on right and left margins are relative to the page box width."/>
+ <meta name="assert" content="Percentage values on top and bottom margins are relative to the page box height."/>
+ <style type="text/css"><![CDATA[
+ @page {
+ margin-bottom: 50%;
+ margin-left: 50%;
+ }
+ html, body {background: #ccc;}
+ ]]></style>
+ </head>
+ <body>
+ <div>When printed, this paragraph appears inside a grey box in the upper-right quadrant of the page. The bottom edge of the box should be exactly 1/2 way down the page, and the left edge of the box should be exactly half way across the page (You can test this by folding the page in half).
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/first-page-selectors-001.xht b/testing/web-platform/tests/css/CSS2/page-box/first-page-selectors-001.xht
new file mode 100644
index 0000000000..bf5d466399
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/first-page-selectors-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
+ <head>
+ <title>CSS Test: Page Selectors - First Page in LTR</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors"/>
+ <meta name="flags" content="paged"/>
+ <meta name="assert" content="The first page of a left-to-right document
+ is a :right page."/>
+ <style type="text/css">
+ @page:first {
+ margin-top: 50%;
+ }
+ @page:right {
+ margin-left: 50%;
+ }
+ @page:left {
+ margin: 0;
+ }
+ html {
+ margin: 0; padding: 0.2em;
+ border: solid blue;
+ border-width: thick thin thin thick;
+ }
+ </style>
+ </head>
+ <body>
+ <p class="import">When printed the top left corner of this box must be in
+ the exact center of this page.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/first-page-selectors-002.xht b/testing/web-platform/tests/css/CSS2/page-box/first-page-selectors-002.xht
new file mode 100644
index 0000000000..db9d060928
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/first-page-selectors-002.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
+ <head>
+ <title>CSS Test: Page Selectors - First Page in RTL</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors"/>
+ <meta name="flags" content="paged"/>
+ <meta name="assert" content="The first page of a right-to-left document
+ is a :left page."/>
+ <style type="text/css">
+ @page:first {
+ margin-top: 50%;
+ }
+ @page:left {
+ margin-left: 50%;
+ }
+ @page:right {
+ margin: 0;
+ }
+ html {
+ margin: 0; padding: 0.2em;
+ border: solid blue;
+ border-width: thick thin thin thick;
+ }
+ </style>
+ </head>
+ <body>
+ <p class="import">When printed the top left corner of this box must be in
+ the exact center of this page.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/first-page-selectors-003.xht b/testing/web-platform/tests/css/CSS2/page-box/first-page-selectors-003.xht
new file mode 100644
index 0000000000..229ce07975
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/first-page-selectors-003.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
+ <head>
+ <title>CSS Test: Page Selectors - First Page in LTR Forced :left</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors"/>
+ <meta name="flags" content="paged may"/>
+ <meta name="assert" content="The first page of a left-to-right document
+ can be forced as :left by inserting a page break."/>
+ <style type="text/css">
+ @page:first {
+ margin-top: 50%;
+ }
+ @page:left {
+ margin-left: 50%;
+ }
+ @page:right {
+ margin: 0;
+ }
+ html {
+ page-break-before: left;
+ margin: 0; padding: 0.2em;
+ border: solid blue;
+ border-width: thick thin thin thick;
+ }
+ </style>
+ </head>
+ <body>
+ <p>When printed the top left corner of this box must be in
+ the exact center of this page.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/first-page-selectors-004.xht b/testing/web-platform/tests/css/CSS2/page-box/first-page-selectors-004.xht
new file mode 100644
index 0000000000..5b5b3495ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/first-page-selectors-004.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
+ <head>
+ <title>CSS Test: Page Selectors - First Page in RTL Forced :right</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors"/>
+ <meta name="flags" content="paged may"/>
+ <meta name="assert" content="The first page of a right-to-left document
+ can be forced as :right by inserting a page break."/>
+ <style type="text/css">
+ @page:first {
+ margin-top: 50%;
+ }
+ @page:right {
+ margin-left: 50%;
+ }
+ @page:left {
+ margin: 0;
+ }
+ html {
+ page-break-before: right;
+ margin: 0; padding: 0.2em;
+ border: solid blue;
+ border-width: thick thin thin thick;
+ }
+ </style>
+ </head>
+ <body>
+ <p>When printed the top left corner of this box must be in
+ the exact center of this page.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-box-000.xht b/testing/web-platform/tests/css/CSS2/page-box/page-box-000.xht
new file mode 100644
index 0000000000..2fe791649f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-box-000.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Page bleed</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#outside-page-box" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#content-outside-box" />
+ <meta name="flags" content="paged should" />
+ <meta name="assert" content="Content should be allowed slightly beyond the page box to allow pages to 'bleed'. "/>
+ <style type="text/css">
+
+ @page {
+ margin: -1em;
+ }
+ html {
+ height: 100%;
+ background: #dff;
+ }
+ div {
+ padding: 3em;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div>
+ This test produces one page on paged media. When viewed in a print preview or printed on a printer supporting "full bleed"
+ (also known as "edge-to-edge" or "borderless" printing), the entire surface of the medium is a pale cyan. There is no white showing around the edges.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-container-000.xht b/testing/web-platform/tests/css/CSS2/page-box/page-container-000.xht
new file mode 100644
index 0000000000..b5f647ce60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-container-000.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Paged Media root container</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="For a single-page document, the containing box for the root element is the page area."/>
+ <style type="text/css">
+ @page {
+ margin: 2cm;
+ }
+ html {
+ background: #fee;
+ }
+ </style>
+ </head>
+ <body>
+ <p>There must be a pale pink background covering this page up to the two centimeter margin.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-container-001.xht b/testing/web-platform/tests/css/CSS2/page-box/page-container-001.xht
new file mode 100644
index 0000000000..00976ee76b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-container-001.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: paged media abspos containing block</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="For a single-page document, the containing box for positioned content with no positioned ancestor is the page area." />
+ <style type="text/css">
+
+@page
+{
+ margin: .5in;
+}
+body
+{
+ padding: 8px;
+}
+div
+{
+ position: absolute;
+ width: 40%;
+}
+.topleft
+{
+ top: 0;
+ left: 0;
+ background: blue;
+}
+.bottomright
+{
+ bottom: 0;
+ right: 0;
+ background: fuchsia;
+}
+.centered
+{
+ height: 20%;
+ width: 30%;
+ top: 40%;
+ left: 35%;
+ background: yellow;
+}
+p
+{
+ margin-left: 55%;
+}
+
+ </style>
+ </head>
+ <body>
+ <p>There must be three boxes containing descriptive text on this page.</p>
+ <div class="topleft">This blue box must be in the upper-left corner of the page, one half inch below the top of the page and one half inch from the left edge of the page.</div>
+ <div class="bottomright">This fuchsia box must be in the lower right corner, one half inch from the right and bottom edges of the page.</div>
+ <div class="centered">This yellow box must be centered on the page.</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-container-002.xht b/testing/web-platform/tests/css/CSS2/page-box/page-container-002.xht
new file mode 100644
index 0000000000..cbafd59628
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-container-002.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: paged media root percent height</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="A percentage height on the root element is relative to the page area height." />
+ <style type="text/css">
+
+ html {
+ height: 50%;
+ border: blue medium solid;
+ margin: 0;
+ padding: 0;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div>This page must have a blue border edging the top half of the page area. (The bottom border must be halfway down the page.)
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-container-003.xht b/testing/web-platform/tests/css/CSS2/page-box/page-container-003.xht
new file mode 100644
index 0000000000..98aacb6248
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-container-003.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: paged media position fixed</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="Elements with 'position: fixed' are positioned relative to the page area and are rendered on every page of the printed document." />
+ <style type="text/css">
+
+ .logo
+ {
+ position: fixed;
+ top: 0;
+ left: 0;
+ }
+ p
+ {
+ padding-top: 3cm;
+ }
+ .break-before
+ {
+ page-break-before: always;
+ }
+ </style>
+ </head>
+ <body>
+ <div>
+ <img class="logo" alt="W3C" src="support/w3c_home.png" />
+ <p>This test produces three pages of output on paged media.</p>
+ <p>The W3C logo appears in the top left corner of each page.</p>
+ <p class="break-before">Page two.</p>
+ <p class="break-before">Page three.</p>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-container-004.xht b/testing/web-platform/tests/css/CSS2/page-box/page-container-004.xht
new file mode 100644
index 0000000000..3b4d2a04dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-container-004.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Paged Media root container (float)</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule" />
+ <meta name="flags" content="paged may" />
+ <meta name="assert" content="The root element when floated abuts the left or right edge of the page area."/>
+ <style type="text/css">
+ html {
+ width: 50%;
+ float: right;
+ border: medium solid purple;
+}
+ div {
+ page-break-before: always;
+}
+ </style>
+ </head>
+ <body>
+ <p>This test produces two pages of output.</p>
+ <p>The text on this page has a left, top, and right purple border which should be entirely on the right
+ half of the page.&nbsp; (There should be no bottom border.)</p>
+ <div>The text on this page has a left, bottom, and right purple border which should be entirely on the right
+ half of the page.&nbsp; (There should be no top border.)</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-container-005.xht b/testing/web-platform/tests/css/CSS2/page-box/page-container-005.xht
new file mode 100644
index 0000000000..803f8ace98
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-container-005.xht
@@ -0,0 +1,126 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Paged content</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
+ <meta name="flags" content="paged image" />
+ <meta name="assert" content="The page area includes the boxes laid out on that page. The content of the document is flowed into the page area of one or more page sheets. "/>
+ <style type="text/css">
+ div { page-break-inside: avoid;
+ }
+ html { border: thick solid orange;
+ }
+ table, td, th {
+ border: thin solid black;
+ }
+ #borders-too {
+ background: #ff9;
+ padding: 1em;
+ border: medium purple solid;
+ }
+ .left-aligned {
+ float: left;
+ border: solid thick maroon;
+ }
+ .right-aligned {
+ float: right;
+ border: solid thick teal;
+ }
+ img {
+ width: 25%;
+ vertical-align:baseline;
+ }
+ h2 {
+ clear: both;
+ }
+ .full-width {
+ width: 100%;
+ }
+ body { color: gray; }
+ .instruct { color: black; }
+ </style>
+ </head>
+ <body>
+ <p class="instruct">The contents of this document include headings,
+ "lorem ipsum" paragraphs with a background and a border, a list with
+ bullets, two images, and a table. This test passes if all these items
+ appear within an orange border which spans the pages.
+ </p>
+ <h2>Lorem Ipsum Text</h2>
+ <div id="borders-too">
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus
+ hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel,
+ dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet
+ viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam
+ mollis. Ut justo. Suspendisse potenti.</p>
+ <p>Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae
+ luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing,
+ commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit
+ tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices
+ sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl.
+ Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.</p>
+ <p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a
+ ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero
+ dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius,
+ adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque
+ mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies
+ ac, leo. Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl.</p>
+ <p>Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit
+ amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam quis
+ massa sit amet nibh viverra malesuada. Nunc sem lacus, accumsan quis,
+ faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer
+ sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in
+ ante. Vivamus imperdiet nibh feugiat est.</p>
+ <p>Ut convallis, sem sit amet interdum consectetuer, odio augue aliquam leo,
+ nec dapibus tortor nibh sed augue. Integer eu magna sit amet metus fermentum
+ posuere. Morbi sit amet nulla sed dolor elementum imperdiet. Quisque
+ fermentum. Cum sociis natoque penatibus et magnis dis parturient montes,
+ nascetur ridiculus mus. Pellentesque adipiscing eros ut libero. Ut
+ condimentum mi vel tellus. Suspendisse laoreet. Fusce ut est sed dolor
+ gravida convallis. Morbi vitae ante. Vivamus ultrices luctus nunc.
+ Suspendisse et dolor. Etiam dignissim. Proin malesuada adipiscing lacus.
+ Donec metus. Curabitur gravida.</p>
+ </div>
+ <div>
+ <h2>Unordered List</h2>
+ <ul>
+ <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+ <li>Aliquam tincidunt mauris eu risus.</li>
+ <li>Vestibulum auctor dapibus neque.</li>
+ <li>Nunc dignissim risus id metus.</li>
+ <li>Cras ornare tristique elit.</li>
+ <li>Vivamus vestibulum nulla nec ante.</li>
+ <li>Praesent placerat risus quis eros.</li>
+ <li>Fusce pellentesque suscipit nibh.</li>
+ <li>Integer vitae libero ac risus egestas placerat.</li>
+ <li>Vestibulum commodo felis quis tortor.</li>
+ <li>Ut aliquam sollicitudin leo.</li>
+ <li>Cras iaculis ultricies nulla.</li>
+ <li>Donec quis dui at dolor tempor interdum.</li>
+ <li>Vivamus molestie gravida turpis.</li>
+ <li>Fusce lobortis lorem at ipsum semper sagittis.</li>
+ <li>Nam convallis pellentesque nisl.</li>
+ <li>Integer malesuada commodo nulla.</li>
+ </ul>
+ </div>
+ <h2>Floated images</h2>
+ <div>
+ <span>There is an maroon-boxed cat to the left
+ <img class="left-aligned" alt="FAIL: missing image" src="support/cat.png" />and
+ a teal-boxed cat to the right
+ <img class="right-aligned" alt="FAIL: missing image" src="support/cat.png" /> of this paragraph.
+ </span>
+ </div>
+ <h2>Table</h2>
+ <table class="full-width">
+ <tr>
+ <th>Header1</th><th>Header2</th><th>Header3</th><th>Header4</th>
+ </tr>
+ <tr>
+ <td>Data 100</td><td>Data 200</td><td>Data 300</td><td>Data 400</td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-container-006.xht b/testing/web-platform/tests/css/CSS2/page-box/page-container-006.xht
new file mode 100644
index 0000000000..eac52587f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-container-006.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Paged media - percent on root</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="A percentage width on the root element is relative to the page area width." />
+ <style type="text/css">
+
+ html {
+ width: 50%
+ }
+ p {
+ color: silver;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div>This paragraph and the dummy text below are entirely on the left half of the page.
+ </div>
+ <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy text dummy
+ text dummy text dummy text dummy text dummy text dummy text dummy text dummy
+ text.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-container-007.xht b/testing/web-platform/tests/css/CSS2/page-box/page-container-007.xht
new file mode 100644
index 0000000000..1df3663e73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-container-007.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Fixed content outside the page area</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#fixed-positioning" />
+ <meta name="flags" content="paged image" />
+ <meta name="assert" content="Any portion of an element with 'position: fixed' which is positioned outside the page area is not printed." />
+ <style type="text/css">
+
+ img {
+ position: fixed;
+ top: -27px;
+ right: -27px;
+ }
+ div {
+ page-break-after: always;
+ padding-top: 75px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div>
+ <img alt="FAIL: image failed to load" src="support/page-container-007.png"/>
+ <p>When displayed on paged media, this test produces two pages.</p>
+ <p>A cat must appear in the upper right corner of each page and no red
+ must be visible.</p>
+ </div>
+ <div>
+ This text appears on page two. The cat image must be exactly the same
+ as on page 1.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-container-008.xht b/testing/web-platform/tests/css/CSS2/page-box/page-container-008.xht
new file mode 100644
index 0000000000..2bf833d725
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-container-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Paged Media Canvas Background</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#painting" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="For documents in the html namespace, a background on 'html' will cover the page area but not the margin area." />
+ <style type="text/css">
+ @page { margin: 7%; }
+ html {
+ background-color: #ddffdd;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div>
+ <p>There is a white margin around the edge of this page. The top and bottom margins are of equal height, and the right and left margins are of equal width. The rest of the page, including this text, has a pale green background.</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-container-009.xht b/testing/web-platform/tests/css/CSS2/page-box/page-container-009.xht
new file mode 100644
index 0000000000..f31fafabf8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-container-009.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Paged Media Body Background</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#painting" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="For documents in the html namespace, a background on 'body' will cover the page area." />
+ <style type="text/css">
+ @page {
+ margin: 7%;
+ }
+ html {
+ background-color: inherit;
+ background-image: inherit;
+}
+ body {
+ background-color: #ddffdd;
+}
+
+ </style>
+ </head>
+ <body>
+ <div>
+ <p>There is a white margin around the edge of this page. The top and
+ bottom margins are of equal height, and the right and left margins are of
+ equal width. The rest of the page,
+ including this text, has a pale green background.
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-container-010.xht b/testing/web-platform/tests/css/CSS2/page-box/page-container-010.xht
new file mode 100644
index 0000000000..b0add32bd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-container-010.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Paged Media Height (percent)</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="For HTML documents in paged media, when the HTML and BODY elements have heights of 100%, a percentage height on a child of BODY is relative to the page area height. " />
+ <style type="text/css">
+
+html, body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+div {
+ height: 50%;
+ border-bottom: 10px red solid;
+}
+.test {
+ position: absolute;
+ top: 50%;
+ bottom: auto;
+ right: 0;
+ left: 0;
+ background: blue;
+ border: 0;
+ height: 10px;
+}
+p {
+ margin-top: 0;
+}
+ </style>
+ </head>
+ <body>
+ <div>
+ <p>
+ This test produces one page on paged media.
+ </p>
+ <p>
+ There is a horizontal blue line, half way down the page. There is no red on
+ the page.</p>
+ <div class="test"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-container-011.xht b/testing/web-platform/tests/css/CSS2/page-box/page-container-011.xht
new file mode 100644
index 0000000000..04e03e1394
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-container-011.xht
@@ -0,0 +1,80 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Paged Media: Relatively Positioned Pages</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="When a relatively positioned element whose 'height' and 'width' match that of the page area has a corner positioned at a corner of the page area, any positioned children are positioned relative to the page area." />
+ <style type="text/css">
+
+ html, body, div.page {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ }
+ body {
+ background: #ffb;
+ }
+ div.page {
+ position: relative;
+ page-break-after: always;
+ top: 0;
+ }
+ div {
+ padding: 2em;
+ }
+ p {
+ background: blue;
+ position: absolute;
+ width: .5em;
+ height: .5em;
+ margin: 0;
+ }
+
+ p.bottom {
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ }
+ p.right {
+ top: 0;
+ right: 0;
+ height: 100%;
+ }
+ p.left {
+ top: 0;
+ left: 0;
+ height: 100%;
+ }
+ p.top {
+ top: 0;
+ left: 0;
+ width: 100%;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div class="page">
+ <div>
+ This test produces two pages on paged media.
+ </div>
+ <div>
+ This page has a light yellow background which is surrounded by a blue
+ border.
+ </div>
+ <p class="bottom"></p>
+ <p class="right"></p>
+ <p class="left"></p>
+ <p class="top"></p>
+ </div>
+ <div class="page">
+ <div>
+ This is at the top of the second page.
+ There is a horizontal blue bar near the bottom of this page.
+ </div>
+ <p class="bottom"></p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-grammar-001.xht b/testing/web-platform/tests/css/CSS2/page-box/page-grammar-001.xht
new file mode 100644
index 0000000000..cf7e747542
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-grammar-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @page grammar: white space allowed around pseudo</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/grammar.html#grammar" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#syntax-page-selector" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="White space before and after a pseudo-page selector is allowed." />
+ <style type="text/css">
+ @page {
+ margin: 10%; /* This makes the header big enough to hold the file name when printed on 4x6 in media. */
+ }
+ @page :right {
+ margin-left: 50%;
+ }
+ @page :left {
+ margin-right: 50%;
+ }
+ html {
+ page-break-before: right;
+ }
+ p {
+ padding: 0.5em;
+ border: solid blue;
+ page-break-after: always;
+ }
+ </style>
+ </head>
+ <body>
+ <p>This test produces two pages of output on paged media. This box must be entirely on the right half of the page.
+ </p>
+ <p>This box must be on a new page and entirely on the left half of the page.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-grammar-002.xht b/testing/web-platform/tests/css/CSS2/page-box/page-grammar-002.xht
new file mode 100644
index 0000000000..a65ab7420a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-grammar-002.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @page grammar: white space not required around pseudo</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/grammar.html#grammar" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#syntax-page-selector" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="White space before and after a pseudo-page selector is not required." />
+ <style type="text/css">
+ @page {
+ margin: 10%; /* This makes the header big enough to hold the file name when printed on 4x6 in media. */
+ }
+ @page:right{
+ margin-left: 50%;
+ }
+ @page:left{
+ margin-right: 50%;
+ }
+ html {
+ page-break-before: right;
+ }
+ p {
+ padding: 0.5em;
+ border: solid blue;
+ page-break-after: always;
+ }
+ </style>
+ </head>
+ <body>
+ <p>This test produces two pages of output on paged media. This box must be entirely on the right half of the page.
+ </p>
+ <p>This box must be on a new page and entirely on the left half of the page.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-margin-000.xht b/testing/web-platform/tests/css/CSS2/page-box/page-margin-000.xht
new file mode 100644
index 0000000000..7adc9db306
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-margin-000.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @page margins shorthand using fixed physical units</title>
+ <link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+ <link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-margins"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="A margin declaration within the @page context applies to the page box."/>
+ <style type="text/css"><![CDATA[
+ @page {
+ margin: 0.5in;
+ }
+ html, body {background: #ccc;}
+ ]]></style>
+ </head>
+ <body>
+ <div>This paragraph must appear inside a grey box. There should be an 0.5 inch margin between the grey edge and paper edge on all sides.</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-margin-001.xht b/testing/web-platform/tests/css/CSS2/page-box/page-margin-001.xht
new file mode 100644
index 0000000000..c0824b008d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-margin-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @page margins on top and right using percentages</title>
+ <link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+ <link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-margins"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="A percentage right margin in the @page context applies to the page box and is relative to the width of the page box. A percentage top margin in the @page context applies to the page box and is relative to the height of the page box."/>
+ <style type="text/css"><![CDATA[
+ @page {
+ margin-top: 50%;
+ margin-right: 50%;
+ }
+ html, body {background: #ccc;}
+ ]]></style>
+ </head>
+ <body>
+ <div>This paragraph must appear inside a grey box. The box should appear in the lower-left quadrant of the page. The top edge of the box should be exactly halfway down the page, and the right edge of the box should be exactly half way across the page (You can test this by folding the page in half).</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-margin-002.xht b/testing/web-platform/tests/css/CSS2/page-box/page-margin-002.xht
new file mode 100644
index 0000000000..b7d22e82db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-margin-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @page margins on bottom and left using percentages</title>
+ <link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+ <link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-margins"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="A margin declaration within the @page context applies to the page box."/>
+ <style type="text/css"><![CDATA[
+ @page {
+ margin-bottom: 50%;
+ margin-left: 50%;
+ }
+ html, body {background: #ccc;}
+ ]]></style>
+ </head>
+ <body>
+ <div>This paragraph must appear inside a grey box. The box should appear in the upper-right quadrant of the page. The bottom edge of the box should be exactly 1/2 way up the page, and the left edge of the box should be exactly half way across the page (You can test this by folding the page in half).</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-props-100-a.xht b/testing/web-platform/tests/css/CSS2/page-box/page-props-100-a.xht
new file mode 100644
index 0000000000..ab24cd5322
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-props-100-a.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unqualified Page Contexts (first, right)</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-margins" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#at-page-rule" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="A margin declaration within a page context which is not qualified by a pseudo-class (or, for css3, a named page identifier) sets the margins for every page of the document which doesn't match a page context with a :first, :right, or :left pseudoclass (or, for css3, a named page identifier)." />
+ <style type="text/css">
+ @page {
+ margin: 7%;
+ }
+ @page :first {
+ margin-left: 50%;
+ }
+ @page :right {
+ margin-left: 50%;
+ }
+ p {
+ page-break-after: always;
+ }
+ </style>
+ </head>
+ <body>
+ <p>
+ This test produces four pages on paged media.
+ <br />
+ <br />
+ The text on this page is entirely on the right half of the page.
+ </p>
+ <p>
+ This text on page two begins near the left edge of the page.
+ </p>
+ <p>
+ Ths text on page three is entirely on the right half of the page.
+ </p>
+ <p>
+ This text on page four begins near the left edge of the page.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-props-100-b.xht b/testing/web-platform/tests/css/CSS2/page-box/page-props-100-b.xht
new file mode 100644
index 0000000000..efcfe543ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-props-100-b.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unqualified Page Contexts (first, left)</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-margins" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#at-page-rule" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="A margin declaration within a page context which is not qualified by a pseudo-class (or, for css3, a named page identifier) sets the margins for every page of the document which doesn't match a page context with a :first, :right, or :left pseudoclass (or, for css3, a named page identifier)." />
+ <style type="text/css">
+ @page {
+ margin: 7%;
+ }
+ @page :first {
+ margin-left: 50%;
+ }
+ @page :left {
+ margin-left: 50%;
+ }
+ p {
+ page-break-after: always;
+ }
+ </style>
+ </head>
+ <body>
+ <p>
+ This test produces four pages on paged media.
+ <br />
+ <br />
+ The text on this page is entirely on the right half of the page.
+ </p>
+ <p>
+ This text on page two is also entirely on the right half of the page.
+ </p>
+ <p>
+ This text on page three begins near the left edge of the page.
+ </p>
+ <p>
+ This text on page four is entirely on the right half of the page.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-props-101.xht b/testing/web-platform/tests/css/CSS2/page-box/page-props-101.xht
new file mode 100644
index 0000000000..ed76c091ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-props-101.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right and Left Pages (page area equal)</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#left-right-first" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="The right and left pages of a document may use differing margin styles that yield equivalent page area heights." />
+ <style type="text/css">
+
+ @page :right {
+ margin-left: 33%;
+ margin-right: 7%;
+ }
+ @page :left {
+ margin-right: 33%;
+ margin-left: 7%;
+ }
+ span {
+ color: gray;
+ }
+ div {
+ margin-bottom: 2em;
+ width: 98%
+ }
+ .bordered {
+ border: medium solid blue;
+ background: #ececff;
+ padding: 1%;
+ page-break-after: always;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div>
+ This test produces three pages on paged media.
+ </div>
+ <div class="bordered">
+ This page has a wide left margin and a narrow right margin. This content is completely enclosed by a blue border and has a pale blue background. A page break follows.
+ </div>
+ <div class="bordered">
+ This page has a wide right margin and a narrow left margin. This content is completely enclosed by a blue border and has a pale blue background. A page break follows.
+ </div>
+ <div class="bordered">
+ This page again has a wide left margin and narrow right margin. This content has a blue border on all sides and a pale blue background.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-props-102.xht b/testing/web-platform/tests/css/CSS2/page-box/page-props-102.xht
new file mode 100644
index 0000000000..042052db52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-props-102.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right and Left Pages (page area equal)</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="The right and left pages of a document may use differing margin styles that yield different page area widths, but the UA may adjust the margins such that the page area widths are the same. " />
+ <style type="text/css">
+
+ @page :first {
+ margin: 7%;
+ }
+ @page :left {
+ margin-left: 50%;
+ margin-right: 7%;
+ }
+ @page :right {
+ margin-right: 33%;
+ margin-left: 7%;
+ }
+ div {
+ margin-bottom: 2em;
+ width: 98%
+ }
+ .edged {
+ border: medium solid blue;
+ background: #ececff;
+ padding: 1%;
+ page-break-after: always;
+ }
+
+ .style1 {
+ background-color: #ececff;
+}
+
+ </style>
+ </head>
+ <body>
+ <div>
+ This test produces three pages on paged media.
+ </div>
+ <div class="edged">
+ This page should have typical right and left margins. This content is completely enclosed by a blue border and has a pale blue background. A page break follows.
+ </div>
+ <div class="edged">
+ This content should be entirely on the right side of the page (but might instead
+ have margins like the first page). It is completely enclosed by a blue border and has a pale blue background. A page break follows.
+ </div>
+ <div class="edged">
+ This page should have a wide right margin and narrow left margin (but might
+ instead have margins like the first page). This content has a blue border on all sides and a pale blue background.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-props-103.xht b/testing/web-platform/tests/css/CSS2/page-box/page-props-103.xht
new file mode 100644
index 0000000000..6a0af74bf5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-props-103.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right and Left Pages (page area equal)</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#left-right-first" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="The right and left pages of a document may use differing margin styles that yield different page area heights." />
+ <style type="text/css">
+
+ @page :right {
+ margin-bottom: 66%;
+ }
+ @page :left {
+ margin-bottom: 10%;
+ }
+ html, body, div.page {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ }
+ div.page {
+ position: relative;
+ page-break-after: always;
+ }
+ p {
+ border-bottom: medium blue solid;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div class="page">
+ <div>
+ This test produces two pages on paged media.
+ </div>
+ <div>
+ There is a horizontal blue line about one third of the way down the page.
+ </div>
+ <p></p>
+ </div>
+ <div class="page">
+ <div>
+ There is a horizontal blue line near the bottom of the page.
+ </div>
+ <p></p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-selectors-001.xht b/testing/web-platform/tests/css/CSS2/page-box/page-selectors-001.xht
new file mode 100644
index 0000000000..29d951625c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-selectors-001.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: page selector is optional in @page rules</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#at-page-rule" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="An @page rule consists of the keyword '@page', followed by an optional page selector, followed by a block of declarations."/>
+ <style type="text/css">
+ @page {
+ margin-top: .5in;
+ margin-bottom: .5in;
+ }
+ @page :first {
+ margin-bottom: 2in;
+ margin-top: 2in;
+ }
+ .break-after {
+ page-break-after: always;
+ }
+ </style>
+ </head>
+ <body>
+ <div>
+ <p class="break-after">
+ This text produces two pages on paged media.
+ This text begins about two inches down from the top of the page.
+ </p>
+ <p>This text begins about one half inch down from the top of the page.</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-selectors-002.xht b/testing/web-platform/tests/css/CSS2/page-box/page-selectors-002.xht
new file mode 100644
index 0000000000..21c79b5972
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-selectors-002.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Page Selectors: first, right, and left pages</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#left-right-first" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="In CSS 2.1, page selectors may designate the first page, all left pages, or all right pages." />
+ <style type="text/css">
+
+ @page :first {
+ margin-top: 50%;
+ }
+ @page :right {
+ margin-left: 50%;
+ }
+ @page :left {
+ margin-right: 50%;
+ }
+ div {
+ page-break-after: always;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div>
+ This test produces 5 pages on paged media. On this first page, all content is
+ within the bottom right quadrant of the page.
+ </div>
+ <div>
+ On this second page, all content is on the left side of the page.
+ </div>
+ <div>
+ On this third page, all content is on the right half of the page.
+ </div>
+ <div>
+ On this fourth page, all content is on the left side of the page.
+ </div>
+ <div>
+ On this fifth and last page, all content is on the right side of the page.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-selectors-003.xht b/testing/web-platform/tests/css/CSS2/page-box/page-selectors-003.xht
new file mode 100644
index 0000000000..3bcb2eb97e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-selectors-003.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Page cascade (right/left)</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#cascading-and-page-context" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="Properties specified in a :left or :right @page rule override those specified in an @page rule that has no pseudo-class specified." />
+ <style type="text/css">
+
+ @page {
+ margin: 15%;
+ }
+ @page :right {
+ margin-left: 50%;
+ }
+ @page :left {
+ margin-right: 50%;
+ }
+ div {
+ page-break-after: always;
+ border: medium solid blue;
+ padding: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div>
+ This test produces three pages on paged media.<br/>
+ All text on this page is inside a box with a blue border which is entirely on the right side of the page.
+ </div>
+ <div>
+ This text is inside a box with a blue border which is entirely on the left side of the page.
+ </div>
+ <div>
+ This text is again inside a box with a blue border which is entirely on the right side of the page.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-selectors-004.xht b/testing/web-platform/tests/css/CSS2/page-box/page-selectors-004.xht
new file mode 100644
index 0000000000..f2e08efbde
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-selectors-004.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Page cascade (first trumps right)</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#cascading-and-page-context" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="Properties specified in a :first @page context override those specified in :right @page contexts." />
+ <style type="text/css">
+
+ @page :first {
+ margin: 15% 50% 7% 7%;
+ }
+ @page :right {
+ margin-left: 50%
+ }
+
+ div {
+ page-break-after: always;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div>
+ This test produces only this page, containing only this paragraph, which is entirely on the left side of the page.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/page-selectors-006.xht b/testing/web-platform/tests/css/CSS2/page-box/page-selectors-006.xht
new file mode 100644
index 0000000000..57b009c0a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/page-selectors-006.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Page cascade (first trumps no pseudo-class)</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#cascading-and-page-context" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="Properties specified in a :first @page rule override those specified in an @page rule with no pseudo-class specified." />
+ <style type="text/css">
+
+ @page {
+ margin: 7%;
+ margin-right: 2in;
+ }
+ @page:first{
+ margin-top: 2in;
+ }
+ div {
+ page-break-after: always;
+ border-top: medium blue solid;
+ border-right: medium orange solid;
+ padding: .5em;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div>
+ This test produces just this one page. The blue bar above this text is 2 inches below the top edge of the medium. The orange bar to the right is 2 inches from the right edge of the medium.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/page-box/support/README b/testing/web-platform/tests/css/CSS2/page-box/support/README
new file mode 100644
index 0000000000..2e5f2ad073
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/support/README
@@ -0,0 +1,28 @@
+CSS Global Support Directory
+============================
+
+This directory contains common support files (such as images and external
+style sheets). These are sync'ed into the support directories of all our
+test suites. If you have test-suite-specific support files, please add
+them to the appropriate test-suite-specific support/ directory.
+
+If you add to a support/ directory, please run the tools/supportprop.py
+script from the top of the repository to cascade support files into the
+lower-level support directories.
+
+Description of the Common Support File Collection
+-------------------------------------------------
+
+The 1x1-* images are all exactly one pixel.
+
+The swatch-* images all use 15x15 cells.
+
+The square-* images all use 15x15 cells with one pixel borders.
+
+The pattern-* images use cells of various sizes:
+
+ pattern-grg-rgr-grg.png 20x20
+ pattern-rgr-grg-rgr.png 20x20
+ pattern-tr.png 15x15
+ pattern-grg-rrg-rgg.png 15x15
+
diff --git a/testing/web-platform/tests/css/CSS2/page-box/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/page-box/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/page-box/support/cat.png b/testing/web-platform/tests/css/CSS2/page-box/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/page-box/support/diamond.png b/testing/web-platform/tests/css/CSS2/page-box/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/page-box/support/green15x15.png b/testing/web-platform/tests/css/CSS2/page-box/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/page-box/support/page-container-007.png b/testing/web-platform/tests/css/CSS2/page-box/support/page-container-007.png
new file mode 100644
index 0000000000..9f7ccdafda
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/support/page-container-007.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/page-box/support/ring.png b/testing/web-platform/tests/css/CSS2/page-box/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/page-box/support/w3c_home.png b/testing/web-platform/tests/css/CSS2/page-box/support/w3c_home.png
new file mode 100644
index 0000000000..f70c2b0847
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/page-box/support/w3c_home.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-001a.xht b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-001a.xht
new file mode 100644
index 0000000000..fe36bc2a49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-001a.xht
@@ -0,0 +1,101 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: allowed page breaks between blocks</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#allowed-pg-brk"/>
+<meta name="assert" content="Unforced breaking in the vertical margin between
+ sibling block boxes is allowed only if the 'page-break-after' and
+ 'page-break-before' properties of all the elements generating boxes
+ that meet at this margin are 'auto' and the common ancestors of all
+ the elements do not have a 'page-break-inside' value of 'avoid'."/>
+<meta name="flags" content="paged" />
+<style type="text/css">
+ html, body { height: 100%; line-height: 1; font-size: 20px; margin: 0; padding: 0; }
+ .spacer { height: 50%; }
+ .backup { margin-top: -1em; }
+ .start { page-break-before: always; }
+
+ p {
+ margin: 0;
+ color: blue;
+ }
+
+ .avoidBefore { page-break-before: avoid; }
+ .avoidAfter { page-break-after: avoid; }
+ .avoidInside { page-break-inside: avoid; }
+ .allowInside { page-break-inside: auto; }
+</style>
+</head>
+<body>
+ <div class="spacer">
+ Lines A-Z must appear on the 18 pages of this test. The blue text
+ must accurately describe the page numbers.
+ </div><div class="spacer backup"></div>
+ <div class="avoidInside">
+ <p>Page&nbsp;2&nbsp;Line&nbsp;A</p>
+ <p>Page&nbsp;2&nbsp;Line&nbsp;B</p>
+ </div>
+
+ <div class="spacer start">
+ <p>Page&nbsp;3&nbsp;Line&nbsp;C</p>
+ </div><div class="spacer backup"></div>
+ <div class="avoidInside"><div><div><div><div><div><div class="allowInside">
+ <p>Page&nbsp;4&nbsp;Line&nbsp;D</p>
+ <p>Page&nbsp;4&nbsp;Line&nbsp;E</p>
+ </div></div></div></div></div></div></div>
+
+ <div class="spacer start">
+ <p>Page&nbsp;5&nbsp;Line&nbsp;F</p>
+ </div><div class="spacer backup"></div>
+ <div class="allowInside">
+ <p>Page&nbsp;5&nbsp;Line&nbsp;G</p>
+ <p>Page&nbsp;6&nbsp;Line&nbsp;H</p>
+ </div>
+
+ <div class="spacer start">
+ <p>Page&nbsp;7&nbsp;Line&nbsp;I</p>
+ </div><div class="spacer backup"></div>
+ <p class="avoidAfter">Page&nbsp;8&nbsp;Line&nbsp;J</p>
+ <p>Page&nbsp;8&nbsp;Line&nbsp;K</p>
+
+ <div class="spacer start">
+ <p>Page&nbsp;9&nbsp;Line&nbsp;L</p>
+ </div><div class="spacer backup"></div>
+ <p>Page&nbsp;10&nbsp;Line&nbsp;M</p>
+ <p class="avoidBefore">Page&nbsp;10&nbsp;Line&nbsp;N</p>
+
+ <div class="spacer start">
+ <p>Page&nbsp;11&nbsp;Line&nbsp;O</p>
+ </div><div class="spacer backup"></div>
+ <div class="avoidAfter"><div>
+ <p>Page&nbsp;12&nbsp;Line&nbsp;P</p>
+ </div></div>
+ <p>Page&nbsp;12&nbsp;Line&nbsp;Q</p>
+
+ <div class="spacer start">
+ <p>Page&nbsp;13&nbsp;Line&nbsp;R</p>
+ </div><div class="spacer backup"></div>
+ <p>Page&nbsp;14&nbsp;Line&nbsp;S</p>
+ <div class="avoidBefore"><div>
+ <p>Page&nbsp;14&nbsp;Line&nbsp;T</p>
+ </div></div>
+
+ <div class="spacer start">
+ <p>Page&nbsp;15&nbsp;Line&nbsp;U</p>
+ </div><div class="spacer backup"></div>
+ <div><div>
+ <p class="avoidAfter">Page&nbsp;16&nbsp;Line&nbsp;V</p>
+ </div></div>
+ <p>Page&nbsp;16&nbsp;Line&nbsp;W</p>
+
+ <div class="spacer start">
+ <p>Page&nbsp;17&nbsp;Line&nbsp;X</p>
+ </div><div class="spacer backup"></div>
+ <p>Page&nbsp;18&nbsp;Line&nbsp;Y</p>
+ <div><div>
+ <p class="avoidBefore">Page&nbsp;18&nbsp;Line&nbsp;Z</p>
+ </div></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-001b.xht b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-001b.xht
new file mode 100644
index 0000000000..c041b92bec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-001b.xht
@@ -0,0 +1,76 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: allowed page breaks between table rows</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#allowed-pg-brk"/>
+<meta name="assert" content="Unforced breaking in the vertical margin between
+ sibling table rows is allowed only if the 'page-break-after' and
+ 'page-break-before' properties of all the elements generating boxes
+ that meet at this margin are 'auto' and the common ancestors of all
+ the elements do not have a 'page-break-inside' value of 'avoid'."/>
+<meta name="flags" content="may paged" />
+<style type="text/css">
+ html, body { height: 100%; line-height: 1; font-size: 20px; margin: 0; padding: 0; }
+ .spacer { height: 50%; }
+ .backup { margin-top: -1em; }
+ .start { page-break-before: always; }
+
+ .avoidBefore { page-break-before: avoid; }
+ .avoidAfter { page-break-after: avoid; }
+ .avoidInside { page-break-inside: avoid; }
+ .allowInside { page-break-inside: auto; }
+
+ table, tbody, tr, td {
+ border-collapse: collapse;
+ margin: 0; padding: 0;
+ border-spacing: 0;
+ color: blue;
+ }
+ table, tbody { page-break-inside: avoid; /* override any UA settings */ }
+</style>
+</head>
+<body>
+ <div class="spacer">
+ Lines A-N must appear on the 10 pages of this test. The blue text
+ must accurately describe the page numbers.
+ </div><div class="spacer backup"></div>
+ <table><tbody class="avoidInside">
+ <tr><td>Page&nbsp;2&nbsp;Line&nbsp;A</td></tr>
+ <tr><td>Page&nbsp;2&nbsp;Line&nbsp;B</td></tr>
+ </tbody></table>
+
+ <div class="spacer start">
+ <tr><td>Page&nbsp;3&nbsp;Line&nbsp;C</td></tr>
+ </div><div class="spacer backup"></div>
+ <div class="avoidInside"><div><div><div><div><table><tbody class="allowInside">
+ <tr><td>Page&nbsp;4&nbsp;Line&nbsp;D</td></tr>
+ <tr><td>Page&nbsp;4&nbsp;Line&nbsp;E</td></tr>
+ </tbody></table></div></div></div></div></div>
+
+ <div class="spacer start">
+ <tr><td>Page&nbsp;5&nbsp;Line&nbsp;F</td></tr>
+ </div><div class="spacer backup"></div>
+ <table><tbody class="allowInside">
+ <tr><td>Page&nbsp;5&nbsp;Line&nbsp;G</td></tr>
+ <tr><td>Page&nbsp;6&nbsp;Line&nbsp;H</td></tr>
+ </tbody></table>
+
+ <div class="spacer start">
+ <tr><td>Page&nbsp;7&nbsp;Line&nbsp;I</td></tr>
+ </div><div class="spacer backup"></div>
+ <table><tbody>
+ <tr class="avoidAfter"><td>Page&nbsp;8&nbsp;Line&nbsp;J</td></tr>
+ <tr><td>Page&nbsp;8&nbsp;Line&nbsp;K</td></tr>
+ </tbody></table>
+
+ <div class="spacer start">
+ <tr><td>Page&nbsp;9&nbsp;Line&nbsp;L</td></tr>
+ </div><div class="spacer backup"></div>
+ <table><tbody>
+ <tr><td>Page&nbsp;10&nbsp;Line&nbsp;M</td></tr>
+ <tr class="avoidBefore"><td>Page&nbsp;10&nbsp;Line&nbsp;N</td></tr>
+ </tbody></table>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-001c.xht b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-001c.xht
new file mode 100644
index 0000000000..fe2d342bf6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-001c.xht
@@ -0,0 +1,121 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: allowed page breaks between blocks within table cells</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#allowed-pg-brk"/>
+<meta name="assert" content="Unforced breaking in the vertical margin between
+ sibling block boxes is allowed only if the 'page-break-after' and
+ 'page-break-before' properties of all the elements generating boxes
+ that meet at this margin are 'auto' and the common ancestors of all
+ the elements do not have a 'page-break-inside' value of 'avoid'."/>
+<meta name="flags" content="may paged" />
+<style type="text/css">
+ html, body { height: 100%; line-height: 1; font-size: 20px; margin: 0; padding: 0; }
+ .spacer { height: 50%; }
+ .backup { margin-top: -1em; }
+ .start { page-break-before: always; }
+
+ p {
+ margin: 0;
+ color: blue;
+ }
+
+ .avoidBefore { page-break-before: avoid; }
+ .avoidAfter { page-break-after: avoid; }
+ .avoidInside { page-break-inside: avoid; }
+ .allowInside { page-break-inside: auto; }
+
+
+ table, tbody, tr, td {
+ border-collapse: collapse;
+ margin: 0; padding: 0;
+ border-spacing: 0;
+ color: blue;
+ }
+</style>
+</head>
+<body>
+ <div class="spacer">
+ Lines A-T must appear on the 18 pages of this test. The blue text
+ must accurately describe the page numbers.
+ </div><div class="spacer backup"></div>
+ <table><tbody><tr class="avoidInside">
+ <p>Page&nbsp;2&nbsp;Line&nbsp;A</p>
+ <p>Page&nbsp;2&nbsp;Line&nbsp;B</p>
+ </tr></tbody></table>
+
+ <div class="spacer start">
+ <p>Page&nbsp;3&nbsp;Line&nbsp;C</p>
+ </div><div class="spacer backup"></div>
+ <div class="avoidInside"><div><div><div><table><tbody><tr><td class="allowInside">
+ <p>Page&nbsp;4&nbsp;Line&nbsp;D</p>
+ <p>Page&nbsp;4&nbsp;Line&nbsp;E</p>
+ </td></tr></tbody></table></div></div></div></div>
+
+ <div class="spacer start">
+ <p>Page&nbsp;5&nbsp;Line&nbsp;F</p>
+ </div><div class="spacer backup"></div>
+ <table><tbody><tr><td class="allowInside">
+ <p>Page&nbsp;5&nbsp;Line&nbsp;G</p>
+ <p>Page&nbsp;6&nbsp;Line&nbsp;H</p>
+ </td></tr></tbody></table>
+
+ <div class="spacer start">
+ <p>Page&nbsp;7&nbsp;Line&nbsp;I</p>
+ </div><div class="spacer backup"></div>
+ <table><tbody><tr><td>
+ <p class="avoidAfter">Page&nbsp;8&nbsp;Line&nbsp;J</p>
+ <p>Page&nbsp;8&nbsp;Line&nbsp;K</p>
+ </td></tr></tbody></table>
+
+ <div class="spacer start">
+ <p>Page&nbsp;9&nbsp;Line&nbsp;L</p>
+ </div><div class="spacer backup"></div>
+ <table><tbody><tr><td>
+ <p>Page&nbsp;10&nbsp;Line&nbsp;M</p>
+ <p class="avoidBefore">Page&nbsp;10&nbsp;Line&nbsp;N</p>
+ </td></tr></tbody></table>
+
+ <div class="spacer start">
+ <p>Page&nbsp;11&nbsp;Line&nbsp;O</p>
+ </div><div class="spacer backup"></div>
+ <table><tbody><tr><td>
+ <div class="avoidAfter"><div>
+ <p>Page&nbsp;12&nbsp;Line&nbsp;P</p>
+ </div></div>
+ <p>Page&nbsp;12&nbsp;Line&nbsp;Q</p>
+ </td></tr></tbody></table>
+
+ <div class="spacer start">
+ <p>Page&nbsp;13&nbsp;Line&nbsp;R</p>
+ </div><div class="spacer backup"></div>
+ <table><tbody><tr><td>
+ <p>Page&nbsp;14&nbsp;Line&nbsp;S</p>
+ <div class="avoidBefore"><div>
+ <p>Page&nbsp;14&nbsp;Line&nbsp;T</p>
+ </div></div>
+ </td></tr></tbody></table>
+
+ <div class="spacer start">
+ <p>Page&nbsp;15&nbsp;Line&nbsp;O</p>
+ </div><div class="spacer backup"></div>
+ <table><tbody><tr><td>
+ <div><div>
+ <p class="avoidAfter">Page&nbsp;16&nbsp;Line&nbsp;P</p>
+ </div></div>
+ <p>Page&nbsp;16&nbsp;Line&nbsp;Q</p>
+ </td></tr></tbody></table>
+
+ <div class="spacer start">
+ <p>Page&nbsp;17&nbsp;Line&nbsp;R</p>
+ </div><div class="spacer backup"></div>
+ <table><tbody><tr><td>
+ <p>Page&nbsp;18&nbsp;Line&nbsp;S</p>
+ <div><div>
+ <p class="avoidBefore">Page&nbsp;18&nbsp;Line&nbsp;T</p>
+ </div></div>
+ </td></tr></tbody></table>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-002.xht b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-002.xht
new file mode 100644
index 0000000000..9a3ae93886
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-002.xht
@@ -0,0 +1,79 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: allowed page break - line box breaking</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<meta name="assert" content="Breaking between line boxes is allowed only if the number of line boxes between the break and the start of the enclosing block box is the value of 'orphans' or more, and the number of line boxes between the break and the end of the box is the value of 'widows' or more and the value of the 'page-break-inside' property is 'auto'."/>
+<meta name="flags" content="paged" />
+<style type="text/css">
+ html, body { height: 100%; line-height: 1; font-size: 20px; margin: 0; padding: 0; }
+
+ * {page-break-inside: auto;}
+ div.spacer {
+ height: 50%;
+ }
+ div.backup {
+ margin-top: -3em;
+ }
+ div.dummy {
+ width: 0;
+ page-break-after: always;
+ color: blue;
+ }
+
+ div {
+ widows: 1;
+ orphans: 1;
+ }
+ div#second {orphans: 4;}
+ div#third {widows: 4;}
+ div#fourth {page-break-inside: avoid; page-break-after: auto; }
+</style>
+</head>
+<body>
+ <div class="spacer">This test requires 8 pages. The blue text must
+ denote accurate page numbers. Lines A-C must appear on this page;
+ lines D-F must appear on the next page.</div>
+ <div class="spacer backup"></div>
+ <div class="dummy">
+ Page&nbsp;1&nbsp;Line&nbsp;A
+ Page&nbsp;1&nbsp;Line&nbsp;B
+ Page&nbsp;1&nbsp;Line&nbsp;C
+ Page&nbsp;2&nbsp;Line&nbsp;D
+ Page&nbsp;2&nbsp;Line&nbsp;E
+ Page&nbsp;2&nbsp;Line&nbsp;F
+ </div>
+ <div class="spacer">Lines G-L must appear on the next page.</div>
+ <div class="spacer backup"></div>
+ <div class="dummy" id="second">
+ Page&nbsp;4&nbsp;Line&nbsp;G
+ Page&nbsp;4&nbsp;Line&nbsp;H
+ Page&nbsp;4&nbsp;Line&nbsp;I
+ Page&nbsp;4&nbsp;Line&nbsp;J
+ Page&nbsp;4&nbsp;Line&nbsp;K
+ Page&nbsp;4&nbsp;Line&nbsp;L
+ </div>
+ <div class="spacer">Lines M-N must appear on this page; lines O-R on the next page.</div>
+ <div class="spacer backup"></div>
+ <div class="dummy" id="third">
+ Page&nbsp;5&nbsp;Line&nbsp;M
+ Page&nbsp;5&nbsp;Line&nbsp;N
+ Page&nbsp;6&nbsp;Line&nbsp;O
+ Page&nbsp;6&nbsp;Line&nbsp;P
+ Page&nbsp;6&nbsp;Line&nbsp;Q
+ Page&nbsp;6&nbsp;Line&nbsp;R
+ </div>
+ <div class="spacer">Lines S-X must appear on the next page.</div>
+ <div class="spacer backup"></div>
+ <div class="dummy" id="fourth">
+ Page&nbsp;8&nbsp;Line&nbsp;S
+ Page&nbsp;8&nbsp;Line&nbsp;T
+ Page&nbsp;8&nbsp;Line&nbsp;U
+ Page&nbsp;8&nbsp;Line&nbsp;V
+ Page&nbsp;8&nbsp;Line&nbsp;W
+ Page&nbsp;8&nbsp;Line&nbsp;X
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-003.xht b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-003.xht
new file mode 100644
index 0000000000..5f014f33a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-003.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: allowed page break - dropping page-break-* restrictions</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<meta name="assert" content="If the standard restrictions do not provide enough break points to keep content from overflowing the page boxes, then the restrictions imposed by 'avoid' on the 'page-break-*' properties are dropped."/>
+<meta name="flags" content="paged" />
+<style type="text/css">
+ html, body { height: 100%; line-height: 1; font-size: 20px; margin: 0; padding: 0; }
+ div.spacer {
+ height: 25%;
+ }
+ div.backup {
+ margin-top: -3em;
+ }
+
+ div#wrapper {
+ height: 200%;
+ page-break-inside: avoid;
+ widows: 3;
+ orphans: 3;
+ }
+
+ p {
+ margin: 0;
+ color: blue;
+ }
+ p, #wrapper div {
+ page-break-before: avoid;
+ page-break-after: avoid;
+ }
+</style>
+</head>
+<body>
+ <div id="wrapper">
+ <div class="spacer">This test requires two pages. Lines D-F must be on the second.</div>
+ <div class="spacer backup"></div>
+ <p>Page&nbsp;1&nbsp;Line&nbsp;A</p>
+ <p>Page&nbsp;1&nbsp;Line&nbsp;B</p>
+ <p>Page&nbsp;1&nbsp;Line&nbsp;C</p>
+ <p>Page&nbsp;2&nbsp;Line&nbsp;D</p>
+ <p>Page&nbsp;2&nbsp;Line&nbsp;E</p>
+ <p>Page&nbsp;2&nbsp;Line&nbsp;F</p>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-004.xht b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-004.xht
new file mode 100644
index 0000000000..e956b54e7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-004.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: allowed page break - dropping widows and orphans restrictions</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<meta name="assert" content="If the standard restrictions do not provide enough break points to keep content from overflowing the page boxes after dropping the restrictions imposed by 'avoid' on the 'page-break-*' properties then the restrictions due to 'windows' and 'orphans' are dropped as well."/>
+<meta name="flags" content="paged" />
+<style type="text/css">
+ html, body { line-height: 1; margin: 0; padding: 0; }
+ pre {
+ margin: 0; padding: 0;
+ font: inherit;
+ font-size: 12pt;
+ white-space: pre;
+ page-break-before: avoid;
+ page-break-after: avoid;
+ page-break-inside: avoid;
+ widows: 30;
+ orphans: 30;
+ font-size:
+ }
+ span {
+ font-size: 1in;
+ }
+</style>
+</head>
+<body>
+<pre id="wrapper">This test assumes pages &lt; 26in tall.
+Lines A-Z must all appear in order,
+filling each page until Z on the last.
+<span>Line A
+Line B
+Line C
+Line D
+Line E
+Line F
+Line G
+Line H
+Line I
+Line J
+Line K
+Line L
+Line M
+Line N
+Line O
+Line P
+Line Q
+Line R
+Line S
+Line T
+Line U
+Line V
+Line W
+Line X
+Line Y
+Line Z</span></pre>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-005.xht b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-005.xht
new file mode 100644
index 0000000000..7b8acb8b11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-005.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Allowed Page Breaks - Between Blocks</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props"/>
+ <meta name="flags" content="paged"/>
+ <meta name="assert" content="Page breaks can occur between block boxes."/>
+ <style type="text/css">
+ /* Most permissible breaking possible */
+ * { widows: 1; orphans: 1; widows: 0; orphans: 0; }
+
+ /* Leave 4em at bottom to play with, independent of page size. */
+ html, body {
+ height: 100%;
+ line-height: 1;
+ }
+ .spacer1 {
+ height: 70%;
+ }
+ .spacer2 {
+ height: 30%;
+ margin-top: -4em;
+ }
+
+ /* Test CSS */
+ .first, .second { /* Each border box is 1.5em; margin box is 2.5em. */
+ white-space: nowrap;
+ border: 0.25em solid blue;
+ margin: 0.5em;
+ /* Make test text more visible */
+ color: blue;
+ font-weight: bold;
+ }
+</style>
+</head>
+<body>
+ <div class="spacer1">This test requires 2 pages. Box A must appear on the first page and Box B on the second.</div>
+ <div class="spacer2"></div>
+ <div class="first">Page 1 Box A</div>
+ <div class="second">Page 2 Box B</div>
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-006.xht b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-006.xht
new file mode 100644
index 0000000000..0de8a7b47a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-006.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Allowed Page Breaks - Between Line Boxes</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props"/>
+ <meta name="flags" content="paged"/>
+ <meta name="assert" content="Page breaks can occur between line boxes."/>
+ <style type="text/css">
+ /* Most permissible breaking possible */
+ * { widows: 1; orphans: 1; widows: 0; orphans: 0; }
+
+ /* Leave 2.5 lines at bottom to play with, independent of page size. */
+ html, body {
+ height: 100%;
+ line-height: 1;
+ }
+ .spacer1 {
+ height: 70%;
+ }
+ .spacer2 {
+ height: 30%;
+ margin-top: -2.5em;
+ }
+
+ .test {
+ white-space: pre;
+ /* Make test text more visible */
+ color: blue;
+ font-weight: bold;
+ }
+</style>
+</head>
+<body>
+ <div class="spacer1">This test requires 2 pages. Lines A and B must appear
+ on the first page, lines C and D on the second.</div>
+ <div class="spacer2"></div>
+ <div class="test"> Page 1 Line A
+ Page 1 Line B
+ Page 2 Line C
+ Page 2 Line D
+ </div>
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-007a.xht b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-007a.xht
new file mode 100644
index 0000000000..cbe2e73690
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-007a.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Allowed Page Breaks - Between Line Box and Content Edge</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props"/>
+ <meta name="flags" content="paged"/>
+ <meta name="assert" content="Page breaks can occur between the content edge
+ of a block box and the outer edges of its child line boxes."/>
+ <style type="text/css">
+ /* Most permissible breaking possible */
+ * { widows: 1; orphans: 1; widows: 0; orphans: 0; }
+
+ html, body {
+ height: 100%;
+ line-height: 1;
+ }
+
+ .first, .second {
+ /* Make test text more visible */
+ color: blue;
+ font-weight: bold;
+ }
+ .first {
+ height: 120%;
+ }
+</style>
+</head>
+<body>
+ <div>This test requires 2 pages. Line A must appear
+ on the first page, Line B on the second.</div>
+ <div class="first">Page 1 Line A</div>
+ <div class="second">Page 2 Line B</div>
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-007b.xht b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-007b.xht
new file mode 100644
index 0000000000..20c67573ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/allowed-page-breaks-007b.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Allowed Page Breaks - Between Block-level Box and Content Edge</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props"/>
+ <meta name="flags" content="paged"/>
+ <meta name="assert" content="Page breaks can occur between the content edge
+ of a block box and the outer edges of its child block-level boxes."/>
+ <style type="text/css">
+ /* Most permissible breaking possible */
+ * { widows: 1; orphans: 1; widows: 0; orphans: 0; }
+
+ html, body {
+ height: 100%;
+ line-height: 1;
+ }
+
+ .first, .second {
+ /* Make test text more visible */
+ color: blue;
+ font-weight: bold;
+ }
+ .first {
+ height: 120%;
+ }
+</style>
+</head>
+<body>
+ <div>This test requires 2 pages. Line A must appear
+ on the first page, Line B on the second.</div>
+ <div class="first">
+ <div>Page 1 Line A</div>
+ </div>
+ <div class="second">Page 2 Line B</div>
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-1-print.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-1-print.html
new file mode 100644
index 0000000000..abfe11fd3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-1-print.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="block-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; page-break-before:always; }
+</style>
+</head>
+<body>
+<p>1</p>
+<div class="test"><p>2</p><p>3</p></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-10-print.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-10-print.html
new file mode 100644
index 0000000000..b29e72fc37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-10-print.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="block-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<p>1</p>
+<div class="test"><div style="page-break-inside:auto"><p>2</p><p>3</p></div></div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-11-print.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-11-print.html
new file mode 100644
index 0000000000..64409156ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-11-print.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="block-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<p>1</p>
+<div class="test"><table cellpadding="0" cellspacing="0"><tr><td><p>2</p><p>3</p></td></tr></table></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-12-print.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-12-print.html
new file mode 100644
index 0000000000..1f132e8d73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-12-print.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="block-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<div class="test">
+<p>1</p>
+<div class="test"><p>2</p><p>3</p></div>
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-13-print.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-13-print.html
new file mode 100644
index 0000000000..3d3765fddb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-13-print.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="block-page-break-inside-avoid-8-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+Text
+<div class="test">
+<p>1</p>
+<div class="test"><p>2</p><p>3</p></div>
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-14-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-14-print-ref.html
new file mode 100644
index 0000000000..434ecac945
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-14-print-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-before:always; height:1.5in; }
+</style>
+</head>
+<body>
+<p>1</p>
+<p class="test">2</p>
+<p class="test">3</p>
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-14-print.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-14-print.html
new file mode 100644
index 0000000000..f3b57e0d06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-14-print.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="block-page-break-inside-avoid-14-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; height:1.5in; }
+</style>
+</head>
+<body>
+<p>1</p>
+<p class="test">2</p>
+<p class="test">3</p>
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-15-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-15-print-ref.html
new file mode 100644
index 0000000000..b46ea73e77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-15-print-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-before:always; height:2.5in; }
+</style>
+</head>
+<body>
+<p>1</p>
+<p class="test">2</p>
+<p class="test">4</p>
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-15-print.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-15-print.html
new file mode 100644
index 0000000000..655f70c39a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-15-print.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="block-page-break-inside-avoid-15-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; height:2.5in; }
+</style>
+</head>
+<body>
+<p>1</p>
+<p class="test">2</p>
+<p class="test">4</p>
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-2-print.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-2-print.html
new file mode 100644
index 0000000000..3a32a357ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-2-print.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="block-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<div class="test"><p>1</p></div>
+<div class="test"><p>2</p><p>3</p></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-3-print.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-3-print.html
new file mode 100644
index 0000000000..8469e8acdb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-3-print.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="block-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<div class="test"><p>1</p></div>
+<div class="test"><div><div><div><p>2</p><p>3</p></div></div></div></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-4-print.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-4-print.html
new file mode 100644
index 0000000000..a9566672e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-4-print.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="block-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<div class="test"><p>1</p></div>
+<div><div><div class="test"><p>2</p><p>3</p></div></div></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-5-print.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-5-print.html
new file mode 100644
index 0000000000..f525cf01dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-5-print.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="block-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<div class="test"><p>1</p></div>
+<div class="test"><div class="test"><div class="test"><p>2</p><p>3</p></div></div></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-6-print.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-6-print.html
new file mode 100644
index 0000000000..dc0ce68755
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-6-print.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="block-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; overflow:hidden; }
+</style>
+</head>
+<body>
+<p>1</p>
+<div class="test"><p>2</p><p>3</p></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-7-print.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-7-print.html
new file mode 100644
index 0000000000..0100b508fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-7-print.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="block-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; overflow:hidden; }
+</style>
+</head>
+<body>
+<div class="test">
+<p>1</p>
+<div class="test"><p>2</p><p>3</p></div>
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-8-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-8-print-ref.html
new file mode 100644
index 0000000000..6c47d6af76
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-8-print-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+
+</style>
+</head>
+<body>
+Text
+<div>
+<p style="page-break-before:always">1</p>
+<div style="page-break-before:always"><p>2</p><p>3</p></div>
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-8-print.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-8-print.html
new file mode 100644
index 0000000000..ad67b69ab5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-8-print.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="block-page-break-inside-avoid-8-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; overflow:hidden; }
+</style>
+</head>
+<body>
+Text
+<div class="test">
+<p>1</p>
+<div class="test"><p>2</p><p>3</p></div>
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-9-print.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-9-print.html
new file mode 100644
index 0000000000..d6774410da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-9-print.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="block-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<div class="test">
+<p>1</p>
+<div style="page-break-before:always"><p>2</p><p>3</p></div>
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-print-ref.html
new file mode 100644
index 0000000000..7dfe3f126b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/block-page-break-inside-avoid-print-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-after:always; }
+</style>
+</head>
+<body>
+<div class="test"><p>1</p></div>
+<p>2</p><p>3</p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-1-print.html b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-1-print.html
new file mode 100644
index 0000000000..b932b38ee8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-1-print.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="table-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; float:left; }
+</style>
+</head>
+<body>
+<p>1</p>
+<table class="test"><tr><td><p>2</p><p>3</p></td></tr></table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-2-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-2-print-ref.html
new file mode 100644
index 0000000000..50ea2df7bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-2-print-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+body { margin: 0 }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { float:left; }
+</style>
+</head>
+<body>
+<div class="test"><p>1</p></div>
+<div class="test"><p>2</p><p>3</p></div>
+<div class="test" style="page-break-before:always;clear:both"><p>4</p></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-2-print.html b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-2-print.html
new file mode 100644
index 0000000000..45b5c8b23c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-2-print.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="float-page-break-inside-avoid-2-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+body { margin: 0 }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { float:left; page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<div class="test"><p>1</p></div>
+<div class="test"><p>2</p><p>3</p><p>4</p></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-3-print.html b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-3-print.html
new file mode 100644
index 0000000000..56be8379f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-3-print.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="block-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { float:left; page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<div style="clear:both"><p>1</p></div>
+<div class="test"><p>2</p><p>3</p></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-4-print.html b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-4-print.html
new file mode 100644
index 0000000000..e3793170bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-4-print.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="block-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { float:left; page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<div style="clear:both"><p>1</p></div>
+<div class="test"><div class="test"><p>2</p><p>3</p></div></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-5-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-5-print-ref.html
new file mode 100644
index 0000000000..0da2e292f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-5-print-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+ html,body {
+ color:black; background-color:white; font-size:16px; padding:0; margin:0;
+ }
+p { height: 0.5in; width: 1in; margin:0; background-color:blue; float:left; }
+.test { float:left; clear:left; width:3.3in; }
+</style>
+</head>
+<body>
+<br style="clear:both">
+<div class="test">
+<p>1</p><p>2</p><p>3</p>
+<p>4</p><p>5</p><p>6</p>
+</div>
+<div class="test" style="page-break-before:always">
+<p>1</p><p>2</p><p>3</p>
+<p>4</p><p>5</p><p>6</p>
+</div>
+<div class="test">
+<p>1</p><p>2</p><p>3</p>
+<p>4</p><p>5</p><p>6</p>
+</div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-5-print.html b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-5-print.html
new file mode 100644
index 0000000000..c818c9165b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-5-print.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="float-page-break-inside-avoid-5-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+ html,body {
+ color:black; background-color:white; font-size:16px; padding:0; margin:0;
+ }
+p { height: 0.5in; width: 1in; margin:0; background-color:blue; float:left; }
+.test { float:left; clear:left; page-break-inside:avoid; width:3.3in; }
+</style>
+</head>
+<body>
+<br style="clear:both">
+<div class="test">
+<p>1</p><p>2</p><p>3</p>
+<p>4</p><p>5</p><p>6</p>
+</div>
+<div class="test">
+<p>1</p><p>2</p><p>3</p>
+<p>4</p><p>5</p><p>6</p>
+</div>
+<div class="test">
+<p>1</p><p>2</p><p>3</p>
+<p>4</p><p>5</p><p>6</p>
+</div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-6-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-6-print-ref.html
new file mode 100644
index 0000000000..5f45af72e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-6-print-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+ color:black; background-color:white; font-size:16px; padding:0; margin:0; height:100%;
+}
+p { height:60%; width:90%; margin:0; background-color:blue; border:1px solid black; }
+.test { page-break-before:always; float:left; }
+</style>
+</head>
+<body><p>1</p><p class="test">2</p></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-6-print.html b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-6-print.html
new file mode 100644
index 0000000000..1b53472ba8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-6-print.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="float-page-break-inside-avoid-6-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+ color:black; background-color:white; font-size:16px; padding:0; margin:0; height:100%;
+}
+p { height:60%; width:90%; margin:0; background-color:blue; border:1px solid black; }
+.test { page-break-inside:avoid; float:left; }
+</style>
+</head>
+<body><p>1</p><p class="test">2</p></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-7-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-7-print-ref.html
new file mode 100644
index 0000000000..9698e5018d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-7-print-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged"><style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+ color:black; background-color:white; font-size:16px; padding:0; margin:0; height:100%;
+}
+
+.test {
+ height:60%;
+ float:left;
+ clear:left;
+ background-color:blue;
+}
+</style>
+</head>
+<body>
+<br style="clear:both">
+<div class="test">1</div>X
+<div class="test" style="page-break-before:always">2</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-7-print.html b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-7-print.html
new file mode 100644
index 0000000000..595a3aca45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-7-print.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="float-page-break-inside-avoid-7-print-ref.html">
+ <meta name="flags" content="paged"><style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+ color:black; background-color:white; font-size:16px; padding:0; margin:0; height:100%;
+}
+
+.test {
+ page-break-inside:avoid;
+ height:60%;
+ float:left;
+ clear:left;
+ background-color:blue;
+}
+</style>
+</head>
+<body>
+<br style="clear:both">
+<div class="test">1</div>
+<div class="test">2</div>X
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-8-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-8-print-ref.html
new file mode 100644
index 0000000000..d80fc4b0b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-8-print-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged"><style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+ color:black; background-color:white; font-size:16px; padding:0; margin:0; height:100%;
+}
+
+.test {
+ height:60%;
+ float:left;
+ clear:left;
+ background-color:blue;
+}
+</style>
+</head>
+<body>
+<br style="clear:both">
+<div class="test">1</div>
+<div style="clear:both;">X<br>Y</div>
+<div class="test" style="page-break-before:always">2</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-8-print.html b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-8-print.html
new file mode 100644
index 0000000000..45c19878f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-8-print.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="float-page-break-inside-avoid-8-print-ref.html">
+ <meta name="flags" content="paged"><style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+ color:black; background-color:white; font-size:16px; padding:0; margin:0; height:100%;
+}
+
+.test {
+ page-break-inside:avoid;
+ height:60%;
+ float:left;
+ clear:left;
+ background-color:blue;
+}
+</style>
+</head>
+<body>
+<br style="clear:both">
+<div class="test">1</div>
+<div style="height:60%;clear:both;"><div class="test" style="height:100%;">2</div>X<br>Y</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-9-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-9-print-ref.html
new file mode 100644
index 0000000000..69e213c876
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-9-print-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged"><style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+ color:black; background-color:white; font-size:16px; padding:0; margin:0; height:100%;
+}
+
+.test {
+ height:60%;
+ float:left;
+ clear:left;
+ background-color:blue;
+}
+.ib {
+ display:inline-block;
+ height:100%;
+ width:1px;
+}
+</style>
+</head>
+<body>
+<br style="clear:both">
+<div class="test" style="page-break-after:always">1</div>
+<div style="height:60%;clear:both;">A<div class="test" style="height:100%;">2</div><span>X<span class="ib"></span><br>Y</span></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-9-print.html b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-9-print.html
new file mode 100644
index 0000000000..c32597bb21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/float-page-break-inside-avoid-9-print.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="float-page-break-inside-avoid-9-print-ref.html">
+ <meta name="flags" content="paged"><style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+html,body {
+ color:black; background-color:white; font-size:16px; padding:0; margin:0; height:100%;
+}
+
+.test {
+ page-break-inside:avoid;
+ height:60%;
+ float:left;
+ clear:left;
+ background-color:blue;
+}
+.ib {
+ display:inline-block;
+ height:100%;
+ width:1px;
+}
+</style>
+</head>
+<body>
+<br style="clear:both">
+<div class="test">1</div>
+<div style="height:60%;clear:both;">A<div class="test" style="height:100%;">2</div><span>X<span class="ib"></span><br>Y</span></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/forced-page-breaks-000.xht b/testing/web-platform/tests/css/CSS2/pagination/forced-page-breaks-000.xht
new file mode 100644
index 0000000000..2be45421c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/forced-page-breaks-000.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: forced page breaks</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<meta name="assert" content="A page break MUST occur in the vertical margin between block boxes if, among the 'page-break-after' and 'page-break-before' properties of all the elements generating boxes that meet at this margin, there is at least one with the value 'always', 'left', or 'right'."/>
+<meta name="flags" content="paged" />
+<style type="text/css">
+ @page {
+ counter-increment: page;
+ margin: 7%;
+ @top-right {
+ content: content: "Page " counter(page);
+ }
+ }
+ @page :first {
+ @top-center {
+ content: "This test requires 7 pages";
+ }
+ }
+
+ .breakBefore {page-break-before: always;}
+ .breakAfter {page-break-after: always;}
+
+ .breakBeforeLeft {page-break-before: left;}
+ .breakBeforeRight {page-break-before: right;}
+
+ .avoidBefore { page-break-before: avoid; }
+ .avoidAfter { page-break-after: avoid; }
+ .avoidInside { page-break-inside: avoid; }
+</style>
+</head>
+<body>
+<div class="avoidInside avoidAfter">
+ <p>This test requires 7 pages.</p>
+ <p class="breakBeforeLeft avoidAfter">When printed, this sentence should appear by itself on page 2.</p>
+</div>
+ <p class="breakBefore breakAfter">This sentence should appear by itself on page 3.</p>
+ <p class="breakBefore">This sentence should appear on page 4.</p>
+ <p class="breakAfter">This sentence should also appear on page 4.</p>
+ <p class="avoidBefore avoidAfter">This sentence should appear by itself on page 5.</p>
+ <p class="breakBeforeRight">This sentence should appear by itself on page 7. (Page 6 must be blank.)</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/forced-page-breaks-001.xht b/testing/web-platform/tests/css/CSS2/pagination/forced-page-breaks-001.xht
new file mode 100644
index 0000000000..b3ad584748
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/forced-page-breaks-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: multiple forced page breaks case</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<meta name="assert" content="When multiple 'page-break-before' and/or 'page-break-after' properties with values of 'always', 'left' or 'right' apply at a margin, only one of them generates page breaks."/>
+<meta name="flags" content="paged" />
+<style type="text/css">
+ @page :left {
+ @top-center
+ {
+ content: "[This page intentionally left blank]";
+ }
+ }
+ p {page-break-after: always;}
+ div {page-break-before: right;}
+</style>
+</head>
+<body>
+ <p>This test requires three pages. This must be on the first page.</p>
+ <div>This must be on the third page. There must be a blank page (and only one blank page) before this sentence.</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/inline-page-break-inside-avoid-1-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/inline-page-break-inside-avoid-1-print-ref.html
new file mode 100644
index 0000000000..ac129c03aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/inline-page-break-inside-avoid-1-print-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+
+</style>
+</head>
+<body>
+<div class="test"><p>1</p></div>
+<div class="test" style="display:inline"><p>2</p><p>3</p></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/inline-page-break-inside-avoid-1-print.html b/testing/web-platform/tests/css/CSS2/pagination/inline-page-break-inside-avoid-1-print.html
new file mode 100644
index 0000000000..a7555890b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/inline-page-break-inside-avoid-1-print.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="inline-page-break-inside-avoid-1-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<div class="test"><p>1</p></div>
+<div class="test" style="display:inline"><p>2</p><p>3</p></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/orphans-001.xht b/testing/web-platform/tests/css/CSS2/pagination/orphans-001.xht
new file mode 100644
index 0000000000..3770d019b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/orphans-001.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: breaks inside elements: orphans initial value</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#break-inside"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#breaks-inside"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The initial value of the 'orphans' property is 2."/>
+<style type="text/css">
+ html, body {
+ height: 100%;
+ line-height: 1;
+ font-size: 20px;
+ }
+ * {
+ margin:0;
+ padding:0;
+ }
+ div.spacer {
+ height:50%;
+ }
+ div.backup {
+ margin-top: -1em;
+ }
+
+ .test {
+ color: blue;
+ width: 1em;
+ }
+
+</style>
+</head>
+<body>
+ <div class="spacer">This test requires 2 pages. The blue text must
+ denote accurate page numbers. Lines A-E must appear on the next page.</div>
+
+ <div class="spacer backup"></div>
+ <div class="test">
+ Page&nbsp;2&nbsp;Line&nbsp;A
+ Page&nbsp;2&nbsp;Line&nbsp;B
+ Page&nbsp;2&nbsp;Line&nbsp;C
+ Page&nbsp;2&nbsp;Line&nbsp;D
+ Page&nbsp;2&nbsp;Line&nbsp;E
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/orphans-002.xht b/testing/web-platform/tests/css/CSS2/pagination/orphans-002.xht
new file mode 100644
index 0000000000..209ffb9bf6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/orphans-002.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: breaks inside elements: orphans - block-level only</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#break-inside"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'orphans' property is only applied to block-level elements."/>
+<style type="text/css">
+ html, body {
+ height: 100%;
+ line-height: 1;
+ font-size: 20px;
+ }
+ * {
+ margin:0;
+ padding:0;
+ }
+ div.spacer {
+ height:50%;
+ }
+ div.backup {
+ margin-top: -4em;
+ }
+
+ .test {
+ color: blue;
+ width: 1em;
+ orphans: 5;
+ }
+ .test span {
+ orphans: 2;
+ }
+
+</style>
+</head>
+<body>
+ <div class="spacer">This test requires 2 pages. The blue text must
+ denote accurate page numbers. Lines A-G must appear on the next
+ page.</div>
+
+ <div class="spacer backup"></div>
+ <div class="test"><span>
+ Page&nbsp;2&nbsp;Line&nbsp;A
+ Page&nbsp;2&nbsp;Line&nbsp;B
+ Page&nbsp;2&nbsp;Line&nbsp;C
+ Page&nbsp;2&nbsp;Line&nbsp;D
+ Page&nbsp;2&nbsp;Line&nbsp;E
+ Page&nbsp;2&nbsp;Line&nbsp;F
+ Page&nbsp;2&nbsp;Line&nbsp;G
+ </span></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/orphans-003.xht b/testing/web-platform/tests/css/CSS2/pagination/orphans-003.xht
new file mode 100644
index 0000000000..a57cf110f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/orphans-003.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: breaks inside elements: orphans - inheritance</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#break-inside"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'orphans' property is inherited."/>
+<style type="text/css">
+ html, body {
+ height: 100%;
+ line-height: 1;
+ font-size: 20px;
+ }
+ * {
+ margin:0;
+ padding:0;
+ }
+ div.spacer {
+ height:50%;
+ }
+ div.backup {
+ margin-top: -4em;
+ }
+
+ .test {
+ color: blue;
+ width: 1em;
+ }
+ html {
+ orphans: 5;
+ }
+
+</style>
+</head>
+<body>
+ <div class="spacer">This test requires 2 pages. The blue text must
+ denote accurate page numbers. Lines A-G must appear on the next
+ page.</div>
+
+ <div class="spacer backup"></div>
+ <div class="test">
+ Page&nbsp;2&nbsp;Line&nbsp;A
+ Page&nbsp;2&nbsp;Line&nbsp;B
+ Page&nbsp;2&nbsp;Line&nbsp;C
+ Page&nbsp;2&nbsp;Line&nbsp;D
+ Page&nbsp;2&nbsp;Line&nbsp;E
+ Page&nbsp;2&nbsp;Line&nbsp;F
+ Page&nbsp;2&nbsp;Line&nbsp;G
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/orphans-004a.xht b/testing/web-platform/tests/css/CSS2/pagination/orphans-004a.xht
new file mode 100644
index 0000000000..945c8fe4b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/orphans-004a.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: orphans property syntax - integer</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#break-inside"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#breaks-inside"/>
+<meta name="flags" content="invalid paged" />
+<meta name="assert" content="The syntax of the 'orphans' property is integer."/>
+<style type="text/css">
+ html, body {
+ height: 100%;
+ line-height: 1;
+ font-size: 20px;
+ }
+ * {
+ margin:0;
+ padding:0;
+ }
+ div.spacer {
+ height:50%;
+ }
+ div.backup {
+ margin-top: -5em;
+ }
+
+ .test {
+ color: blue;
+ width: 1em;
+ orphans: 5;
+ orphans: 2.0;
+ orphans: 2em;
+ orphans: -2;
+ orphans: 0;
+ }
+
+</style>
+</head>
+<body>
+ <div class="spacer">This test requires 2 pages. The blue text must
+ denote accurate page numbers. Lines F-G must appear on the next
+ page.</div>
+
+ <div class="spacer backup"></div>
+ <div class="test">
+ Page&nbsp;1&nbsp;Line&nbsp;A
+ Page&nbsp;1&nbsp;Line&nbsp;B
+ Page&nbsp;1&nbsp;Line&nbsp;C
+ Page&nbsp;1&nbsp;Line&nbsp;D
+ Page&nbsp;1&nbsp;Line&nbsp;E
+ Page&nbsp;2&nbsp;Line&nbsp;F
+ Page&nbsp;2&nbsp;Line&nbsp;G
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/orphans-004b.xht b/testing/web-platform/tests/css/CSS2/pagination/orphans-004b.xht
new file mode 100644
index 0000000000..ae2a2c4899
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/orphans-004b.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: orphans property syntax - one</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#break-inside"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#breaks-inside"/>
+<meta name="flags" content="invalid paged" />
+<meta name="assert" content="The 'orphans' property accepts the integer one."/>
+<style type="text/css">
+ html, body {
+ height: 100%;
+ line-height: 1;
+ font-size: 20px;
+ }
+ * {
+ margin:0;
+ padding:0;
+ }
+ div.spacer {
+ height:50%;
+ }
+ div.backup {
+ margin-top: -1.5em;
+ }
+
+ .test {
+ color: blue;
+ width: 1em;
+ orphans: 2;
+ orphans: 01;
+ }
+
+</style>
+</head>
+<body>
+ <div class="spacer">This test requires 2 pages. The blue text must
+ denote accurate page numbers. Line A must appear on this page;
+ lines B-D on the next.</div>
+
+ <div class="spacer backup"></div>
+ <div class="test">
+ Page&nbsp;1&nbsp;Line&nbsp;A
+ Page&nbsp;2&nbsp;Line&nbsp;B
+ Page&nbsp;2&nbsp;Line&nbsp;C
+ Page&nbsp;2&nbsp;Line&nbsp;D
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-after-000.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-000.xht
new file mode 100644
index 0000000000..dc005df007
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-000.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-after: always</title>
+<link rel="author" title="Michael Turnwall" href="mailto:mturnwall@revenution.com"/>
+<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'always' value of the 'page-break-after' property forces a page break after the box."/>
+<style type="text/css">
+
+ div.break {
+ page-break-after:always;
+ }
+
+</style>
+</head>
+<body>
+ <div class="break">There must be a page break after this paragraph, followed by another line of content. This test should produce two pages of output.</div>
+ <div>
+ This text should be at the top of the second and final page.
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-after-001.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-001.xht
new file mode 100644
index 0000000000..8d8a399ec5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-after: auto</title>
+<link rel="author" title="Michael Turnwall" href="mailto:mturnwall@revenution.com"/>
+<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'always' value of the 'page-break-after' property forces a page break after the box."/>
+<style type="text/css">
+ div.noBreak {
+ page-break-after:always;
+ page-break-after:auto;
+ }
+</style>
+</head>
+<body>
+ <div class="noBreak">There must <strong>not</strong> be a page break after this line of text.</div>
+ <div>This test should produce only one page of output.</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-after-002.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-002.xht
new file mode 100644
index 0000000000..a3964b1d34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-after applies to blocks</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'page-break-after' property must be applied to block-level elements and may be applied to other elements."/>
+<style type="text/css">
+ p {page-break-after: always;}
+ p.noBreak {
+ display: inline;
+ }
+</style>
+</head>
+<body>
+ <p>This sentence must be on the first page.</p>
+ <p class="noBreak">This sentence must be on the second page.</p>
+ <p>This sentence must be either on the second or on the third page.</p>
+
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-after-003.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-003.xht
new file mode 100644
index 0000000000..4e0f64a746
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-003.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-after (no inherit)</title>
+<link rel="author" title="Michael Turnwall" href="mailto:mturnwall@revenution.com"/>
+<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'page-break-after' property is not inherited."/>
+<style type="text/css">
+
+ div {
+ page-break-after:always;
+ }
+
+</style>
+</head>
+<body>
+ <div>
+ <p>There must <strong>not</strong> be a page break after this line of text.</p>
+ <span>This test should produce two pages of output.</span>
+ </div>
+ <div>
+ This text should be at the top of the second and final page.
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-after-004.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-004.xht
new file mode 100644
index 0000000000..aad7571493
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-004.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-after (invalid syntax)</title>
+<link rel="author" title="Michael Turnwall" href="mailto:mturnwall@revenution.com"/>
+<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<meta name="flags" content="paged invalid" />
+<meta name="assert" content="The syntax of the 'page-break-after' property is auto | always | avoid | left | right."/>
+<style type="text/css">
+
+ div.noBreakAuto {
+ page-break-after:always;
+ page-break-after:auto auto;
+ }
+ div.noBreakLeft {
+ page-break-after:auto;
+ page-break-after:left always;
+ }
+ div.noBreakAlways {
+ page-break-after:always always;
+ }
+ .dummy {
+ color:gray;
+ }
+
+</style>
+</head>
+<body>
+ <div class="noBreakAuto">This test must produce two pages of output. This sentence must be on the first page.</div>
+ <div class="noBreakLeft">This sentence must be at the top of the second page.</div>
+ <div class="noBreakAlways dummy">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
+ <p>This must be the last sentence on the second and final page.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-after-005.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-005.xht
new file mode 100644
index 0000000000..be7b4b2e7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-005.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-after: initial value</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The initial value of the 'page-break-after' property is 'auto'."/>
+<style type="text/css">
+ html, body {
+ height:100%;
+ line-height:1;
+ }
+ * {
+ margin:0;
+ padding:0;
+ page-break-after: inherit;
+ }
+ div {
+ height: 100%;
+ margin-bottom: -6em;
+ }
+</style>
+</head>
+<body>
+ <div>This test requires two pages. The dummy text below this will flow onto a second page.</div>
+
+ <p>
+ dummy <br />
+ dummy <br />
+ dummy <br />
+ dummy <br />
+ dummy <br />
+ dummy <br />
+ dummy <br />
+ dummy <br />
+ dummy <br />
+ dummy <br />
+ dummy <br />
+ dummy <br />
+ </p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-after-006.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-006.xht
new file mode 100644
index 0000000000..460c24e10f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-006.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-after applies to paged media</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="assert" content="The 'page-break-after' property applies to paged media only"/>
+<style type="text/css">
+ div {
+ page-break-after: always;
+ }
+</style>
+</head>
+<body>
+ <div>When viewed on paged media, the next line must appear on a second page.</div>
+
+ <div>On continuous media, however, this line must appear directly below the line above.</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-after-007.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-007.xht
new file mode 100644
index 0000000000..e3aec8da3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-007.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-after: auto</title>
+<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'auto' value of the 'page-break-after' property neither forces nor forbids a page break after the box."/>
+<style type="text/css">
+ html, body {
+ height:100%;
+ line-height:1;
+ margin: 0;
+ padding: 0;
+ }
+ div {
+ page-break-after: auto;
+ }
+ div#first {height: 50%;}
+ div#second {
+ height: 50%;
+ margin-bottom: -4em;
+ }
+ div#third {width: 0;}
+</style>
+</head>
+<body>
+ <div id="first">This test produces two pages. The next paragraph should appear on the same page as this one.</div>
+
+ <div id="second">The letters 'a', 'b', 'c', and 'd' may appear below or on the next page. The letters 'e' and 'f' must appear on the next page.</div>
+ <div id="third">a b c d e f</div>
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-after-008.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-008.xht
new file mode 100644
index 0000000000..cf5e72e5bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-008.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-after: right</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="assert" content="The 'right' value of the 'page-break-after' property forces one or two page breaks before the box so that the page after the break is formatted as a right page"/>
+<meta name="flags" content="paged" />
+<style type="text/css">
+ @page {margin: 7%;}
+ @page :left {
+ @top-center
+ {
+ content: "[This page intentionally left blank]";
+ }
+ }
+ p {
+ page-break-after: right;
+ }
+</style>
+</head>
+<body>
+ <p>When printed, this test requires two or three pages. There may be a blank page after this sentence.</p>
+ <p>If there was a blank page, this content should appear on the third page.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-after-009.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-009.xht
new file mode 100644
index 0000000000..5adb7a5a37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-009.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-after: avoid</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="assert" content="The 'avoid' value of the 'page-break-after' property inhibits a page break after the element when possible."/>
+<meta name="flags" content="paged"/>
+<style type="text/css">
+ html, body { height: 100%; line-height: 1; font-size: 20px; margin: 0; padding: 0; }
+ .spacer { height: 50%; }
+ .backup { margin-top: -3em; }
+ .start { page-break-before: always; }
+
+ p {
+ margin: 0;
+ color: blue;
+ orphans: 1;
+ widows: 1;
+ white-space: pre;
+ }
+
+ .avoidAfter {
+ page-break-after: avoid;
+ }
+ .avoidInside {
+ page-break-inside: avoid;
+ widows: 3;
+ orphans: 3;
+ }
+</style>
+</head>
+<body>
+ <div class="spacer">
+ Lines A-L must appear on the 6 pages of this test. The blue text
+ must accurately describe the page numbers.
+ </div><div class="spacer backup"></div>
+ <p class="avoidAfter">Page&nbsp;1&nbsp;Line&nbsp;A</p>
+ <p>Page&nbsp;1&nbsp;Line&nbsp;B
+Page&nbsp;1&nbsp;Line&nbsp;C
+Page&nbsp;2&nbsp;Line&nbsp;D</p>
+
+ <div class="spacer start"></div><div class="spacer backup"></div>
+ <p class="avoidAfter">Page&nbsp;3&nbsp;Line&nbsp;E
+Page&nbsp;3&nbsp;Line&nbsp;F
+Page&nbsp;4&nbsp;Line&nbsp;G</p>
+ <p>Page&nbsp;4&nbsp;Line&nbsp;H</p>
+
+ <div class="spacer start">[page 5]</div><div class="spacer backup"></div>
+ <p class="avoidInside avoidAfter">Page&nbsp;6&nbsp;Line&nbsp;I
+Page&nbsp;6&nbsp;Line&nbsp;J
+Page&nbsp;6&nbsp;Line&nbsp;K</p>
+ <p>Page&nbsp;6&nbsp;Line&nbsp;L</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-after-010.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-010.xht
new file mode 100644
index 0000000000..db3ad892b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-after-010.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-after: left</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="assert" content="The 'left' value of the 'page-break-after' property forces one or two page breaks before the box so that the page after the break is formatted as a left page"/>
+<meta name="flags" content="paged" />
+<style type="text/css">
+ @page {margin: 7%;}
+ @page :right {
+ @top-center
+ {
+ content: "[This page intentionally left blank]";
+ }
+ }
+ @page :first {
+ @top-center
+ {
+ content: "";
+ }
+ }
+ p {
+ page-break-after: left;
+ }
+</style>
+</head>
+<body>
+ <p>When printed, this test produces 4 or 5 pages of output. The next page may or may not be blank.</p>
+ <p>If the previous page was not blank, there should be a blank page after this sentence.</p>
+ <p>This content should appear on the fourth page.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-before-000.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-000.xht
new file mode 100644
index 0000000000..e12e665084
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-000.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-before: always</title>
+<link rel="author" title="Michael Turnwall" href="mailto:mturnwall@revenution.com"/>
+<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'always' value of the 'page-break-before' property forces a page break before the box."/>
+<style type="text/css">
+
+ div.break {
+ page-break-before:always;
+ }
+
+</style>
+</head>
+<body>
+ <div>This test should produce two pages of output. This text should be at the top of the first page.</div>
+ <div class="break">This text should be at the top of the second and final page.</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-before-001.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-001.xht
new file mode 100644
index 0000000000..01c6a98dae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-before :auto</title>
+<link rel="author" title="Michael Turnwall" href="mailto:mturnwall@revenution.com"/>
+<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'auto' value of the 'page-break-before' property neither forces nor forbids a page break before the box."/>
+<style type="text/css">
+
+ div.noBreak {
+ page-break-before:always;
+ page-break-before:auto;
+ }
+
+</style>
+</head>
+<body>
+ <div>There must <strong>not</strong> be a page break after this line of text.</div>
+ <div class="noBreak">This test should produce only one page of output.</div>
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-before-002.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-002.xht
new file mode 100644
index 0000000000..d47f4c354d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-before inline elements</title>
+<link rel="author" title="Michael Turnwall" href="mailto:mturnwall@revenution.com"/>
+<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'page-break-before' property applies to block-level elements only."/>
+<style type="text/css">
+
+ div.noBreak {
+ page-break-before:always;
+ display:inline;
+ }
+
+</style>
+</head>
+<body>
+ <div>There must <strong>not</strong> be a page break after this line of text.</div>
+ <div class="noBreak">This test should produce only one page of output.</div>
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-before-003.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-003.xht
new file mode 100644
index 0000000000..d33a80175c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-003.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-before: left</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content=" - The 'left' value of the 'page-break-before' property forces one or two page breaks before the box so that the page after the break is formatted as a left page."/>
+<style type="text/css">
+ @page {margin: 7%;}
+ @page :left {
+ margin-right: 50%;
+ }
+ @page :right {
+ margin-left: 50%;
+ @top-center {
+ content: "[This page intentionally left blank]"
+ }
+ }
+ @page :first {
+ @top-center {
+ content: ""
+ }
+ border: 1em solid blue;
+ margin: 7%;
+ }
+ p.spacer {page-break-after: always;}
+ p.goLeft {
+ page-break-before: left;
+ }
+</style>
+</head>
+<body>
+ <p class="spacer">When printed, this test produces 4 or 5 pages of output. The next page may or may not be blank. This content must appear inside a blue box.</p>
+ <p class="spacer goLeft">When printed, this content should be on the left side of the page. The next page should be blank.</p>
+ <p class="goLeft">When printed, this content should appear on the fourth or fifth page. All content should be on the left side of the page.</p>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam diam erat, convallis fermentum, volutpat a, dignissim a, est. Proin vel lacus.</p>
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-before-004.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-004.xht
new file mode 100644
index 0000000000..674ed0b4b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-before (no inherit)</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'page-break-before' property is not inherited."/>
+<style type="text/css">
+ div.kidsIgnoreMe {
+ page-break-before: always;
+ }
+</style>
+</head>
+<body>
+<div class="kidsIgnoreMe">
+ <div>This test produces one or two pages of output on paged media. This sentence must be on the same page as the next sentence.</div>
+ <p>This sentence must appear on the same page as the text above.</p>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-before-005.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-005.xht
new file mode 100644
index 0000000000..7ad6974232
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-005.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-before: right</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content=" - The 'right' value of the 'page-break-before' property forces one or two page breaks before the box so that the page after the break is formatted as a right page."/>
+<style type="text/css">
+ @page {margin: 7%;}
+ @page :left {
+ margin-right: 50%;
+ }
+ @page :right {
+ margin-left: 50%;
+ }
+ @page :first {
+ @top-center {
+ content: ""
+ }
+ border: 1em solid blue;
+ margin: 7%;
+ }
+ p.spacer {page-break-after: always;}
+ p.goRight {
+ page-break-before: right;
+ }
+</style>
+</head>
+<body>
+ <!-- Right & 1 blank left page -->
+ <p class="spacer">When printed, this test produces 4 or 5 pages of output. The next page may or may not be blank. This content must appear inside a blue box.</p>
+ <!-- Right page -->
+ <p class="goRight spacer">When printed, this content should be on the right side of the third page.</p>
+ <p class="spacer">When printed, this content should be on the left side of the page.</p>
+ <p class="goRight">When printed, this content should appear on the right side of the page.</p>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam diam erat, convallis fermentum, volutpat a, dignissim a, est. Proin vel lacus. Quisque sit amet neque ac quam lacinia varius. In hac habitasse platea dictumst. Phasellus sodales velit vel metus. Ut in tortor dignissim libero elementum mattis. Proin rutrum vehicula lacus. Nunc mi ante, auctor id, vulputate sit amet, lobortis egestas, diam. Phasellus nibh elit, ultricies vitae, dignissim eu, vulputate ut, ante. Praesent interdum, ipsum eget fermentum luctus, enim ligula porttitor erat, id nonummy urna augue non eros. Morbi auctor pharetra tortor. Quisque eu lorem ut ipsum suscipit sollicitudin. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Pellentesque in nisl vitae leo cursus adipiscing. Cras risus nisi, fermentum vulputate, consectetuer a, porttitor et, nibh. Integer vel enim. Donec euismod.</p>
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-before-006.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-006.xht
new file mode 100644
index 0000000000..43d1cec312
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-006.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-before (invalid syntax)</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="flags" content="paged invalid" />
+<meta name="assert" content="The syntax of the 'page-break-before' property is auto | always | avoid | left | right."/>
+<style type="text/css">
+ p.noBreakAuto {
+ page-break-before: always;
+ page-break-before: auto auto;
+ }
+ p.noBreakLeft {
+ page-break-before: auto;
+ page-break-before: left always;
+ }
+ p.noBreakAlways {
+ page-break-before: true;
+ }
+ p.breakRight {
+ page-break-before: right;
+ page-break-before: 2;
+ }
+ p.breakLeft {
+ page-break-before: left;
+ page-break-before: avoid always;
+ }
+ p.noBreak {
+ page-break-before: avoid;
+ page-break-before: always always;
+ }
+
+</style>
+</head>
+<body>
+ <p>When printed, this test requires 4 pages. Page one contains only this
+ paragraph.</p>
+ <p class="noBreakAuto">This text is at the top of page two.</p>
+ <p class="noBreakLeft">This text is also on page two.</p>
+ <p class="noBreakAlways">And this text is on page two as well.</p>
+
+ <p class="breakRight">This paragraph is on page three. A page break follows.</p>
+ <p class="breakLeft">This text is at the top of page four.</p>
+ <p class="noBreak">This last paragraph is also on page four.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-before-007-b.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-007-b.xht
new file mode 100644
index 0000000000..4059db1ec4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-007-b.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-before explicit auto test</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The initial value of the 'page-break-before' property is 'auto'."/>
+<style type="text/css">
+ @page {
+ margin: 7%;
+ }
+ html, body {
+ height:100%;
+ line-height:1;
+ }
+ * {
+ margin:0;
+ padding:0;
+ page-break-before: always;
+ page-break-before: auto;
+ }
+ div#one {height: 20%;}
+ div#two {
+ height: 80%;
+ margin-bottom: -4em;
+ }
+ p {width: 1em;}
+</style>
+</head>
+<body>
+ <div id="one">This test requires two pages.</div>
+ <div id="two">This text must appear on the same page as the line above it. The dummy text below this will flow onto a second page.</div>
+ <p>a b c d e</p>
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-before-007.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-007.xht
new file mode 100644
index 0000000000..3ffe0b98d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-007.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-before initial value</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The initial value of the 'page-break-before' property is 'auto', which neither forces nor forbids a page break before boxes."/>
+<style type="text/css">
+ @page {
+ margin: 7%;
+ }
+ html, body {
+ height:100%;
+ line-height:1;
+ }
+ * {
+ margin:0;
+ padding:0;
+ page-break-before: inherit;
+ }
+ div#one {height: 20%;}
+ div#two {
+ height: 80%;
+ margin-bottom: -4em;
+ }
+ p {width: 1em;}
+</style>
+</head>
+<body>
+ <div id="one">This test requires two pages.</div>
+ <div id="two">This text must appear on the same page as the line above it. The dummy text below this will flow onto a second page.</div>
+ <p>a b c d e</p>
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-before-008.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-008.xht
new file mode 100644
index 0000000000..e394e074ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-008.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-before paged media</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="assert" content="The 'page-break-before' property applies to paged media only"/>
+<meta name="flags" content="paged" />
+<style type="text/css">
+ div {
+ page-break-before: always;
+ border: 2pt solid black;
+ }
+</style>
+</head>
+<body>
+ <div>On screen, the next sentence must appear directly below this one.</div>
+ <div>When printed, however, this sentence must appear at the top of the next page.</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-before-009.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-009.xht
new file mode 100644
index 0000000000..50a1731e3d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-009.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-before avoid</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="assert" content="The 'avoid' value of the 'page-break-before' property prevents a page break before the element when possible"/>
+<meta name="flags" content="paged"/>
+<style type="text/css">
+ html, body { height: 100%; line-height: 1; font-size: 20px; margin: 0; padding: 0; }
+ .spacer { height: 50%; }
+ .backup { margin-top: -3em; }
+ .start { page-break-before: always; }
+
+ p {
+ margin: 0;
+ color: blue;
+ orphans: 1;
+ widows: 1;
+ white-space: pre;
+ }
+
+ .avoidBefore {
+ page-break-before: avoid;
+ }
+ .avoidInside {
+ page-break-inside: avoid;
+ widows: 3;
+ orphans: 3;
+ }
+
+</style>
+</head>
+<body>
+ <div class="spacer">
+ Lines A-L must appear on the 6 pages of this test. The blue text
+ must accurately describe the page numbers.
+ </div><div class="spacer backup"></div>
+ <p>Page&nbsp;1&nbsp;Line&nbsp;A</p>
+ <p class="avoidBefore">Page&nbsp;1&nbsp;Line&nbsp;B
+Page&nbsp;1&nbsp;Line&nbsp;C
+Page&nbsp;2&nbsp;Line&nbsp;D</p>
+
+ <div class="spacer start"></div><div class="spacer backup"></div>
+ <p>Page&nbsp;3&nbsp;Line&nbsp;E
+Page&nbsp;3&nbsp;Line&nbsp;F
+Page&nbsp;4&nbsp;Line&nbsp;G</p>
+ <p class="avoidBefore">Page&nbsp;4&nbsp;Line&nbsp;H</p>
+
+ <div class="spacer start">[page 5]</div><div class="spacer backup"></div>
+ <p class="avoidInside">Page&nbsp;6&nbsp;Line&nbsp;I
+Page&nbsp;6&nbsp;Line&nbsp;J
+Page&nbsp;6&nbsp;Line&nbsp;K</p>
+ <p class="avoidBefore">Page&nbsp;6&nbsp;Line&nbsp;L</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-before-010.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-010.xht
new file mode 100644
index 0000000000..5266141ec2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-010.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-before :auto</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'auto' value of the 'page-break-before' property neither forces nor forbids a page break before the box."/>
+<style type="text/css">
+ html, body { height: 100%; line-height: 1; font-size: 20px; margin: 0; padding: 0; }
+ .spacer { height: 50%; }
+ .backup { margin-top: -2em; }
+ .start { page-break-before: always; }
+
+ p {
+ margin: 0;
+ color: blue;
+ orphans: 1;
+ widows: 1;
+ white-space: pre;
+ }
+
+ .avoidAuto { page-break-before: auto; }
+</style>
+</head>
+<body>
+ <div class="spacer">
+ Lines A-F must appear on the 4 pages of this test. The blue text
+ must accurately describe the page numbers.
+ </div><div class="spacer backup"></div>
+ <p>Page&nbsp;1&nbsp;Line&nbsp;A</p>
+ <p class="avoidAuto">Page&nbsp;1&nbsp;Line&nbsp;B
+Page&nbsp;2&nbsp;Line&nbsp;C</p>
+
+ <div class="spacer start"></div><div class="spacer backup"></div>
+ <p>Page&nbsp;3&nbsp;Line&nbsp;D
+Page&nbsp;3&nbsp;Line&nbsp;E</p>
+ <p class="avoidAuto">Page&nbsp;4&nbsp;Line&nbsp;F</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-before-011.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-011.xht
new file mode 100644
index 0000000000..f93486f173
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-011.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-before initial value</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The initial value of the 'page-break-before' property is 'auto', which neither forces nor forbids a page break before boxes."/>
+<style type="text/css">
+ @page {
+ margin: 7%;
+ }
+ html, body {
+ height:100%;
+ line-height:1;
+ }
+ * {
+ margin:0;
+ padding:0;
+ page-break-before: inherit;
+ }
+ div#one {height: 20%;}
+ div#two {
+ height: 80%;
+ margin-bottom: -4em;
+ }
+ p {
+ width: 1em;
+ color: gray;
+ }
+</style>
+</head>
+<body>
+ <div id="one">This test produces two pages on paged media.</div>
+ <div id="two">This text appears on the first page.
+ <!-- Thus proving that a page break is not forced between boxes -->
+ The dummy text below this will flow onto a second page.</div>
+ <!-- Thus proving that a page break is not forbidden before boxes -->
+ <p>aaa<br />
+ bbb<br />
+ ccc<br />
+ ddd<br />
+ eee<br />
+ fff<br />
+ ggg<br />
+ </p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-before-020.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-020.xht
new file mode 100644
index 0000000000..c410fb69e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-before-020.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Paged media - page-break-before on floats</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="The 'page-break-before' property applies to floated block-level elements in normal flow." />
+ <style type="text/css">
+
+ #floated {
+ float: right;
+ page-break-before: always;
+ width: 50%;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div>
+ <p>This test produces two pages when displayed on paged media. This paragraph is the only content on page one.</p>
+ <div id="floated">This paragraph is on page two and is entirely on the right side of the page.</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-000.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-000.xht
new file mode 100644
index 0000000000..ed60f38868
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-000.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-inside:auto</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'auto' value of the 'page-break-inside' property neither forces nor forbids a page break inside the box."/>
+<style type="text/css">
+ html,body {
+ font-size:12pt;
+ line-height:1;
+ height:100%;
+ margin:0;
+ }
+ .marginDiv1, .marginDiv2 {
+ height:50%;
+ }
+ .marginDiv2 {
+ margin-top:-5em;
+ }
+ div.break {
+ page-break-inside:auto;
+ width:4em;
+ }
+</style>
+</head>
+<body>
+ <div class="marginDiv1"></div>
+ <div class="marginDiv2"></div>
+ <div>There must be a page break below between "FIRST" and "LAST"</div>
+ <div class="break">
+ FIRST
+ dummy
+ dummy
+ dummy
+ dummy
+ dummy
+ dummy
+ dummy
+ dummy
+ dummy
+ LAST
+ </div>
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-001.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-001.xht
new file mode 100644
index 0000000000..bab6fafaea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-001.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-inside: avoid (basic)</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'avoid' value of the 'page-break-inside' property causes the UA to avoid breaking inside the element."/>
+<style type="text/css">
+ * {
+ margin: 0;
+ padding: 0;
+ orphans: 1;
+ widows: 1;
+ }
+ html, body {
+ height:100%;
+ line-height: 1;
+ }
+ div.spacer {
+ height: 100%;
+ margin-bottom: -2em;
+ }
+ div#noBreak {
+ page-break-inside: avoid;
+ width: 0;
+ }
+
+</style>
+</head>
+<body>
+ <div class="spacer">This paragraph must be the only content on this page. The letters a, b, and c are displayed on the next page.</div>
+ <div id="noBreak">a b c</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-002.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-002.xht
new file mode 100644
index 0000000000..e0f788cdd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-002.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-inside (inline elements)</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'page-break-inside' property applies to block-level elements only."/>
+<style type="text/css">
+ * {
+ margin: 0;
+ padding: 0;
+ orphans: 1;
+ widows: 1;
+ }
+ html, body {
+ height:100%;
+ line-height: 1;
+ font-size: 20px;
+ }
+ div.spacers {
+ height: 50%;
+ }
+ div#backUp {margin-top: -2em;}
+ div.break {
+ width: 0;
+ }
+ span {page-break-inside: avoid;}
+
+</style>
+</head>
+<body>
+ <div class="spacers">&nbsp;</div>
+ <div class="spacers" id="backUp">The text below should break onto two pages, with only the letter 'c' appearing on the second page.</div>
+ <div class="break">
+ <span>a b c</span>
+ </div>
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-003.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-003.xht
new file mode 100644
index 0000000000..5534b12c52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-003.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: @page page-break-inside invalid syntax</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<meta name="flags" content="paged invalid" />
+<meta name="assert" content="The syntax of the 'page-break-inside' property is auto | avoid."/>
+<style type="text/css">
+ * {
+ margin: 0;
+ padding: 0;
+ orphans: 1;
+ widows: 1;
+ }
+ html, body {
+ height:100%;
+ line-height: 1;
+ font-size: 20px;
+ }
+ div.spacers {
+ height: 50%;
+ }
+ div#backUp {margin-top: -2em;}
+ div#noBreak {
+ page-break-inside: false;
+ width: 0;
+ }
+
+</style>
+</head>
+<body>
+ <div class="spacers">The text below should span two pages.</div>
+ <div class="spacers" id="backUp"></div>
+ <div id="noBreak">a b c</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-004.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-004.xht
new file mode 100644
index 0000000000..c10df1b89c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-004.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: @page page-break-inside:auto</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after" />
+<meta name="flags" content="paged" />
+<meta name="assert" content="The initial value of the 'page-break-inside' property is 'auto'."/>
+<style type="text/css">
+ * {
+ margin: 0;
+ padding: 0;
+ orphans: 1;
+ widows: 1;
+ }
+ html, body {
+ height:100%;
+ line-height: 1;
+ font-size: 20px;
+ }
+ div.spacers {
+ height: 50%;
+ }
+ div#takeTwo {page-break-before: always}
+ div.backUp {margin-top: -4em;}
+ div#break2 {
+ page-break-inside: avoid;
+ page-break-inside: auto;
+ }
+ .breaker {
+ width: 0;
+ font-weight: bold;
+ color: blue;
+ }
+</style>
+</head>
+<body>
+ <div class="spacers">
+ <p>This test produces four pages of output. The blue numbers must correspond to the page number they appear on.</p>
+ </div>
+ <div class="spacers backUp"></div>
+ <div class="breaker" id="break1">1 1 1 1 2 2 2 2</div>
+
+ <div class="spacers backup" id="takeTwo"></div>
+ <div class="spacers backUp"></div>
+ <div class="breaker" id="break2">3 3 3 3 4 4 4 4</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-005.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-005.xht
new file mode 100644
index 0000000000..facd24d53d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-005.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: page-break-inside inheritance</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props"/>
+ <meta name="flags" content="paged"/>
+ <meta name="assert" content="'page-break-inside' does not inherit."/>
+ <style type="text/css">
+ /* Most permissible breaking possible */
+ * { widows: 1; orphans: 1; widows: 0; orphans: 0; }
+
+ /* Leave 2.5 lines at bottom to play with, independent of page size. */
+ html, body {
+ height: 100%;
+ margin: 0;
+ line-height: 1;
+ }
+ .spacer1 {
+ height: 35%;
+ }
+ .spacer2 {
+ height: 15%;
+ margin-top: -2.5em;
+ }
+
+ .avoid {
+ page-break-inside: avoid;
+ height: 200%;
+ }
+ .test div {
+ white-space: pre;
+ /* Make test text more visible */
+ color: blue;
+ font-weight: bold;
+ }
+</style>
+</head>
+<body>
+ <div class="avoid">
+ <div class="spacer1">This test requires 2 pages. Lines A and B must appear
+ on the first page, lines C and D on the second.</div>
+ <div class="spacer2"></div>
+ <div class="test">
+<div> Page 1 Line A
+ Page 1 Line B
+ Page 2 Line C</div>
+<div> Page 2 Line D</div>
+ </div>
+ </div>
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-006.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-006.xht
new file mode 100644
index 0000000000..aa67922342
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-inside-006.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page-break-inside: paged media</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'page-break-inside' property applies to paged media only."/>
+<style type="text/css">
+ @page {margin: 7%;}
+ html, body {
+ height: 100%;
+ line-height: 1;
+ font-size: 20px;
+ }
+ * {
+ margin: 0;
+ padding: 0;
+ }
+ div {
+ height: 100%;
+ }
+ #pusher {
+ height: 100%;
+ margin-bottom: -2em;
+ }
+ #test {
+ page-break-inside: avoid;
+ font-weight: bold;
+ color: blue;
+ }
+</style>
+</head>
+<body>
+ <div>
+ <p id="pusher">On screen, only 'Line&nbsp;C' below this sentence must be hidden until you scroll, but, when paginated, all three lines should appear together on the second page.</p>
+ <div id="test">
+ <p>Line&nbsp;A</p>
+ <p>Line&nbsp;B</p>
+ <p>Line&nbsp;C</p>
+ </div>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-margins-001.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-margins-001.xht
new file mode 100644
index 0000000000..29673c6acb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-margins-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Margin at the start of document</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props"/>
+ <meta name="flags" content="may paged"/>
+ <meta name="assert" content="The UA may preserve the margin after a forced
+ page break."/>
+ <style type="text/css">
+ .test {
+ line-height: 1em;
+ margin-top: 4em;
+ position: relative;
+ color: blue;
+ page-break-before: always;
+ }
+ .margin {
+ position: relative;
+ bottom: 6em;
+ }
+ </style>
+</head>
+<body>
+ <div>This test requires 2 pages. Test passes if lines A through E appear
+ in order on the second page.</div>
+
+ <div class="test">
+ <div>Page 2 Line D</div>
+ <div>Page 2 Line E</div>
+ <div class="margin">Page 2 Line A</div>
+ <div class="margin">Page 2 Line B</div>
+ <div class="margin">Page 2 Line C</div>
+ </div>
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-margins-002.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-margins-002.xht
new file mode 100644
index 0000000000..f7bd8f8227
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-margins-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: allowed page break margin handling</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<meta name="assert" content="When a page break occurs in the vertical margin between sibling block boxes (or rows in a table), the used values of the adjoining 'margin-bottom' and 'margin-top' properties are set to '0'."/>
+<meta name="flags" content="paged" />
+<style type="text/css">
+ p {
+ page-break-after: always;
+ margin-bottom: 100in;
+ }
+ div {margin-top: 100in;}
+</style>
+</head>
+<body>
+ <p>When printed, this test requires two pages.</p>
+ <div>This sentence must appear at the top of the second page.</div>
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-margins-003.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-margins-003.xht
new file mode 100644
index 0000000000..502a200d18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-margins-003.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page break margin handling</title>
+<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#allowed-pg-brk" />
+<meta name="assert" content="When a page break occurs in the vertical margin between sibling block boxes, the used values of the adjoining 'margin-bottom' and 'margin-top' properties are set to '0'."/>
+<!-- The portion of this assertion relative to the top margin is also tested by allowed-breaks-000-b. This test uses a tight layout to attempt to prove the bottom margin portion of the assertion and that may mask some defects exposed by allowed-breaks-000-b.
+-->
+<meta name="flags" content="paged" />
+<style type="text/css">
+ html, body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ }
+ body {
+ background: red;
+ }
+ div {
+ background: white;
+ }
+ #top {
+ height: 100%;
+ margin-bottom: -2in;
+ }
+ div.one {
+ page-break-before: avoid;
+ page-break-after: always;
+ background: white;
+ height: 2in;
+ margin-bottom: 2in;
+ }
+ div.two {
+ background: white;
+ margin: 2in 0 0 0;
+ height: 100%;
+}
+
+</style>
+</head>
+<body>
+
+ <div id="top">When printed, this test produces two pages of output. The text below must be displayed on the bottom half of the page. </div>
+
+ <div class="one">There must be a page break after this paragraph. There must be no red on the page.</div>
+ <div class="two">This text must be at the top of the second page (right below the top margin, not 2 inches below the top margin). There must be no red on this page.</div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-break-margins-004.xht b/testing/web-platform/tests/css/CSS2/pagination/page-break-margins-004.xht
new file mode 100644
index 0000000000..1c2949693b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-break-margins-004.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: page break margin handling</title>
+<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#allowed-pg-brk" />
+<meta name="assert" content="When a page break occurs in the vertical margin between sibling block boxes, the used values of the adjoining 'margin-top' property is set to '0'."/>
+<!-- This test targets just the top margin after the break; allowed-breaks-000-a also tests this, using a tight layout. This test approach using a looser layout shows defects not revealed by allowed-breaks-000-a.
+-->
+<meta name="flags" content="paged" />
+<style type="text/css">
+ div {
+ background: yellow;
+ border: 1px white solid;
+ }
+ p.test {
+ page-break-after: always;
+ background: white;
+ margin-top: 0;
+ margin-bottom: .5in;
+ }
+ div.topper {
+ margin: 1in 0 0 0;
+ background: white;
+ }
+
+</style>
+</head>
+<body>
+
+ <p>When displayed in paged media, this test produces two pages of output.</p>
+
+ <div>
+ <p class="test">There must be a page break after this paragraph. There may or may not be a yellow background below;
+ however, there must <em>not</em> be a one half inch tall yellow bar below.</p>
+ <div class="topper">There must be no yellow on this second page.</div>
+ </div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-breaks-100.xht b/testing/web-platform/tests/css/CSS2/pagination/page-breaks-100.xht
new file mode 100644
index 0000000000..b4043a82c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-breaks-100.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Page breaks: clearing bottom margin</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#allowed-page-breaks" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#allowed-pg-brk" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="When an element would span a page break solely to satisfy a descendant's bottom margin, that margin is instead truncated and the element does not span pages." />
+ <style type="text/css">
+
+ p {
+ margin-bottom: 12in;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div>
+ <p>This test produces only one page on paged media, containing only this paragraph.</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/page-breaks-101.xht b/testing/web-platform/tests/css/CSS2/pagination/page-breaks-101.xht
new file mode 100644
index 0000000000..813cbe7e04
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/page-breaks-101.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Page Breaks and Bottom Margin (with bg/border)</title>
+ <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" />
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#allowed-page-breaks" />
+ <link rel="help" href="http://www.w3.org/TR/css3-page/#allowed-pg-brk" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="Page breaks are not allowed between the last child of a block and its parent." />
+ <style type="text/css">
+
+ div {
+ background: #eee;
+ border: thick solid orange;
+ }
+ p {
+ margin-bottom: 15in;
+ white-space: nowrap;
+ color: blue;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div>
+ This test produces multiple pages on paged media. The words
+ SECOND PAGE TOP below must appear at the top of the second page.
+ <p>
+ SECOND PAGE TOP
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/row-page-break-inside-avoid-1-print.html b/testing/web-platform/tests/css/CSS2/pagination/row-page-break-inside-avoid-1-print.html
new file mode 100644
index 0000000000..ba84330bd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/row-page-break-inside-avoid-1-print.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="rowgroup-page-break-inside-avoid-5-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<table border="1">
+<thead><tr><td><p>1</p></td></tr></thead>
+<tbody><tr class="test"><td><p>2</p><p>3</p></td></tr></tbody>
+</table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/row-page-break-inside-avoid-2-print.html b/testing/web-platform/tests/css/CSS2/pagination/row-page-break-inside-avoid-2-print.html
new file mode 100644
index 0000000000..1f4b24e4fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/row-page-break-inside-avoid-2-print.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="rowgroup-page-break-inside-avoid-5-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<table border="1">
+<tbody>
+<tr><td><p>1</p></td></tr>
+<tr class="test"><td><p>2</p><p>3</p></td></tr></tbody>
+</table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-1-print.html b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-1-print.html
new file mode 100644
index 0000000000..b13bf2e623
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-1-print.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="table-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<p>1</p>
+<table><thead class="test"><tr><td><p>2</p><p>3</p></td></tr></thead></table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-2-print.html b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-2-print.html
new file mode 100644
index 0000000000..947412d0d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-2-print.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="table-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<p>1</p>
+<table><tbody class="test"><tr><td><p>2</p><p>3</p></td></tr></tbody></table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-3-print.html b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-3-print.html
new file mode 100644
index 0000000000..5efba525ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-3-print.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="table-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<p>1</p>
+<table><tfoot class="test"><tr><td><p>2</p><p>3</p></td></tr></tfoot></table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-4-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-4-print-ref.html
new file mode 100644
index 0000000000..c7c0abdf19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-4-print-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+
+</style>
+</head>
+<body>
+<table border="1">
+<tfoot><tr><td><p>3</p></td></tr></tfoot>
+<thead><tr><td><p>1</p></td></tr></thead>
+<tbody style="page-break-before:always"><tr><td><p>2</p><p>2</p></td></tr></tbody>
+</table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-4-print.html b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-4-print.html
new file mode 100644
index 0000000000..38290b0f27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-4-print.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="rowgroup-page-break-inside-avoid-4-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<table border="1">
+<tfoot><tr><td><p>3</p></td></tr></tfoot>
+<thead><tr><td><p>1</p></td></tr></thead>
+<tbody class="test"><tr><td><p>2</p><p>2</p></td></tr></tbody>
+</table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-5-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-5-print-ref.html
new file mode 100644
index 0000000000..c08a376bfa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-5-print-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+thead { page-break-after:always; }
+</style>
+</head>
+<body>
+<table border="1">
+<thead><tr><td><p>1</p></td></tr></thead>
+<tbody><tr><td><p>2</p><p>3</p></td></tr></tbody>
+</table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-5-print.html b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-5-print.html
new file mode 100644
index 0000000000..ea6e722b9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-5-print.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="rowgroup-page-break-inside-avoid-5-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<table border="1">
+<thead><tr><td><p>1</p></td></tr></thead>
+<tbody class="test"><tr><td><p>2</p><p>3</p></td></tr></tbody>
+</table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-6-print.html b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-6-print.html
new file mode 100644
index 0000000000..41e6d477f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-6-print.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="rowgroup-page-break-inside-avoid-5-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+.bb { page-break-before:always; }
+</style>
+</head>
+<body>
+<table border="1">
+<thead><tr><td><p>1</p></td></tr></thead>
+<tbody class="test"><tr class="bb"><td><p>2</p><p>3</p></td></tr></tbody>
+</table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-7-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-7-print-ref.html
new file mode 100644
index 0000000000..e425f034ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-7-print-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.bb { page-break-before:always; }
+</style>
+</head>
+<body>
+1
+<table border="1" class="bb">
+<tbody>
+<tr><td><p>2</p></td></tr>
+<tr><td><p>2</p><p>3</p></td></tr>
+</tbody>
+</table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-7-print.html b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-7-print.html
new file mode 100644
index 0000000000..4a6bba180b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-7-print.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="rowgroup-page-break-inside-avoid-7-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+1
+<table border="1">
+<tbody class="test">
+<tr><td><p>2</p></td></tr>
+<tr><td><p>2</p><p>3</p></td></tr>
+</tbody>
+</table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-8-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-8-print-ref.html
new file mode 100644
index 0000000000..0ff37fc97e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-8-print-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+
+.bb { page-break-before:always; }
+</style>
+</head>
+<body>
+1
+<table border="1">
+<tbody>
+<tr><td><p>1</p></td></tr>
+<tr class="bb"><td><p>2</p><p>2</p></td></tr>
+</tbody>
+</table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-8-print.html b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-8-print.html
new file mode 100644
index 0000000000..fbb8a1218c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/rowgroup-page-break-inside-avoid-8-print.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="rowgroup-page-break-inside-avoid-8-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+.bb { page-break-before:always; }
+</style>
+</head>
+<body>
+1
+<table border="1">
+<tbody class="test">
+<tr><td><p>1</p></td></tr>
+<tr class="bb"><td><p>2</p><p>2</p></td></tr>
+</tbody>
+</table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/pagination/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/pagination/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/pagination/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/pagination/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/pagination/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/pagination/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/pagination/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/pagination/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/a-green.css b/testing/web-platform/tests/css/CSS2/pagination/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/b-green.css b/testing/web-platform/tests/css/CSS2/pagination/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/pagination/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/c-red.css b/testing/web-platform/tests/css/CSS2/pagination/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/cat.png b/testing/web-platform/tests/css/CSS2/pagination/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/diamond.png b/testing/web-platform/tests/css/CSS2/pagination/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/green15x15.png b/testing/web-platform/tests/css/CSS2/pagination/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/pagination/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/pagination/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/ring.png b/testing/web-platform/tests/css/CSS2/pagination/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/square-purple.png b/testing/web-platform/tests/css/CSS2/pagination/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/square-teal.png b/testing/web-platform/tests/css/CSS2/pagination/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/square-white.png b/testing/web-platform/tests/css/CSS2/pagination/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/pagination/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/pagination/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/pagination/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/pagination/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/pagination/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/pagination/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/test-bl.png b/testing/web-platform/tests/css/CSS2/pagination/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/test-br.png b/testing/web-platform/tests/css/CSS2/pagination/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/test-outer.png b/testing/web-platform/tests/css/CSS2/pagination/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/test-tl.png b/testing/web-platform/tests/css/CSS2/pagination/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/support/test-tr.png b/testing/web-platform/tests/css/CSS2/pagination/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-1-print.html b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-1-print.html
new file mode 100644
index 0000000000..f5a2e43ff6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-1-print.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="table-page-break-inside-avoid-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<p>1</p>
+<table class="test"><tr><td><p>2</p><p>3</p></td></tr></table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-2-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-2-print-ref.html
new file mode 100644
index 0000000000..61f1c9735b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-2-print-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+
+</style>
+</head>
+<body>
+<table border="1">
+<tbody>
+<tr><td><p>1</p></td></tr>
+</tbody>
+</table>
+<div style= "page-break-after: always"></div>
+<table border="1">
+<tbody></tbody>
+<tbody>
+<tr><td><p>2</p><p>3</p></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-2-print.html b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-2-print.html
new file mode 100644
index 0000000000..418561d904
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-2-print.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="table-page-break-inside-avoid-2-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<table border="1">
+<tbody>
+<tr><td><p>1</p></td></tr>
+</tbody>
+</table>
+<div style= "page-break-after: always"></div>
+<table border="1" class="test">
+<tbody></tbody>
+<tbody>
+<tr><td><p>2</p><p>3</p></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-3-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-3-print-ref.html
new file mode 100644
index 0000000000..19b0c40b20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-3-print-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+
+table { display:inline-table; }
+</style>
+</head>
+<body>
+<table border="1">
+<tbody>
+<tr><td><p>1</p></td></tr>
+</tbody>
+</table>
+<div style= "page-break-after: always"></div>
+<table border="1">
+<tbody></tbody>
+<tbody>
+<tr><td><p>2</p><p>3</p><p>4</p></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-3-print.html b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-3-print.html
new file mode 100644
index 0000000000..c5a6be6bf1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-3-print.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="table-page-break-inside-avoid-3-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+table { display:inline-table; }
+</style>
+</head>
+<body>
+<table border="1">
+<tbody>
+<tr><td><p>1</p></td></tr>
+</tbody>
+</table>
+<div style="page-break-after: always"></div>
+<table border="1" class="test">
+<tbody></tbody>
+<tbody>
+<tr><td><p>2</p><p>3</p><p>4</p></td></tr>
+</tbody>
+</table>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-4-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-4-print-ref.html
new file mode 100644
index 0000000000..87abef8541
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-4-print-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+table { display:inline-table; }
+</style>
+</head>
+<body>
+<p style="page-break-after:always">1</p>
+text<table class="test"><tr><td><p>2</p><p>3</p><p>4</p></td></tr></table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-4-print.html b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-4-print.html
new file mode 100644
index 0000000000..8836b10068
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-4-print.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="table-page-break-inside-avoid-4-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+table { display:inline-table; }
+</style>
+</head>
+<body>
+<p>1</p>
+text<table class="test"><tr><td><p>2</p><p>3</p><p>4</p></td></tr></table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-5-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-5-print-ref.html
new file mode 100644
index 0000000000..ddb23f6f44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-5-print-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+
+tr,table { page-break-before:always; }
+</style>
+</head>
+<body>
+<p>1</p>
+<table class="test" border="1">
+<tr><td>I have page-break-after: always</td></tr>
+<tr><td>I have page-break-after: always</td></tr>
+<tr><td>I have page-break-after: always</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-5-print.html b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-5-print.html
new file mode 100644
index 0000000000..dd3d2c42f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-5-print.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="table-page-break-inside-avoid-5-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+tr { page-break-before:always; }
+</style>
+</head>
+<body>
+<p>1</p>
+<table class="test" border="1">
+<tr><td>I have page-break-after: always</td></tr>
+<tr><td>I have page-break-after: always</td></tr>
+<tr><td>I have page-break-after: always</td></tr>
+</table>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-6-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-6-print-ref.html
new file mode 100644
index 0000000000..b9adb9082f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-6-print-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+</style>
+</head>
+<body>
+<table cellspacing="0" cellpadding="0"><caption><p>1</p></caption><tr><td><p>1</p><p>2</p></td></tr></table>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-6-print.html b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-6-print.html
new file mode 100644
index 0000000000..3d327d9d00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-6-print.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="table-page-break-inside-avoid-6-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<table cellspacing="0" cellpadding="0" class="test"><caption><p>1</p></caption><tr><td><p>1</p><p>2</p></td></tr></table>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-7-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-7-print-ref.html
new file mode 100644
index 0000000000..46b41fb0c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-7-print-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+div { page-break-after: always; }
+</style>
+</head>
+<body>
+<div>Text</div>
+<table cellspacing="0" cellpadding="0"><caption><p>1</p></caption><tr><td><p>1</p><p>2</p></td></tr></table>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-7-print.html b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-7-print.html
new file mode 100644
index 0000000000..bb85d62ce8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-7-print.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="table-page-break-inside-avoid-7-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<div>Text</div>
+<table cellspacing="0" cellpadding="0" class="test"><caption><p>1</p></caption><tr><td><p>1</p><p>2</p></td></tr></table>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-8-print.html b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-8-print.html
new file mode 100644
index 0000000000..f100a1b50a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-8-print.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
+ <link rel="match" href="table-page-break-inside-avoid-6-print-ref.html">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+.test { page-break-inside:avoid; }
+</style>
+</head>
+<body>
+<table cellspacing="0" cellpadding="0"><caption><p>1</p></caption><tbody class="test"><tr><td><p>1</p><p>2</p></td></tr></tbody></table>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-print-ref.html b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-print-ref.html
new file mode 100644
index 0000000000..afbaf992cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/table-page-break-inside-avoid-print-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
+ <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
+ <meta name="flags" content="paged">
+<style type="text/css">
+@page { size:5in 3in; margin:0.5in; }
+p { height: 1in; width: 1in; margin:0; background-color:blue; }
+
+</style>
+</head>
+<body>
+<p style="page-break-after:always">1</p>
+<table><tr><td><p>2</p><p>3</p></td></tr></table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/widows-001.xht b/testing/web-platform/tests/css/CSS2/pagination/widows-001.xht
new file mode 100644
index 0000000000..4e2827317f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/widows-001.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: breaks inside elements: widows - initial value</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#break-inside"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The initial value of the 'widows' property is 2."/>
+<style type="text/css">
+ html, body {
+ height: 100%;
+ line-height: 1;
+ font-size: 20px;
+ }
+ * {
+ margin:0;
+ padding:0;
+ }
+ div.spacer {
+ height:50%;
+ }
+ div.backup {
+ margin-top:-4em;
+ }
+
+ .test {
+ color: blue;
+ width: 1em;
+ }
+
+</style>
+</head>
+<body>
+ <div class="spacer">This test requires 2 pages. The blue text must
+ denote accurate page numbers. Lines A-C must appear on this page;
+ lines D-E must appear on the next page.</div>
+
+ <div class="spacer backup"></div>
+ <div class="test">
+ Page&nbsp;1&nbsp;Line&nbsp;A
+ Page&nbsp;1&nbsp;Line&nbsp;B
+ Page&nbsp;1&nbsp;Line&nbsp;C
+ Page&nbsp;2&nbsp;Line&nbsp;D
+ Page&nbsp;2&nbsp;Line&nbsp;E
+ </div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/widows-002.xht b/testing/web-platform/tests/css/CSS2/pagination/widows-002.xht
new file mode 100644
index 0000000000..1313c0df3b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/widows-002.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: breaks inside elements: orphans - block-level only</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#break-inside"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'widows' property is only applied to block-level elements."/>
+<style type="text/css">
+ html, body {
+ height: 100%;
+ line-height: 1;
+ font-size: 20px;
+ }
+ * {
+ margin:0;
+ padding:0;
+ }
+ div.spacer {
+ height:50%;
+ }
+ div.backup {
+ margin-top:-5em;
+ }
+
+ .test {
+ color: blue;
+ width: 1em;
+ widows: 5;
+ }
+ .test span {
+ widows: 2;
+ }
+
+</style>
+</head>
+<body>
+ <div class="spacer">This test requires 2 pages. The blue text must
+ denote accurate page numbers. Lines A-B must appear on this page;
+ lines C-G must appear on the next page.</div>
+
+ <div class="spacer backup"></div>
+ <div class="test"><span>
+ Page&nbsp;1&nbsp;Line&nbsp;A
+ Page&nbsp;1&nbsp;Line&nbsp;B
+ Page&nbsp;2&nbsp;Line&nbsp;C
+ Page&nbsp;2&nbsp;Line&nbsp;D
+ Page&nbsp;2&nbsp;Line&nbsp;E
+ Page&nbsp;2&nbsp;Line&nbsp;F
+ Page&nbsp;2&nbsp;Line&nbsp;G
+ </span></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/widows-003.xht b/testing/web-platform/tests/css/CSS2/pagination/widows-003.xht
new file mode 100644
index 0000000000..290d8cc345
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/widows-003.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: breaks inside elements: widows - inheritance</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#break-inside"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'widows' property is inherited."/>
+<style type="text/css">
+ html, body {
+ height: 100%;
+ line-height: 1;
+ font-size: 20px;
+ }
+ * {
+ margin:0;
+ padding:0;
+ }
+ div.spacer {
+ height:50%;
+ }
+ div.backup {
+ margin-top:-5em;
+ }
+
+ .test {
+ color: blue;
+ width: 1em;
+ }
+ html {
+ widows: 5;
+ }
+
+</style>
+</head>
+<body>
+ <div class="spacer">This test requires 2 pages. The blue text must
+ denote accurate page numbers. Lines A-B must appear on this page;
+ lines C-G must appear on the next page.</div>
+
+ <div class="spacer backup"></div>
+ <div class="test">
+ Page&nbsp;1&nbsp;Line&nbsp;A
+ Page&nbsp;1&nbsp;Line&nbsp;B
+ Page&nbsp;2&nbsp;Line&nbsp;C
+ Page&nbsp;2&nbsp;Line&nbsp;D
+ Page&nbsp;2&nbsp;Line&nbsp;E
+ Page&nbsp;2&nbsp;Line&nbsp;F
+ Page&nbsp;2&nbsp;Line&nbsp;G
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/widows-004a.xht b/testing/web-platform/tests/css/CSS2/pagination/widows-004a.xht
new file mode 100644
index 0000000000..955b461b24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/widows-004a.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: widows property syntax - positive integer</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<!--
+ Credits should go to
+ kawakubo_toru
+ for fixing this test.
+-->
+<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2017-03-03 -->
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#break-inside"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#breaks-inside"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The syntax of the 'widows' property is positive integer."/>
+<style type="text/css">
+ html, body {
+ height: 100%;
+ line-height: 1;
+ font-size: 20px;
+ }
+ * {
+ margin:0;
+ padding:0;
+ }
+ div.spacer {
+ height:50%;
+ }
+ div.backup {
+ margin-top:-5em;
+ }
+
+ .test {
+ color: blue;
+ width: 1em;
+ widows: 5; /* valid */
+ widows: 2.0; /* invalid: real and not integer */
+ widows: 2em; /* invalid: length and not integer */
+ widows: -2; /* invalid: negative integer */
+ widows: 0; /* invalid: zero is not a positive integer */
+ }
+
+</style>
+</head>
+<body>
+ <div class="spacer">This test requires 2 pages. The blue text must
+ denote accurate page numbers. Lines A-B must appear on this page;
+ lines C-G must appear on the next page.</div>
+
+ <div class="spacer backup"></div>
+ <div class="test">
+ Page&nbsp;1&nbsp;Line&nbsp;A
+ Page&nbsp;1&nbsp;Line&nbsp;B
+ Page&nbsp;2&nbsp;Line&nbsp;C
+ Page&nbsp;2&nbsp;Line&nbsp;D
+ Page&nbsp;2&nbsp;Line&nbsp;E
+ Page&nbsp;2&nbsp;Line&nbsp;F
+ Page&nbsp;2&nbsp;Line&nbsp;G
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/pagination/widows-004b.xht b/testing/web-platform/tests/css/CSS2/pagination/widows-004b.xht
new file mode 100644
index 0000000000..5a89509393
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/pagination/widows-004b.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: widows property syntax - one</title>
+<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#break-inside"/>
+<link rel="help" href="http://www.w3.org/TR/css3-page/#breaks-inside"/>
+<meta name="flags" content="paged" />
+<meta name="assert" content="The 'widows' property accepts the integer one."/>
+<style type="text/css">
+ html, body {
+ height: 100%;
+ line-height: 1;
+ font-size: 20px;
+ }
+ * {
+ margin:0;
+ padding:0;
+ }
+ div.spacer {
+ height:50%;
+ }
+ div.backup {
+ margin-top:-3.5em;
+ }
+
+ .test {
+ color: blue;
+ width: 1em;
+ widows: 2;
+ widows: 01;
+ }
+
+</style>
+</head>
+<body>
+ <div class="spacer">This test requires 2 pages. The blue text must
+ denote accurate page numbers. Lines A-C must appear on this page;
+ line D must appear on the next page.</div>
+
+ <div class="spacer backup"></div>
+ <div class="test">
+ Page&nbsp;1&nbsp;Line&nbsp;A
+ Page&nbsp;1&nbsp;Line&nbsp;B
+ Page&nbsp;1&nbsp;Line&nbsp;C
+ Page&nbsp;2&nbsp;Line&nbsp;D
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-001.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-001.xht
new file mode 100644
index 0000000000..5d5216fd4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned, non-replaced elements, static position of fixed element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <meta name="assert" content="The calculation of static position for a fixed positioned element when top, right, bottom, and left are all 'auto' is based off the containing block not the initial containing block." />
+ <style type="text/css">
+ html, body, p
+ {
+ margin: 0;
+ padding: 0;
+ }
+ #div1
+ {
+ border: solid black;
+ height: 2in;
+ position: absolute;
+ top: 1in;
+ width: 3in;
+ }
+ div div
+ {
+ background: blue;
+ height: 1in;
+ position: fixed;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes the a filled blue square touches the upper-left corner of the black box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-002-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-002-ref.xht
new file mode 100644
index 0000000000..944c0999de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-002-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 200px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square and if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue15x15.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-002.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-002.xht
new file mode 100644
index 0000000000..d9976fa841
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-002.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned, non-replaced elements with height based on the content</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-02 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="If 'top', 'height', 'bottom', 'margin-top' and 'margin-bottom' are all auto, then set 'top' to the static position, then the height is based on the content, then 'margin-top' and 'margin-bottom' are set to 0 and then solve for 'bottom'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 200px;
+ position: relative;
+ width: 200px;
+ }
+ div div
+ {
+ background: red;
+ bottom: auto;
+ color: blue;
+ font: 100px/1em Ahem;
+ height: auto;
+ margin-bottom: auto;
+ margin-top: auto;
+ position: absolute;
+ top: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square and if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-003-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-003-ref.xht
new file mode 100644
index 0000000000..e85fef7f02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-003-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 288px;
+ }
+
+ img
+ {
+ height: 96px;
+ vertical-align: top;
+ width: 100%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a blue rectangle is <strong>vertically centered</strong> in an hollow black square.</p>
+
+ <div><img src="support/1x1-white.png" alt="Image download support must be enabled" /><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-003.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-003.xht
new file mode 100644
index 0000000000..523409cd5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-003.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned, non-replaced elements, vertical centering</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-height-003-ref.xht" />
+
+ <meta name="assert" content="An absolutely positioned non-replaced element's padding box (which is the area painted by background-color of the element) will be vertically centered within its containing block only if both 'margin-top' and 'margin-bottom' have equal values and if 'top' and 'bottom' have equal values. An absolutely positioned non-replaced element's margin box will be vertically centered within its containing block only if 'top' and 'bottom' have equal values." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ position: relative;
+ width: 3in;
+ }
+ div div
+ {
+ background: blue;
+ bottom: 0.5in;
+ height: 1in;
+ margin-bottom: auto;
+ margin-top: auto;
+ position: absolute;
+ top: 0.5in;
+ width: 100%;
+ }
+
+ /*
+
+ 0.5in : top
+ +
+ auto (solve): margin-top
+ +
+ 0 : border-top-width
+ +
+ 0 : padding-top
+ +
+ 1in : height
+ +
+ 0 : padding-bottom
+ +
+ 0 : border-bottom-width
+ +
+ auto (solve) : margin-bottom
+ +
+ 0.5in : bottom
+ =============
+ 3.0in : height of containing block
+
+ So, margin-bottom and margin-top must use 0.5in so that the equation gets balanced.
+
+ */
+
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue rectangle is <strong>vertically centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-004.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-004.xht
new file mode 100644
index 0000000000..8529925213
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-004.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned, non-replaced elements, 'margin-top' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-height-003-ref.xht" />
+
+ <meta name="assert" content="When 'top', 'bottom', 'height' and 'margin-bottom' of an absolutely positioned, non-replaced element are all not 'auto' while its 'margin-top' is 'auto', then 'margin-top' becomes the remainder of the height of its containing block." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ position: relative;
+ width: 3in;
+ }
+ div div
+ {
+ background: blue;
+ bottom: 0.5in;
+ height: 1in;
+ margin-top: auto;
+ margin-bottom: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ width: 100%;
+ }
+
+ /*
+
+ 0.5in : top
+ +
+ auto (solve): margin-top
+ +
+ 0 : border-top-width
+ +
+ 0 : padding-top
+ +
+ 1in: height
+ +
+ 0 : padding-bottom
+ +
+ 0 : border-bottom-width
+ +
+ 0.5in : margin-bottom
+ +
+ 0.5in : bottom
+ =============
+ 3.0in : height of containing block
+
+ So, margin-top must use 0.5in so that the equation gets balanced.
+
+ */
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue rectangle is <strong>vertically centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-005.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-005.xht
new file mode 100644
index 0000000000..3aa09b8592
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-005.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned, non-replaced elements, 'margin-bottom' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-height-003-ref.xht" />
+
+ <meta name="assert" content="When 'top', 'bottom' and 'height' are all are not 'auto', 'margin-top' is not 'auto' and 'margin-bottom' is 'auto'. Then 'margin-bottom' becomes the remainder of the height of the containing box." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ position: relative;
+ width: 3in;
+ }
+ div div
+ {
+ background: blue;
+ bottom: 0.5in;
+ height: 1in;
+ margin-bottom: auto;
+ margin-top: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ width: 100%;
+ }
+
+ /*
+
+ 0.5in : top
+ +
+ 0.5in : margin-top
+ +
+ 0 : border-top-width
+ +
+ 0 : padding-top
+ +
+ 1in: height
+ +
+ 0 : padding-bottom
+ +
+ 0 : border-bottom-width
+ +
+ auto (solve) : margin-bottom
+ +
+ 0.5in : bottom
+ =============
+ 3.0in : height of containing block
+
+ So, margin-bottom must use 0.5in so that the equation gets balanced.
+
+ */
+
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue rectangle is <strong>vertically centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-006-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-006-ref.xht
new file mode 100644
index 0000000000..0253cc9345
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-006-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid 10px;
+ height: 300px;
+ width: 300px;
+ }
+
+ img
+ {
+ height: 100px;
+ vertical-align: top;
+ width: 100%;
+ }
+
+ img + img {height: 150px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is one and only one blue rectangle inside an hollow black square and if such black square does not have a vertical scrollbar.</p>
+
+ <div><img src="support/1x1-white.png" alt="Image download support must be enabled" /><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-006.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-006.xht
new file mode 100644
index 0000000000..9992d47115
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-006.xht
@@ -0,0 +1,82 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned, non-replaced elements, over-constrained</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-height-006-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' value is ignored and the equation solves for the bottom value, when the values for 'top', 'bottom', 'height', 'margin-top', 'margin-bottom' add up to more than the containing blocks height." />
+ <style type="text/css">
+ #div1
+ {
+ border: 10px solid black;
+ height: 300px;
+ position: relative;
+ width: 300px;
+ overflow: auto;
+ }
+ div div
+ {
+ background: blue;
+ height: 150px;
+ margin-bottom: 50px;
+ margin-top: 50px;
+ position: absolute;
+ top: 50px;
+ width: 50%;
+ }
+ #div2
+ {
+ bottom: 50px;
+ }
+
+ /*
+
+ 50px : top
+ +
+ 50px : margin-top
+ +
+ 0 : border-top-width
+ +
+ 0 : padding-top
+ +
+ 150px : height
+ +
+ 0 : padding-bottom
+ +
+ 0 : border-bottom-width
+ +
+ 50px : margin-bottom
+ +
+ 50px : bottom
+ =============
+ 350px while the height of containing block is only 300px.
+
+ So, here we definitely have an overconstrained situation. In which
+ case the spec clearly states
+ "If the values are over-constrained, ignore the value for 'bottom'
+ and solve for that value."
+ http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height
+
+ So, here, the used value for bottom will be 0px so that the equation
+ gets balanced.
+
+ */
+
+ #div3
+ {
+ bottom: 0;
+ left: 50%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one and only one blue rectangle inside an hollow black square and if such black square does not have a vertical scrollbar.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-007-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-007-ref.xht
new file mode 100644
index 0000000000..2ad96acaba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-007-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange and blue squares have the <strong>same height</strong>.</p>
+
+ <div><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-007.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-007.xht
new file mode 100644
index 0000000000..7403f50e50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-007.xht
@@ -0,0 +1,98 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned, non-replaced elements, shrink-to-fit solve for top</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-height-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Verify that height is based on the overall height of the content, 'margin-top' and 'margin-bottom' when set to 'auto' are solved to '0' and solve for 'top', when 'top' and 'height' are both 'auto' and 'bottom' is not 'auto'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ color: orange;
+ font: 100px/1 Ahem;
+ height: 300px;
+ position: relative;
+ width: 200px;
+ }
+ div div
+ {
+ background: blue;
+ bottom: 200px;
+ height: auto;
+ margin-bottom: auto;
+ margin-top: auto;
+ position: absolute;
+ top: auto;
+ width: 100%;
+ }
+
+ /*
+
+ auto (to solve) : top
+ +
+ auto (to solve): margin-top
+ +
+ 0 : border-top-width
+ +
+ 0 : padding-top
+ +
+ auto (to solve) : height
+ +
+ 0 : padding-bottom
+ +
+ 0 : border-bottom-width
+ +
+ auto (to solve): margin-bottom
+ +
+ 200px : bottom
+ =============
+ 300px : height of containing block
+
+ "
+ 'top' and 'height' are 'auto' and 'bottom' is not 'auto',
+ then the height is based on the content per 10.6.7,
+ set 'auto' values for 'margin-top' and 'margin-bottom' to 0,
+ and solve for 'top'
+ "
+
+ so this brings:
+
+
+ auto (to solve) : top
+ +
+ 0 (solved): margin-top
+ +
+ 0 : border-top-width
+ +
+ 0 : padding-top
+ +
+ 100px (solved: based on content) : height
+ +
+ 0 : padding-bottom
+ +
+ 0 : border-bottom-width
+ +
+ 0 (solved) : margin-bottom
+ +
+ 200px : bottom
+ =============
+ 300px : height of containing block
+
+ so top will use 0px
+
+ */
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div>X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-008-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-008-ref.xht
new file mode 100644
index 0000000000..131604bada
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-008-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 96px;
+ vertical-align: top;
+ width: 96px;
+ }
+
+ img#blue
+ {
+ height: 192px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a blue rectangle is below an orange square.</p>
+
+ <div><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><br /><img id="blue" src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-008.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-008.xht
new file mode 100644
index 0000000000..22f8598a49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-008.xht
@@ -0,0 +1,96 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned, non-replaced elements, 'top' set to static position</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-height-008-ref.xht" />
+
+ <meta name="assert" content="When 'top' is set to the static position and any 'auto' values for top and bottom margin are set to '0', when 'top' and 'bottom' are 'auto' and 'height' is not 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ background: blue;
+ height: 3in;
+ position: relative;
+ width: 1in;
+ }
+ div div
+ {
+ background: orange;
+ bottom: auto;
+ height: 1in;
+ margin-bottom: auto;
+ margin-top: auto;
+ position: absolute;
+ top: auto;
+ width: 100%;
+ }
+
+
+ /*
+
+ auto (to solve) : top
+ +
+ auto (to solve): margin-top
+ +
+ 0 : border-top-width
+ +
+ 0 : padding-top
+ +
+ 1in : height
+ +
+ 0 : padding-bottom
+ +
+ 0 : border-bottom-width
+ +
+ auto (to solve): margin-bottom
+ +
+ auto (to solve) : bottom
+ =============
+ 3in : height of containing block
+
+
+ "
+ 'top' and 'bottom' are 'auto' and 'height' is not 'auto',
+ then set 'top' to the static position,
+ set 'auto' values for 'margin-top' and 'margin-bottom' to 0,
+ and solve for 'bottom'
+ "
+
+ so this brings:
+
+ 0 (solved static position) : top
+ +
+ 0 (solved): margin-top
+ +
+ 0 : border-top-width
+ +
+ 0 : padding-top
+ +
+ 1in : height
+ +
+ 0 : padding-bottom
+ +
+ 0 : border-bottom-width
+ +
+ 0 (solved): margin-bottom
+ +
+ auto (to solve) : bottom
+ =============
+ 3in : height of containing block
+
+ So, bottom must use 2in in order to balance the equation
+
+
+ */
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue rectangle is below an orange square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-009-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-009-ref.xht
new file mode 100644
index 0000000000..51ec44e9cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-009-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 41px;}
+
+ img
+ {
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange and blue squares have the <strong>same height</strong>.</p>
+
+ <div><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-009.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-009.xht
new file mode 100644
index 0000000000..0fd5ac83e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-009.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned, non-replaced elements, height is based on the content</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-height-009-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'height' is based on the content height, 'auto' values for 'margin-top' and 'margin-bottom' are set to '0' when 'height' and 'bottom' are 'auto' and 'top' is not 'auto'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ div div
+ {
+ background: blue;
+ bottom: auto;
+ color: orange;
+ font: 100px/1 Ahem;
+ height: auto;
+ margin-bottom: auto;
+ margin-top: auto;
+ position: absolute;
+ top: 25px;
+ width: 200px;
+ }
+
+ <!--
+ "
+ height' and 'bottom' are 'auto' and 'top' is not 'auto',
+ then the height is based on the content per 10.6.7,
+ set 'auto' values for 'margin-top' and 'margin-bottom' to 0,
+ and solve for 'bottom'
+ "
+ http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height
+
+ In this test,
+ top used value will be 25px
+ height used value will be 100px
+ vertical margins will be 0px
+ bottom used value will be -125px
+ because the computed height of containing block is 0px.
+ -->
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div>X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-010.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-010.xht
new file mode 100644
index 0000000000..1a6b797704
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-010.xht
@@ -0,0 +1,95 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned, non-replaced elements, 'margin-top' and 'margin-bottom' set to '0'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-height-003-ref.xht" />
+
+ <meta name="assert" content="The 'auto' values for 'margin-top' and 'margin-bottom' are set to '0', when 'top' is 'auto' and 'height' and 'bottom' are not 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ position: relative;
+ width: 3in;
+ }
+ div div
+ {
+ background: blue;
+ bottom: 1in;
+ height: 1in;
+ margin-bottom: auto;
+ margin-top: auto;
+ position: absolute;
+ top: auto;
+ width: 100%;
+ }
+
+ /*
+
+ auto (to solve) : top
+ +
+ auto (to solve): margin-top
+ +
+ 0 : border-top-width
+ +
+ 0 : padding-top
+ +
+ 1in : height
+ +
+ 0 : padding-bottom
+ +
+ 0 : border-bottom-width
+ +
+ auto (to solve): margin-bottom
+ +
+ 1in : bottom
+ =============
+ 3in : height of containing block
+
+
+ "
+ 'top' is 'auto', 'height' and 'bottom' are not 'auto',
+ then set 'auto' values for 'margin-top' and 'margin-bottom' to 0,
+ and solve for 'top'
+ "
+
+ so this brings:
+
+ auto (to solve) : top
+ +
+ 0 (set): margin-top
+ +
+ 0 : border-top-width
+ +
+ 0 : padding-top
+ +
+ 1in : height
+ +
+ 0 : padding-bottom
+ +
+ 0 : border-bottom-width
+ +
+ 0 (set): margin-bottom
+ +
+ 1in : bottom
+ =============
+ 3in : height of containing block
+
+ So, top must use 1in in order to balance the equation
+
+
+ */
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue rectangle is <strong>vertically centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-011.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-011.xht
new file mode 100644
index 0000000000..fa9a0db666
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-011.xht
@@ -0,0 +1,93 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned, non-replaced elements, 'height' based on 'top' and 'bottom' positions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-height-003-ref.xht" />
+
+ <meta name="assert" content="The 'auto' values on 'margin-top', 'margin-bottom' are set to '0' and the 'height' is the remaining space between the 'top' and 'bottom' positions, when 'height' is 'auto' and 'top' and 'bottom' are both not 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ position: relative;
+ width: 3in;
+ }
+ div div
+ {
+ background: blue;
+ bottom: 1in;
+ height: auto;
+ margin-bottom: auto;
+ margin-top: auto;
+ position: absolute;
+ top: 1in;
+ width: 100%;
+ }
+
+ /*
+
+ 1in : top
+ +
+ auto (to solve): margin-top
+ +
+ 0 : border-top-width
+ +
+ 0 : padding-top
+ +
+ auto (to solve) : height
+ +
+ 0 : padding-bottom
+ +
+ 0 : border-bottom-width
+ +
+ auto (to solve): margin-bottom
+ +
+ 1in : bottom
+ =============
+ 3in : height of containing block
+
+
+ "
+ 'height' is 'auto', 'top' and 'bottom' are not 'auto',
+ then 'auto' values for 'margin-top' and 'margin-bottom' are set to 0
+ and solve for 'height'
+ "
+
+ so this brings:
+
+ 1in : top
+ +
+ 0 (set): margin-top
+ +
+ 0 : border-top-width
+ +
+ 0 : padding-top
+ +
+ auto (to solve) : height
+ +
+ 0 : padding-bottom
+ +
+ 0 : border-bottom-width
+ +
+ 0 (set): margin-bottom
+ +
+ 1in : bottom
+ =============
+ 3in : height of containing block
+
+ So, height must use 1in in order to balance the equation
+
+ */
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue rectangle is <strong>vertically centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-012.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-012.xht
new file mode 100644
index 0000000000..95d5566b9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-012.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned, non-replaced elements, solve for 'bottom'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-height-003-ref.xht" />
+
+ <meta name="assert" content="When 'margin-top' and 'margin-bottom' are set to '0' the 'bottom' value resolves to the remaining space within the containing block." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ position: relative;
+ width: 3in;
+ }
+ div div
+ {
+ position: absolute;
+ top: 1in;
+ bottom: auto;
+ height: 1in;
+ margin-top: auto;
+ margin-bottom: auto;
+ background: blue;
+ width: 100%;
+ }
+
+ /*
+ "
+ 'bottom' is 'auto', 'top' and 'height' are not 'auto',
+ then set 'auto' values for 'margin-top' and 'margin-bottom' to 0
+ and solve for 'bottom'
+ "
+
+ Therefore, bottom used value must be 1in
+ */
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue rectangle is <strong>vertically centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-013.html b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-013.html
new file mode 100644
index 0000000000..46929f360a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-height-013.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>Auto margin-top and margin-bottom, non-auto everything else</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#abs-non-replaced-height">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="position:relative; width:100px; height:100px; background:red;">
+ <div style="position:absolute; top:50%; bottom:50%; width:100px; height:100px; margin:auto; background:green;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-001-ref.html b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-001-ref.html
new file mode 100644
index 0000000000..742b3063ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-001-ref.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<meta charset="utf-8">
+<link rel="author" name="Delan Azabani" href="mailto:dazabani@igalia.com">
+<p>Test passes if there is a green square containing a smaller black square below.
+<div style="width: 2em; height: 2em; background: green;">
+ <div style="width: 1em; height: 1em; background: black;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-001.html b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-001.html
new file mode 100644
index 0000000000..4b208c5831
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-001.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: ‘max-width’ and ‘max-height’ affect percentage sizes in descendants</title>
+<link rel="author" name="Delan Azabani" href="mailto:dazabani@igalia.com">
+<link rel="help" href="https://drafts.csswg.org/css2/#min-max-widths">
+<link rel="help" href="https://drafts.csswg.org/css2/#min-max-heights">
+<link rel="match" href="absolute-non-replaced-max-001-ref.html">
+<meta name="assert" value="This test verifies that when the used ‘width’ and ‘height’ are affected by ‘max-width’ and ‘max-height’, the descendants are laid out with a containing block of the new size, so any percentage sizes are resolved against that new size.">
+<p>Test passes if there is a green square containing a smaller black square below.
+<div style="position: absolute; width: 4em; height: 4em; max-width: 2em; max-height: 2em; background: green;">
+ <div style="width: 50%; height: 50%; background: black;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-001.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-001.xht
new file mode 100644
index 0000000000..6e947780af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height on absolutely positioned, non-replaced elements, static position of fixed element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <meta name="assert" content="The calculation of static position is based on initial containing block when there is a fixed positioned element." />
+ <style type="text/css">
+ html, body, p
+ {
+ margin: 0;
+ padding: 0;
+ }
+ #div1
+ {
+ border: solid black;
+ height: 2in;
+ position: absolute;
+ width: 2in;
+ }
+ div div
+ {
+ background: blue;
+ height: 1in;
+ max-height: 0.5in;
+ position: fixed;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes a blue rectangle is in the upper-left corner of a hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-002-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-002-ref.xht
new file mode 100644
index 0000000000..75b0e54b44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-002-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 200px;
+ width: 200px;
+ }
+
+ img {padding-left: 100px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue rectangle in the <strong>upper-right corner</strong> of an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" width="100" height="50" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-002.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-002.xht
new file mode 100644
index 0000000000..7637068a9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-002.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height on absolutely positioned, non-replaced elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-max-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When 'top', 'height', and 'bottom' of an absolutely positioned element are 'auto', then set 'top' to the static position and make 'height' based on the content; such height may be constrained by a given 'max-height' value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 200px;
+ position: relative;
+ width: 200px;
+ }
+ div div
+ {
+ background: blue;
+ bottom: auto;
+ font: 100px/1 Ahem;
+ height: auto;
+ margin-bottom: auto;
+ margin-top: auto;
+ max-height: 50px;
+ position: absolute;
+ right: 0;
+ top: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue rectangle in the <strong>upper-right corner</strong> of an hollow black square.</p>
+ <div id="div1">
+ <div>&nbsp;</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-003-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-003-ref.xht
new file mode 100644
index 0000000000..9dba17bd96
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-003-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 288px;
+ }
+
+ img {padding-top: 120px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a blue rectangle is <strong>vertically centered</strong> in an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" width="288" height="48" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-003.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-003.xht
new file mode 100644
index 0000000000..edbb0127bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-003.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height on absolutely positioned, non-replaced elements, vertical centering</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-max-height-003-ref.xht" />
+
+ <meta name="assert" content="An absolutely positioned non-replaced element's padding box (which is the area painted by background-color of the element) will be vertically centered within its containing block only if both 'margin-top' and 'margin-bottom' have equal values and if 'top' and 'bottom' have equal values. An absolutely positioned non-replaced element's margin box will be vertically centered within its containing block only if 'top' and 'bottom' have equal values." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ position: relative;
+ width: 3in;
+ }
+ div div
+ {
+ background: blue;
+ bottom: 0.5in;
+ height: 1in;
+ margin-bottom: auto;
+ margin-top: auto;
+ max-height: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue rectangle is <strong>vertically centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-004.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-004.xht
new file mode 100644
index 0000000000..09f0f44c60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-004.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height on absolutely positioned, non-replaced elements, 'margin-top' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-height-003-ref.xht" />
+
+ <meta name="assert" content="When 'top', 'bottom' and 'height' are all are not 'auto', 'margin-top' is 'auto' and 'margin-bottom' is not 'auto'. Then 'margin-top' becomes the remainder of the height of the containing box." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ position: relative;
+ width: 3in;
+ }
+ div div
+ {
+ background: blue;
+ bottom: 0.5in;
+ height: 2in;
+ margin-bottom: 0.5in;
+ margin-top: auto;
+ max-height: 1in;
+ position: absolute;
+ top: 0.5in;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue rectangle is <strong>vertically centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-005.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-005.xht
new file mode 100644
index 0000000000..6c1590a86a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-005.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height on absolutely positioned, non-replaced elements, 'margin-bottom' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-height-003-ref.xht" />
+
+ <meta name="assert" content="When 'top', 'bottom' and 'height' are all are not 'auto', 'margin-top' is not 'auto' and 'margin-bottom' is 'auto'. Then 'margin-bottom' becomes the remainder of the height of the containing box." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ position: relative;
+ width: 3in;
+ }
+ div div
+ {
+ background: blue;
+ bottom: 0.5in;
+ height: 2in;
+ margin-bottom: auto;
+ margin-top: 0.5in;
+ max-height: 1in;
+ position: absolute;
+ top: 0.5in;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue rectangle is <strong>vertically centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-006.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-006.xht
new file mode 100644
index 0000000000..4c6767afaa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-006.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height on absolutely positioned, non-replaced elements, over-constrained</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-height-003-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' value is ignored and the equation solves for the bottom value, when the values for 'top', 'bottom', 'height', 'margin-top', 'margin-bottom' add up to more than the containing blocks height." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ position: relative;
+ width: 3in;
+ }
+ div div
+ {
+ background: blue;
+ bottom: 0.5in;
+ height: 2in;
+ margin-bottom: 0.5in;
+ margin-top: 0.5in;
+ max-height: 1in;
+ position: absolute;
+ top: 0.5in;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue rectangle is <strong>vertically centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-007-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-007-ref.xht
new file mode 100644
index 0000000000..6b2f646508
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-007-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 66px;}
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+
+ <div><img src="support/blue15x15.png" width="50" height="50" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="50" height="50" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-007.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-007.xht
new file mode 100644
index 0000000000..71f3861086
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-007.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height on absolutely positioned, non-replaced elements, shrink-to-fit solve for top</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-max-height-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The height is based on the overall height of the content, 'margin-top', 'auto' is set to '0' and solve for 'top', when 'top' and 'height' are both 'auto' and 'bottom' is not 'auto'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 100px/1 Ahem;
+ height: 400px;
+ position: relative;
+ width: 100px;
+ }
+ #div2
+ {
+ background: orange;
+ height: 50px;
+ position: relative;
+ top: 50px;
+ width: 100px;
+ }
+ #div3
+ {
+ background: blue;
+ bottom: 300px;
+ height: auto;
+ margin-bottom: auto;
+ margin-top: auto;
+ max-height: 50px;
+ position: absolute;
+ top: auto;
+ width: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">&nbsp;</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-008-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-008-ref.xht
new file mode 100644
index 0000000000..4967af66ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-008-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a small orange rectangle and a bigger blue rectangle.</p>
+
+ <div><img src="support/swatch-orange.png" width="96" height="48" alt="Image download support must be enabled" /><br /><img src="support/blue15x15.png" width="96" height="240" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-008.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-008.xht
new file mode 100644
index 0000000000..78b1c7f6f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-008.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height on absolutely positioned, non-replaced elements, 'top' set to static position</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-max-height-008-ref.xht" />
+
+ <meta name="assert" content="When 'top' is set to the static position and any 'auto' values for top and bottom margin are set to '0', when 'top' and 'bottom' are 'auto' and 'height' is not 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ background: blue;
+ height: 3in;
+ position: relative;
+ width: 1in;
+ }
+ div div
+ {
+ background: orange;
+ bottom: auto;
+ height: 1in;
+ margin-bottom: auto;
+ margin-top: auto;
+ max-height: 0.5in;
+ position: absolute;
+ top: auto;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small orange rectangle and a bigger blue rectangle.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-009-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-009-ref.xht
new file mode 100644
index 0000000000..aea00aaa43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-009-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 41px;}
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange and blue rectangles have the <strong>same height</strong>.</p>
+
+ <div><img src="support/swatch-orange.png" width="100" height="50" alt="Image download support must be enabled" /><img src="support/blue15x15.png" width="100" height="50" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-009.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-009.xht
new file mode 100644
index 0000000000..47e6011427
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-009.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height on absolutely positioned, non-replaced elements, height is shrink-to-fit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-max-height-009-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'height' is based on the content height, 'auto' values for 'margin-top' and 'margin-bottom' are set to '0' when 'height' and 'bottom' are 'auto' and 'top' is not 'auto'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: blue;
+ height: 50px;
+ left: 100px;
+ position: absolute;
+ top: 25px;
+ width: 100px;
+ }
+ #div3
+ {
+ background: orange;
+ bottom: auto;
+ font: 100px/1 Ahem;
+ height: auto;
+ margin-bottom: auto;
+ margin-top: auto;
+ max-height: 50px;
+ position: absolute;
+ top: 25px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3">&nbsp;</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-010.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-010.xht
new file mode 100644
index 0000000000..4585b7f0de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-010.xht
@@ -0,0 +1,94 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height on absolutely positioned, non-replaced elements, 'margin-top' and 'margin-bottom' set to '0'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-height-003-ref.xht" />
+
+ <meta name="assert" content="When 'top' and 'height' are 'auto' and 'bottom' is not 'auto', then the height is based on the content (and such height can be constrained by a max-height declaration) and then set 'auto' values for 'margin-top' and 'margin-bottom' to 0, and solve for 'top' " />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ position: relative;
+ width: 3in;
+ }
+ div div
+ {
+ background: blue;
+ bottom: 1in;
+ height: 2in;
+ margin-bottom: auto;
+ margin-top: auto;
+ max-height: 1in;
+ position: absolute;
+ top: auto;
+ width: 100%;
+ }
+
+ /*
+
+ auto (to solve) : top
+ +
+ auto (to solve): margin-top
+ +
+ 0 : border-top-width
+ +
+ 0 : padding-top
+ +
+ 2in : height (will be constrained to use 1in by max-height)
+ +
+ 0 : padding-bottom
+ +
+ 0 : border-bottom-width
+ +
+ auto (to solve): margin-bottom
+ +
+ 1in : bottom
+ =============
+ 3in : height of containing block
+
+
+ "
+ 'top' is 'auto', 'height' and 'bottom' are not 'auto',
+ then set 'auto' values for 'margin-top' and 'margin-bottom' to 0,
+ and solve for 'top'
+ "
+
+ so this brings:
+
+ auto (to solve) : top
+ +
+ 0 (set): margin-top
+ +
+ 0 : border-top-width
+ +
+ 0 : padding-top
+ +
+ 1in (constrained) : height
+ +
+ 0 : padding-bottom
+ +
+ 0 : border-bottom-width
+ +
+ 0 (set): margin-bottom
+ +
+ 1in : bottom
+ =============
+ 3in : height of containing block
+
+ So, top must use 1in in order to balance the equation
+
+ */
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue rectangle is <strong>vertically centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-011.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-011.xht
new file mode 100644
index 0000000000..6fd93c8c11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-011.xht
@@ -0,0 +1,129 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height on absolutely positioned, non-replaced elements, 'height' based on 'top' and 'bottom' positions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-max-height-003-ref.xht" />
+
+ <meta name="assert" content="The 'auto' values on 'margin-top', 'margin-bottom' are set to '0' and the 'height' is the remaining space between the 'top' and 'bottom' positions, when 'height' is 'auto' and 'top' and 'bottom' are both not 'auto'. If such height is constrained by max-height, then we must re-process the values as following. If none of 'top', height, bottom are 'auto' and if both 'margin-top' and 'margin-bottom' are 'auto', solve the equation under the extra constraint that the two margins get equal values." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ position: relative;
+ width: 3in;
+ }
+ div div
+ {
+ background: blue;
+ bottom: 1in;
+ height: auto;
+ margin-bottom: auto;
+ margin-top: auto;
+ max-height: 0.5in;
+ position: absolute;
+ top: 1in;
+ width: 100%;
+ }
+
+
+ /*
+
+ 1in : top
+ +
+ auto (to solve): margin-top
+ +
+ 0 : border-top-width
+ +
+ 0 : padding-top
+ +
+ auto (to solve) : height (may be constrained to use 0.5in by max-height)
+ +
+ 0 : padding-bottom
+ +
+ 0 : border-bottom-width
+ +
+ auto (to solve): margin-bottom
+ +
+ 1in : bottom
+ =============
+ 3in : height of containing block
+
+
+ "
+ 'top' is 'auto', 'height' and 'bottom' are not 'auto',
+ then set 'auto' values for 'margin-top' and 'margin-bottom' to 0,
+ and solve for 'top'
+ "
+
+ so this brings:
+
+ 1in : top
+ +
+ 0 (set): margin-top
+ +
+ 0 : border-top-width
+ +
+ 0 : padding-top
+ +
+ 1in (not constrained) : height (must be constrained to use 0.5in by max-height)
+ +
+ 0 : padding-bottom
+ +
+ 0 : border-bottom-width
+ +
+ 0 (set): margin-bottom
+ +
+ 1in : bottom
+ =============
+ 3in : height of containing block
+
+ So, here, we must reenter the algorithm since height is
+ constrained and is no longer 'auto'.
+
+ "
+ If none of the three [top, height, bottom] are 'auto':
+ If both 'margin-top' and 'margin-bottom' are 'auto',
+ solve the equation under the extra constraint that
+ the two margins get equal values.
+ "
+
+ so this brings:
+
+ 1in : top
+ +
+ auto (to solve): margin-top
+ +
+ 0 : border-top-width
+ +
+ 0 : padding-top
+ +
+ 0.5in (constrained) : height (constrained by max-height)
+ +
+ 0 : padding-bottom
+ +
+ 0 : border-bottom-width
+ +
+ auto (to solve): margin-bottom
+ +
+ 1in : bottom
+ =============
+ 3in : height of containing block
+
+
+ So, here, margin-top must use 0.25in and margin-bottom must use 0.25in
+ so that the equation remains balanced.
+
+ */
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue rectangle is <strong>vertically centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-012.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-012.xht
new file mode 100644
index 0000000000..710a366d82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-012.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Max-height on absolutely positioned, non-replaced elements, solve for 'bottom'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-height-003-ref.xht" />
+
+ <meta name="assert" content="When 'margin-top' and 'margin-bottom' are set to '0' the 'bottom' value resolves to the remaining space within the containing block." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ position: relative;
+ width: 3in;
+ }
+ div div
+ {
+ background: blue;
+ bottom: auto;
+ height: 2in;
+ margin-top: auto;
+ margin-bottom: auto;
+ max-height: 1in;
+ position: absolute;
+ top: 1in;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue rectangle is <strong>vertically centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-min-001.html b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-min-001.html
new file mode 100644
index 0000000000..0e6d17661e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-min-001.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: ‘min-width’ and ‘min-height’ affect percentage sizes in descendants</title>
+<link rel="author" name="Delan Azabani" href="mailto:dazabani@igalia.com">
+<link rel="help" href="https://drafts.csswg.org/css2/#min-max-widths">
+<link rel="help" href="https://drafts.csswg.org/css2/#min-max-heights">
+<link rel="match" href="absolute-non-replaced-min-max-001-ref.html">
+<meta name="assert" value="This test verifies that when the used ‘width’ and ‘height’ are affected by ‘min-width’ and ‘min-height’, the descendants are laid out with a containing block of the new size, so any percentage sizes are resolved against that new size.">
+<p>Test passes if there is a green square below.
+<div style="position: absolute; width: 0; height: 0; min-width: 1em; min-height: 1em; background: black;">
+ <div style="width: 100%; height: 100%; background: green;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-min-max-001-ref.html b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-min-max-001-ref.html
new file mode 100644
index 0000000000..3bbba2be90
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-min-max-001-ref.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<meta charset="utf-8">
+<link rel="author" name="Delan Azabani" href="mailto:dazabani@igalia.com">
+<p>Test passes if there is a green square below.
+<div style="width: 1em; height: 1em; background: green;"></div>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-min-max-001.html b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-min-max-001.html
new file mode 100644
index 0000000000..2e240b7509
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-min-max-001.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: ‘min-width’ and ‘min-height’ take precedence over ‘max-width’ and ‘max-height’ when contradictory</title>
+<link rel="author" name="Delan Azabani" href="mailto:dazabani@igalia.com">
+<link rel="help" href="https://drafts.csswg.org/css2/#min-max-widths">
+<link rel="help" href="https://drafts.csswg.org/css2/#min-max-heights">
+<link rel="match" href="absolute-non-replaced-min-max-001-ref.html">
+<meta name="assert" value="This test verifies that when ‘min-width’ is greater than ‘max-width’, or ‘min-height’ is greater than ‘max-height’, the minimums take precedence, because the steps that recalculate sizes and margins for the minimums (step 3) come after the steps for the maximums (step 2).">
+<p>Test passes if there is a green square below.
+<div style="position: absolute; width: 0; height: 0; min-width: 1em; min-height: 1em; max-width: 0; max-height: 0; background: green;"></div>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-001.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-001.xht
new file mode 100644
index 0000000000..6d2b8a33a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-001.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Solving for 'right' on absolutely positioned non-replaced elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="absolute-non-replaced-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When direction is left-to-right and 'left', 'width' and 'right' are 'auto', the width becomes shrink-to-fit and then solve for 'right'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 200px;
+ position: relative;
+ width: 200px;
+ }
+ div div
+ {
+ background: red;
+ color: blue;
+ font: 100px/1 Ahem;
+ left: auto;
+ position: absolute;
+ right: auto;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square and if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-002-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-002-ref.xht
new file mode 100644
index 0000000000..e88ac80983
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-002-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 200px;
+ padding-left: 100px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a filled blue square is in the <strong>upper-right corner</strong> of an hollow black square and if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue15x15.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-002.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-002.xht
new file mode 100644
index 0000000000..621d4a1b67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-002.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Solving for 'left' on absolutely positioned non-replaced elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="absolute-non-replaced-width-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When direction is right-to-left and 'left', 'width' and 'right' are 'auto', then set 'right' to the static position, then width becomes shrink-to-fit and then solve for 'left'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: rtl;
+ height: 200px;
+ position: relative;
+ width: 200px;
+ }
+ div div
+ {
+ background: red;
+ color: blue;
+ font: 100px/1em Ahem;
+ left: auto;
+ position: absolute;
+ right: auto;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-right corner</strong> of an hollow black square and if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-003-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-003-ref.xht
new file mode 100644
index 0000000000..1424700b13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-003-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 200px;
+ padding-left: 300px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a filled blue square is in the <strong>upper-right corner</strong> of an hollow black rectangle and if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue15x15.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-003.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-003.xht
new file mode 100644
index 0000000000..587eaa4601
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-003.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned non-replaced elements with 'margin-left' and 'margin-right' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="absolute-non-replaced-width-003-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When 'left', 'width' and 'right' are not 'auto', set 'margin-left' and 'margin-right' to equal values." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #containingblock
+ {
+ border: solid black;
+ height: 200px;
+ position: relative;
+ width: 400px;
+ }
+ div div
+ {
+ /*
+ left : 100px
+ +
+ margin-left : solve
+ +
+ border-left-width : 0px
+ +
+ padding-left : 0px
+ +
+ width : 100px
+ +
+ padding-right : 0px
+ +
+ border-right-width: 0px
+ +
+ margin-right : solve
+ +
+ right : -200px
+ =============================
+ width of containing block : 400px
+
+ */
+
+ background: red;
+ color: blue;
+ font: 100px/1em Ahem;
+ left: 100px;
+ margin-left: auto; /* value is solved to 200px */
+ margin-right: auto; /* value is solved to 200px */
+ position: absolute;
+ right: -200px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-right corner</strong> of an hollow black rectangle and if there is <strong>no red</strong>.</p>
+ <div id="containingblock">
+ <div>X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-004.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-004.xht
new file mode 100644
index 0000000000..2f2b90708e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-004.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned non-replaced elements when both 'margin-left' and 'margin-right' are set to 'auto' and direction is left-to-right</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="absolute-non-replaced-width-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When direction is 'ltr' and 'left', 'width' and 'right' are not 'auto', solve for 'margin-right' and 'margin-left' to equal values. If this would make 'margin-left' and 'margin-right' negative, then set 'margin-left' to zero and solve for 'margin-right'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 200px;
+ position: relative;
+ width: 200px;
+ }
+ div div
+ {
+ background: red;
+ color: blue;
+ font: 100px/1em Ahem;
+ left: 100px;
+ margin-left: auto;
+ margin-right: auto;
+ position: absolute;
+ right: 100px;
+ width: 100px;
+ }
+ /*
+ left : 100px
+ + margin-left : solve (auto)
+ + border-left-width : 0
+ + padding-left : 0
+ + width : 100px
+ + padding-right : 0
+ + border-right-width : 0
+ + margin-right : solve (auto)
+ + right : 100px
+ ====================================
+ width of containing block : 200px
+
+ So, margin-left and margin-right would be each -50px at this point.
+
+ "...unless this would make them (the two margins) negative
+ in which case when direction of the containing block is
+ 'ltr' ('rtl'), set 'margin-left' ('margin-right') to zero and
+ solve for 'margin-right' ('margin-left')."
+
+ So, under such extra constraint, 'margin-left' must become 0
+ and 'margin-right' must become -100px.
+ */
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-right corner</strong> of an hollow black square and if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-005.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-005.xht
new file mode 100644
index 0000000000..d2d3ca9d06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-005.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned non-replaced elements when both 'margin-left' and 'margin-right' are set to 'auto' and direction is right-to-left</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="absolute-non-replaced-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When direction is 'rtl' and 'left', 'width' and 'right' are not 'auto', solve for 'margin-right' and 'margin-left' to equal values. If this would make 'margin-left' and 'margin-right' negative, then set 'margin-right' to zero and solve for 'margin-left'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: rtl;
+ height: 200px;
+ position: relative;
+ width: 200px;
+ }
+ div div
+ {
+ background: red;
+ color: blue;
+ font: 100px/1em Ahem;
+ left: 100px;
+ margin-left: auto;
+ margin-right: auto;
+ position: absolute;
+ right: 100px;
+ width: 100px;
+ }
+ /*
+ left : 100px
+ + margin-left : solve (auto)
+ + border-left-width : 0
+ + padding-left : 0
+ + width : 100px
+ + padding-right : 0
+ + border-right-width : 0
+ + margin-right : solve (auto)
+ + right : 100px
+ ====================================
+ width of containing block : 200px
+
+ So, margin-left and margin-right would be each -50px at this point.
+
+ "...unless this would make them (the two margins) negative
+ in which case when direction of the containing block is
+ 'ltr' ('rtl'), set 'margin-left' ('margin-right') to zero and
+ solve for 'margin-right' ('margin-left')."
+
+ So, under such extra constraint, 'margin-right' must become 0
+ and 'margin-left' must become -100px.
+ */
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square and if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-006.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-006.xht
new file mode 100644
index 0000000000..e1033fff68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-006.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned non-replaced element when only 'margin-right' is 'auto' and direction is left-to-right</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="absolute-non-replaced-width-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When direction is left-to-right and 'left', 'width', 'margin-left' and 'right' are not 'auto', solve for 'margin-right'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 200px;
+ position: relative;
+ width: 200px;
+ }
+ div div
+ {
+ background: red;
+ color: blue;
+ font: 100px/1 Ahem;
+ left: 50px;
+ margin-left: 50px;
+ margin-right: auto;
+ position: absolute;
+ right: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-right corner</strong> of an hollow black square and if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-007.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-007.xht
new file mode 100644
index 0000000000..db1678b147
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-007.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned non-replaced element when only 'margin-left' is 'auto' and direction is right-to-left</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="absolute-non-replaced-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When direction is right-to-left and 'left', 'width', 'margin-right' and 'right' are not 'auto', solve for 'margin-left'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: rtl;
+ height: 200px;
+ position: relative;
+ width: 200px;
+ }
+ div div
+ {
+ background: red;
+ color: blue;
+ font: 100px/1 Ahem;
+ left: 100px;
+ margin-left: auto;
+ margin-right: 50px;
+ position: absolute;
+ right: 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square and if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-008-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-008-ref.xht
new file mode 100644
index 0000000000..28706ddbdc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-008-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 200px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black rectangle and if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue15x15.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-008.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-008.xht
new file mode 100644
index 0000000000..e5baff3022
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-008.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned non-replaced elements with left, width, right and margin-right not auto</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="absolute-non-replaced-width-008-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="If 'left', 'width', 'right' and 'margin-right' are all not 'auto' and 'margin-left' is 'auto', then solve the equation for 'margin-left'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #containingblock
+ {
+ border: solid black;
+ direction: ltr;
+ height: 200px;
+ position: relative;
+ width: 300px;
+ }
+ div div
+ {
+ /* left + margin-left + border-left-width + padding-left + width + padding-right + border-right-width + margin-right + right = width of containing block */
+ /* 100px + solve + 0 + 0 + 100px + 0 + 0 + 100px + 100px = 300px */
+ background: red;
+ color: blue;
+ font: 100px/1 Ahem;
+ left: 100px;
+ margin-left: auto; /* value is solved to -100px */
+ margin-right: 100px;
+ position: absolute;
+ right: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black rectangle and if there is <strong>no red</strong>.</p>
+ <div id="containingblock">
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-009.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-009.xht
new file mode 100644
index 0000000000..5299d35e65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-009.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned non-replaced elements with left, width, right and margin-left not auto</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="If 'left', 'width', 'right' and 'margin-left' are all not 'auto' and 'margin-right' is 'auto', then solve the equation for 'margin-right'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #containingblock
+ {
+ border: solid black;
+ direction: rtl;
+ height: 200px;
+ position: relative;
+ width: 300px;
+ }
+ div div
+ {
+ /* left + margin-left + border-left-width + padding-left + width + padding-right + border-right-width + margin-right + right = width of containing block */
+ /* 100px + 100px + 0 + 0 + 100px + 0 + 0 + solve + 100px = 300px */
+ background: red;
+ color: blue;
+ font: 100px/1 Ahem;
+ left: 100px;
+ margin-left: 100px;
+ margin-right: auto; /* value is solved to -100px */
+ position: absolute;
+ right: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-right corner</strong> of the black rectangle and there is <strong>no red</strong>.</p>
+ <div id="containingblock">
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-010.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-010.xht
new file mode 100644
index 0000000000..29d9ad60cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-010.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Solved for 'left' when absolutely positioned non-replaced elements has 'left' and 'width' as 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="absolute-non-replaced-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit and then solve for 'left'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 200px;
+ position: relative;
+ width: 200px;
+ }
+ div div
+ {
+ background: red;
+ color: blue;
+ font: 100px/1 Ahem;
+ left: auto;
+ margin-left: auto;
+ margin-right: auto;
+ position: absolute;
+ right: 100px;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square and if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-011.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-011.xht
new file mode 100644
index 0000000000..3370fb6d80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-011.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned non-replaced elements when 'left' and 'right' are 'auto', 'width' is not 'auto' and 'direction' is left-to-right</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="absolute-non-replaced-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When 'direction' is left-to-right and 'left' and 'right' are 'auto' and 'width' is not 'auto', solve for 'right'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 200px;
+ position: relative;
+ width: 200px;
+ }
+ div div
+ {
+ background: red;
+ color: blue;
+ font: 100px/1 Ahem;
+ left: auto;
+ margin-left: auto;
+ margin-right: auto;
+ position: absolute;
+ right: auto;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square and if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-012.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-012.xht
new file mode 100644
index 0000000000..fd125e73f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-012.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned non-replaced elements when 'left' and 'right' are 'auto', 'width' is not 'auto' and 'direction' is right-to-left</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="absolute-non-replaced-width-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When 'direction' is right-to-left and 'left' and 'right' are 'auto' and 'width' is not 'auto', solve for 'left'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: rtl;
+ height: 200px;
+ position: relative;
+ width: 200px;
+ }
+ div div
+ {
+ background: red;
+ color: blue;
+ font: 100px/1 Ahem;
+ left: auto;
+ margin-left: auto;
+ margin-right: auto;
+ position: absolute;
+ right: auto;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-right corner</strong> of an hollow black square and if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-013.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-013.xht
new file mode 100644
index 0000000000..288c36569f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-013.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Solved for 'right' when absolutely positioned non-replaced elements has 'right' and 'width' as 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="absolute-non-replaced-width-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When 'right' and 'width' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit and then solve for 'right'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 200px;
+ position: relative;
+ width: 200px;
+ }
+ div div
+ {
+ background: red;
+ color: blue;
+ font: 100px/1 Ahem;
+ left: 100px;
+ margin-left: auto;
+ margin-right: auto;
+ position: absolute;
+ right: auto;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-right corner</strong> of an hollow black square and if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-014.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-014.xht
new file mode 100644
index 0000000000..da223eb8d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-014.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Solved for 'left' when absolutely positioned non-replaced elements has 'right' and 'width' not set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="absolute-non-replaced-height-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When 'left' is 'auto' and 'width' and 'right' are not 'auto', then solve for 'left'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 200px;
+ position: relative;
+ width: 200px;
+ }
+ div div
+ {
+ background: red;
+ color: blue;
+ font: 100px/1em Ahem;
+ left: auto;
+ margin-left: auto;
+ margin-right: auto;
+ position: absolute;
+ right: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square and if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-015-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-015-ref.xht
new file mode 100644
index 0000000000..955623dca3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-015-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 200px;
+ text-align: center;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a filled blue square is <strong>horizontally centered</strong> inside an hollow black rectangle and if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/blue15x15.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-015.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-015.xht
new file mode 100644
index 0000000000..2d99f95235
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-015.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Solved for 'width' when absolutely positioned non-replaced elements has 'left' and 'right' not set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="absolute-non-replaced-width-015-ref.xht" />
+
+ <meta name="assert" content="When 'width' is 'auto' and 'left' and 'right' are not 'auto' element solves for 'width'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 200px;
+ position: relative;
+ width: 300px;
+ }
+ div div
+ {
+ background: blue;
+ left: 100px;
+ height: 100px;
+ margin-left: auto;
+ margin-right: auto;
+ position: absolute;
+ right: 100px;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is <strong>horizontally centered</strong> inside an hollow black rectangle and if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-016.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-016.xht
new file mode 100644
index 0000000000..5fccaf248d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-016.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Solved for 'right' when absolutely positioned non-replaced elements has 'left' and 'width' not set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="absolute-non-replaced-width-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When 'right' is 'auto' and 'width' and 'left' are not 'auto', then solve for 'right'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 200px;
+ position: relative;
+ width: 200px;
+ }
+ div div
+ {
+ background: red;
+ color: blue;
+ font: 100px/1em Ahem;
+ left: 100px;
+ margin-left: auto;
+ margin-right: auto;
+ position: absolute;
+ right: auto;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled blue square is in the <strong>upper-right corner</strong> of an hollow black square and if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div>X</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-017-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-017-ref.xht
new file mode 100644
index 0000000000..6acb98dbac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-017-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+
+ <style type="text/css"><![CDATA[
+ div.green-45x120
+ {
+ background-color: green;
+ height: 45px;
+ width: 120px;
+ }
+
+ div#black-stripe
+ {
+ background-color: black;
+ height: 30px;
+ width: 240px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the right. There should be no red in this page.</p>
+
+ <div class="green-45x120"></div>
+
+ <div id="black-stripe"></div>
+
+ <div class="green-45x120"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-017.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-017.xht
new file mode 100644
index 0000000000..3b12169cb0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-017.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), inline-block and max-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="help" title="Section 10.3.7 Absolutely positioned, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="help" title="Section 10.3.9 Width of 'inline-block', non-replaced elements in normal flow" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="absolute-non-replaced-width-017-ref.xht" />
+ <meta content="When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" />
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body
+ {
+ direction: ltr;
+ margin: 8px;
+ }
+
+ div
+ {
+ background-color: red;
+ font: 30px/4 Ahem;
+ left: auto;
+ /*
+ left is set to static position: it should be 8px from
+ the left-hand side of document box (at body's margin-left)
+ */
+ position: absolute;
+ right: auto;
+ width: auto;
+ }
+
+ span
+ {
+ background-color: green;
+ display: inline-block;
+ max-width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the right. There should be no red in this page.</p>
+
+ <div><span>12345678</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-018.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-018.xht
new file mode 100644
index 0000000000..ed9fa5673a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-018.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), inline-block and max-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="help" title="Section 10.3.7 Absolutely positioned, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="help" title="Section 10.3.9 Width of 'inline-block', non-replaced elements in normal flow" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="absolute-non-replaced-width-017-ref.xht" />
+ <meta content="When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to shrink-to-fit width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" />
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body
+ {
+ direction: ltr;
+ margin: 8px;
+ }
+
+ div#outer-abs-pos
+ {
+ background-color: red;
+ font: 30px/4 Ahem;
+ left: auto;
+ /*
+ left is set to static position: it should be 8px from
+ the left-hand side of document box (at body's margin-left)
+ */
+ position: absolute;
+ right: auto;
+ width: auto;
+ }
+
+ div#inner-inline-block
+ {
+ background-color: green;
+ display: inline-block;
+ max-width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the right. There should be no red in this page.</p>
+
+ <div id="outer-abs-pos">
+ <div id="inner-inline-block">12345678</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-019.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-019.xht
new file mode 100644
index 0000000000..c4511786e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-019.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), float and max-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="help" title="Section 10.3.7 Absolutely positioned, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="help" title="Section 10.3.5 Width of floating, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#float-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="absolute-non-replaced-width-017-ref.xht" />
+ <meta content="When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" />
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body
+ {
+ direction: ltr;
+ margin: 8px;
+ }
+
+ div#outer-abs-pos
+ {
+ background-color: red;
+ font: 30px/4 Ahem;
+ left: auto;
+ /*
+ left is set to static position: it should be 8px from
+ the left-hand side of document box (at body's margin-left)
+ */
+ position: absolute;
+ right: auto;
+ width: auto;
+ }
+
+ div#inner-floated
+ {
+ background-color: green;
+ float: left;
+ max-width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the right. There should be no red in this page.</p>
+
+ <div id="outer-abs-pos">
+ <div id="inner-floated">12345678</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-020.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-020.xht
new file mode 100644
index 0000000000..7c983e528d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-020.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), float and max-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="help" title="Section 10.3.7 Absolutely positioned, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="help" title="Section 10.3.5 Width of floating, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#float-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="absolute-non-replaced-width-017-ref.xht" />
+ <meta content="When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" />
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body
+ {
+ direction: ltr;
+ margin: 8px;
+ }
+
+ div
+ {
+ background-color: red;
+ font: 30px/4 Ahem;
+ left: auto;
+ /*
+ left is set to static position: it should be 8px from
+ the left-hand side of document box (at body's margin-left)
+ */
+ position: absolute;
+ right: auto;
+ width: auto;
+ }
+
+ span
+ {
+ background-color: green;
+ float: left;
+ max-width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the right. There should be no red in this page.</p>
+
+ <div><span>12345678</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-021-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-021-ref.xht
new file mode 100644
index 0000000000..f178a16bdf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-021-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+
+ <style type="text/css"><![CDATA[
+ div.green-45x120
+ {
+ background-color: green;
+ height: 45px;
+ margin-left: auto;
+ width: 120px;
+ }
+
+ div#black-stripe
+ {
+ background-color: black;
+ height: 30px;
+ margin-left: auto;
+ width: 240px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below, on the right edge of the page, there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the left. There should be no red in this page.</p>
+
+ <div class="green-45x120"></div>
+
+ <div id="black-stripe"></div>
+
+ <div class="green-45x120"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-021.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-021.xht
new file mode 100644
index 0000000000..47f587f72d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-021.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), inline-block and max-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="help" title="Section 10.3.7 Absolutely positioned, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="help" title="Section 10.3.9 Width of 'inline-block', non-replaced elements in normal flow" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="absolute-non-replaced-width-021-ref.xht" />
+ <meta content="When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" />
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body
+ {
+ direction: rtl;
+ margin: 8px;
+ }
+
+ p {direction: ltr;}
+
+ div
+ {
+ background-color: red;
+ font: 30px/4 Ahem;
+ left: auto;
+ position: absolute;
+ right: auto;
+ /*
+ right is set to static position: it should be 8px from
+ the right-hand side of document box (at body's margin-right)
+ */
+ width: auto;
+ }
+
+ span
+ {
+ background-color: green;
+ display: inline-block;
+ max-width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below, on the right edge of the page, there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the left. There should be no red in this page.</p>
+
+ <div><span>12345678</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-022.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-022.xht
new file mode 100644
index 0000000000..7994d698ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-022.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), inline-block and max-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="help" title="Section 10.3.7 Absolutely positioned, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="help" title="Section 10.3.9 Width of 'inline-block', non-replaced elements in normal flow" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="absolute-non-replaced-width-021-ref.xht" />
+ <meta content="When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" />
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body
+ {
+ direction: rtl;
+ margin: 8px;
+ }
+
+ p {direction: ltr;}
+
+ div#outer-abs-pos
+ {
+ background-color: red;
+ font: 30px/4 Ahem;
+ left: auto;
+ position: absolute;
+ right: auto;
+ /*
+ right is set to static position: it should be 8px from
+ the right-hand side of document box (at body's margin-right)
+ */
+ width: auto;
+ }
+
+ div#inner-inline-block
+ {
+ background-color: green;
+ display: inline-block;
+ max-width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below, on the right edge of the page, there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the left. There should be no red in this page.</p>
+
+ <div id="outer-abs-pos">
+ <div id="inner-inline-block">12345678</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-023.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-023.xht
new file mode 100644
index 0000000000..bfd462a9b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-023.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), float and max-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="help" title="Section 10.3.7 Absolutely positioned, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="help" title="Section 10.3.5 Width of floating, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#float-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="absolute-non-replaced-width-021-ref.xht" />
+ <meta content="When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" />
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body
+ {
+ direction: rtl;
+ margin: 8px;
+ }
+
+ p {direction: ltr;}
+
+ div#outer-abs-pos
+ {
+ background-color: red;
+ font: 30px/4 Ahem;
+ left: auto;
+ position: absolute;
+ right: auto;
+ /*
+ right is set to static position: it should be 8px from
+ the right-hand side of document box (at body's margin-right)
+ */
+ width: auto;
+ }
+
+ div#inner-floated
+ {
+ background-color: green;
+ float: left;
+ max-width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below, on the right edge of the page, there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the left. There should be no red in this page.</p>
+
+ <div id="outer-abs-pos">
+ <div id="inner-floated">12345678</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-024.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-024.xht
new file mode 100644
index 0000000000..756041f5ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-024.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), float and max-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="help" title="Section 10.3.7 Absolutely positioned, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="help" title="Section 10.3.5 Width of floating, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#float-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="absolute-non-replaced-width-021-ref.xht" />
+ <meta content="When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" />
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body
+ {
+ direction: rtl;
+ margin: 8px;
+ }
+
+ p {direction: ltr;}
+
+ div
+ {
+ background-color: red;
+ font: 30px/4 Ahem;
+ left: auto;
+ position: absolute;
+ right: auto;
+ /*
+ right is set to static position: it should be 8px from
+ the right-hand side of document box (at body's margin-right)
+ */
+ width: auto;
+ }
+
+ span
+ {
+ background-color: green;
+ float: left;
+ max-width: 4em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Below, on the right edge of the page, there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the left. There should be no red in this page.</p>
+
+ <div><span>12345678</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-025-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-025-ref.xht
new file mode 100644
index 0000000000..8bd763d670
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-025-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ div
+ {
+ background-color: green;
+ height: 100px;
+ margin: 0px auto;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a green square <strong>horizontally centered</strong> in the page and if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-025.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-025.xht
new file mode 100644
index 0000000000..8896767794
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-025.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: CSS Test: absolutely positioned non-replaced element with 'left' and 'right' not set to 'auto' and 'width' set to 'auto' - max-width, horizontal margins</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="10.3.7 Absolutely positioned, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="help" title="10.4 Minimum and maximum widths: 'min-width' and 'max-width'" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="absolute-non-replaced-width-025-ref.xht" />
+
+ <meta content="When 'width' is computed according to the equation and rules of section 10.3.7 and when such computed 'width' is greater than 'max-width', then the equation and rules of section 10.3.7 are applied again but this time assuming the computed 'max-width' value. Then all three properties ('width', 'left' and 'right') are not 'auto' and both 'margin-left' and 'margin-right' are 'auto': in which case, the horizontal margins get equal values of available, remaining horizontal space." name="assert" />
+
+ <!--
+ Credit must go to Boris Zbarsky for explaining this in
+ http://lists.w3.org/Archives/Public/www-style/2010Oct/0147.html
+ -->
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ div#overlapped-red
+ {
+ background-color: red;
+ color: yellow;
+ font-size: 2em;
+ height: 100px;
+ margin-left: auto;
+ margin-right: auto;
+ width: 100px;
+ }
+
+ div#abs-pos-overlapping-green
+ {
+ background-color: green;
+ height: 100px;
+ left: 8px;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 100px;
+ position: absolute;
+ right: 8px;
+ width: auto;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a green square <strong>horizontally centered</strong> in the page and if there is <strong>no red</strong>.</p>
+
+ <div id="abs-pos-overlapping-green"></div>
+
+ <div id="overlapped-red">FAIL</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-026-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-026-ref.xht
new file mode 100644
index 0000000000..e77fe62ef6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-026-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ div
+ {
+ background-color: green;
+ height: 100px;
+ margin-left: auto;
+ margin-right: 0px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a green square on the <strong>right side</strong> of this page and if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-026.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-026.xht
new file mode 100644
index 0000000000..e439a0210d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-026.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: absolutely positioned non-replaced element with 'left' and 'right' not set to 'auto' and 'width' set to 'auto' - max-width, horizontal margins</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="10.3.7 Absolutely positioned, non-replaced elements" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="help" title="10.4 Minimum and maximum widths: 'min-width' and 'max-width'" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
+ <link rel="match" href="absolute-non-replaced-width-026-ref.xht" />
+
+ <meta content="When 'width' is computed according to the equation and rules of section 10.3.7 and when such computed 'width' is greater than 'max-width', then the equation and rules of section 10.3.7 are applied again but this time assuming the computed 'max-width' value. Then all three properties ('width', 'left' and 'right') are not 'auto' and 'margin-left' is 'auto': in which case, the 'margin-left' get all of available, remaining horizontal space." name="assert" />
+
+ <!--
+ Credit must go to Boris Zbarsky for explaining this in
+ http://lists.w3.org/Archives/Public/www-style/2010Oct/0147.html
+ -->
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ div#overlapped-red
+ {
+ background-color: red;
+ color: yellow;
+ font-size: 2em;
+ height: 100px;
+ margin-left: auto;
+ margin-right: 0px;
+ width: 100px;
+ }
+
+ div#abs-pos-overlapping-green
+ {
+ background-color: green;
+ height: 100px;
+ left: 8px;
+ margin-left: auto;
+ margin-right: 0px;
+ max-width: 100px;
+ position: absolute;
+ right: 8px;
+ width: auto;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a green square on the <strong>right side</strong> of this page and if there is <strong>no red</strong>.</p>
+
+ <div id="abs-pos-overlapping-green"></div>
+
+ <div id="overlapped-red">FAIL</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-027.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-027.xht
new file mode 100644
index 0000000000..969da955af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-027.xht
@@ -0,0 +1,215 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: absolutely positioned non-replaced element - 'auto' margins, max-width and max-height</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" title="10.3.7 Absolutely positioned, non-replaced elements" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" title="10.6.4 Absolutely positioned, non-replaced elements" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="If 'width' is auto and 'left' and 'right' are not 'auto', then set 'auto' values for 'margin-left' and 'margin-right' to 0 and then solve for 'width'; the tentative width may be later constrained by max-width in which case, the algorithm must be re-entered. If 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then 'auto' values for 'margin-top' and 'margin-bottom' are set to 0 and solve for 'height'; the tentative height may be later constrained by max-height in which case, the algorithm must be re-entered." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#rel-pos-container
+ {
+ background-color: green;
+ height: 100px;
+ position: relative;
+ width: 100px;
+ }
+
+ div#rel-pos-container > div {position: absolute;}
+
+ div#reference-red-overlapped
+ {
+ background-color: red;
+ height: 33px;
+ left: 33px;
+ top: 33px;
+ width: 33px;
+ }
+
+ div#test-green-overlapping
+ {
+ background-color: green;
+ bottom: 0;
+ height: auto;
+ left: 0;
+ margin: auto;
+ max-height: 34px;
+ max-width: 34px;
+ right: 0;
+ top: 0;
+ width: auto;
+ }
+
+ /*
+
+ First we set both margin-left and margin-right to 0 since
+
+ "
+ set 'auto' values for 'margin-left' and 'margin-right' to 0
+ (...)
+ 5. 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width'
+ "
+ 10.3.7 Absolutely positioned, non-replaced elements
+ http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width
+
+
+ 0px : left
+ +
+ 0px (set) : margin-left
+ +
+ 0px : border-left
+ +
+ 0px : padding-left
+ +
+ (solve) : width (not constrained yet by max-width)
+ +
+ 0px : padding-right
+ +
+ 0px : border-right
+ +
+ 0px (set) : margin-right
+ +
+ 0px : right
+ =============
+ 100px : width of containing block
+
+ So, (tentative) width is 100px but now we must
+ constrain it by computed max-width value and so we
+ must now re-enter the algorithm but this time,
+ 'width' is not 'auto': therefore horizontal margins
+ must not be set to 0:
+
+ "
+ If none of the three (left, width, right) is 'auto':
+ If both 'margin-left' and 'margin-right' are 'auto',
+ solve the equation under the extra constraint that
+ the two margins get equal values
+ "
+ 10.3.7 Absolutely positioned, non-replaced elements
+ http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width
+
+ So:
+
+ 0px : left
+ +
+ (solve) : margin-left
+ +
+ 0px : border-left
+ +
+ 0px : padding-left
+ +
+ 34px : width (constrained by max-width)
+ +
+ 0px : padding-right
+ +
+ 0px : border-right
+ +
+ (solve) : margin-right
+ +
+ 0px : right
+ =============
+ 100px : width of containing block
+
+ Therefore, margin-left and margin-right used values are
+ each respectively equal to ((100px minus 34px) divided by 2) == 33px.
+
+ -----------------------------------------------
+
+ First we set both margin-top and margin-bottom to 0 since
+
+ "
+ 5. 'height' is 'auto', 'top' and 'bottom' are not 'auto',
+ then 'auto' values for 'margin-top' and 'margin-bottom' are set to 0
+ and solve for 'height'
+ "
+ 10.6.4 Absolutely positioned, non-replaced elements
+ http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height
+
+ 0px : top
+ +
+ 0px (set) : margin-top
+ +
+ 0px : border-top
+ +
+ 0px : padding-top
+ +
+ (solve) : height (not constrained yet by max-height)
+ +
+ 0px : padding-bottom
+ +
+ 0px : border-bottom
+ +
+ 0px (set) : margin-bottom
+ +
+ 0px : bottom
+ =============
+ 100px : height of containing block
+
+ So, (tentative) height is 100px but now we must
+ constrain it by computed max-height value and so we
+ must now re-enter the algorithm but this time,
+ 'height' is not 'auto': therefore vertical margins
+ must not be set to 0:
+
+ "
+ If none of the three (top, height, bottom) are 'auto':
+ If both 'margin-top' and 'margin-bottom' are 'auto',
+ solve the equation under the extra constraint that
+ the two margins get equal values.
+ "
+ 10.6.4 Absolutely positioned, non-replaced elements
+ http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height
+
+ So:
+
+ 0px : top
+ +
+ (solve) : margin-top
+ +
+ 0px : border-top
+ +
+ 0px : padding-top
+ +
+ 34px : height (constrained by max-height)
+ +
+ 0px : padding-bottom
+ +
+ 0px : border-bottom
+ +
+ (solve) : margin-bottom
+ +
+ 0px : bottom
+ =============
+ 100px : height of containing block
+
+ Therefore, margin-top and margin-bottom used values are
+ each respectively equal to ((100px minus 34px) divided by 2) == 33px.
+
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="rel-pos-container">
+
+ <div id="reference-red-overlapped"></div>
+
+ <div id="test-green-overlapping"></div>
+
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-028.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-028.xht
new file mode 100644
index 0000000000..33fb446265
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-width-028.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: width - absolutely positioned non-replaced element with scrollbar and percentage height of inline replaced child</title>
+
+ <!--
+ Credits should go to Erik Brown for originally reporting a related test
+ -->
+
+ <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1281713" title="Bug 1281713: intrinsic width of parent with overflow-x:scroll not computing correctly with child image with height:100%" />
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="11.1.1 Overflow: the 'overflow' property" href="https://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="help" title="10.3.2 Inline, replaced elements" href="https://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" />
+ <link rel="help" title="10.3.5 Floating, non-replaced elements" href="https://www.w3.org/TR/CSS21/visudet.html#float-width" />
+
+ <meta name="DC.date.created" content="2016-06-23T09:54:03+11:00" scheme="W3CDTF" />
+ <meta name="DC.date.modified" content="2016-07-06T09:54:03+11:00" scheme="W3CDTF" />
+
+ <!--
+ Siblings of this test are:
+ inline-block-non-replaced-width-005
+ float-non-replaced-width-013
+ -->
+
+ <meta content="image scroll" name="flags" />
+ <meta content="This test checks interaction of percentage height of an inline replaced element with its parent having scrollbars and with the parent's width determined by 'shrink-to-fit' width algorithm. In this test, the image height should be 100px minus scrollbar height since space taken up by generated scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars. Then the width of parent should be (used image height == 100px minus scrollbar) * (intrinsic ratio == 5width:1height)." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: red;
+ position: absolute; /* or display: inline-block; */ /* or float: left; */
+ height: 100px;
+ overflow: scroll;
+ }
+
+ img
+ {
+ height: 100%;
+ vertical-align: bottom;
+ /*
+ This 'vertical-align: bottom' declaration is not part of the test.
+ We 'baseline-align' the image at the bottom of the line box so
+ that the vertical scrollbar remains inactive.
+ */
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test does not apply to such user agent.</p>
+
+ <p>Test passes if there is a filled green rectangle with inactive scrollbars and <strong>no red</strong>.</p>
+
+ <div><img src="support/green-rectangle-50wideBy10tall.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-001-ref.xht
new file mode 100644
index 0000000000..fc38eba089
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-001-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-bottom: orange solid medium;
+ border-top: orange solid medium;
+ height: 15px;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the blue square and the orange lines.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-001.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-001.xht
new file mode 100644
index 0000000000..e3e10640c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute replaced elements with 'margin-top' and 'margin-bottom' as 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="If the height, top, bottom and vertical margins of an absolute positioned inline replaced element are all 'auto', then its use value is determined for inline replaced element, its 'top' is given by its static position and both 'margin-top' and 'margin-bottom' used values are '0'. In this test, the 'height' and 'width' of the inline replaced element are 'auto' and the element also has an intrinsic height, so the intrinsic height and the intrinsic width become the used values." />
+ <style type="text/css">
+ div
+ {
+ border-bottom: solid orange;
+ border-top: solid orange;
+ height: 15px;
+ width: 1in;
+ }
+ img
+ {
+ margin-bottom: auto;
+ margin-top: auto;
+ position: absolute;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue square and the orange lines.</p>
+ <div>
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-002-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-002-ref.xht
new file mode 100644
index 0000000000..effbf97dc3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-002-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-002.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-002.xht
new file mode 100644
index 0000000000..79d99d2995
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-002.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced elements relying on intrinsic height dimensions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-002-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the intrinsic height when an absolutely positioned inline replaced element with an intrinsic height has a 'height' and 'width' computed as 'auto'." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ div div
+ {
+ background: orange;
+ height: 15px;
+ left: 15px;
+ position: absolute;
+ top: 0;
+ width: 15px;
+ }
+ img
+ {
+ height: auto;
+ position: absolute;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p>
+ <div>
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-003.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-003.xht
new file mode 100644
index 0000000000..93e8c2c5c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-003.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with intrinsic ratio and 'height' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-height-007-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the used width divided by the intrinsic ratio when an absolutely positioned inline replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ div div
+ {
+ background: blue;
+ height: 100px;
+ left: 100px;
+ position: absolute;
+ top: 0;
+ }
+ img
+ {
+ height: auto;
+ position: absolute;
+ }
+ div div, img
+ {
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue squares have the <strong>same height</strong>.</p>
+ <div>
+ <img alt="Image download support must be enabled" src="support/swatch-orange.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-004-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-004-ref.xht
new file mode 100644
index 0000000000..534e82edc4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-004-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: green solid medium;
+ height: 150px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-004.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-004.xht
new file mode 100644
index 0000000000..6dddc31c9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-004.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute replaced inline-block elements without intrinsic ratio and 'height' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-004-ref.xht" />
+
+ <meta name="assert" content="For an absolutely positioned inline-block replaced element, if its 'height' and 'width' have a computed value of 'auto' and the element has no intrinsic ratio, the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ height: 150px;
+ position: absolute;
+ top: 0;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ height: auto;
+ position: absolute;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <iframe></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-005-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-005-ref.xht
new file mode 100644
index 0000000000..8687f283bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-005-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: green solid medium;
+ height: 96px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-005.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-005.xht
new file mode 100644
index 0000000000..4a6b2cf422
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-005.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline-block replaced element with its height set to a percentage</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-005-ref.xht" />
+
+ <meta name="assert" content="An absolutely positioned inline-block replaced element with its height set to a percentage is resolvable if and when its containing block height is explicitly specified and computable." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ border: solid green;
+ height: 1in;
+ position: absolute;
+ top: 0;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ position: absolute;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-006-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-006-ref.xht
new file mode 100644
index 0000000000..6912d5159e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-006-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ height: 96px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-006.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-006.xht
new file mode 100644
index 0000000000..dbf186c474
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-006.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with percentage based intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-006-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ left: 200px;
+ position: absolute;
+ top: 0;
+ width: 200px;
+ }
+ svg
+ {
+ position: absolute;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50%" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-007-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-007-ref.xht
new file mode 100644
index 0000000000..6cf502d177
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-007-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: green solid medium;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-007.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-007.xht
new file mode 100644
index 0000000000..cae9efd646
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-007.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline-block replaced elements with percentage based intrinsic height that cannot be resolved</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-007-ref.xht" />
+
+ <meta name="assert" content="An absolutely positioned inline-block replaced element with a percentage height that cannot be resolved has no intrinsic height." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ position: absolute;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ position: absolute;
+ width: auto;
+ }
+
+ /*
+ "
+ (...)
+ the height of the containing block of an absolutely positioned
+ element is independent of the size of the element itself, and thus
+ a percentage height on such an element *_can always be resolved_*.
+ However, it may be that the height is not known until elements
+ that come later in the document have been processed. "
+ http://www.w3.org/TR/CSS21/visudet.html#the-height-property
+ "
+ */
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-008-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-008-ref.xht
new file mode 100644
index 0000000000..18b466378d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-008-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-top: black solid medium;
+ margin-bottom: 96px;
+ }
+
+ div + div
+ {
+ background-color: blue;
+ border-top: none 0px;
+ height: 15px;
+ width: 30px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short blue bar and it does not touch the black line.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-008.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-008.xht
new file mode 100644
index 0000000000..886ecec638
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-008.xht
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'margin-top', 'margin-bottom' and 'bottom' as 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-008-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="An absolutely positioned inline replaced element's used value of 'bottom', 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: solid black;
+ position: relative;
+ }
+ img
+ {
+ bottom: auto;
+ height: auto;
+ margin-bottom: auto;
+ margin-top: auto;
+ position: absolute;
+ top: 1in;
+ width: auto;
+ }
+
+ /*
+ "
+ The used value of 'height' is determined as for inline replaced elements.
+ If 'margin-top' or 'margin-bottom' is specified as 'auto'
+ its used value is determined by the rules below.
+ (...)
+ If 'height' and 'width' both have computed values
+ of 'auto' and the element also has an intrinsic height,
+ then that intrinsic height is the used value of 'height'.
+ (...)
+ If 'bottom' is 'auto', replace any 'auto' on 'margin-top'
+ or 'margin-bottom' with '0'.
+ If at this point there is only one 'auto' left,
+ solve the equation for that value.
+ "
+ http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height
+
+ In this test, bottom will be -96px because the height of the
+ containing block is 0px.
+ */
+
+ div div
+ {
+ background: blue;
+ height: 15px;
+ left: 15px;
+ position: relative;
+ top: 1in;
+ width: 15px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue bar and it does not touch the black line.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-009.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-009.xht
new file mode 100644
index 0000000000..72f2df7e11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-009.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute positioned inline replaced elements relying on intrinsic height dimensions and 'bottom' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-008-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the intrinsic height when an absolutely positioned replaced element with an intrinsic height has 'height', 'width' and 'bottom' computed as 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: solid black;
+ position: relative;
+ }
+ div div
+ {
+ background: blue;
+ height: 15px;
+ left: 15px;
+ position: absolute;
+ top: 1in;
+ width: 15px;
+ }
+ img
+ {
+ bottom: auto;
+ height: auto;
+ position: absolute;
+ top: 1in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue bar and it does not touch the black line.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-010-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-010-ref.xht
new file mode 100644
index 0000000000..229f992bc7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-010-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-top: black solid medium;
+ margin-bottom: 96px;
+ }
+
+ div + div
+ {
+ background-color: blue;
+ border-top: none 0px;
+ height: 96px;
+ width: 192px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled blue rectangle and it does not touch the black line.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-010.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-010.xht
new file mode 100644
index 0000000000..34901665f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-010.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with intrinsic ratio, 'height' and 'bottom' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-010-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the used width divided by the intrinsic ratio when an absolutely positioned inline replaced element has an intrinsic ratio, 'height' and 'bottom' are set to 'auto' and 'width' is specified." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: solid black;
+ position: relative;
+ }
+ div div
+ {
+ background: blue;
+ height: 1in;
+ left: 1in;
+ position: absolute;
+ top: 1in;
+ }
+ img
+ {
+ bottom: auto;
+ height: auto;
+ position: absolute;
+ top: 1in;
+ }
+ div div, img
+ {
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue rectangle and it does not touch the black line.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-011-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-011-ref.xht
new file mode 100644
index 0000000000..574ab6a989
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-011-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: green solid medium;
+ height: 150px;
+ margin-top: 112px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-011.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-011.xht
new file mode 100644
index 0000000000..302ca83514
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-011.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline-block replaced element without intrinsic ratio, 'height' and 'bottom' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-011-ref.xht" />
+
+ <meta name="assert" content="For an absolutely positioned inline-block replaced element, the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ height: 150px;
+ position: absolute;
+ top: 1in;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ bottom: auto;
+ height: auto;
+ position: absolute;
+ top: 1in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <iframe></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-012-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-012-ref.xht
new file mode 100644
index 0000000000..722f569989
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-012-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: green solid medium;
+ height: 96px;
+ margin-top: 112px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-012.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-012.xht
new file mode 100644
index 0000000000..82bea6f0ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-012.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline-block replaced element with its height set to a percentage and 'bottom' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-012-ref.xht" />
+
+ <meta name="assert" content="An absolutely positioned inline-block replaced element with its height set to a percentage is resolvable if and when its containing block height is explicitly specified and computable." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ border: solid green;
+ height: 1in;
+ position: absolute;
+ top: 1in;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ bottom: auto;
+ position: absolute;
+ top: 1in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-013-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-013-ref.xht
new file mode 100644
index 0000000000..d75cdef879
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-013-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-top: black solid medium;
+ margin-bottom: 96px;
+ }
+
+ div + div {border: none 0px;}
+
+ img
+ {
+ height: 96px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles are next to each other, have the same height and are not touching the black line.</p>
+
+ <div></div>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-013.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-013.xht
new file mode 100644
index 0000000000..3d186de860
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-013.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with percentage based intrinsic height and 'bottom' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-013-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: solid black;
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ left: 200px;
+ position: absolute;
+ top: 1in;
+ width: 200px;
+ }
+ svg
+ {
+ bottom: auto;
+ position: absolute;
+ top: 1in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles are next to each other, have the same height and are not touching the black line.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50%" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-014-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-014-ref.xht
new file mode 100644
index 0000000000..67e9b90d43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-014-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: green solid medium;
+ margin-top: 112px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-014.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-014.xht
new file mode 100644
index 0000000000..752e7de66b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-014.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline-block replaced elements with percentage based intrinsic height that cannot be resolved and 'top' specified</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-014-ref.xht" />
+
+ <meta name="assert" content="An absolutely positioned inline-block replaced element with a percentage height that cannot be resolved has no intrinsic height." />
+ <!--
+ "
+ (...) the height of the containing block of an absolutely
+ positioned element is independent of the size of the element itself,
+ and thus a percentage height on such an element *_can always be
+ resolved_*. However, it may be that the height is not known until
+ elements that come later in the document have been processed.
+ "
+ http://www.w3.org/TR/CSS21/visudet.html#the-height-property
+ -->
+
+ <style type="text/css">
+ div#containing-block
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ position: absolute;
+ top: 1in;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ bottom: auto;
+ position: absolute;
+ top: 1in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="containing-block">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-016.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-016.xht
new file mode 100644
index 0000000000..d97a7cabf8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-016.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element relying on intrinsic height dimensions and 'top', 'bottom' are not 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-008-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the intrinsic height when an absolutely positioned inline replaced element has an intrinsic height and its height is specified as 'auto', 'width' is specified 'auto' and 'top', 'bottom' are not 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: solid black;
+ position: relative;
+ }
+ div div
+ {
+ background: blue;
+ height: 15px;
+ left: 15px;
+ position: absolute;
+ top: 1in;
+ width: 15px;
+ }
+ img
+ {
+ bottom: 1in;
+ /*
+ The equation gets overconstrained; and so, the used value for
+ bottom in that test will be ignored and will be solved
+ as minus (1in + 15px) (-111px) because the height of
+ containing block is 0.
+ */
+ height: auto;
+ position: absolute;
+ top: 1in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue bar and it does not touch the black line.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-017.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-017.xht
new file mode 100644
index 0000000000..80b4e14299
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-017.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with intrinsic ratio, 'height' set to 'auto' and 'top', 'bottom' are not 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-010-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the used width divided by the intrinsic ratio when an absolutely positioned inline replaced element has an intrinsic ratio, 'height' is set to 'auto', 'width' is specified and 'top', 'bottom' are not 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: solid black;
+ position: relative;
+ }
+ div div
+ {
+ background: blue;
+ height: 1in;
+ left: 1in;
+ position: absolute;
+ top: 1in;
+ }
+ img
+ {
+ bottom: 1in;
+ /*
+ The equation gets overconstrained; and so, the used value for
+ bottom in that test will be ignored and will be solved
+ as minus (1in + 1in) (-192px) because the height of
+ containing block is 0.
+ */
+ height: auto;
+ position: absolute;
+ top: 1in;
+ }
+ div div, img
+ {
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue rectangle and it does not touch the black line.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-018.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-018.xht
new file mode 100644
index 0000000000..f0e763fd82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-018.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline-block replaced element without intrinsic ratio, 'height' set to 'auto' and 'top', 'bottom' are not 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-011-ref.xht" />
+
+ <meta name="assert" content="For an absolutely positioned inline-block replaced element, the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ height: 150px;
+ position: absolute;
+ top: 1in;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ bottom: 1in;
+ height: auto;
+ position: absolute;
+ top: 1in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <iframe></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-019.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-019.xht
new file mode 100644
index 0000000000..2aeb5f0fc3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-019.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline-block replaced element with its height set to a percentage and 'top', 'bottom' are not 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-012-ref.xht" />
+
+ <meta name="assert" content="An absolutely positioned inline-block replaced element with its height set to a percentage is resolvable if and when its containing block height is explicitly specified and computable." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ border: solid green;
+ height: 1in;
+ position: absolute;
+ top: 1in;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ bottom: 1in;
+ position: absolute;
+ top: 1in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-020.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-020.xht
new file mode 100644
index 0000000000..c5d348db35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-020.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with percentage based intrinsic height set to 'auto' and 'top', 'bottom' are not 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-013-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: solid black;
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ left: 200px;
+ position: absolute;
+ top: 1in;
+ width: 200px;
+ }
+ svg
+ {
+ bottom: 1in;
+ position: absolute;
+ top: 1in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles are next to each other, have the same height and are not touching the black line.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50%" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-021.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-021.xht
new file mode 100644
index 0000000000..111f9593a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-021.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline-block replaced element with percentage based intrinsic height that cannot be resolved where 'top' and 'bottom' are not 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-014-ref.xht" />
+
+ <meta name="assert" content="An absolutely positioned inline-block replaced element with a percentage height that cannot be resolved has no intrinsic height." />
+
+ <!--
+ "
+ (...) the height of the containing block of an absolutely
+ positioned element is independent of the size of the element itself,
+ and thus a percentage height on such an element *_can always be
+ resolved_*. However, it may be that the height is not known until
+ elements that come later in the document have been processed.
+ "
+ http://www.w3.org/TR/CSS21/visudet.html#the-height-property
+ -->
+
+ <style type="text/css">
+ div#containing-block
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ position: absolute;
+ top: 1in;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ bottom: 1in;
+ position: absolute;
+ top: 1in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="containing-block">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-022.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-022.xht
new file mode 100644
index 0000000000..3acc433fa7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-022.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'margin-bottom' as 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-008-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="An absolutely positioned inline replaced element with only one value as 'auto' solves for that value (margin-bottom)." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: solid black;
+ position: relative;
+ }
+ img
+ {
+ bottom: 1in;
+ margin-bottom: auto;
+ margin-top: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ }
+ div div
+ {
+ background: blue;
+ height: 15px;
+ left: 15px;
+ position: relative;
+ top: 1in;
+ width: 15px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue bar and it does not touch the black line.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-023.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-023.xht
new file mode 100644
index 0000000000..fd0b7c425a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-023.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element relying on intrinsic height dimensions and 'top', 'bottom', 'margin-top' are not 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-008-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the intrinsic height when an absolutely positioned inline replaced element with an intrinsic height has a 'height', 'width' computed as 'auto' and 'top', 'bottom' are not 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: solid black;
+ position: relative;
+ }
+ div div
+ {
+ background: blue;
+ height: 15px;
+ left: 15px;
+ position: absolute;
+ top: 1in;
+ width: 15px;
+ }
+ img
+ {
+ bottom: 1in;
+ height: auto;
+ margin-bottom: auto;
+ margin-top: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue bar and it does not touch the black line.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-024.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-024.xht
new file mode 100644
index 0000000000..a2a5ca3e36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-024.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with intrinsic ratio, 'height' set to 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-010-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the used width divided by the intrinsic ratio when an absolutely positioned inline replaced element has an intrinsic ratio, 'height' is set to 'auto', 'width' is specified and 'top', 'bottom' are not 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: solid black;
+ position: relative;
+ }
+ div div
+ {
+ background: blue;
+ height: 1in;
+ left: 1in;
+ position: absolute;
+ top: 1in;
+ }
+ img
+ {
+ bottom: 1in;
+ height: auto;
+ margin-bottom: auto;
+ margin-top: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ }
+ div div, img
+ {
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue rectangle and it does not touch the black line.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-025.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-025.xht
new file mode 100644
index 0000000000..d99a08109b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-025.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline-block replaced elements without intrinsic ratio, 'height' set to 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-011-ref.xht" />
+
+ <meta name="assert" content="For an absolutely positioned replaced element the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ height: 150px;
+ position: absolute;
+ top: 1in;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ bottom: 1in;
+ height: auto;
+ margin-bottom: auto;
+ margin-top: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <iframe></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-026.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-026.xht
new file mode 100644
index 0000000000..acb65b7dcd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-026.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline-block replaced element with its height set to a percentage of its containing block's height and 'top', 'bottom', 'margin-top' are not 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-01 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-012-ref.xht" />
+
+ <meta name="assert" content="An absolutely positioned inline-block replaced element with its height set to a percentage is resolvable if and when its containing block height is explicitly specified and computable." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ border: solid green;
+ height: 1in;
+ position: absolute;
+ top: 1in;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ bottom: 1in;
+ margin-bottom: auto;
+ margin-top: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-027.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-027.xht
new file mode 100644
index 0000000000..7442f85b0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-027.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with percentage based intrinsic height set to 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-013-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: solid black;
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ left: 200px;
+ position: absolute;
+ top: 1in;
+ width: 200px;
+ }
+ svg
+ {
+ bottom: 1in;
+ margin-bottom: auto;
+ margin-top: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles are next to each other, have the same height and are not touching the black line.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50%" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-028.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-028.xht
new file mode 100644
index 0000000000..3c558b8a10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-028.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline-block replaced element with percentage based intrinsic height that cannot be resolved where 'top', 'bottom', 'margin-top' are not 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-014-ref.xht" />
+
+ <meta name="assert" content="An absolutely positioned inline-block replaced element with a percentage height that cannot be resolved has no intrinsic height." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ position: absolute;
+ top: 1in;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ bottom: 1in;
+ margin-bottom: auto;
+ margin-top: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-029.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-029.xht
new file mode 100644
index 0000000000..0c0a550c1b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-029.xht
@@ -0,0 +1,92 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with over-constrained values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-008-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="An absolutely positioned inline replaced element with over-constrained values solves for 'bottom'." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: solid black;
+ position: relative;
+ }
+ img
+ {
+ bottom: 0.5in;
+ margin-bottom: 0.5in;
+ margin-top: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ }
+ div div
+ {
+ background: blue;
+ height: 15px;
+ left: 15px;
+ position: relative;
+ top: 1in;
+ width: 15px;
+ }
+
+ /*
+
+ 0.5in : 'top'
+ +
+ 0.5in : 'margin-top'
+ +
+ 0 : 'border-top-width'
+ +
+ 0 : 'padding-top'
+ +
+ 15px : 'height' (intrinsic height of inline replaced element)
+ +
+ 0 : 'padding-bottom'
+ +
+ 0 : 'border-bottom-width'
+ +
+ 0.5in : 'margin-bottom'
+ +
+ 0.5in : 'bottom'
+ ===========
+ 207px : height of containing block (15px)
+
+ So, bottom has to be ignored and forced to have the value that
+ will balance the equation. So, this brings up
+
+ 0.5in : 'top'
+ +
+ 0.5in : 'margin-top'
+ +
+ 0 : 'border-top-width'
+ +
+ 0 : 'padding-top'
+ +
+ 15px : 'height' (intrinsic height)
+ +
+ 0 : 'padding-bottom'
+ +
+ 0 : 'border-bottom-width'
+ +
+ 0.5in : 'margin-bottom'
+ +
+ (solve): 'bottom'
+ ===================
+ 15px : height of containing block
+
+ So, the solved bottom value must be -1.5in (or -144px).
+ */
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue bar and it does not touch the black line.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-030.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-030.xht
new file mode 100644
index 0000000000..4ca7977421
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-030.xht
@@ -0,0 +1,78 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with intrinsic height dimension and over-constrained values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-008-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the intrinsic height when an absolutely positioned inline replaced element has an intrinsic height; if values are overconstrained, then solve for 'bottom'." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: solid black;
+ position: relative;
+ }
+ div div
+ {
+ background: blue;
+ height: 15px;
+ left: 15px;
+ position: absolute;
+ top: 1in;
+ width: 15px;
+ }
+ img
+ {
+ bottom: 1in;
+ height: auto;
+ margin-bottom: 0.5in;
+ margin-top: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ width: auto;
+ }
+
+ /*
+
+ 0.5in : top
+ +
+ 0.5in : margin-top
+ +
+ 15px : intrinsic height
+ +
+ 0.5in : margin-bottom
+ +
+ 1in : bottom
+ ====================
+ 255px != 0px (height of containing block)
+ Therefore, set bottom value must be ignored and
+ the equation must be solved for bottom.
+
+
+ 0.5in : top
+ +
+ 0.5in : margin-top
+ +
+ 15px : intrinsic height
+ +
+ 0.5in : margin-bottom
+ +
+ (solve) : bottom
+ ====================
+ 159px != 0px (height of containing block)
+ Therefore, solved bottom value must be -159px
+ */
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short blue bar and it does not touch the black line.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-031.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-031.xht
new file mode 100644
index 0000000000..7931b8da21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-031.xht
@@ -0,0 +1,96 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with intrinsic ratio, 'height' set to 'auto' and over-constrained values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-010-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the used width divided by the intrinsic ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' is set to 'auto', with over-constrained values solves for 'bottom'." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: solid black;
+ position: relative;
+ }
+ div div
+ {
+ background: blue;
+ height: 1in;
+ left: 1in;
+ position: absolute;
+ top: 1in;
+ }
+ img
+ {
+ bottom: 1in;
+ height: auto;
+ margin-bottom: 0.5in;
+ margin-top: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ }
+ div div, img
+ {
+ width: 1in;
+ }
+
+ /*
+
+ 0.5in : 'top'
+ +
+ 0.5in : 'margin-top'
+ +
+ 0 : 'border-top-width'
+ +
+ 0 : 'padding-top'
+ +
+ 1in : 'height' (used width) / (intrinsic ratio)
+ +
+ 0 : 'padding-bottom'
+ +
+ 0 : 'border-bottom-width'
+ +
+ 0.5in : 'margin-bottom'
+ +
+ 1in : 'bottom'
+ ===========
+ 436px : height of containing block (0px)
+
+ So, bottom has to be ignored and forced to have the value that
+ will balance the equation. So, this brings up
+
+ 0.5in : 'top'
+ +
+ 0.5in : 'margin-top'
+ +
+ 0 : 'border-top-width'
+ +
+ 0 : 'padding-top'
+ +
+ 1in : 'height' (used width) / (intrinsic ratio)
+ +
+ 0 : 'padding-bottom'
+ +
+ 0 : 'border-bottom-width'
+ +
+ 0.5in : 'margin-bottom'
+ +
+ (solve): 'bottom'
+ ===================
+ 240px : height of containing block (0px)
+
+ So the solved bottom value should be -240px
+ */
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue rectangle and it does not touch the black line.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-032.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-032.xht
new file mode 100644
index 0000000000..eea4172057
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-032.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute positioned inline-block replaced element without intrinsic ratio, 'height' set to 'auto' and over-constrained values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-011-ref.xht" />
+
+ <meta name="assert" content="For an absolutely positioned inline-block replaced element, the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width. And with over-constrained values element solves for 'bottom'." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ height: 150px;
+ position: absolute;
+ top: 1in;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ bottom: 1in;
+ height: auto;
+ margin-bottom: 0.5in;
+ margin-top: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <iframe></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-033.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-033.xht
new file mode 100644
index 0000000000..836f75dd4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-033.xht
@@ -0,0 +1,94 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline-block element with percentage based height set to 'auto' and over-constrained values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-05 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-012-ref.xht" />
+
+ <meta name="assert" content="An absolutely positioned inline-block replaced element with percentage height resolves based on the containing block height when such height can be resolved." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ border: solid green;
+ height: 1in;
+ position: absolute;
+ top: 1in;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ bottom: 1in;
+ margin-bottom: 0.5in;
+ margin-top: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ width: auto;
+ }
+
+ /*
+
+ 0.5in : 'top'
+ +
+ 0.5in : 'margin-top'
+ +
+ 3px : 'border-top-width' medium which is often resolved as 3px
+ +
+ 0 : 'padding-top'
+ +
+ 1in : 'height' 50% of height of containing block
+ +
+ 0 : 'padding-bottom'
+ +
+ 3px : 'border-bottom-width' medium which is often resolved as 3px
+ +
+ 0.5in : 'margin-bottom'
+ +
+ 1in : 'bottom'
+ ================
+ 342px : height of containing block (192px)
+
+ So, bottom has to be ignored and forced to have the value that
+ will balance the equation. So, this brings up
+
+
+ 0.5in : 'top'
+ +
+ 0.5in : 'margin-top'
+ +
+ 3px : 'border-top-width' medium which is often resolved as 3px
+ +
+ 0 : 'padding-top'
+ +
+ 1in : 'height' 50% of height of containing block
+ +
+ 0 : 'padding-bottom'
+ +
+ 3px : 'border-bottom-width' medium which is often resolved as 3px
+ +
+ 0.5in : 'margin-bottom'
+ +
+ (solve) : 'bottom'
+ ================
+ -246px : height of containing block (192px)
+
+ So, the solved bottom value should be -54px .
+ */
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-034.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-034.xht
new file mode 100644
index 0000000000..47dec54f65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-034.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with percentage based intrinsic height set to 'auto' and over-constrained values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-013-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: solid black;
+ position: relative;
+ height: 2in;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ left: 200px;
+ position: absolute;
+ top: 1in;
+ width: 200px;
+ }
+ svg
+ {
+ bottom: 1in;
+ margin-bottom: 0.5in;
+ margin-top: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles are next to each other, have the same height and are not touching the black line.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50%" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-035.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-035.xht
new file mode 100644
index 0000000000..447606f432
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-035.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute replaced elements with percentage based intrinsic height that cannot be resolved and there are over-constrained values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-014-ref.xht" />
+
+ <meta name="assert" content="An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ div div
+ {
+ border: solid green;
+ position: absolute;
+ top: 1in;
+ width: 300px;
+ }
+ iframe
+ {
+ border: solid red;
+ bottom: 1in;
+ margin-bottom: 0.5in;
+ margin-top: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <iframe height="50%"></iframe>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-036.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-036.xht
new file mode 100644
index 0000000000..96b53e6d64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-036.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute Replaced Elements: specified 'top' and 'bottom' with auto margins</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping"/>
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="image"/>
+ <meta name="assert" content="If 'top' and 'bottom' are specified on an
+ absolutely-positioned replaced element, then any remaining space is
+ split amongst the 'auto' vertical margins."/>
+ <style type="text/css">
+ .container {
+ position: relative;
+ width: 45px;
+ height: 45px;
+ /* Uncomment for debugging:
+ border: solid silver;
+ background: aqua; */
+ }
+ .abspos {
+ position: absolute;
+ top: 0; bottom: 0;
+ background: red;
+ }
+ .one {
+ margin: auto;
+ left: 0;
+ }
+ .two {
+ margin-top: auto;
+ left: 15px;
+ }
+ .three {
+ margin-bottom: auto;
+ right: 0;
+ }
+ .control1 {
+ height: 15px;
+ border-right: 15px solid red;
+ }
+ .control2 {
+ height: 15px;
+ border-left: 15px solid red;
+ }
+ .control3 {
+ height: 15px;
+ margin: 0 15px;
+ background: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div class="container">
+ <img class="abspos one" src="support/swatch-white.png" alt="FAIL: image support required"/>
+ <img class="abspos two" src="support/swatch-white.png" alt="FAIL: image support required"/>
+ <img class="abspos three" src="support/swatch-white.png" alt="FAIL: image support required"/>
+ <div class="control1"></div>
+ <div class="control2"></div>
+ <div class="control3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-001-ref.xht
new file mode 100644
index 0000000000..a973f102f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-001-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 192px;
+ width: 192px;
+ }
+
+ img {display: block;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-001.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-001.xht
new file mode 100644
index 0000000000..0b49129c37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-001.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'auto' specified for 'margin-left', 'margin-right' and intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-06 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. If both 'left' and 'right' have the value 'auto' and if the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. The intrinsic width is also used if 'height' and 'width' are 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 2in;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: auto;
+ margin-right: auto;
+ position: absolute;
+ }
+ div div
+ {
+ background: orange;
+ height: 15px;
+ margin-top: 15px;
+ width: 15px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-002-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-002-ref.xht
new file mode 100644
index 0000000000..515f5c3df6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-002-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 288px;
+ }
+
+ img
+ {
+ display: block;
+ height: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-002.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-002.xht
new file mode 100644
index 0000000000..23068fbce1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-002.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-002-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic ratio, then the used value of 'width' becomes 300px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 3in;
+ }
+ svg
+ {
+ margin-left: auto;
+ margin-right: auto;
+ position: absolute;
+ }
+ div div
+ {
+ background: orange;
+ height: 50px;
+ margin-top: 50px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003-ref.xht
new file mode 100644
index 0000000000..b6ef3a1985
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 288px;
+ }
+
+ img
+ {
+ display: block;
+ height: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003.xht
new file mode 100644
index 0000000000..5e1d5a7dcc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'auto' specified for 'margin-left', 'margin-right', with no intrinsic width and no intrinsic ratio</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-003-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic ratio, then the used value of 'width' becomes 300px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 3in;
+ }
+ svg
+ {
+ height: 100px;
+ margin-left: auto;
+ margin-right: auto;
+ position: absolute;
+ }
+
+ /*
+
+ In this test, the svg's containing block is the initial containing block.
+
+ The contraining equation should be balanced in the following manner:
+
+ left: will take the static position within its ltr containing block
+ margin-left: will become 0
+ width: will become 300px
+ margin-right: will become 0
+ right: will be the width of viewport minus 300px minus computed left value (body's margin-left plus border-left width == 11px)
+
+ */
+
+ div div
+ {
+ background: orange;
+ height: 100px;
+ margin-top: 100px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003a-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003a-ref.xht
new file mode 100644
index 0000000000..0f49130581
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003a-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 150px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003a.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003a.xht
new file mode 100644
index 0000000000..4bc367b4a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003a.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Absolutely positioned inline replaced element, 'auto' specified for 'margin-left', 'margin-right', no intrinsic height and no intrinsic width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-003a-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic height, then the used value of 'width' becomes 300px and the used value of 'height' becomes 150px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value." />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 225px;
+ width: 450px;
+ }
+
+ svg#overlapped-red {position: absolute;}
+
+ div#overlapping-green
+ {
+ background-color: green;
+ height: 150px;
+ left: auto;
+ position: absolute;
+ top: auto;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div>
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full" id="overlapped-red">
+ <svg:rect x="0" y="0" width="600" height="300" fill="red" />
+ </svg:svg>
+
+ <div id="overlapping-green"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003b-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003b-ref.xht
new file mode 100644
index 0000000000..a5f347382f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003b-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 150px;
+ width: 150px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003b.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003b.xht
new file mode 100644
index 0000000000..7209ff2eb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003b.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Absolutely positioned inline replaced element, 'auto' specified for 'margin-left', 'margin-right', no intrinsic height and no intrinsic ratio</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-003b-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic height and no intrinsic ratio, then the used value of 'height' becomes 150px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value." />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 300px;
+ width: 300px;
+ }
+
+ svg#overlapped-red {position: absolute;}
+
+ div#overlapping-green
+ {
+ background-color: green;
+ height: 150px;
+ left: auto;
+ position: absolute;
+ top: auto;
+ width: 150px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div>
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full" id="overlapped-red" width="150">
+ <svg:rect x="0" y="0" width="600" height="300" fill="red" />
+ </svg:svg>
+
+ <div id="overlapping-green"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003c-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003c-ref.xht
new file mode 100644
index 0000000000..7ac9d9697e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003c-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 300px;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a big filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003c.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003c.xht
new file mode 100644
index 0000000000..c84cb16299
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-003c.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Absolutely positioned inline replaced element, 'auto' specified for 'margin-left', 'margin-right', no intrinsic width and no intrinsic ratio</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-003c-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic ratio, then the used value of 'width' becomes 300px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value." />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 300px;
+ width: 600px;
+ }
+
+ svg#overlapped-red {position: absolute;}
+
+ div#overlapping-green
+ {
+ background-color: green;
+ height: 300px;
+ left: auto;
+ position: absolute;
+ top: auto;
+ width: 300px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a big filled green square and <strong>no red</strong>.</p>
+
+ <div>
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full" id="overlapped-red" height="300">
+ <svg:rect x="0" y="0" width="600" height="300" fill="red" />
+ </svg:svg>
+
+ <div id="overlapping-green"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-004-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-004-ref.xht
new file mode 100644
index 0000000000..e2b109ab3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-004-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 288px;
+ }
+
+ img
+ {
+ display: block;
+ height: 100px;
+ margin-bottom: 10px;
+ width: 200px;
+ }
+
+ img + img {height: 96px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-004.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-004.xht
new file mode 100644
index 0000000000..aaf1aa2d15
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-004.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-004-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic height, then the used value of 'width' becomes 300px and the used value of 'height' becomes 150px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ width: 3in;
+ }
+ #div2
+ {
+ height: 110px;
+ width: 3in;
+ }
+ #div3
+ {
+ background: orange;
+ height: 1in;
+ width: 200px;
+ }
+ svg
+ {
+ position: absolute;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+ <div id="div1">
+ <div id="div2">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-006-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-006-ref.xht
new file mode 100644
index 0000000000..33f77e9c98
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-006-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 192px;
+ }
+
+ img
+ {
+ display: block;
+ height: 96px;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black rectangle.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-006.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-006.xht
new file mode 100644
index 0000000000..f503db8837
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-006.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element and 'auto' specified for 'margin-left', 'margin-right' and width set to a percentage</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-006-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The width of an absolutely positioned inline replaced element set to a percentage is evaluated against its containing block's width." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 3in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: auto;
+ margin-right: auto;
+ position: absolute;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ margin-top: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black rectangle.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" width="50%" />
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-008.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-008.xht
new file mode 100644
index 0000000000..8aff9d5998
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-008.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-001-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 2in;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: auto;
+ margin-right: auto;
+ left: auto;
+ position: absolute;
+ right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 15px;
+ margin-top: 15px;
+ width: 15px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-009.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-009.xht
new file mode 100644
index 0000000000..c7749f8769
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-009.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-002-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic ratio, then the used value of 'width' becomes 300px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 3in;
+ position: relative;
+ width: 3in;
+ }
+ svg
+ {
+ margin-left: auto;
+ margin-right: auto;
+ left: auto;
+ position: absolute;
+ right: auto;
+ }
+
+ /*
+
+ In this test, the svg's containing block is div#div1.
+
+ The contraining equation should be balanced in the following manner:
+
+ left: will take the static position within its ltr containing block
+ margin-left: will become 0
+ width: will become 300px
+ margin-right: will become 0
+ right: will be the width of div#div1 minus 300px (288px minus 300px == -12px)
+
+ */
+
+ div div
+ {
+ background: orange;
+ height: 50px;
+ margin-top: 50px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-010.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-010.xht
new file mode 100644
index 0000000000..97263411f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-010.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and 'height'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-003-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic ratio, then the used value of 'width' becomes 300px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 3in;
+ position: relative;
+ width: 3in;
+ }
+ svg
+ {
+ height: 100px;
+ margin-left: auto;
+ margin-right: auto;
+ left: auto;
+ position: absolute;
+ right: auto;
+ }
+
+ /*
+
+ In this test, the svg's containing block is div#div1.
+
+ The contraining equation should be balanced in the following manner:
+
+ left: will take the static position within its ltr containing block
+ margin-left: will become 0
+ width: will become 300px
+ margin-right: will become 0
+ right: will be the width of div#div1 minus 300px (288px minus 300px == -12px)
+
+ */
+ div div
+ {
+ background: orange;
+ height: 100px;
+ margin-top: 100px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-011.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-011.xht
new file mode 100644
index 0000000000..346791ebd3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-011.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and no intrinsic height or width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-004-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic height, then the used value of 'width' becomes 300px and the used value of 'height' becomes 150px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 3in;
+ width: 3in;
+ }
+ #div2
+ {
+ height: 110px;
+ position: relative;
+ width: 3in;
+ }
+ #div3
+ {
+ background: orange;
+ height: 1in;
+ width: 200px;
+ }
+ svg
+ {
+ left: auto;
+ position: absolute;
+ right: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p>
+ <div id="div1">
+ <div id="div2">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-013.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-013.xht
new file mode 100644
index 0000000000..1646f1b82c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-013.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and percentage intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-006-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Percentage intrinsic widths are evaluated against the containing block's width." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 3in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: auto;
+ margin-right: auto;
+ left: auto;
+ position: absolute;
+ right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ margin-top: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black rectangle.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" width="50%" />
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-015-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-015-ref.xht
new file mode 100644
index 0000000000..20fd1c2442
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-015-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 192px;
+ width: 192px;
+ }
+
+ img
+ {
+ display: block;
+ position: relative;
+ left: 177px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-right corner of an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-015.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-015.xht
new file mode 100644
index 0000000000..67b33eae9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-015.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-015-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. If both 'left' and 'right' have the value 'auto' and if the 'direction' property of the element establishing the static-position containing block is 'rtl', then set 'right' to the static position. The intrinsic width is also used if 'height' and 'width' are 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: rtl;
+ height: 2in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: auto;
+ margin-right: auto;
+ left: auto;
+ position: absolute;
+ right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 15px;
+ margin-top: 15px;
+ width: 15px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-right corner of an hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-020-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-020-ref.xht
new file mode 100644
index 0000000000..d9a42fd3b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-020-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 192px;
+ }
+
+ img
+ {
+ display: block;
+ height: 96px;
+ left: 96px;
+ position: relative;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-right corner of an hollow black rectangle.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-020.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-020.xht
new file mode 100644
index 0000000000..864df2614a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-020.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and width set to a percentage</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-020-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The width of an absolutely positioned inline replaced element set to a percentage is evaluated against the containing block's width. If both 'left' and 'right' have the value 'auto' and if the 'direction' property of the element establishing the static-position containing block is 'rtl', then set 'right' to the static position." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: rtl;
+ height: 3in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: auto;
+ margin-right: auto;
+ left: auto;
+ position: absolute;
+ right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ margin-top: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-right corner of an hollow black rectangle.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" width="50%" />
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-022-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-022-ref.xht
new file mode 100644
index 0000000000..64dfdb910a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-022-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 192px;
+ width: 192px;
+ }
+
+ img
+ {
+ display: block;
+ height: 96px;
+ left: 96px;
+ position: relative;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-right corner of an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-022.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-022.xht
new file mode 100644
index 0000000000..4af5887859
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-022.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-022-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The intrinsic width is used if 'height' and 'width' are 'auto'. Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. If at this point there is an 'auto' left (like right as in this test), solve the equation for that value." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 2in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: auto;
+ margin-right: auto;
+ left: 1in;
+ position: absolute;
+ right: auto;
+ }
+
+ /*
+
+ 1in : left
+ 0px (set) : margin-left
+ 1in : width (intrinsic width)
+ 0px (set) : margin-right
+ (solve) : right
+ =========================
+ 2in : width of containing block (2in)
+
+ Therefore , the used right offset must be 0px
+ so that the contraining equation gets balanced.
+
+ */
+
+ div div
+ {
+ background: orange;
+ height: 96px;
+ margin-left: 1in;
+ margin-top: 96px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-right corner of an hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 96x96" src="support/blue96x96.png" />
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-023-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-023-ref.xht
new file mode 100644
index 0000000000..6d2990db72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-023-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 296px;
+ width: 296px;
+ }
+
+ img
+ {
+ display: block;
+ height: 50px;
+ padding-left: 96px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-right corner of an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-023.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-023.xht
new file mode 100644
index 0000000000..93ac8a1ca1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-023.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-023-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned replaced element becomes a used value of '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 296px;
+ position: absolute;
+ width: auto;
+ }
+
+ /*
+ The svg's containing block has width: auto
+ in which case shrink-to-fit width
+ applies which is given by its non-positioned
+ content, which is its inner div.
+ */
+
+ svg
+ {
+ margin-left: auto;
+ margin-right: auto;
+ left: 1in;
+ position: absolute;
+ right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 50px;
+ margin-top: 50px;
+ margin-left: 1in;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-right corner of an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-024-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-024-ref.xht
new file mode 100644
index 0000000000..a53cc29ff8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-024-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 288px;
+ }
+
+ img
+ {
+ display: block;
+ height: 100px;
+ padding-left: 88px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-right corner of an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-024.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-024.xht
new file mode 100644
index 0000000000..73abd19c31
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-024.xht
@@ -0,0 +1,81 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and 'height'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-024-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 288px;
+ position: absolute;
+ width: auto;
+ }
+
+ /*
+ The svg's containing block is div#div1 which
+ has width: auto. Therefore, shrink-to-fit width
+ will apply to div#div1.
+ Its non-positioned content is its
+ inner div which requires a
+ minimum of 288px. Therefore,
+ div#div1 shrink-to-fit width
+ will compute to 288px.
+ */
+
+ svg
+ {
+ height: 100px;
+ margin-left: auto;
+ margin-right: auto;
+ left: 88px;
+ position: absolute;
+ right: auto;
+ }
+
+ /*
+
+ 88px : left
+ +
+ 0px (set) : margin-left
+ +
+ 300px : width (pre-defined fallback when intrinsic values are not defined)
+ +
+ 0px (set) : margin-right
+ +
+ (solve) : right
+ =========================
+ 388px : width of containing block (div#div1 width is 288px)
+
+ Therefore, used right offset must be -100px so that the
+ constraining equation gets balanced.
+
+ */
+
+ div div
+ {
+ background: orange;
+ height: 100px;
+ margin-left: 88px;
+ margin-top: 100px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-right corner of an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-025-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-025-ref.xht
new file mode 100644
index 0000000000..afbb24e32d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-025-ref.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 288px;
+ }
+
+ img
+ {
+ display: block;
+ height: 100px;
+ margin-bottom: 10px;
+ padding-left: 88px;
+ width: 200px;
+ }
+
+ img + img {height: 96px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-right corner of an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-025.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-025.xht
new file mode 100644
index 0000000000..8b5a78b36c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-025.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and no intrinsic height or width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-025-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 288px;
+ position: absolute;
+ }
+
+ #div2
+ {
+ height: 110px;
+ position: relative;
+ width: 3in;
+ }
+ #div3
+ {
+ background: orange;
+ height: 1in;
+ margin-left: 88px;
+ width: 200px;
+ }
+ svg
+ {
+ left: 88px;
+ position: absolute;
+ right: auto;
+ }
+
+ /*
+
+ 88px : left
+ +
+ 0px (set) : margin-left
+ +
+ 300px : width (pre-defined fallback when intrinsic values are not defined)
+ +
+ 0px (set) : margin-right
+ +
+ (solve) : right
+ =========================
+ 388px : width of containing block (div#div2 width is 288px)
+
+ Therefore, used right offset must be -100px so that the
+ constraining equation gets balanced.
+
+ */
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-right corner of an hollow black square.</p>
+ <div id="div1">
+ <div id="div2">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-027-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-027-ref.xht
new file mode 100644
index 0000000000..c51d6d9e8f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-027-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 192px;
+ }
+
+ img
+ {
+ display: block;
+ height: 96px;
+ padding-left: 96px;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-right corner of an hollow black rectangle.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-027.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-027.xht
new file mode 100644
index 0000000000..e868877d28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-027.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and percentage width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-027-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The width of an absolutely positioned inline replaced element set to a percentage is evaluated against its containing block's width." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 3in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: auto;
+ margin-right: auto;
+ left: 1in;
+ position: absolute;
+ right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ margin-left: 1in;
+ margin-top: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-right corner of an hollow black rectangle.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" width="50%" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-029.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-029.xht
new file mode 100644
index 0000000000..4bd5131014
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-029.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-07 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-022-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The intrinsic width is used if 'height' and 'width' are 'auto'. Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. If at this point there is an 'auto' left (like right as in this test), solve the equation for that value." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: rtl;
+ height: 2in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: auto;
+ margin-right: auto;
+ left: 1in;
+ position: absolute;
+ right: auto;
+ }
+
+ /*
+
+ 1in : left
+ 0px (set) : margin-left
+ 1in : width (intrinsic width)
+ 0px (set) : margin-right
+ (solve) : right
+ =========================
+ 2in : width of containing block (2in)
+
+ Therefore , the used right offset must be 0px
+ so that the contraining equation gets balanced.
+
+ */
+
+ div div
+ {
+ background: orange;
+ height: 96px;
+ margin-left: 1in;
+ margin-top: 96px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-right corner of an hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 96x96" src="support/blue96x96.png" />
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-030.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-030.xht
new file mode 100644
index 0000000000..524064f711
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-030.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-023-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned replaced element becomes a used value of '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: rtl;
+ height: 296px;
+ position: absolute;
+ width: auto;
+ }
+
+ /*
+ The svg's containing block (which is div#div1)
+ has width: auto in which case shrink-to-fit width
+ applies which is given by its non-positioned
+ content, which is its inner div.
+ */
+
+ svg
+ {
+ margin-left: auto;
+ margin-right: auto;
+ left: 1in;
+ position: absolute;
+ right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 50px;
+ margin-left: 1in;
+ margin-top: 50px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-right corner of an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-031.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-031.xht
new file mode 100644
index 0000000000..494cb1739f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-031.xht
@@ -0,0 +1,82 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and 'height'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-024-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: rtl;
+ height: 3in;
+ position: absolute;
+ width: auto;
+ }
+
+ /*
+ The svg's containing block is div#div1 which
+ has width: auto. Therefore, shrink-to-fit width
+ will apply to div#div1.
+ Its non-positioned content is its
+ inner div which requires a
+ minimum of 288px. Therefore,
+ div#div1 shrink-to-fit width
+ will compute to 288px.
+ */
+
+ svg
+ {
+ height: 100px;
+ margin-left: auto;
+ margin-right: auto;
+ left: 88px;
+ position: absolute;
+ right: auto;
+ }
+
+ /*
+
+ 88px : left
+ +
+ 0px (set) : margin-left
+ +
+ 300px : width (pre-defined fallback when intrinsic values are not defined)
+ +
+ 0px (set) : margin-right
+ +
+ (solve) : right
+ =========================
+ 388px : width of containing block (div#div1 width is 288px)
+
+ Therefore, used right offset must be -100px so that the
+ constraining equation gets balanced.
+
+ */
+
+
+ div div
+ {
+ background: orange;
+ height: 100px;
+ margin-left: 88px;
+ margin-top: 100px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-right corner of an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-032.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-032.xht
new file mode 100644
index 0000000000..e9ef650e6f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-032.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and no intrinsic height or width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-025-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: rtl;
+ height: 3in;
+ position: absolute;
+ }
+ #div2
+ {
+ height: 110px;
+ position: relative;
+ }
+ #div3
+ {
+ background: orange;
+ height: 1in;
+ margin-left: 88px;
+ width: 200px;
+ }
+ svg
+ {
+ left: 88px;
+ position: absolute;
+ right: auto;
+ }
+
+ /*
+
+ 88px : left
+ +
+ 0px (set) : margin-left
+ +
+ 300px : width (pre-defined fallback when intrinsic values are not defined)
+ +
+ 0px (set) : margin-right
+ +
+ (solve) : right
+ =========================
+ 388px : width of containing block (div#div2 width is 288px)
+
+ Therefore, used right offset must be -100px so that the
+ constraining equation gets balanced.
+
+ */
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-right corner of an hollow black square.</p>
+ <div id="div1">
+ <div id="div2">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-034.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-034.xht
new file mode 100644
index 0000000000..4d95609055
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-034.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and percentage intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-020-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Percentage widths are evaluated against the containing block's width." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: rtl;
+ height: 3in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: auto;
+ margin-right: auto;
+ left: 1in;
+ position: absolute;
+ right: auto;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ margin-top: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-right corner of an hollow black rectangle.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" width="50%" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-036-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-036-ref.xht
new file mode 100644
index 0000000000..0c8262aff2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-036-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 192px;
+ width: 192px;
+ }
+
+ img
+ {
+ display: block;
+ height: 96px;
+ margin-left: 0.5in;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-036.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-036.xht
new file mode 100644
index 0000000000..2a2647f3ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-036.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-036-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 2in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: auto;
+ margin-right: auto;
+ left: 0.5in;
+ position: absolute;
+ right: 0.5in;
+ }
+ div div
+ {
+ background: orange;
+ height: 96px;
+ margin-left: 0.5in;
+ margin-right: 0.5in;
+ margin-top: 96px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 96x96" src="support/blue96x96.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-037-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-037-ref.xht
new file mode 100644
index 0000000000..beea721320
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-037-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 288px;
+ }
+
+ img
+ {
+ display: block;
+ height: 50px;
+ margin-left: 44px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-037.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-037.xht
new file mode 100644
index 0000000000..5eee892895
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-037.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-037-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 3in;
+ position: absolute;
+ }
+ svg
+ {
+ margin-left: auto;
+ margin-right: auto;
+ left: 44px;
+ position: absolute;
+ right: 44px;
+ }
+ div div
+ {
+ background: orange;
+ height: 50px;
+ margin-left: 44px;
+ margin-right: 44px;
+ margin-top: 50px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-038-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-038-ref.xht
new file mode 100644
index 0000000000..70b7177a9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-038-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 288px;
+ }
+
+ img
+ {
+ display: block;
+ padding-left: 44px;
+ height: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-038.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-038.xht
new file mode 100644
index 0000000000..0aae33bbe5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-038.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and 'height'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-038-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 3in;
+ position: absolute;
+ }
+ svg
+ {
+ height: 100px;
+ margin-left: auto;
+ margin-right: auto;
+ left: 44px;
+ position: absolute;
+ right: 44px;
+ }
+ div div
+ {
+ background: orange;
+ height: 100px;
+ margin-left: 44px;
+ margin-right: 44px;
+ margin-top: 100px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-039-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-039-ref.xht
new file mode 100644
index 0000000000..f51f7e87be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-039-ref.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 288px;
+ }
+
+ img
+ {
+ display: block;
+ height: 100px;
+ margin-bottom: 10px;
+ padding-left: 44px;
+ width: 200px;
+ }
+
+ img + img {height: 96px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange rectangles have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-039.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-039.xht
new file mode 100644
index 0000000000..efade389d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-039.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-039-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 3in;
+ position: absolute;
+ }
+ #div2
+ {
+ height: 110px;
+ position: relative;
+ width: 3in;
+ }
+ #div3
+ {
+ background: orange;
+ height: 1in;
+ margin-left: 44px;
+ margin-right: 44px;
+ width: 200px;
+ }
+ svg
+ {
+ left: 44px;
+ position: absolute;
+ right: 44px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <div id="div2">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-041-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-041-ref.xht
new file mode 100644
index 0000000000..893f3596e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-041-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 288px;
+ width: 192px;
+ }
+
+ img
+ {
+ display: block;
+ padding-left: 48px;
+ height: 96px;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and orange squares have the same width and are <strong>horizontally centered</strong> in an hollow black rectangle.</p>
+
+ <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-041.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-041.xht
new file mode 100644
index 0000000000..19e5350aa7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-041.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-041-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Percentage widths are evaluated against the containing block's width." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 3in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: auto;
+ margin-right: auto;
+ left: 0.5in;
+ position: absolute;
+ right: 0.5in;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ margin-left: 0.5in;
+ margin-right: 0.5in;
+ margin-top: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and are <strong>horizontally centered</strong> in an hollow black rectangle.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" width="50%" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-043.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-043.xht
new file mode 100644
index 0000000000..91e7ffe481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-043.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right' and intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-036-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: rtl;
+ height: 2in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: auto;
+ margin-right: auto;
+ left: 0.5in;
+ position: absolute;
+ right: 0.5in;
+ }
+ div div
+ {
+ background: orange;
+ height: 96px;
+ margin-left: 0.5in;
+ margin-right: 0.5in;
+ margin-top: 96px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 96x96" src="support/blue96x96.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-048.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-048.xht
new file mode 100644
index 0000000000..b22043eae6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-048.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-041-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Percentage widths are evaluated against the containing block's width." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: rtl;
+ height: 3in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: auto;
+ margin-right: auto;
+ left: 0.5in;
+ position: absolute;
+ right: 0.5in;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ margin-left: 0.5in;
+ margin-right: 0.5in;
+ margin-top: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and are <strong>horizontally centered</strong> in an hollow black rectangle.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" width="50%" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-050.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-050.xht
new file mode 100644
index 0000000000..4fb8a46d54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-050.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-right' and intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-036-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 2in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: 0.25in;
+ margin-right: auto;
+ left: 0.25in;
+ position: absolute;
+ right: 0.5in;
+ }
+ div div
+ {
+ background: orange;
+ height: 96px;
+ margin-left: 0.5in;
+ margin-right: 0.5in;
+ margin-top: 96px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 96x96" src="support/blue96x96.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-051.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-051.xht
new file mode 100644
index 0000000000..40a32c3a73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-051.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-right' and intrinsic height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-037-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 3in;
+ position: absolute;
+ }
+ svg
+ {
+ left: 22px;
+ margin-left: 22px;
+ margin-right: auto;
+ position: absolute;
+ right: 44px;
+ }
+ div div
+ {
+ background: orange;
+ height: 50px;
+ margin-left: 44px;
+ margin-right: 44px;
+ margin-top: 50px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-052.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-052.xht
new file mode 100644
index 0000000000..05416bba97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-052.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-right' and 'height'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-038-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 3in;
+ position: absolute;
+ }
+ svg
+ {
+ height: 100px;
+ left: 22px;
+ margin-left: 22px;
+ margin-right: auto;
+ position: absolute;
+ right: 44px;
+ }
+ div div
+ {
+ background: orange;
+ height: 100px;
+ margin-left: 44px;
+ margin-right: 44px;
+ margin-top: 100px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-053.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-053.xht
new file mode 100644
index 0000000000..28c77ae556
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-053.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-right' and no intrinsic height or width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-039-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 3in;
+ position: absolute;
+ }
+ #div2
+ {
+ height: 110px;
+ position: relative;
+ width: 3in;
+ }
+ #div3
+ {
+ background: orange;
+ height: 1in;
+ margin-left: 44px;
+ margin-right: 44px;
+ width: 200px;
+ }
+ svg
+ {
+ left: 22px;
+ margin-left: 22px;
+ margin-right: auto;
+ position: absolute;
+ right: 44px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <div id="div2">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-055.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-055.xht
new file mode 100644
index 0000000000..7a5bdea427
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-055.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-right' and percentage intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-041-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Percentage widths are evaluated against the containing block's width." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 3in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ margin-left: 0.25in;
+ margin-right: auto;
+ left: 0.25in;
+ position: absolute;
+ right: 0.5in;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ margin-left: 0.5in;
+ margin-right: 0.5in;
+ margin-top: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and are <strong>horizontally centered</strong> in an hollow black rectangle.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" width="50%" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-057.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-057.xht
new file mode 100644
index 0000000000..a3198d5f18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-057.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-right' and intrinsic width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-036-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: rtl;
+ height: 2in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ left: 0.25in;
+ margin-left: 0.25in;
+ margin-right: auto;
+ position: absolute;
+ right: 0.5in;
+ }
+ div div
+ {
+ background: orange;
+ height: 96px;
+ margin-left: 0.5in;
+ margin-right: 0.5in;
+ margin-top: 96px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 96x96" src="support/blue96x96.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-062.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-062.xht
new file mode 100644
index 0000000000..ad2cdef7b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-062.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-right' and percentage width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-041-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Percentage widths are evaluated against the containing block's width." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: rtl;
+ height: 3in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ left: 0.25in;
+ margin-left: 0.25in;
+ margin-right: auto;
+ position: absolute;
+ right: 0.5in;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ margin-left: 0.5in;
+ margin-right: 0.5in;
+ margin-top: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and are <strong>horizontally centered</strong> in an hollow black rectangle.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" width="50%" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-064.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-064.xht
new file mode 100644
index 0000000000..b29c91318b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-064.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, intrinsic width and over-constrained situation</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-036-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 2in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ left: 0.25in;
+ margin-left: 0.25in;
+ margin-right: 0.5in;
+ position: absolute;
+ right: 0.5in;
+ }
+ div div
+ {
+ background: orange;
+ height: 96px;
+ margin-left: 0.5in;
+ margin-right: 0.5in;
+ margin-top: 96px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 96x96" src="support/blue96x96.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-065.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-065.xht
new file mode 100644
index 0000000000..27b845a237
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-065.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, intrinsic height and over-constrained situation</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-037-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 3in;
+ position: absolute;
+ }
+ svg
+ {
+ left: 22px;
+ margin-left: 22px;
+ margin-right: 44px;
+ position: absolute;
+ right: 44px;
+ }
+ div div
+ {
+ background: orange;
+ height: 50px;
+ margin-left: 44px;
+ margin-right: 44px;
+ margin-top: 50px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-066.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-066.xht
new file mode 100644
index 0000000000..907bf00895
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-066.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, 'height' and over-constrained situation</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-038-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 3in;
+ position: absolute;
+ }
+ svg
+ {
+ height: 100px;
+ left: 22px;
+ margin-left: 22px;
+ margin-right: 44px;
+ position: absolute;
+ right: 44px;
+ }
+ div div
+ {
+ background: orange;
+ height: 100px;
+ margin-left: 44px;
+ margin-right: 44px;
+ margin-top: 100px;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" height="50" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-067.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-067.xht
new file mode 100644
index 0000000000..5d7f6237a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-067.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, no intrinsic height or width and over-constrained situation</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-039-ref.xht" />
+
+ <meta name="flags" content="nonHTML svg" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 3in;
+ position: absolute;
+ }
+ #div2
+ {
+ height: 110px;
+ position: relative;
+ width: 3in;
+ }
+ #div3
+ {
+ background: orange;
+ height: 1in;
+ margin-left: 44px;
+ margin-right: 44px;
+ width: 200px;
+ }
+ svg
+ {
+ left: 22px;
+ margin-left: 22px;
+ margin-right: 44px;
+ position: absolute;
+ right: 44px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange rectangles have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <div id="div2">
+ <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full">
+ <svg:rect x="0" y="0" width="200" height="100" fill="blue" />
+ </svg:svg>
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-069.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-069.xht
new file mode 100644
index 0000000000..be33590a6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-069.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as left-to-right, percentage intrinsic width and over-constrained situation</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-041-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Percentage widths are evaluated against the containing block's width." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: ltr;
+ height: 3in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ left: 0.25in;
+ margin-left: 0.25in;
+ margin-right: 0.5in;
+ position: absolute;
+ right: 0.5in;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ margin-left: 0.5in;
+ margin-right: 0.5in;
+ margin-top: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and are <strong>horizontally centered</strong> in an hollow black rectangle.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" width="50%" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-071.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-071.xht
new file mode 100644
index 0000000000..711ac8aa40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-071.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as right-to-left, intrinsic width and over-constrained situation</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-036-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: rtl;
+ height: 2in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ left: 0.5in;
+ margin-left: 0.5in;
+ margin-right: 0.25in;
+ position: absolute;
+ right: 0.25in;
+ }
+ div div
+ {
+ background: orange;
+ height: 96px;
+ margin-left: 0.5in;
+ margin-right: 0.5in;
+ margin-top: 96px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and are <strong>horizontally centered</strong> in an hollow black square.</p>
+ <div id="div1">
+ <img alt="blue 96x96" src="support/blue96x96.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-076.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-076.xht
new file mode 100644
index 0000000000..129e3a1894
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-width-076.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with 'direction' as right-to-left, percentage intrinsic width and over-constrained situation</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width" />
+ <link rel="match" href="absolute-replaced-width-041-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Percentage widths are evaluated against the containing block's width." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ direction: rtl;
+ height: 3in;
+ position: relative;
+ width: 2in;
+ }
+ img
+ {
+ left: 0.5in;
+ margin-left: 0.5in;
+ margin-right: 0.25in;
+ position: absolute;
+ right: 0.25in;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ margin-left: 0.5in;
+ margin-right: 0.5in;
+ margin-top: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same width and are <strong>horizontally centered</strong> in an hollow black rectangle.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" width="50%" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-001-ref.xht
new file mode 100644
index 0000000000..0772592669
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-001-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 1em;}
+
+ p {padding-bottom: 1em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a green stripe and no red.</p>
+
+ <div><img src="support/swatch-green.png" width="160" height="16" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-001.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-001.xht
new file mode 100644
index 0000000000..b8cd1afeb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Absolute Positioning: static position after previous margin</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/001.xml" type="application/xhtml+xml"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos" />
+ <link rel="match" href="abspos-001-ref.xht" />
+
+ <style type="text/css">
+ /* Set Up Conditions */
+ * { margin: 0; padding: 0; border: 0;
+ position: static; float: none; display: block;
+ top: auto; left: auto; right: auto; bottom: auto; }
+ head { display: none; }
+ body { padding: 1em; }
+ /* Test */
+ .margin { margin-bottom: 2em; }
+ .abs { position: absolute; background: green; z-index: 1; height: 1em; width: 10em; }
+ .flow { background: red; height: 1em; width: 10em; }
+ </style>
+ </head>
+ <body>
+
+ <div class="margin">Test passes if there is a green stripe and no red.</div>
+ <div class="abs"/> <div class="flow"/>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-002-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-002-ref.xht
new file mode 100644
index 0000000000..9fe437c277
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-002-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: blue solid 16px;
+ height: 32px;
+ width: 64px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a hollow blue rectangle.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-002.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-002.xht
new file mode 100644
index 0000000000..5d4ca5f2fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-002.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Positioning with a relpos ancestor containing block</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/023.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos" />
+ <link rel="match" href="abspos-002-ref.xht" />
+
+ <style type="text/css">
+ .container { position: relative; background: red; width: 6em;
+ border-top: 1em solid blue; }
+ .test { position: absolute; height: 2em; width: 4em;
+ background: white; color: green;
+ border: solid 1em blue;
+ border-top: none;}
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a hollow blue rectangle.</p>
+ <div class="container">
+ <div>
+ <div>
+ <div class="test">
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-003.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-003.xht
new file mode 100644
index 0000000000..e78aa51cbd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-003.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Positioning relative to the ICB: short root element</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/005-demo.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos"/>
+ <style type="text/css">
+ p { margin: 0; padding: 0.5em; }
+ .absolute { position: absolute; bottom: 0; left: 0; right: 0;
+ height: 5em; border: solid blue; }
+ .control { border: solid yellow; }
+ * { margin: 0; padding: 0; }
+ </style>
+ </head>
+ <body>
+ <p class="absolute">This blue box should be at the bottom of the viewport
+ / first page.</p>
+ <p class="control">This yellow box should be at the top of the
+ viewport or first page. There should also be a blue box visible at the
+ bottom of the viewport / page. </p>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-004.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-004.xht
new file mode 100644
index 0000000000..19d729cdb5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-004.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Positioning relative to the ICB: long root element</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/006-demo.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos"/>
+ <style type="text/css">
+ .absolute { position: absolute; bottom: 0; left: 0; right: 0;
+ height: 5em; border: solid blue; }
+ html { height: 300em; min-height: 150%; border: orange; border-style: none solid; }
+ .control { border: solid yellow; }
+ * { margin: 0; padding: 0; }
+ </style>
+ </head>
+ <body>
+ <p class="absolute">This blue box should be at the bottom of the viewport
+ / first page.</p>
+ <p class="control">This yellow box should be at the top of the
+ viewport or first page. There should also be a blue box visible at the
+ bottom of the viewport / page.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-006.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-006.xht
new file mode 100644
index 0000000000..cc53cf58a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-006.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Absolute Positioning: Tables with two offsets</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos"/>
+ <style type="text/css">
+ body { font: 900 10em "Lucida Console", "Courier New", Courier, monospace; }
+ .description { font: medium serif; margin: 1em 1em 15em; }
+ .test { position: absolute; bottom: 0; left: auto; right: 0; top: auto;
+ background: white; color: green; margin: 0; }
+ .control { position: absolute; bottom: 0; left: auto; right: 0; top: auto;
+ background: red; color: yellow; margin: 0; }
+ </style>
+ </head>
+ <body>
+ <p class="description">The word PASS should appear at the bottom right of this document.</p>
+ <p class="control">FAIL</p>
+ <table class="test"><tbody><tr><td>PASS</td></tr></tbody></table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-007-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-007-ref.xht
new file mode 100644
index 0000000000..33ae560e13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-007-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {margin: 0;}
+
+ div
+ {
+ background-color: green;
+ height: 1em;
+ width: 10em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-007.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-007.xht
new file mode 100644
index 0000000000..82c77eb1c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-007.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Positioning blocks inside inline contexts with top:auto</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/009.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos"/>
+ <link rel="match" href="abspos-007-ref.xht" />
+
+ <style type="text/css">
+ .container div { height: 1em; width: 10em; }
+ .test { position: absolute; background: green; z-index: 1; }
+ .control { background: red; }
+ .inline { display: inline; }
+ </style>
+ </head>
+ <body>
+ <div class="container">
+ <div class="inline">
+ Test passes if there is <strong>no red</strong>.
+ <div class="test"></div>
+ <div class="control"></div>
+ </div>
+ </div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-008-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-008-ref.xht
new file mode 100644
index 0000000000..7fb8eed3d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-008-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border-top: white solid 10px;
+ color: white;
+ float: left;
+ font-size: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div>X X0</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-008.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-008.xht
new file mode 100644
index 0000000000..46a302f133
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-008.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Shrink wrapping of absolute positioned blocks</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/011.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width"/>
+ <link rel="match" href="abspos-008-ref.xht" />
+
+ <style type="text/css">
+ .container { font-size: 100px; position: relative; border-top: 10px solid white; }
+ .outer { position: absolute; top: 0; left: 0; z-index: 1; }
+ .inner { background: green; color: white; float: left; }
+ .control { float: left; color: yellow; background: red; }
+ </style>
+ </head>
+<body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div class="container">
+ <div class="outer">
+ <div class="inner">
+ X X0
+ </div>
+ </div>
+ <div class="control">X X1</div>
+ </div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-009-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-009-ref.xht
new file mode 100644
index 0000000000..6ee4b0d7bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-009-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ float: right;
+ height: 1em;
+ width: 10em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a green stripe on the right and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-009.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-009.xht
new file mode 100644
index 0000000000..2c5902f5f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-009.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Right alignment with position:right</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-08 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/012.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos"/>
+ <link rel="match" href="abspos-009-ref.xht" />
+
+ <style type="text/css">
+ body { position: relative; }
+ .control { border-right: 10em solid red; height: 1em; }
+ .test { position: absolute; width: 10em; height: 1em;
+ right: 0; margin: auto;
+ background: green; color: white; }
+ </style>
+ </head>
+<body>
+ <p>Test passes if there is a green stripe on the right and <strong>no red</strong>.</p>
+ <div class="test"></div>
+ <div class="control"></div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-010.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-010.xht
new file mode 100644
index 0000000000..c3929a052a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-010.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Absolutely positioned tables must shrink wrap</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/013.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width"/>
+ <style type="text/css">
+ table { position: absolute; background: red; border-spacing: 0; padding: 0;}
+ td { padding: 0; }
+ div { width: 3em; height: 2em; background: green; }
+ .fixed { table-layout: fixed; margin-top: 2em; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a green block and no red below.</p>
+ <table>
+ <tr>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ </table>
+ <table class="fixed">
+ <tr>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ </table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-011-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-011-ref.xht
new file mode 100644
index 0000000000..e14b766fe7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-011-ref.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ div {font: bold 32px/1 monospace;}
+
+ div#first {margin-top: 40px;}
+
+ div#second
+ {
+ bottom: 1em;
+ position: relative;
+ }
+
+ div#third
+ {
+ bottom: 2em;
+ position: relative;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div id="first">&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;</div>
+
+ <div id="second">FAIL PASS</div>
+
+ <div id="third">####</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-011.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-011.xht
new file mode 100644
index 0000000000..1900af4518
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-011.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: position: absolute; top: auto; test (assumed initial values)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/014.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos"/>
+ <link rel="match" href="abspos-011-ref.xht" />
+
+ <meta name="flags" content="may"/>
+ <style type="text/css">
+ body {margin: 8px;}
+ p { position: absolute; font: bold 32px/1 monospace; }
+ /* was font: bold 2em monospace; */
+ </style>
+ </head>
+ <body>
+ <p>FAIL &nbsp;&nbsp;&nbsp;&nbsp;</p>
+ <p>#&nbsp;&nbsp;&nbsp; P&nbsp;&nbsp;&nbsp;</p>
+ <p>&nbsp;##&nbsp; &nbsp;A&nbsp;&nbsp;</p>
+ <p>&nbsp;&nbsp;&nbsp;# &nbsp;&nbsp;SS</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-012.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-012.xht
new file mode 100644
index 0000000000..03b47f9222
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-012.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: position: absolute; top: auto; test (assumed initial values)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/015.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos"/>
+ <link rel="match" href="abspos-011-ref.xht" />
+
+ <meta name="flags" content="may"/>
+ <style type="text/css">
+ body {margin: 8px;}
+ div { position: relative; }
+ p { position: absolute; font: bold 32px/1 monospace; }
+ /* was font: bold 2em monospace; */
+ </style>
+ </head>
+ <body>
+ <div>
+ <p>FAIL &nbsp;&nbsp;&nbsp;&nbsp;</p>
+ <p>#&nbsp;&nbsp;&nbsp; P&nbsp;&nbsp;&nbsp;</p>
+ <p>&nbsp;##&nbsp; &nbsp;A&nbsp;&nbsp;</p>
+ <p>&nbsp;&nbsp;&nbsp;# &nbsp;&nbsp;SS</p>
+ </div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-013-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-013-ref.xht
new file mode 100644
index 0000000000..b065f712bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-013-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 10px;}
+
+ div
+ {
+ background-color: green;
+ color: white;
+ height: 64px;
+ width: 320px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>This block should be green.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-013.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-013.xht
new file mode 100644
index 0000000000..8a05d12065
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-013.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: position: fixed; top: auto; test - body padding</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/016.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos"/>
+ <link rel="match" href="abspos-013-ref.xht" />
+
+ <meta name="flags" content="may"/>
+ <style type="text/css">
+ html { margin: 0; padding: 0; }
+ body { margin: 0; padding: 10px; }
+ .a { position: fixed; top: 10px; left: 10px; width: 20em; height: 4em;
+ background: red; color: yellow; }
+ .b { position: fixed; top: auto; left: auto; width: 20em; height: 4em;
+ background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <div class="a">FAIL</div>
+ <div class="b">This block should be green.</div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-014.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-014.xht
new file mode 100644
index 0000000000..553b93d046
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-014.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: position: fixed; top: auto; test - body padding</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/016-alt.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos"/>
+ <link rel="match" href="abspos-013-ref.xht" />
+
+ <meta name="flags" content="may"/>
+ <style type="text/css">
+ html { margin: 0; padding: 0; }
+ body { margin: 0; padding: 10px; }
+ .a { position: static; top: 10px; left: 10px; width: 20em; height: 4em;
+ background: red; color: yellow; }
+ .b { position: fixed; top: auto; left: auto; width: 20em; height: 4em;
+ background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <div class="b">This block should be green.</div>
+ <div class="a">FAIL</div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-015.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-015.xht
new file mode 100644
index 0000000000..32b2652811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-015.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: position: fixed; top: auto; test - html padding</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/017.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos"/>
+ <link rel="match" href="abspos-013-ref.xht" />
+
+ <meta name="flags" content="may"/>
+ <style type="text/css">
+ html { margin: 0; padding: 10px; }
+ body { margin: 0; padding: 0; }
+ .a { position: fixed; top: 10px; left: 10px; width: 20em; height: 4em;
+ background: red; color: yellow; }
+ .b { position: fixed; top: auto; left: auto; width: 20em; height: 4em;
+ background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <div class="a">FAIL</div>
+ <div class="b">This block should be green.</div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-016.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-016.xht
new file mode 100644
index 0000000000..6310eb01dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-016.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: position: fixed; top: auto; test - html padding</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/017-alt.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos"/>
+ <link rel="match" href="abspos-013-ref.xht" />
+
+ <meta name="flags" content="may"/>
+ <style type="text/css">
+ html { margin: 0; padding: 10px; }
+ body { margin: 0; padding: 0; }
+ .a { position: static; top: 10px; left: 10px; width: 20em; height: 4em;
+ background: red; color: yellow; }
+ .b { position: fixed; top: auto; left: auto; width: 20em; height: 4em;
+ background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <div class="b">This block should be green.</div>
+ <div class="a">FAIL</div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-017.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-017.xht
new file mode 100644
index 0000000000..9c1a977657
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-017.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: position: fixed; top: auto; test - body margin</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/018.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos"/>
+ <link rel="match" href="abspos-013-ref.xht" />
+
+ <meta name="flags" content="may"/>
+ <style type="text/css">
+ html { margin: 0; padding: 0; }
+ body { margin: 10px; padding: 0; }
+ .a { position: fixed; top: 10px; left: 10px; width: 20em; height: 4em;
+ background: red; color: yellow; }
+ .b { position: fixed; top: auto; left: auto; width: 20em; height: 4em;
+ background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <div class="a">FAIL</div>
+ <div class="b">This block should be green.</div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-018.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-018.xht
new file mode 100644
index 0000000000..7cf610e32e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-018.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: position: fixed; top: auto; test - body margin</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/018-alt.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos"/>
+ <link rel="match" href="abspos-013-ref.xht" />
+
+ <meta name="flags" content="may"/>
+ <style type="text/css">
+ html { margin: 0; padding: 0; }
+ body { margin: 10px; padding: 0; }
+ .a { position: static; top: 10px; left: 10px; width: 20em; height: 4em;
+ background: red; color: yellow; }
+ .b { position: fixed; top: auto; left: auto; width: 20em; height: 4em;
+ background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <div class="b">This block should be green.</div>
+ <div class="a">FAIL</div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-019.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-019.xht
new file mode 100644
index 0000000000..f2e83dab44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-019.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: position: fixed; top: auto; test - html margin</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/019.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos"/>
+ <link rel="match" href="abspos-013-ref.xht" />
+
+ <meta name="flags" content="may"/>
+ <style type="text/css">
+ html { margin: 10px; padding: 0; }
+ body { margin: 0; padding: 0; }
+ .a { position: fixed; top: 10px; left: 10px; width: 20em; height: 4em;
+ background: red; color: yellow; }
+ .b { position: fixed; top: auto; left: auto; width: 20em; height: 4em;
+ background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <div class="a">FAIL</div>
+ <div class="b">This block should be green.</div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-020.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-020.xht
new file mode 100644
index 0000000000..e1a0335103
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-020.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: position: fixed; top: auto; test - html margin</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/019-alt.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos"/>
+ <link rel="match" href="abspos-013-ref.xht" />
+
+ <meta name="flags" content="may"/>
+ <style type="text/css">
+ html { margin: 10px; padding: 0; }
+ body { margin: 0; padding: 0; }
+ .a { position: static; top: 10px; left: 10px; width: 20em; height: 4em;
+ background: red; color: yellow; }
+ .b { position: fixed; top: auto; left: auto; width: 20em; height: 4em;
+ background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <div class="b">This block should be green.</div>
+ <div class="a">FAIL</div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-022.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-022.xht
new file mode 100644
index 0000000000..9949351f1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-022.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: position: fixed; top: auto; test - margin collapsing</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/020-alt.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
+ <link rel="match" href="abspos-013-ref.xht" />
+
+ <meta name="flags" content="may"/>
+ <style type="text/css">
+ html { margin: 0; padding: 0; }
+ body { margin: 0 10px; padding: 0; }
+ .a { position: static; top: 10px; left: 10px; width: 20em; height: 4em;
+ background: red; color: yellow; }
+ .b { position: fixed; top: auto; left: auto; width: 20em; height: 4em;
+ background: green; color: white; }
+ .c1 { margin: 2px; }
+ .c2 { margin: -4px 20px; }
+ .c3 { margin: 0 0 14px; }
+ .c4 { margin: 50px; }
+ </style>
+ </head>
+ <body>
+ <div class="c1">
+ <div class="c2">
+ <div class="c3"></div>
+ </div>
+ </div>
+ <div class="b">This block should be green.</div>
+ <div class="a">FAIL</div>
+ <div class="c4"></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-023.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-023.xht
new file mode 100644
index 0000000000..e5cd4c424c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-023.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: left:auto for fixed-pos blocks inside abs-pos blocks</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/021.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width"/>
+ <meta name="flags" content="may"/>
+ <style type="text/css">
+ body { color: navy; }
+ .control { margin-left: 50%; border-top: 1em solid red; width: 1em; }
+ .container { position: absolute; left: 50%; }
+ .test { position: fixed; left: auto; width: 1em; height: 1em;
+ background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a green square roughly centered below and no red.</p>
+ <div class="container">
+ <div class="test"> </div>
+ </div>
+ <div class="control"></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-024-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-024-ref.xht
new file mode 100644
index 0000000000..791769ab93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-024-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p, div {text-align: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>.Test passes if there is a green stripe on the right and <strong>no red</strong></p>
+
+ <div><img src="support/1x1-green.png" width="64" height="16" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-024.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-024.xht
new file mode 100644
index 0000000000..2e4a77d08b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-024.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Static position in rtl context</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-11 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/022.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width"/>
+ <link rel="match" href="abspos-024-ref.xht" />
+
+ <style type="text/css">
+ body { position: relative; }
+ .test { position: absolute; background: green; color: green;
+ width: 4em; height: 1em; }
+ .control { border-right: 4em solid red; height: 1em; }
+ </style>
+ </head>
+ <body dir="rtl">
+ <p>Test passes if there is a green stripe on the right and <strong>no red</strong>.</p>
+ <div class="test"></div>
+ <div class="control"></div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-025-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-025-ref.xht
new file mode 100644
index 0000000000..2785da521c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-025-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px; font: 1em/1.25 serif;}
+
+ strong {line-height: 1;}
+
+ img
+ {
+ left: 56px;
+ position: relative;
+ top: 12px;
+ vertical-align: top;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a green square and <strong>no red</strong>.</p>
+
+ <div><img src="support/swatch-green.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-025.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-025.xht
new file mode 100644
index 0000000000..b9b1fd6fbe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-025.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Positioning replaced elements with four offsets</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/024.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width"/>
+ <link rel="match" href="abspos-025-ref.xht" />
+
+ <meta name="flags" content="image"/>
+ <style type="text/css">
+ html { background: url(support/swatch-red.png) no-repeat 4em 4em; }
+ body {margin: 8px; font: 1em/1.25 serif;}
+ strong {line-height: 1;}
+ img { position: absolute; left: 4em; right: 0; top: 4em; bottom: 0; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square and <strong>no red</strong>. <img src="support/swatch-green.png" alt="FAIL" /></p>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-026.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-026.xht
new file mode 100644
index 0000000000..6fa4d773d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-026.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Positioning replaced elements with four offsets</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/025.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width"/>
+ <link rel="match" href="abspos-025-ref.xht" />
+
+ <style type="text/css">
+ body {margin: 8px; font: 1em/1.25 serif;}
+ strong {line-height: 1;}
+ img { position: absolute; left: 4em; right: 4em; top: 4em; bottom: 4em; }
+ div { position: absolute; left: 4em; top: 4em; height: 15px; width: 15px; background: green; }
+}
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square and <strong>no red</strong>. <img src="support/swatch-red.png" alt="FAIL" /></p>
+ <div></div>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-027.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-027.xht
new file mode 100644
index 0000000000..f9fecbe6cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-027.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned elements must shrink wrap tables</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-11 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/positioning/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <style type="text/css">
+ body {margin-top: 1em; }
+
+ .test { position: absolute; background: red; }
+ table { background: white; color: black; margin: auto; border-spacing: 0px; }
+ td { padding: 0px; }
+ </style>
+ </head>
+ <body>
+ <div class="test">
+ <table>
+ <tr>
+ <td>Test passes if there is <strong>no red</strong>.</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-028-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-028-ref.xht
new file mode 100644
index 0000000000..e610ce37ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-028-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 1em;
+ width: 6em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a green stripe and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-028.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-028.xht
new file mode 100644
index 0000000000..38b726410c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-028.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Abspos static position and clear</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height"/>
+ <link rel="match" href="abspos-028-ref.xht" />
+
+ <meta name="assert" content="The static position is calculated as if clear
+ had been none."/>
+ <style type="text/css">
+ .container {
+ width: 6em;
+ height: 1em;
+ background: red;
+ }
+ .float {
+ float: left;
+ width: 1em;
+ height: 4em;
+ background: white;
+ }
+ .abspos {
+ position: absolute;
+ clear: both;
+ width: 6em;
+ height: 1em;
+ background: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green stripe and <strong>no red</strong>.</p>
+ <div class="container">
+ <div class="float"></div>
+ <div class="abspos"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-block-level-001-ref.html b/testing/web-platform/tests/css/CSS2/positioning/abspos-block-level-001-ref.html
new file mode 100644
index 0000000000..58f605dc74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-block-level-001-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<style>
+.rtl {
+ direction: rtl
+}
+.absolute {
+ position: absolute;
+}
+.green {
+ background-color: lime;
+ padding: 0 1ch;
+}
+</style>
+<body>
+ <div>
+ <span class="absolute green">Block-level abspos before inline content</span>
+ <br>
+ </div>
+ <div>
+ <div>Inline content</div>
+ <div>Block-level abspos after inline content</div>
+ </div>
+ <div class=rtl>
+ <span class="absolute green">Block-level abspos before inline content</span>
+ <br>
+ </div>
+ <div class=rtl>
+ <div>Inline content</div>
+ <div>Block-level abspos after inline content</div>
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-block-level-001.html b/testing/web-platform/tests/css/CSS2/positioning/abspos-block-level-001.html
new file mode 100644
index 0000000000..c55fb3d394
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-block-level-001.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<title>CSS Test: Static positions of block-level absolutely positioned objects</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#static-position">
+<link rel="match" href="abspos-block-level-001-ref.html">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<style>
+.rtl {
+ direction: rtl
+}
+.absolute {
+ position: absolute;
+}
+.red {
+ color: red;
+ padding: 0 1ch;
+}
+.green {
+ background-color: lime;
+ padding: 0 1ch;
+}
+</style>
+<body>
+ <div>
+ <div class="absolute green">Block-level abspos before inline content</div>
+ <span class="red">Inline content</span>
+ </div>
+ <div>
+ <span>Inline content</span>
+ <div class=absolute>Block-level abspos after inline content</div>
+ </div>
+ <br>
+ <div class=rtl>
+ <div class="absolute green">Block-level abspos before inline content</div>
+ <span class="red">Inline content</span>
+ </div>
+ <div class=rtl>
+ <span>Inline content</span>
+ <div class=absolute>Block-level abspos after inline content</div>
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-change-in-inline-block.html b/testing/web-platform/tests/css/CSS2/positioning/abspos-change-in-inline-block.html
new file mode 100644
index 0000000000..88422950ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-change-in-inline-block.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<title>Chaning positioned objects in inline-block should not crash</title>
+<link rel="author" href="mailto:kojii@chromium.org">
+<link rel="help" href="https://crbug.com/1102128">
+<style>
+#container {
+ width: 5ch;
+}
+#inline-block {
+ display: inline-block;
+ position: relative;
+ width: 3ch;
+}
+#abs {
+ position: absolute;
+}
+</style>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<body>
+ <div id="container">
+ <span>
+ <span id="inline-block">
+ <span id="abs"></span>
+ </span>
+ </span>
+ 1234
+ </div>
+<script>
+test(() => {
+ document.body.offsetTop;
+ abs.style.top = '10px';
+ document.body.offsetTop;
+}, 'No crash');
+</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-001-ref.xht
new file mode 100644
index 0000000000..238d2860c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-001-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 0;}
+
+ div {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>Test passes if there is <strong>no red</strong>.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-001.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-001.xht
new file mode 100644
index 0000000000..a097a7cc90
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for fixed positioning</title>
+ <link rel="author" title="Bert Bos" href="http://www.w3.org/People/Bos/"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/>
+ <link rel="match" href="abspos-containing-block-001-ref.xht" />
+
+ <style type="text/css">
+ body { background: red; margin: 100px 100px; }
+ div { background: white; color: green; position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
+ </style>
+ </head>
+ <body>
+ <div>
+ Test passes if there is <strong>no red</strong>.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-002.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-002.xht
new file mode 100644
index 0000000000..9d778bced3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-002.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for absolute positioning</title>
+ <link rel="author" title="Bert Bos" href="http://www.w3.org/People/Bos/"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/>
+ <link rel="match" href="abspos-containing-block-001-ref.xht" />
+
+ <style type="text/css">
+ body { background: red; margin: 100px 100px; }
+ div { background: white; color: green; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
+ </style>
+ </head>
+ <body>
+ <div>
+ Test passes if there is <strong>no red</strong>.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-003.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-003.xht
new file mode 100644
index 0000000000..c86c9ffe33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-003.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for absolute positioning</title>
+ <link rel="author" title="Bert Bos" href="http://www.w3.org/People/Bos/"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/>
+ <link rel="match" href="abspos-containing-block-001-ref.xht" />
+
+ <style type="text/css">
+ body { background: red; margin: 100px 100px; }
+ div { background: white; color: green; position: fixed; top: 0; right: 0; height: 100%; width: 100%; }
+ </style>
+ </head>
+ <body>
+ <div>
+ Test passes if there is <strong>no red</strong>.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-004.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-004.xht
new file mode 100644
index 0000000000..1cbae982dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-004.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for absolute positioning</title>
+ <link rel="author" title="Bert Bos" href="http://www.w3.org/People/Bos/"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/>
+ <link rel="match" href="abspos-containing-block-001-ref.xht" />
+
+ <style type="text/css">
+ body { background: red; margin: 100px 100px; }
+ div { background: white; color: green; position: absolute; top: 0; right: 0; height: 100%; width: 100%; }
+ </style>
+ </head>
+ <body>
+ <div>
+ Test passes if there is <strong>no red</strong>.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-005.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-005.xht
new file mode 100644
index 0000000000..b86a3a0691
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-005.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for absolute positioning</title>
+ <link rel="author" title="Bert Bos" href="http://www.w3.org/People/Bos/"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/>
+ <link rel="match" href="abspos-containing-block-001-ref.xht" />
+
+ <style type="text/css">
+ html { margin: 0; padding: 0; width: 100%; height: 100%; position: relative; }
+ body { background: red; margin: 100px 20%; }
+ div { background: white; color: green; position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
+ </style>
+ </head>
+ <body>
+ <div>
+ Test passes if there is <strong>no red</strong>.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-006.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-006.xht
new file mode 100644
index 0000000000..70a6f46e6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-006.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for absolute positioning</title>
+ <link rel="author" title="Bert Bos" href="http://www.w3.org/People/Bos/"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/>
+ <link rel="match" href="abspos-containing-block-001-ref.xht" />
+
+ <style type="text/css">
+ html { margin: 0; padding: 0; width: 100%; height: 100%; position: relative; }
+ body { background: red; margin: 100px 20%; } /* background propagates up to html and then canvas */
+ div { background: white; color: green; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
+ </style>
+ </head>
+ <body>
+ <div>
+ Test passes if there is <strong>no red</strong>.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-007.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-007.xht
new file mode 100644
index 0000000000..ad3e40fa09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-007.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for absolute positioning</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/>
+ <link rel="match" href="abspos-containing-block-001-ref.xht" />
+
+ <style type="text/css">
+ html { border: 100px solid red; background: red; }
+ div { background: white; color: green; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
+ </style>
+ </head>
+ <body>
+ <div>
+ Test passes if there is <strong>no red</strong>.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-008.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-008.xht
new file mode 100644
index 0000000000..f01ce44a5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-008.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for absolute positioning</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/>
+ <link rel="match" href="abspos-containing-block-001-ref.xht" />
+
+ <style type="text/css">
+ html { border: 100px solid red; background: red; }
+ div { background: white; color: green; position: absolute;
+ top: 0; right: 0; width: 100%; height: 100%; }
+ </style>
+ </head>
+ <body>
+ <div>
+ Test passes if there is <strong>no red</strong>.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-009.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-009.xht
new file mode 100644
index 0000000000..77e17dfec9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-009.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Containing block for absolute positioning</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/>
+ <link rel="match" href="abspos-containing-block-001-ref.xht" />
+
+ <style type="text/css">
+ html { border: 100px solid red; background: red; }
+ div { background: white; color: green; position: absolute;
+ bottom: 0; left: 0; width: 100%; height: 100%; }
+ </style>
+ </head>
+ <body>
+ <div>
+ Test passes if there is <strong>no red</strong>.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-010-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-010-ref.xht
new file mode 100644
index 0000000000..805f7a8bdc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-010-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ html
+ {
+ background-color: green;
+ color: white;
+ height: 100%;
+ }
+
+ body {margin: 0;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div>Test passes if there is <strong>no red</strong>.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-010.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-010.xht
new file mode 100644
index 0000000000..f219976216
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-containing-block-010.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute Positioning: Containing Block of Top Level Absolutely Positioned Block</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="match" href="abspos-containing-block-010-ref.xht" />
+
+ <style type="text/css">
+ html { margin: 0; border: 0; padding: 0; background: white; color: yellow; }
+ body { margin: 1em; border: 1em solid red; padding: 1em; background: red; color: yellow; }
+ p { margin: 1em; padding: 1em; }
+ div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <p>FAIL</p>
+ <p>This page should be completely green.</p>
+ <div>Test passes if there is <strong>no red</strong>.</div>
+ <!-- the <div> element should exactly overlap the <html> element,
+ since they have the same dimensions and the same containing block
+ and the same origin. -->
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-float-with-inline-container-ref.html b/testing/web-platform/tests/css/CSS2/positioning/abspos-float-with-inline-container-ref.html
new file mode 100644
index 0000000000..3bf67ed4a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-float-with-inline-container-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+div {
+ width: 100px;
+ height: 100px;
+ background: green;
+}
+</style>
+<p>Test passes if there is green square.</p>
+<div></div>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-float-with-inline-container.html b/testing/web-platform/tests/css/CSS2/positioning/abspos-float-with-inline-container.html
new file mode 100644
index 0000000000..9918bcc68d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-float-with-inline-container.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html" />
+<link rel="match" href="abspos-float-with-inline-container-ref.html" />
+<meta name="assert" content="A inline-level element can contain a absolute-positioned child within a float." />
+<style>
+#abs {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 100px;
+ background: green;
+}
+#float { float: left; }
+span {
+ position: relative;
+ padding-left: 100px;
+}
+</style>
+<p>Test passes if there is green square.</p>
+<div>
+ <span>
+ <div id="float">
+ <div id="abs"></div>
+ </div>
+ </span>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-001.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-001.xht
new file mode 100644
index 0000000000..84f937dc67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned boxes in inlines: 'auto'</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/inline/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos" />
+
+ <meta name="flags" content="interact" />
+
+ <style type="text/css">
+ p { font: 1em monospace; }
+ .filler { color: silver; }
+ .absolute { color: white; background: green; position: absolute; }
+ .fail { color: yellow; background: red; }
+ </style>
+ </head>
+ <body>
+ <p>
+ <span class="filler"> This is filler text. This is filler text. This is filler text. </span>
+ <span class="test"> The test has <span class="absolute">PASSED</span><span class="fail">FAILED</span>.</span>
+ <span class="filler"> This is filler text. This is filler text. This is filler text. </span>
+ </p>
+ <p>(Exception: when the word FAILED is at the beginning of a
+ line, the word PASSED may still be at the end of the previous
+ line.)</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-002.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-002.xht
new file mode 100644
index 0000000000..598cf39cc2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned boxes in inlines: 'auto' with 'relative'</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/inline/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos" />
+
+ <meta name="flags" content="interact" />
+
+ <style type="text/css">
+ p { font: 1em monospace; }
+ .filler { color: silver; }
+ .absolute { color: white; background: green; position: absolute; }
+ .fail { color: yellow; background: red; }
+ .test { position: relative; }
+ </style>
+ </head>
+ <body>
+ <p>
+ <span class="filler"> This is filler text. This is filler text. This is filler text. </span>
+ <span class="test"> The test has <span class="absolute">PASSED</span><span class="fail">FAILED</span>.</span>
+ <span class="filler"> This is filler text. This is filler text. This is filler text. </span>
+ </p>
+ <p>(Exception: when the word FAILED is at the beginning of a
+ line, the word PASSED may still be at the end of the previous
+ line.)</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-003.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-003.xht
new file mode 100644
index 0000000000..f5b26b11c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-003.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned boxes in inlines: positioning at top left</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/inline/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos" />
+
+ <meta name="flags" content="interact" />
+
+ <style type="text/css">
+ p { font: 1em monospace; }
+ .filler { color: silver; }
+ .absolute { color: white; background: green; position: absolute; top: 0; left: 0; }
+ .fail { color: yellow; background: red; }
+ .test { position: relative; }
+ </style>
+ </head>
+ <body>
+ <p>
+ <span class="filler"> This is filler text. This is filler text. This is filler text. </span>
+ The test has <span class="test"><span class="absolute">PASSED</span><span class="fail">FAILED</span></span>.
+ <span class="filler"> This is filler text. This is filler text. This is filler text. </span>
+ </p>
+
+ <p>There should be no red after resizing viewport.</p>
+
+ <!-- the exception mentioned in tests 001 and 002 DOES NOT APPLY to this test. -->
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-004.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-004.xht
new file mode 100644
index 0000000000..89d48f7e5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-004.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned boxes in inlines: positioning at top right</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/inline/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos" />
+
+ <meta name="flags" content="interact" />
+
+ <style type="text/css">
+ p { font: 1em monospace; }
+ .filler { color: silver; }
+ .absolute { color: white; background: green; position: absolute; top: 0; right: 0; }
+ .fail { color: yellow; background: red; }
+ .test { position: relative; }
+ </style>
+ </head>
+ <body>
+ <p>
+ <span class="filler"> This is filler text. This is filler text. This is filler text. </span>
+ The test has <span class="test"><span class="absolute">PASSED</span><span class="fail">FAILED</span></span>.
+ <span class="filler"> This is filler text. This is filler text. This is filler text. </span>
+ </p>
+
+ <p>There should be no red after resizing viewport.</p>
+
+ <!-- the exception mentioned in tests 001 and 002 DOES NOT APPLY to this test. -->
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-005.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-005.xht
new file mode 100644
index 0000000000..053527c983
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-005.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned boxes in inlines: positioning at bottom left</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/inline/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos" />
+
+ <meta name="flags" content="interact" />
+
+ <style type="text/css">
+ p { font: 1em monospace; }
+ .filler { color: silver; }
+ .absolute { color: white; background: green; position: absolute; bottom: 0; left: 0; }
+ .fail { color: yellow; background: red; }
+ .test { position: relative; }
+ </style>
+ </head>
+ <body>
+ <p>
+ <span class="filler"> This is filler text. This is filler text. This is filler text. </span>
+ The test has <span class="test"><span class="absolute">PASSED</span><span class="fail">FAILED</span></span>.
+ <span class="filler"> This is filler text. This is filler text. This is filler text. </span>
+ </p>
+
+ <p>There should be no red after resizing viewport.</p>
+
+ <!-- the exception mentioned in tests 001 and 002 DOES NOT APPLY to this test. -->
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-006.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-006.xht
new file mode 100644
index 0000000000..e5a544f351
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-006.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned boxes in inlines: positioning at bottom right</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/inline/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos" />
+
+ <meta name="flags" content="interact" />
+
+ <style type="text/css">
+ p { font: 1em monospace; }
+ .filler { color: silver; }
+ .absolute { color: white; background: green; position: absolute; bottom: 0; right: 0; }
+ .fail { color: yellow; background: red; }
+ .test { position: relative; }
+ </style>
+ </head>
+ <body>
+ <p>
+ <span class="filler"> This is filler text. This is filler text. This is filler text. </span>
+ The test has <span class="test"><span class="absolute">PASSED</span><span class="fail">FAILED</span></span>.
+ <span class="filler"> This is filler text. This is filler text. This is filler text. </span>
+ </p>
+
+ <p>There should be no red after resizing viewport.</p>
+
+ <!-- the exception mentioned in tests 001 and 002 DOES NOT APPLY to this test. -->
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-007-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-007-ref.xht
new file mode 100644
index 0000000000..742ef0cbe1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-007-ref.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>reference for abspos-inline-007</title>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .block-container {
+ font: 20px Ahem;
+ height: 20px;
+ position: relative;
+ top: -1px;
+ }
+ .inline-container {
+ position: relative;
+ border: 1px solid black;
+ display: inline-block;
+ }
+ .parent-block {
+ display: inline-block;
+ width: 30px;
+ height: 10px;
+ }
+ .abspos {
+ position: absolute;
+ width: 10px;
+ height: 10px;
+ background-color: green;
+ display: inline-block;
+ vertical-align: baseline;
+ }
+ .br {
+ right: 0;
+ bottom: 0;
+ }
+ .tl {
+ top: 0;
+ left: 0;
+ }
+ .filler {
+ display: inline-block;
+ width: 30px;
+ height: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div class="block-container">
+ x
+ <div class="inline-container">
+ tl
+ <div class="abspos tl"></div>
+ <div class="parent-block"></div>
+ <div class="filler"></div>&nbsp;
+ </div>x
+ <div class="inline-container">
+ br
+ <div class="abspos br"></div>
+ <div class="parent-block"></div>
+ <div class="filler"></div>&nbsp;
+ </div>x
+ <div class="inline-container">
+ static
+ <div class="abspos" style="position:static"></div><div class="parent-block"></div>
+ <div class="filler" style="width: 20px;"></div>
+ </div>
+ </div>
+<p>Tests abspos positioning of an Element that 1) has an inline containing
+block, and 2) is not a child of the inline containing block, but a descendant.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-007.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-007.xht
new file mode 100644
index 0000000000..35fd245dd1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-007.xht
@@ -0,0 +1,75 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned descendants in inlines</title>
+ <link rel="author" title="Aleks Totic" href="mailto:atotic@chromium.org"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos" />
+ <link rel="match" href="abspos-inline-007-ref.xht" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .block-container {
+ position: relative;
+ font: 20px Ahem;
+ }
+ .inline-container {
+ position: relative;
+ border: 1px solid black;
+ }
+ .parent-block {
+ display: inline-block;
+ width: 30px;
+ height: 10px;
+ }
+ .abspos {
+ position: absolute;
+ width: 10px;
+ height: 10px;
+ background-color: green;
+ }
+ .br {
+ right: 0;
+ bottom: 0;
+ }
+ .tl {
+ top: 0;
+ left: 0;
+ }
+ .filler {
+ display: inline-block;
+ width: 30px;
+ height: 10px;
+ }
+
+ </style>
+ </head>
+ <body>
+ <div class="block-container">
+ x
+ <span class="inline-container">
+ tl
+ <div class="parent-block">
+ <div class="abspos tl"></div>
+ </div>
+ <div class="filler"></div>
+ </span>
+ x
+ <span class="inline-container">
+ br
+ <div class="parent-block">
+ <div class="abspos br"></div>
+ </div>
+ <div class="filler"></div>
+ </span>
+ x
+ <span class="inline-container">
+ static
+ <div class="parent-block">
+ <div class="abspos"></div>
+ </div>
+ <div class="filler"></div>
+ </span>
+ </div>
+<p>Tests abspos positioning of an Element that 1) has an inline containing
+block, and 2) is not a child of the inline containing block, but a descendant.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-008.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-008.xht
new file mode 100644
index 0000000000..9233b4373e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-008.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned descendant under relative positioned inline with negative offset</title>
+ <link rel="author" title="Tien-Ren Chen" href="mailto:trchen@chromium.org"/>
+ <link rel="help" href="https://www.w3.org/TR/CSS2/visudet.html#abs-non-replaced-width"/>
+ <link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"/>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square.</p>
+ <div style="position:relative; left:100px; width:100px;">
+ <span style="position:relative; left:-100px;">
+ <div style="position:absolute; display:inline-block; width:100px; height:100px; background:green;"></div>
+ </span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-container-in-inline-block.html b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-container-in-inline-block.html
new file mode 100644
index 0000000000..04eb1416f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-container-in-inline-block.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#propdef-position">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<div>
+ <span style="border: 1px solid blue">
+ <span style="position: relative">
+ <span style="display: inline-block">
+ <span style="position: absolute; background: orange; width: 100px; height: 100px"></span>
+ </span>
+ </span>
+ </span>
+</div>
+<script>
+// Test pass if it does not crash.
+test(() => {});
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-negative-margin-001-ref.html b/testing/web-platform/tests/css/CSS2/positioning/abspos-negative-margin-001-ref.html
new file mode 100644
index 0000000000..e6f9bd6f9a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-negative-margin-001-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<style>
+div {
+ font-size: 10px;
+ line-height: 1;
+}
+.blue {
+ display: inline-block;
+ vertical-align: bottom;
+ width: 10px;
+ height: 10px;
+ background: blue;
+}
+</style>
+<body>
+ <div>x<span class="blue"></span></div>
+ <div>x<br><span class="blue"></span></div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-negative-margin-001.html b/testing/web-platform/tests/css/CSS2/positioning/abspos-negative-margin-001.html
new file mode 100644
index 0000000000..6b6246eb19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-negative-margin-001.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<title>CSS Test: Absolutely positioned object in a negative margin box</title>
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos">
+<link rel="match" href="abspos-negative-margin-001-ref.html">
+<style>
+html {
+ font-size: 10px;
+ line-height: 1;
+}
+.abspos {
+ position:absolute;
+ width: 10px;
+ height: 10px;
+ background: blue;
+}
+</style>
+<body>
+ <div>
+ <span>
+ <span style="margin-right: -10px;">
+ x<span class="abspos"></span>
+ </span>
+ </span>
+ </div>
+ <div>
+ <span>
+ <span style="margin-right: -10px;">
+ x<div class="abspos"></div>
+ </span>
+ </span>
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-001-ref.xht
new file mode 100644
index 0000000000..ba7e87c6a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-001-ref.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ line-height: 1.25;
+ margin-left: 0;
+ }
+
+ div#positioned
+ {
+ background: green;
+ color: white;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 10em;
+ }
+
+ p {margin-top: 36px;}
+
+ div#overflow
+ {
+ height: 8em;
+ overflow: scroll;
+ width: 8em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div id="positioned">PASS</div>
+
+ <p>Ignore the scrollbars below.</p>
+
+ <div id="overflow"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-001.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-001.xht
new file mode 100644
index 0000000000..0f7ed6b70d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned children of overflow: scroll</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/overflow/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow-clipping" />
+ <link rel="match" href="abspos-overflow-001-ref.xht" />
+
+ <style type="text/css">
+ html, body { margin: 0; border: 0; padding: 0; line-height: 1.25;}
+ .control { color: yellow; background: red; width: 10em; }
+ .overflow { width: 8em; height: 8em; overflow: scroll; }
+ .positioned { color: white; background: green; position: absolute; top: 0; left: 0; width: 10em; }
+ </style>
+ </head>
+ <body>
+ <div class="control">FAIL</div>
+ <p>Ignore the scrollbars below.</p>
+ <div class="overflow">
+ <div class="positioned">PASS</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-002-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-002-ref.xht
new file mode 100644
index 0000000000..e5b0fad316
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-002-ref.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ line-height: 1.25;
+ margin-left: 0;
+ }
+
+ div#positioned
+ {
+ background: green;
+ color: white;
+ right: 0;
+ position: absolute;
+ top: 0;
+ width: 10em;
+ }
+
+ p {margin-top: 36px;}
+
+ div#overflow
+ {
+ height: 8em;
+ overflow: scroll;
+ width: 8em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div id="positioned">PASS</div>
+
+ <p>Ignore the scrollbars below.</p>
+
+ <div id="overflow"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-002.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-002.xht
new file mode 100644
index 0000000000..793aaa6e27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned children of overflow: scroll</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/overflow/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow-clipping" />
+ <link rel="match" href="abspos-overflow-002-ref.xht" />
+
+ <style type="text/css">
+ html, body { margin: 0; border: 0; padding: 0; line-height: 1.25; }
+ .control { color: yellow; background: red; width: 10em; margin: 0 0 0 auto; }
+ .overflow { width: 8em; height: 8em; overflow: scroll; }
+ .positioned { color: white; background: green; position: absolute; top: 0; right: 0; width: 10em; }
+ </style>
+ </head>
+ <body>
+ <div class="control">FAIL</div>
+ <p>Ignore the scrollbars below.</p>
+ <div class="overflow">
+ <div class="positioned">PASS</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-003-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-003-ref.xht
new file mode 100644
index 0000000000..89fdbfc1d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-003-ref.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin-left: 0;}
+
+ div#positioned
+ {
+ background: green;
+ color: white;
+ height: 5em;
+ left: 5em;
+ position: absolute;
+ top: 5em;
+ width: 5em;
+ }
+
+ p {margin-top: 11em;}
+
+ div#overflow
+ {
+ height: 8em;
+ overflow: scroll;
+ width: 8em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div id="positioned">PASS</div>
+
+ <p>Ignore the scrollbars below.</p>
+
+ <div id="overflow"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-003.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-003.xht
new file mode 100644
index 0000000000..65f568e3dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-003.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned children of overflow: scroll</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/overflow/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow-clipping" />
+ <link rel="match" href="abspos-overflow-003-ref.xht" />
+
+ <style type="text/css">
+ html, body { margin: 0; border: 0; padding: 0; }
+ .control { margin: 5em 0 0 5em; background: red; color: yellow; width: 5em; height: 5em; }
+ .overflow { overflow: scroll; width: 8em; height: 8em; }
+ .positioned { position: absolute; top: 5em; left: 5em; background: green; color: white; width: 5em; height: 5em; }
+ </style>
+ </head>
+ <body>
+ <div class="control">FAIL</div>
+ <p>Ignore the scrollbars below.</p>
+ <div class="overflow">
+ <div class="positioned">PASS</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-004-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-004-ref.xht
new file mode 100644
index 0000000000..2a0195537c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-004-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin-left: 0;}
+
+ div#positioned
+ {
+ background: green;
+ color: white;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 10em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div id="positioned">PASS</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-004.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-004.xht
new file mode 100644
index 0000000000..eafa15ed0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-004.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned children of overflow: hidden</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/overflow/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow-clipping" />
+ <link rel="match" href="abspos-overflow-004-ref.xht" />
+
+ <style type="text/css">
+ html, body { margin: 0; border: 0; padding: 0; }
+ .control { color: yellow; background: red; width: 10em; }
+ .overflow { width: 8em; height: 8em; overflow: hidden; }
+ .positioned { color: white; background: green; position: absolute; top: 0; left: 0; width: 10em; }
+ </style>
+ </head>
+ <body>
+ <div class="control">FAIL</div>
+ <div class="overflow">
+ <div class="positioned">PASS</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-005-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-005-ref.xht
new file mode 100644
index 0000000000..5a538e0cae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-005-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin-left: 0;}
+
+ div#positioned
+ {
+ background: green;
+ color: white;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 10em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div id="positioned">PASS</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-005.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-005.xht
new file mode 100644
index 0000000000..109e7abba9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-005.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned children of overflow: hidden</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/overflow/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow-clipping" />
+ <link rel="match" href="abspos-overflow-005-ref.xht" />
+
+ <style type="text/css">
+ html, body { margin: 0; border: 0; padding: 0; }
+ .control { color: yellow; background: red; width: 10em; margin: 0 0 0 auto; }
+ .overflow { width: 8em; height: 8em; overflow: hidden; }
+ .positioned { color: white; background: green; position: absolute; top: 0; right: 0; width: 10em; }
+ </style>
+ </head>
+ <body>
+ <div class="control">FAIL</div>
+ <div class="overflow">
+ <div class="positioned">PASS</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-006-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-006-ref.xht
new file mode 100644
index 0000000000..ff2631902a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-006-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin-left: 0;}
+
+ div#positioned
+ {
+ background: green;
+ color: white;
+ height: 5em;
+ left: 5em;
+ position: absolute;
+ top: 5em;
+ width: 5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div id="positioned">PASS</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-006.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-006.xht
new file mode 100644
index 0000000000..6e88c2bfea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-006.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned children of overflow: hidden</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/overflow/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow-clipping" />
+ <link rel="match" href="abspos-overflow-006-ref.xht" />
+
+ <style type="text/css">
+ html, body { margin: 0; border: 0; padding: 0; }
+ .control { margin: 5em 0 0 5em; background: red; color: yellow; width: 5em; height: 5em; }
+ .overflow { overflow: hidden; width: 8em; height: 8em; }
+ .positioned { position: absolute; top: 5em; left: 5em; background: green; color: white; width: 5em; height: 5em; }
+ </style>
+ </head>
+ <body>
+ <div class="control">FAIL</div>
+ <div class="overflow">
+ <div class="positioned">PASS</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-007.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-007.xht
new file mode 100644
index 0000000000..3c9ad7b3a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-007.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned children of overflow: auto</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/overflow/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow-clipping" />
+ <link rel="match" href="abspos-overflow-004-ref.xht" />
+
+ <style type="text/css">
+ html, body { margin: 0; border: 0; padding: 0; }
+ .control { color: yellow; background: red; width: 10em; }
+ .overflow { width: 8em; height: 8em; overflow: auto; }
+ .positioned { color: white; background: green; position: absolute; top: 0; left: 0; width: 10em; }
+ </style>
+ </head>
+ <body>
+ <div class="control">FAIL</div>
+ <!-- There should be no scrollbars below. -->
+ <div class="overflow">
+ <div class="positioned">PASS</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-008.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-008.xht
new file mode 100644
index 0000000000..af84b93cce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned children of overflow: auto</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/overflow/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow-clipping" />
+ <link rel="match" href="abspos-overflow-005-ref.xht" />
+
+ <style type="text/css">
+ html, body { margin: 0; border: 0; padding: 0; }
+ .control { color: yellow; background: red; width: 10em; margin: 0 0 0 auto; }
+ .overflow { width: 8em; height: 8em; overflow: auto; }
+ .positioned { color: white; background: green; position: absolute; top: 0; right: 0; width: 10em; }
+ </style>
+ </head>
+ <body>
+ <div class="control">FAIL</div>
+ <!-- There should be no scrollbars below. -->
+ <div class="overflow">
+ <div class="positioned">PASS</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-009.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-009.xht
new file mode 100644
index 0000000000..17eddd8a67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-009.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned children of overflow: auto</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/overflow/009.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow-clipping" />
+ <link rel="match" href="abspos-overflow-006-ref.xht" />
+
+ <style type="text/css">
+ html, body { margin: 0; border: 0; padding: 0; }
+ .control { margin: 5em 0 0 5em; background: red; color: yellow; width: 5em; height: 5em; }
+ .overflow { overflow: auto; width: 8em; height: 8em; }
+ .positioned { position: absolute; top: 5em; left: 5em; background: green; color: white; width: 5em; height: 5em; }
+ </style>
+ </head>
+ <body>
+ <div class="control">FAIL</div>
+ <!-- There should be no scrollbars below. -->
+ <div class="overflow">
+ <div class="positioned">PASS</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-010-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-010-ref.xht
new file mode 100644
index 0000000000..09b8ce5eb0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-010-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be green text below.</p>
+
+ <div>This text should be green.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-010.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-010.xht
new file mode 100644
index 0000000000..7d2c9c355d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-010.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Positioning, Overflow, and Stacking: Empty positioned children of 'overflow:auto' boxes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/overflow/010.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow-clipping" />
+ <link rel="match" href="abspos-overflow-010-ref.xht" />
+
+ <style type="text/css">
+ #outer {
+ overflow: auto; /* this should have no visible effect as the element sizes vertically to fit its contents */
+ color: green;
+ }
+ #inner {
+ position: absolute; /* relative to the viewport, not that it matters */
+ z-index: -1; /* this should have no effect, as the element is fully transparent anyway */
+ }
+ </style>
+ </head>
+ <body>
+ <p>There should be green text below.</p>
+ <div id="outer">
+ This text should be green.
+ <div id="inner"> </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-011-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-011-ref.xht
new file mode 100644
index 0000000000..fb2c49a28b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-011-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div>This text should be green.</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-011.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-011.xht
new file mode 100644
index 0000000000..9cac516d33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-011.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Positioning, Overflow, and Stacking: 'overflow:auto' as an in-flow sibling of a positioned element</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/overflow/011.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow-clipping" />
+ <link rel="match" href="abspos-overflow-011-ref.xht" />
+
+ <style type="text/css">
+ #outer {
+ position: relative;
+ }
+ #inner {
+ position: absolute; /* positioned relative to the containing block of the div that follows it */
+ top: 0;
+ background: white;
+ color: green;
+ width: 20em;
+ }
+ #content {
+ overflow: auto; /* this should have no effect on the stacking context calculations or painting order */
+ background: red;
+ color: yellow;
+ width: 20em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="outer">
+ <div id="inner"> This text should be green. </div>
+ <div id="content"> FAIL </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-012.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-012.xht
new file mode 100644
index 0000000000..376d52519d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-overflow-012.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Positioning, Overflow, and Clipping: Does 'overflow:auto' affect positioned elements that are relative to elements outside the overflow</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/overflow/012.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow-clipping" />
+ <link rel="match" href="abspos-overflow-011-ref.xht" />
+
+ <style type="text/css">
+ #outer {
+ position: relative;
+ height: 1em;
+ width: 20em;
+ background: red;
+ }
+ #inner {
+ overflow: auto; /* this rule should be irrelevant since the element is empty and thus has zero height */
+ }
+ #positioned {
+ position: absolute; /* relative to the outer div */
+ top: 0;
+ width: 20em;
+ background: white;
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="outer">
+ <div id="inner">
+ <div id="positioned"> This text should be green. </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-paged-001.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-paged-001.xht
new file mode 100644
index 0000000000..df3a3c09bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-paged-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Positioning in paged media: Initial containing block</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/paged/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-intro" />
+ <meta name="flags" content="paged"/>
+ <style type="text/css">
+ div { page-break-after: always; }
+ h1 { position: absolute; top: 2em; left: 1em; font: 6em monospace; }
+ </style>
+ </head>
+ <body>
+ <p>Display this in a paged media. The word PASS should display below
+ (followed by three mostly-blank pages).</p>
+ <div><h1>P</h1></div>
+ <div><h1>&nbsp;A</h1>Blank Page 1</div>
+ <div><h1>&nbsp;&nbsp;S</h1>Blank Page 2</div>
+ <div><h1>&nbsp;&nbsp;&nbsp;S</h1>Blank Page 3</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-paged-002.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-paged-002.xht
new file mode 100644
index 0000000000..7f422675ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-paged-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Positioning in paged media: Positioning multiple pages</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/paged/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-intro" />
+ <meta name="flags" content="paged"/>
+ <style type="text/css">
+ html, body { height: 100%; margin: 0; padding: 0; }
+ p { margin: 0; padding: 1em; }
+ div { height: 100%; position: relative; }
+ h1 { position: absolute; top: 50%; margin-top: -0.5em;
+ left: 0; right: 0; text-align: center;
+ font: 2em monospace; }
+ </style>
+ </head>
+ <body>
+ <div>
+ <p>Test passes if each of its five pages has the page number printed
+ in the middle of the page, with no overlap.</p>
+ <h1>Page one</h1></div>
+ <div><h1>Page two</h1></div>
+ <div><h1>Page three</h1></div>
+ <div><h1>Page four</h1></div>
+ <div><h1>Page five</h1></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-width-001.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-width-001.xht
new file mode 100644
index 0000000000..766c512b3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-width-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute Positioning: width:auto with table width:100%</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/width/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <style type="text/css">
+ div { position: absolute; }
+ td { background: red; height: 2em; padding: 0; }
+ .a { top: 4em; }
+ .b { top: 8em; }
+ .b table { width: 100%; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <!-- both should shrink wrap to 0, and 100% of 0 is 0. -->
+ <div class="a"> <table> <tr> <td> </td> </tr> </table> </div>
+ <div class="b"> <table> <tr> <td> </td> </tr> </table> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-width-002.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-width-002.xht
new file mode 100644
index 0000000000..0465f6571b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-width-002.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute Positioning: width:auto with block width:100%</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/width/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <style type="text/css">
+ .a, .b { position: absolute; }
+ .inner { background: red; height: 2em; }
+ .a { top: 4em; }
+ .a .inner { width: auto; }
+ .b { top: 8em; }
+ .b .inner { width: 100%; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <!-- both should shrink wrap to 0, and 100% of 0 is 0. -->
+ <div class="a"> <div class="inner"> </div> </div>
+ <div class="b"> <div class="inner"> </div> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-width-003.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-width-003.xht
new file mode 100644
index 0000000000..79208b8da9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-width-003.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute Positioning: width:auto with block width:50%</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/width/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <style type="text/css">
+ .a, .b { position: absolute; }
+ .inner { background: red; height: 2em; }
+ .a { top: 4em; }
+ .a .inner { width: auto; }
+ .b { top: 8em; }
+ .b .inner { width: 50%; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <!-- both should shrink wrap to 0, and 100% of 0 is 0. -->
+ <div class="a"> <div class="inner"> </div> </div>
+ <div class="b"> <div class="inner"> </div> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-width-004.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-width-004.xht
new file mode 100644
index 0000000000..ee6f8967be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-width-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute Positioning: width: 2em with block width:100%</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/width/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <style type="text/css">
+ .test { width: 2em; height: 2em; padding: 2em; border: green solid 2px; background: red; position: relative; }
+ .test div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div class="test">
+ <div> </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-width-005-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-width-005-ref.xht
new file mode 100644
index 0000000000..e330007f56
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-width-005-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#parent
+ {
+ border: fuchsia solid thin;
+ height: 5em;
+ padding: 1em;
+ width: 10em;
+ }
+
+ div#child
+ {
+ border: aqua solid thin;
+ padding: 1em;
+ width: 3em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The blue rectangle should be well within the pink rectangle, but its text should overflow out of both rectangles.</p>
+
+ <div id="parent">
+ <div id="child">overflowyflowyflowyflowyflowyflowyflowyflowy</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-width-005.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-width-005.xht
new file mode 100644
index 0000000000..1913db0d29
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-width-005.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute Positioning: max-width</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/width/005-demo.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="abspos-width-005-ref.xht" />
+
+ <style type="text/css">
+ .relative { position: relative; border: fuchsia thin solid; padding: 1em; width: 10em; height: 5em; }
+ .absolute { position: absolute; border: aqua thin solid; padding: 1em; max-width: 3em; }
+ </style>
+ </head>
+ <body>
+ <p>The blue rectangle should be well within the pink rectangle, but its text should overflow out of both rectangles.</p>
+ <div class="relative">
+ <div class="absolute"> overflowyflowyflowyflowyflowyflowyflowyflowy </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-width-change-inline-container-001-ref.html b/testing/web-platform/tests/css/CSS2/positioning/abspos-width-change-inline-container-001-ref.html
new file mode 100644
index 0000000000..3426056af2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-width-change-inline-container-001-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<style>
+#container {
+ text-align: center;
+ width: 100px;
+}
+#relpos {
+ position: relative;
+ background: red;
+}
+#abspos {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 50px;
+ height: 50px;
+ background: green;
+}
+</style>
+<body>
+ <div id="container">
+ <span id="relpos">x
+ <span id="abspos"></span>
+ </span>
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-width-change-inline-container-001.html b/testing/web-platform/tests/css/CSS2/positioning/abspos-width-change-inline-container-001.html
new file mode 100644
index 0000000000..27b5aed83a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-width-change-inline-container-001.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<title>CSS Test: Absolutely positioned object in an inline container repsonding to the block width change</title>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos">
+<link rel="match" href="abspos-width-change-inline-container-001-ref.html">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<style>
+#container {
+ text-align: center;
+ width: 200px;
+}
+#relpos {
+ position: relative;
+ background: red;
+}
+#abspos {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 50px;
+ height: 50px;
+ background: green;
+}
+</style>
+<body>
+ <div id="container">
+ <span id="relpos">x
+ <span id="abspos"></span>
+ </span>
+ </div>
+<script>
+run();
+function run() {
+ document.body.offsetTop;
+ container.style.width = '100px';
+}
+</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/abspos-zero-width-001.xht b/testing/web-platform/tests/css/CSS2/positioning/abspos-zero-width-001.xht
new file mode 100644
index 0000000000..4f8b5d14c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-zero-width-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute positioned elements still affect scrolling mechanism</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Zero width absolute positioned elements still affects scrolling mechanism even though they are out of flow of the content." />
+ <style type="text/css">
+ body
+ {
+ background: url("../support/abspos-zero-width-001.png") no-repeat;
+ }
+ div
+ {
+ height: 2000px;
+ position: absolute;
+ top: 0;
+ width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue line above this text and a green box visible when the page is scrolled to its full extent vertically.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/auto-position-rtl-child-viewport-scrollbar-ref.html b/testing/web-platform/tests/css/CSS2/positioning/auto-position-rtl-child-viewport-scrollbar-ref.html
new file mode 100644
index 0000000000..99d7c743a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/auto-position-rtl-child-viewport-scrollbar-ref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<style>body { overflow:scroll; }</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width:100px; height:100px; background:green;"></div>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/auto-position-rtl-child-viewport-scrollbar.html b/testing/web-platform/tests/css/CSS2/positioning/auto-position-rtl-child-viewport-scrollbar.html
new file mode 100644
index 0000000000..80daf1bb37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/auto-position-rtl-child-viewport-scrollbar.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<title>Auto-positioned absolutely positioned in static RTL parent, scrollbars on viewport</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#abs-non-replaced-width" title="10.3.7 Absolutely positioned, non-replaced elements">
+<link rel="match" href="auto-position-rtl-child-viewport-scrollbar-ref.html">
+<style>body { overflow:scroll; }</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="direction:rtl; width:80px; height:80px; border:10px solid green; background:red;">
+ <div style="position:absolute; width:80px; height:80px; background:green;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-004.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-004.xht
new file mode 100644
index 0000000000..ac2cdbb49e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-004.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using pixels with a value of negative zero, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a negative zero length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: -0px;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-005.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-005.xht
new file mode 100644
index 0000000000..fdfe5dd77a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-005.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using pixels with a value of zero, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a zero length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: 0px;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-006.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-006.xht
new file mode 100644
index 0000000000..f554da80e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-006.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using pixels with a value of positive zero, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a positive zero length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: +0px;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-007-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-007-ref.xht
new file mode 100644
index 0000000000..943292063f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-007-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 3px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-007.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-007.xht
new file mode 100644
index 0000000000..41ad1a017a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-007.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-007-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a nominal length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 3px solid red;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: 3px solid black;
+ margin-top: 93px;
+ bottom: 96px;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-008.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-008.xht
new file mode 100644
index 0000000000..287642fb87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-008.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using pixels with a positive nominal value, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-007-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a positive nominal length value in pixels." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 3px solid red;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: 3px solid black;
+ margin-top: 93px;
+ bottom: +96px;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-016.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-016.xht
new file mode 100644
index 0000000000..7220533e9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-016.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using points with a value of negative zero, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a negative zero length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: -0pt;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-017.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-017.xht
new file mode 100644
index 0000000000..1f4f681776
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-017.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using points with a value of zero, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a zero length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: 0pt;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-018.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-018.xht
new file mode 100644
index 0000000000..42321d1951
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-018.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using points with a value of positive zero, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a positive zero length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: +0pt;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-019-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-019-ref.xht
new file mode 100644
index 0000000000..5dbb930ac5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-019-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-019.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-019.xht
new file mode 100644
index 0000000000..8ef3491b4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-019.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-019-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a nominal length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 72pt solid red;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: 72pt solid black;
+ bottom: 72pt;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-020.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-020.xht
new file mode 100644
index 0000000000..30ac2a84a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-020.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using points with a positive nominal value, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-019-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a positive nominal length value in points." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 72pt solid red;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: 72pt solid black;
+ bottom: +72pt;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-028.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-028.xht
new file mode 100644
index 0000000000..6cbc57b83b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-028.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using picas with a value of negative zero, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a negative zero length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: -0pc;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-029.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-029.xht
new file mode 100644
index 0000000000..4b6248cae4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-029.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using picas with a value of zero, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a zero length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: 0pc;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-030.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-030.xht
new file mode 100644
index 0000000000..7230b6e668
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-030.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using picas with a value of positive zero, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a positive zero length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: +0pc;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-031.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-031.xht
new file mode 100644
index 0000000000..b6094a5ce9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-031.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-019-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a nominal length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 6pc solid red;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: 6pc solid black;
+ bottom: 6pc;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-032.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-032.xht
new file mode 100644
index 0000000000..25a6fb36d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-032.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using picas with a positive nominal value, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-019-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a positive nominal length value in picas." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 6pc solid red;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: 6pc solid black;
+ bottom: +6pc;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-040.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-040.xht
new file mode 100644
index 0000000000..d60c160acb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-040.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using centimeters with a value of negative zero, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a negative zero length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: -0cm;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-041.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-041.xht
new file mode 100644
index 0000000000..38b531f4fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-041.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using centimeters with a value of zero, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a zero length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: 0cm;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-042.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-042.xht
new file mode 100644
index 0000000000..e5afb0efa6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-042.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using centimeters with a value of positive zero, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a positive zero length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: +0cm;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-043.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-043.xht
new file mode 100644
index 0000000000..c91a46ca7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-043.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-019-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a nominal length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 2.54cm solid red;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: 2.54cm solid black;
+ bottom: 2.54cm;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-044.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-044.xht
new file mode 100644
index 0000000000..dbaa899731
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-044.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using centimeters with a positive nominal value, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-019-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a positive nominal length value in centimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 2.54cm solid red;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: 2.54cm solid black;
+ bottom: +2.54cm;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-052.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-052.xht
new file mode 100644
index 0000000000..31508bcb32
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-052.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using millimeters with a value of negative zero, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a negative zero length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: -0mm;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-053.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-053.xht
new file mode 100644
index 0000000000..4aea6b7676
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-053.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using millimeters with a value of zero, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a zero length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: 0mm;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-054.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-054.xht
new file mode 100644
index 0000000000..fc1dee6ea2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-054.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using millimeters with a value of positive zero, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a positive zero length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: +0mm;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-055.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-055.xht
new file mode 100644
index 0000000000..d7cc1fbd5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-055.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-019-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a nominal length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 25.4mm solid red;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: 25.4mm solid black;
+ bottom: 25.4mm;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-056.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-056.xht
new file mode 100644
index 0000000000..53f7db456f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-056.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using millimeters with a positive nominal value, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-019-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a positive nominal length value in millimeters." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 25.4mm solid red;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: 25.4mm solid black;
+ bottom: +25.4mm;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-064.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-064.xht
new file mode 100644
index 0000000000..6eb6768195
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-064.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using inches with a value of negative zero, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a negative zero length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: -0in;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-065.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-065.xht
new file mode 100644
index 0000000000..6d853c3ae8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-065.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using inches with a value of zero, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a zero length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: 0in;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-066.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-066.xht
new file mode 100644
index 0000000000..9db7b820e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-066.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using inches with a value of positive zero, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a positive zero length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: +0in;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-067.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-067.xht
new file mode 100644
index 0000000000..2ba9a96469
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-067.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using inches with a nominal value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-019-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a nominal length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1in solid red;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: 1in solid black;
+ bottom: 1in;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-068.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-068.xht
new file mode 100644
index 0000000000..c62e73eb9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-068.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using inches with a positive nominal value, +1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-019-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a positive nominal length value in inches." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1in solid red;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: 1in solid black;
+ bottom: +1in;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-076.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-076.xht
new file mode 100644
index 0000000000..902c734fd0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-076.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using 'em' units with a value of negative zero, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'bottom' property sets a negative zero length value in 'em' units." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: -0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-077.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-077.xht
new file mode 100644
index 0000000000..ac8c772c52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-077.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using 'em' units with a value of zero, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'bottom' property sets a zero length value in 'em' units." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-078.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-078.xht
new file mode 100644
index 0000000000..c2fa01c5f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-078.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using 'em' units with a value of positive zero, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'bottom' property sets a positive zero length value in 'em' units." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: +0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-079-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-079-ref.xht
new file mode 100644
index 0000000000..a60fc812c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-079-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 20px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-079.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-079.xht
new file mode 100644
index 0000000000..3ded789f71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-079.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'bottom' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div1
+ {
+ border-top: 1em solid red;
+ }
+ #div2
+ {
+ border-top: 1em solid black;
+ margin-top: 5em;
+ bottom: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-080.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-080.xht
new file mode 100644
index 0000000000..7edb44d140
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-080.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using 'em' units with a positive nominal value, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'bottom' property sets a positive nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div1
+ {
+ border-top: 1em solid red;
+ }
+ #div2
+ {
+ border-top: 1em solid black;
+ margin-top: 5em;
+ bottom: +6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-088.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-088.xht
new file mode 100644
index 0000000000..86380f75e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-088.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using 'ex' units with a value of negative zero, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'bottom' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: -0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-089.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-089.xht
new file mode 100644
index 0000000000..7bb2c3c580
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-089.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using 'ex' units with a value of zero, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'bottom' property sets a zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: 0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-090.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-090.xht
new file mode 100644
index 0000000000..4fa738ea7b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-090.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using 'ex' units with a value of positive zero, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'bottom' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: +0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-091.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-091.xht
new file mode 100644
index 0000000000..61d08dcbc2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-091.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using 'ex' units with a nominal value, 6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'bottom' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div1
+ {
+ border-top: 6ex solid red;
+ }
+ #div2
+ {
+ border-top: 6ex solid black;
+ bottom: 6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-092.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-092.xht
new file mode 100644
index 0000000000..e2ad2d83ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-092.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using 'ex' units with a positive nominal value, +6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'bottom' property sets a positive nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div1
+ {
+ border-top: 6ex solid red;
+ }
+ #div2
+ {
+ border-top: 6ex solid black;
+ bottom: +6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-100.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-100.xht
new file mode 100644
index 0000000000..407ee7c7e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-100.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using percentages with a value of negative zero, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a negative zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ height: 1in;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: -0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-101.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-101.xht
new file mode 100644
index 0000000000..d108fc071e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-101.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using percentages with a value of zero, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ height: 1in;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: 0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-102.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-102.xht
new file mode 100644
index 0000000000..d01813c02a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-102.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using percentages with a value of positive zero, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a positive zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ height: 1in;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: +0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-103.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-103.xht
new file mode 100644
index 0000000000..3d392a4cba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-103.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using percentages with a nominal value, 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-019-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a nominal length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: 1in solid red;
+ height: 1in;
+ }
+ #div2
+ {
+ border-top: 1in solid black;
+ bottom: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-104.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-104.xht
new file mode 100644
index 0000000000..54b8e49cfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-104.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom using percentages with a positive nominal value, +100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-019-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a positive nominal length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: 1in solid red;
+ height: 1in;
+ }
+ #div2
+ {
+ border-top: 1in solid black;
+ bottom: +100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-109.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-109.xht
new file mode 100644
index 0000000000..7a5948f6fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-109.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom with a value of negative zero and no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a negative zero length value with no units." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: -0;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-110.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-110.xht
new file mode 100644
index 0000000000..dcedf16beb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-110.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom with a value of zero and no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a zero length value with no units." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: 0;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-111.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-111.xht
new file mode 100644
index 0000000000..4d74234b56
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-111.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom with a value of positive zero and no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a positive zero length value with no units." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: +0;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-112.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-112.xht
new file mode 100644
index 0000000000..dd0304961c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-112.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom with a value of 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a value of 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: blue solid 5px;
+ position: relative;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ bottom: auto;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-113-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-113-ref.xht
new file mode 100644
index 0000000000..206b4231cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-113-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ margin-top: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-113.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-113.xht
new file mode 100644
index 0000000000..75234950a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-113.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom with a value of 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-113-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property sets a value of 'inherit', inheriting the computed value from the parent element." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #parent
+ {
+ height: 1in;
+ margin-top: 2in;
+ }
+ #div1
+ {
+ border-top: 1in solid red;
+ height: 1in;
+ bottom: 100%;
+ }
+ #div2
+ {
+ border-top: 1in solid black;
+ bottom: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="parent">
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-001-ref.xht
new file mode 100644
index 0000000000..5b104d42ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-001-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ html, body, div {height: 100%;}
+
+ body, p {margin: 0px;}
+
+ div {background: url("support/green_box.png") no-repeat 8px bottom;}
+
+ p {padding: 16px 8px 0px 8px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div><p>Test passes if there is a filled green square at the bottom of the page.</p></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-001.xht
new file mode 100644
index 0000000000..383e81a789
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-001.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom applied to element with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property applies to elements with a display of 'table-row-group'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #test
+ {
+ bottom: 0;
+ display: table-row-group;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: green;
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-002.xht
new file mode 100644
index 0000000000..8481ac439d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-002.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom applied to element with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property applies to elements with a display of 'table-header-group'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #test
+ {
+ background: green;
+ bottom: 0;
+ display: table-header-group;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-003.xht
new file mode 100644
index 0000000000..156694cfb6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-003.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom applied to element with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property applies to elements with a display of 'table-footer-group'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #test
+ {
+ background: green;
+ bottom: 0;
+ display: table-footer-group;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-004.xht
new file mode 100644
index 0000000000..9993f88c1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-004.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom applied to element with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property applies to elements with a display of 'table-row'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #test
+ {
+ background: green;
+ bottom: 0;
+ display: table-row;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-005.xht
new file mode 100644
index 0000000000..5b33e32edc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-005.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom applied to element with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property applies to elements with a display of 'table-column-group'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #test
+ {
+ background: green;
+ bottom: 0;
+ display: table-column-group;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-006.xht
new file mode 100644
index 0000000000..831324ddff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-006.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom applied to element with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property applies to elements with a display of 'table-column'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #test
+ {
+ background: green;
+ bottom: 0;
+ display: table-column;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-007.xht
new file mode 100644
index 0000000000..2dcccbcfca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-007.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom applied to element with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property applies to elements with a display of 'table-cell'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: green;
+ bottom: 0;
+ display: table-cell;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-008.xht
new file mode 100644
index 0000000000..1ec8fd04e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom applied to element with 'display' set to inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <meta name="assert" content="The 'bottom' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ background: green;
+ bottom: 0;
+ display: inline;
+ position: absolute;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green stripe at the bottom of the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-009.xht
new file mode 100644
index 0000000000..dfc784cf38
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-009.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom applied to element with 'display' set to block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property applies to elements with a display of block." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ span
+ {
+ background: green;
+ bottom: 0;
+ display: block;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-010.xht
new file mode 100644
index 0000000000..dbeedbbff2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-010.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom applied to element with 'display' set to list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <meta name="assert" content="The 'bottom' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 1em;
+ }
+ div
+ {
+ background: green;
+ bottom: 0;
+ display: list-item;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-012.xht
new file mode 100644
index 0000000000..1f480bf125
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-012.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom applied to element with 'display' set to inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ span#inline-block
+ {
+ background: green;
+ bottom: 0;
+ display: inline-block;
+ position: absolute;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ height: 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-013.xht
new file mode 100644
index 0000000000..9469f91ddf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-013.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom applied to element with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property applies to elements with a display of 'table'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #table
+ {
+ background: green;
+ bottom: 0;
+ display: table;
+ table-layout: fixed;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-014.xht
new file mode 100644
index 0000000000..7157c66713
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-014.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom applied to element with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property applies to elements with a display of 'inline-table'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #table
+ {
+ background: green;
+ bottom: 0;
+ display: inline-table;
+ table-layout: fixed;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-015.xht
new file mode 100644
index 0000000000..19c724f805
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-applies-to-015.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom applied to element with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property applies to elements with a display of 'table-caption'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #caption
+ {
+ background: green;
+ bottom: 0;
+ display: table-caption;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-001-ref.xht
new file mode 100644
index 0000000000..c67c2bc4d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-001-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue square with its bottom-left corner missing.</p>
+
+ <div>
+ <div><img src="support/blue15x15.png" width="48" height="48" alt="Image download support must be enabled" /><img src="support/blue15x15.png" width="48" height="48" alt="Image download support must be enabled" /></div>
+ <div><img src="support/1x1-white.png" width="48" height="48" alt="Image download support must be enabled" /><img src="support/blue15x15.png" width="48" height="48" alt="Image download support must be enabled" /></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-001.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-001.xht
new file mode 100644
index 0000000000..32be0fd8b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-001.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: 'bottom' offset - offset from the bottom edge of the containing block (abs. pos.)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-offset-001-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property, for absolute positioning, specifies the offset of the element in relation to the containing block's bottom edge. The containing block of an absolutely positioned element is formed by the padding box of its nearest (closest) positioned non-inline ancestor element." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ background: blue;
+ }
+ #div2
+ {
+ background: white;
+ height: 0.5in;
+ position: absolute;
+ bottom: 0;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square with its bottom-left corner missing.</p>
+ <div>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-002.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-002.xht
new file mode 100644
index 0000000000..757c4e6e6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-002.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: 'bottom' offset - absolute length value and relative positioning</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-offset-001-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property, when using an absolute length value (not percentage) for relative positioning, specifies the offset of the box itself." />
+ <style type="text/css">
+ #div1
+ {
+ background: blue;
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ div div
+ {
+ background: white;
+ height: 0.5in;
+ position: relative;
+ bottom: -0.5in;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square with its bottom-left corner missing.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-003.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-003.xht
new file mode 100644
index 0000000000..c8d29df0cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-003.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: 'bottom' offset - offset from the bottom edge of the containing block (abs. pos.)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-offset-001-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' property, for absolute positioning, specifies the offset of the element in relation to the containing block's bottom edge. The containing block of an absolutely positioned element is formed by the padding box of its nearest (closest) positioned non-inline ancestor element." />
+ <style type="text/css">
+ #div1
+ {
+ padding-bottom: 0.5in;
+ position: relative;
+ }
+ #div2
+ {
+ background: white;
+ height: 0.5in;
+ position: absolute;
+ bottom: 0.5in;
+ width: 0.5in;
+ }
+ #div3
+ {
+ background: blue;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square with its bottom-left corner missing.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-percentage-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-percentage-001-ref.xht
new file mode 100644
index 0000000000..20818a2c70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-percentage-001-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 150px;
+ padding-top: 50px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green box that is not in any of the corners of an hollow black rectangle and if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/1x1-green.png" width="50" height="50" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-percentage-001.xht b/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-percentage-001.xht
new file mode 100644
index 0000000000..828bface3d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/bottom-offset-percentage-001.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom offset using percentage</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-15 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-offset-percentage-001-ref.xht" />
+
+ <meta name="assert" content="Percentage offset values for the 'bottom' property are based off the height of the containing block." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 200px;
+ position: relative;
+ width: 100px;
+ }
+ div div
+ {
+ height: 50px;
+ position: absolute;
+ width: 50px;
+ }
+ #test
+ {
+ background: green;
+ bottom: 50%;
+ }
+ #reference
+ {
+ background: red;
+ top: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green box that is not in any of the corners of an hollow black rectangle and if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="reference"></div>
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/detach-abspos-before-layout.html b/testing/web-platform/tests/css/CSS2/positioning/detach-abspos-before-layout.html
new file mode 100644
index 0000000000..27ee59ccc5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/detach-abspos-before-layout.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<title>Detaching positioned object before it is laid out should not crash</title>
+<link rel="author" href="mailto:kojii@chromium.org">
+<link rel="help" href="https://crbug.com/1101986">
+<meta name="assert" content="Detaching positioned object before it is laid out should not crash">
+<style>
+.float {
+ float: left;
+}
+.abs {
+ position: absolute;
+}
+</style>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<body>
+ <div id="container">text<span id="target" class="float"></span></div>
+</body>
+<script>
+test(() => {
+ document.body.offsetTop;
+ let target = document.getElementById('target');
+
+ // Change `#target` from floating object to positioned object.
+ target.classList.add('abs');
+
+ // Style recalc without layout, and detach.
+ getComputedStyle(target).display;
+ container.style.display = "none";
+}, 'No crash or DCHECK failure');
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-001-ref.xht
new file mode 100644
index 0000000000..7739e1b03e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-001-ref.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ line-height: 1.25;
+ margin: 1em 0;
+ }
+
+ strong {line-height: 1;}
+
+ div
+ {
+ background-color: green;
+ height: 100px;
+ margin-top: 112px;
+ /*
+ The red square appears 96px below the p margin box:
+ 2em : grandparent's top (dynamically set)
+ +
+ 2em : parent's top (inherited)
+ +
+ 2em : #red's top (inherited)
+ =======
+ 96px
+ max(margin-bottom of p, margin-top of div)
+ max(16px, margin-top of div) == 16px + 96px;
+ therefore, margin-top of div == 16px + 96px
+ */
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-001.xht b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-001.xht
new file mode 100644
index 0000000000..10dfc482c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-001.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inheriting 'top' changes from relpos grandparent</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position"/>
+ <link rel="match" href="dynamic-top-change-001-ref.xht" />
+
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The position of a positioned element which inherits its 'top' value from its relatively positioned grandparent changes when the grandparent's 'top' value is changed."/>
+ <style type="text/css"><![CDATA[
+ p
+ {
+ line-height: 1.25;
+ margin: 1em 0;
+ }
+
+ strong {line-height: 1;}
+
+ .testDiv { position: absolute; width: 100px; height: 100px; }
+ #green { top: 4em; background: green; }
+ #red { top: inherit; background: red; }
+ #parent { top: inherit; position: relative; }
+ #grandparent { position: relative; }
+ ]]></style>
+ <script type="text/javascript"><![CDATA[
+ window.onload = function() {
+ document.body.offsetWidth;
+ document.getElementById("grandparent").style.top = "2em";
+ }
+ ]]></script>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="grandparent">
+ <div id="parent">
+ <div id="red" class="testDiv"></div>
+ </div>
+ <div id="green" class="testDiv"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-002-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-002-ref.xht
new file mode 100644
index 0000000000..78eabeb2ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-002-ref.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ line-height: 1.25;
+ margin: 1em 0;
+ }
+
+ strong {line-height: 1;}
+
+ div
+ {
+ background-color: green;
+ height: 100px;
+ margin-top: 28px;
+ /*
+ The green square appears 12px below the p margin box:
+ 2em + 2em - (16px + 20px + 16px) + 16px
+ max(margin-bottom of p, margin-top of div)
+ max(16px, margin-top of div) == 16px + 12px;
+ therefore, margin-top of div == 16px + 12px
+ */
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-002.xht b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-002.xht
new file mode 100644
index 0000000000..f6b80fe204
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-002.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inheriting 'top' changes from parent table-row through anonymous table boxes</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position"/>
+ <link rel="match" href="dynamic-top-change-002-ref.xht" />
+
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The position of a positioned element which inherits its 'top' value from its parent changes when the parent's 'top' value is changed even if the parent is display:table-row."/>
+ <style type="text/css"><![CDATA[
+ p
+ {
+ line-height: 1.25;
+ margin: 1em 0;
+ }
+
+ strong {line-height: 1;}
+
+ .testDiv { width: 100px; height: 100px; }
+ #green { top: 4em; background: green; position: absolute; }
+ #red { top: inherit; background: red; position: relative; }
+ #parent { position: absolute; top: 2em; }
+ #intermediate { display: table-row; }
+ ]]></style>
+ <script type="text/javascript"><![CDATA[
+ window.onload = function() {
+ document.body.offsetWidth;
+ document.getElementById("intermediate").style.top = "2em";
+ }
+ ]]></script>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="parent">
+ <div id="intermediate">
+ <div id="red" class="testDiv"></div>
+ </div>
+ </div>
+ <div id="green" class="testDiv"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-003.xht b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-003.xht
new file mode 100644
index 0000000000..1359a047fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-003.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inheriting 'top' changes from parent table through anonymous table boxes</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position"/>
+ <link rel="match" href="dynamic-top-change-002-ref.xht" />
+
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The position of a positioned element which inherits its 'top' value from its parent changes when the parent's 'top' value is changed even if the parent is display:table."/>
+ <style type="text/css"><![CDATA[
+ p
+ {
+ line-height: 1.25;
+ margin: 1em 0;
+ }
+
+ strong {line-height: 1;}
+
+ .testDiv { width: 100px; height: 100px; }
+ #green { top: 4em; background: green; position: absolute; }
+ #red { top: inherit; background: red; position: relative; }
+ #parent { position: absolute; top: 2em; }
+ #intermediate { display: table; }
+ ]]></style>
+ <script type="text/javascript"><![CDATA[
+ window.onload = function() {
+ document.body.offsetWidth;
+ document.getElementById("intermediate").style.top = "2em";
+ }
+ ]]></script>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="parent">
+ <div id="intermediate">
+ <div id="red" class="testDiv"></div>
+ </div>
+ </div>
+ <div id="green" class="testDiv"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-004.xht b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-004.xht
new file mode 100644
index 0000000000..0f557bd437
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-004.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inheriting 'top' changes from abspos parent</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position"/>
+ <link rel="match" href="dynamic-top-change-002-ref.xht" />
+
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The position of a positioned element which inherits its 'top' value from its parent changes when the parent's 'top' value is changed."/>
+ <style type="text/css"><![CDATA[
+ p
+ {
+ line-height: 1.25;
+ margin: 1em 0;
+ }
+
+ strong {line-height: 1;}
+
+ .testDiv { width: 100px; height: 100px; }
+ #green { top: 4em; background: green; position: absolute; }
+ #red { top: inherit; background: red; position: relative; }
+ #parent { position: absolute; }
+ ]]></style>
+ <script type="text/javascript"><![CDATA[
+ window.onload = function() {
+ document.body.offsetWidth;
+ document.getElementById("parent").style.top = "2em";
+ }
+ ]]></script>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="parent">
+ <div id="red" class="testDiv"></div>
+ </div>
+ <div id="green" class="testDiv"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-005.xht b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-005.xht
new file mode 100644
index 0000000000..7c015d32c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-005.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inheriting 'top' changes from abspos grandparent</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position"/>
+ <meta name="flags" content="combo dom" />
+ <meta name="assert" content="The position of a positioned element which inherits its 'top' value from its relatively positioned parent changes when the parent's 'top' value is changed."/>
+ <style type="text/css"><![CDATA[
+ .testDiv { position: relative; width: 100px; height: 100px; }
+ #green { top: 100px; background: green; }
+ #red { top: inherit; background: red; display: block; }
+ #parent { position: relative; }
+ body > p { position: absolute; font-size: medium; }
+ #grandparent { position: absolute; top: 0; }
+ body { font-size: 0; line-height: 0; position: relative; }
+ ]]></style>
+ <script type="text/javascript"><![CDATA[
+ window.onload = function() {
+ document.body.offsetWidth;
+ document.getElementById("parent").style.top = "50px";
+ }
+ ]]></script>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div id="grandparent">
+ <span id="parent">
+ <span id="red" class="testDiv"></span>
+ </span>
+ </div>
+ <div id="green" class="testDiv"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-005a.xht b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-005a.xht
new file mode 100644
index 0000000000..c84ac49054
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-005a.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inheriting 'top' changes from abspos grandparent (variant: block parent)</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position"/>
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The position of a positioned element which inherits its 'top' value from its relatively positioned parent changes when the parent's 'top' value is changed."/>
+ <style type="text/css"><![CDATA[
+ .testDiv { position: relative; width: 100px; height: 100px; }
+ #green { top: 100px; background: green; }
+ #red { top: inherit; background: red; display: block; }
+ #parent { position: relative; }
+ body > p { position: absolute; font-size: medium; }
+ #grandparent { position: absolute; top: 0; }
+ body { font-size: 0; line-height: 0; position: relative; }
+ ]]></style>
+ <script type="text/javascript"><![CDATA[
+ window.onload = function() {
+ document.body.offsetWidth;
+ document.getElementById("parent").style.top = "50px";
+ }
+ ]]></script>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div id="grandparent">
+ <div id="parent">
+ <span id="red" class="testDiv"></span>
+ </div>
+ </div>
+ <div id="green" class="testDiv"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-005b.xht b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-005b.xht
new file mode 100644
index 0000000000..c74a27be78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/dynamic-top-change-005b.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inheriting 'top' changes from abspos grandparent (non-dynamic variant)</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position"/>
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="The position of a positioned element which inherits its 'top' value from its relatively positioned parent changes when the parent's 'top' value is changed."/>
+ <style type="text/css"><![CDATA[
+ .testDiv { position: relative; width: 100px; height: 100px; }
+ #green { top: 100px; background: green; }
+ #red { top: inherit; background: red; display: block; }
+ #parent { position: relative; top: 50px; }
+ body > p { position: absolute; font-size: medium; }
+ #grandparent { position: absolute; top: 0; }
+ body { font-size: 0; line-height: 0; position: relative; }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div id="grandparent">
+ <span id="parent">
+ <span id="red" class="testDiv"></span>
+ </span>
+ </div>
+ <div id="green" class="testDiv"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/inline-static-position-001.html b/testing/web-platform/tests/css/CSS2/positioning/inline-static-position-001.html
new file mode 100644
index 0000000000..b627fbcab5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/inline-static-position-001.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<title>CSS Test: Static positions and line wrapping</title>
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#static-position">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style>
+.tests, .no-tests {
+ margin-bottom: 1em;
+ font-family: Ahem;
+ font-size: 10px;
+ line-height: 1;
+}
+.tests > div, .no-tests > div {
+ position: relative;
+ width: 10ch;
+ border: 1px solid blue;
+}
+.abs {
+ position: absolute;
+ color: orange;
+}
+</style>
+<body>
+ <section class="tests">
+ <div>12345<span class="abs" data-offset-x="50" data-offset-y="0">span</span>54321</div>
+ <div>123456<span class="abs" data-offset-x="60" data-offset-y="0">span</span>654321</div>
+ <div>12345<span class="abs" data-offset-x="50" data-offset-y="0">span</span> 54321</div>
+ <div>12345&nbsp;<span class="abs" data-offset-x="60" data-offset-y="0">span</span> 54321</div>
+ <div>12345&nbsp;<span class="abs" data-offset-x="60" data-offset-y="0">span</span>&nbsp;54321</div>
+ </section>
+ <section class="tests">
+ <!-- offsetTop is interoperable but offsetLeft is not due to white space collapsing. -->
+ <div>12345 <span class="abs" data-offset-y="0">span</span> 54321</div>
+ </section>
+ <section class="no-tests">
+ <!-- These tests are not interoperable. -->
+ <div>12345 <span class="abs">span</span>54321</div>
+ <div>12345 <span class="abs">span</span>&nbsp;54321</div>
+ <div>123456789012&nbsp;<span class="abs">span</span>&nbsp;54321</div>
+ <div>123456789012&nbsp;<span class="abs">span</span>&nbsp;543210987654321</div>
+ </section>
+<script>
+document.fonts.ready.then(()=> {
+ checkLayout('.tests .abs');
+});
+</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-004-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/left-004-ref.xht
new file mode 100644
index 0000000000..2371860907
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-004-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+
+ <div><img src="support/swatch-orange.png" width="5" height="96" alt="Image download support must be enabled" /><img src="support/blue15x15.png" width="5" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-004.xht b/testing/web-platform/tests/css/CSS2/positioning/left-004.xht
new file mode 100644
index 0000000000..0e6d795bd7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-004.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using pixels with a value of negative zero, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a negative zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: -0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-005.xht b/testing/web-platform/tests/css/CSS2/positioning/left-005.xht
new file mode 100644
index 0000000000..d24ab9e921
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-005.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using pixels with a value of zero, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: 0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-006.xht b/testing/web-platform/tests/css/CSS2/positioning/left-006.xht
new file mode 100644
index 0000000000..1059837d86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-006.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using pixels with a value of positive zero, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a positive zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: +0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-007-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/left-007-ref.xht
new file mode 100644
index 0000000000..bb896a1086
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-007-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ width: 3px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-007.xht b/testing/web-platform/tests/css/CSS2/positioning/left-007.xht
new file mode 100644
index 0000000000..1cd12f4e87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-007.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-007-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a nominal length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 3px solid red;
+ width: 3in;
+ }
+ div div
+ {
+ border-left: 3px solid black;
+ margin-left: -99px;
+ left: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-008.xht b/testing/web-platform/tests/css/CSS2/positioning/left-008.xht
new file mode 100644
index 0000000000..75f3f43f33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-008.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using pixels with a positive nominal value, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-007-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a positive nominal length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 3px solid red;
+ width: 3in;
+ }
+ div div
+ {
+ border-left: 3px solid black;
+ margin-left: -99px;
+ left: +96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-016.xht b/testing/web-platform/tests/css/CSS2/positioning/left-016.xht
new file mode 100644
index 0000000000..b3f2590d88
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-016.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using points with a value of negative zero, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a negative zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: -0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-017.xht b/testing/web-platform/tests/css/CSS2/positioning/left-017.xht
new file mode 100644
index 0000000000..3d98c0bde6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-017.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using points with a value of zero, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: 0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-018.xht b/testing/web-platform/tests/css/CSS2/positioning/left-018.xht
new file mode 100644
index 0000000000..4e629237db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-018.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using points with a value of positive zero, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a positive zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: +0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-019.xht b/testing/web-platform/tests/css/CSS2/positioning/left-019.xht
new file mode 100644
index 0000000000..a384baf935
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-019.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-black-96px-square-no-red.xht" />
+
+ <meta name="assert" content="The 'left' property sets a nominal length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 72pt solid red;
+ }
+ div div
+ {
+ border-left: 72pt solid black;
+ margin-left: -144pt;
+ left: 72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-020.xht b/testing/web-platform/tests/css/CSS2/positioning/left-020.xht
new file mode 100644
index 0000000000..9a904fa1fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-020.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using points with a positive nominal value, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-black-96px-square-no-red.xht" />
+
+ <meta name="assert" content="The 'left' property sets a positive nominal length value in points." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 72pt solid red;
+ }
+ div div
+ {
+ border-left: 72pt solid black;
+ margin-left: -144pt;
+ left: +72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-028.xht b/testing/web-platform/tests/css/CSS2/positioning/left-028.xht
new file mode 100644
index 0000000000..4542340da8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-028.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using picas with a value of negative zero, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a negative zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: -0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-029.xht b/testing/web-platform/tests/css/CSS2/positioning/left-029.xht
new file mode 100644
index 0000000000..cd51d37300
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-029.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using picas with a value of zero, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: 0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-030.xht b/testing/web-platform/tests/css/CSS2/positioning/left-030.xht
new file mode 100644
index 0000000000..9881130195
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-030.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using picas with a value of positive zero, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a positive zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: +0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-031-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/left-031-ref.xht
new file mode 100644
index 0000000000..1bd9a0482d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-031-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ width: 16px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-031.xht b/testing/web-platform/tests/css/CSS2/positioning/left-031.xht
new file mode 100644
index 0000000000..0184a9cce0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-031.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-031-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a nominal length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 1pc solid red;
+ }
+ div div
+ {
+ border-left: 1pc solid black;
+ margin-left: -7pc;
+ left: 6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-032.xht b/testing/web-platform/tests/css/CSS2/positioning/left-032.xht
new file mode 100644
index 0000000000..05c9cc8818
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-032.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using picas with a positive nominal value, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-031-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a positive nominal length value in picas." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 1pc solid red;
+ }
+ div div
+ {
+ border-left: 1pc solid black;
+ margin-left: -7pc;
+ left: +6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-040.xht b/testing/web-platform/tests/css/CSS2/positioning/left-040.xht
new file mode 100644
index 0000000000..41807d7865
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-040.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using centimeters with a value of negative zero, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a negative zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: -0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-041.xht b/testing/web-platform/tests/css/CSS2/positioning/left-041.xht
new file mode 100644
index 0000000000..7bab240424
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-041.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using centimeters with a value of zero, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: 0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-042.xht b/testing/web-platform/tests/css/CSS2/positioning/left-042.xht
new file mode 100644
index 0000000000..3d473f85ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-042.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using centimeters with a value of positive zero, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a positive zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: +0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-043.xht b/testing/web-platform/tests/css/CSS2/positioning/left-043.xht
new file mode 100644
index 0000000000..2e2f669a2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-043.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-black-96px-square-no-red.xht" />
+
+ <meta name="assert" content="The 'left' property sets a nominal length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 2.54cm solid red;
+ }
+ div div
+ {
+ border-left: 2.54cm solid black;
+ margin-left: -5.08cm;
+ left: 2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-044.xht b/testing/web-platform/tests/css/CSS2/positioning/left-044.xht
new file mode 100644
index 0000000000..be9b986a3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-044.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using centimeters with a positive nominal value, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-black-96px-square-no-red.xht" />
+
+ <meta name="assert" content="The 'left' property sets a positive nominal length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 2.54cm solid red;
+ }
+ div div
+ {
+ border-left: 2.54cm solid black;
+ margin-left: -5.08cm;
+ left: +2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-052.xht b/testing/web-platform/tests/css/CSS2/positioning/left-052.xht
new file mode 100644
index 0000000000..d883664dca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-052.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using millimeters with a value of negative zero, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a negative zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: -0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-053.xht b/testing/web-platform/tests/css/CSS2/positioning/left-053.xht
new file mode 100644
index 0000000000..459d859da0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-053.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using millimeters with a value of zero, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: 0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-054.xht b/testing/web-platform/tests/css/CSS2/positioning/left-054.xht
new file mode 100644
index 0000000000..de6209cccf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-054.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using millimeters with a value of positive zero, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a positive zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: +0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-055.xht b/testing/web-platform/tests/css/CSS2/positioning/left-055.xht
new file mode 100644
index 0000000000..ba18af79a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-055.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-black-96px-square-no-red.xht" />
+
+ <meta name="assert" content="The 'left' property sets a nominal length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 25.4mm solid red;
+ }
+ div div
+ {
+ border-left: 25.4mm solid black;
+ margin-left: -50.8mm;
+ left: 25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-056.xht b/testing/web-platform/tests/css/CSS2/positioning/left-056.xht
new file mode 100644
index 0000000000..fffb510b04
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-056.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using millimeters with a positive nominal value, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-black-96px-square-no-red.xht" />
+
+ <meta name="assert" content="The 'left' property sets a positive nominal length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 25.4mm solid red;
+ }
+ div div
+ {
+ border-left: 25.4mm solid black;
+ margin-left: -50.8mm;
+ left: +25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-064.xht b/testing/web-platform/tests/css/CSS2/positioning/left-064.xht
new file mode 100644
index 0000000000..dc4f6e623d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-064.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using inches with a value of negative zero, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a negative zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: -0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-065.xht b/testing/web-platform/tests/css/CSS2/positioning/left-065.xht
new file mode 100644
index 0000000000..5c9fd644c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-065.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using inches with a value of zero, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: 0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-066.xht b/testing/web-platform/tests/css/CSS2/positioning/left-066.xht
new file mode 100644
index 0000000000..f87772fb95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-066.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using inches with a value of positive zero, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a positive zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: +0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-067.xht b/testing/web-platform/tests/css/CSS2/positioning/left-067.xht
new file mode 100644
index 0000000000..e73763eb52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-067.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using inches with a nominal value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-black-96px-square-no-red.xht" />
+
+ <meta name="assert" content="The 'left' property sets a nominal length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 1in solid red;
+ }
+ div div
+ {
+ border-left: 1in solid black;
+ margin-left: -2in;
+ left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-068.xht b/testing/web-platform/tests/css/CSS2/positioning/left-068.xht
new file mode 100644
index 0000000000..977f800352
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-068.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using inches with a positive nominal value, +1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-black-96px-square-no-red.xht" />
+
+ <meta name="assert" content="The 'left' property sets a positive nominal length value in inches." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 1in solid red;
+ }
+ div div
+ {
+ border-left: 1in solid black;
+ margin-left: -2in;
+ left: +1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-076.xht b/testing/web-platform/tests/css/CSS2/positioning/left-076.xht
new file mode 100644
index 0000000000..4608fd06bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-076.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using 'em' units with a value of negative zero, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'left' property sets a negative zero length value in 'em' units." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: -0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-077.xht b/testing/web-platform/tests/css/CSS2/positioning/left-077.xht
new file mode 100644
index 0000000000..0874c82b13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-077.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using 'em' units with a value of zero, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'left' property sets a zero length value in 'em' units." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-078.xht b/testing/web-platform/tests/css/CSS2/positioning/left-078.xht
new file mode 100644
index 0000000000..cf325459fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-078.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using 'em' units with a value of positive zero, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'left' property sets a positive zero length value in 'em' units." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: +0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-079-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/left-079-ref.xht
new file mode 100644
index 0000000000..6063e398d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-079-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ width: 20px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-079.xht b/testing/web-platform/tests/css/CSS2/positioning/left-079.xht
new file mode 100644
index 0000000000..f37cc32290
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-079.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'left' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 1em solid red;
+ }
+ div div
+ {
+ border-left: 1em solid black;
+ margin-left: -7em;
+ left: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-080.xht b/testing/web-platform/tests/css/CSS2/positioning/left-080.xht
new file mode 100644
index 0000000000..b88389e7ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-080.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using 'em' units with a positive nominal value, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'left' property sets a positive nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 1em solid red;
+ }
+ div div
+ {
+ border-left: 1em solid black;
+ margin-left: -7em;
+ left: +6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-088.xht b/testing/web-platform/tests/css/CSS2/positioning/left-088.xht
new file mode 100644
index 0000000000..7364c57fdf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-088.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using 'ex' units with a value of negative zero, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'left' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: -0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-089.xht b/testing/web-platform/tests/css/CSS2/positioning/left-089.xht
new file mode 100644
index 0000000000..30d440ea6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-089.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using 'ex' units with a value of zero, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'left' property sets a zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: 0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-090.xht b/testing/web-platform/tests/css/CSS2/positioning/left-090.xht
new file mode 100644
index 0000000000..a0377e6930
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-090.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using 'ex' units with a value of positive zero, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'left' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: +0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-091.xht b/testing/web-platform/tests/css/CSS2/positioning/left-091.xht
new file mode 100644
index 0000000000..076cfb2544
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-091.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using 'ex' units with a nominal value, 6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-black-96px-square-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'left' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 1in solid red;
+ }
+ div div
+ {
+ border-left: 6ex solid black;
+ margin-left: -12ex;
+ left: 6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-092.xht b/testing/web-platform/tests/css/CSS2/positioning/left-092.xht
new file mode 100644
index 0000000000..012ef26eb0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-092.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using 'ex' units with a positive nominal value, +6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-black-96px-square-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'left' property sets a positive nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ border-left: 1in solid red;
+ }
+ div div
+ {
+ border-left: 6ex solid black;
+ margin-left: -12ex;
+ left: +6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-100.xht b/testing/web-platform/tests/css/CSS2/positioning/left-100.xht
new file mode 100644
index 0000000000..be48597d24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-100.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using percentages with a value of negative zero, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a negative zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ width: 1in;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: -0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-101.xht b/testing/web-platform/tests/css/CSS2/positioning/left-101.xht
new file mode 100644
index 0000000000..2e1734dc2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-101.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using percentages with a value of zero, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ width: 1in;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: 0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-102.xht b/testing/web-platform/tests/css/CSS2/positioning/left-102.xht
new file mode 100644
index 0000000000..c3d71d622b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-102.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using percentages with a value of positive zero, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a positive zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ width: 1in;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: +0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-103.xht b/testing/web-platform/tests/css/CSS2/positioning/left-103.xht
new file mode 100644
index 0000000000..0cfe26108b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-103.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using percentages with a nominal value, 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-black-96px-square-no-red.xht" />
+
+ <meta name="assert" content="The 'left' property sets a nominal length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 1in solid red;
+ width: 1in;
+ }
+ div div
+ {
+ border-left: 1in solid black;
+ margin-left: -2in;
+ left: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-104.xht b/testing/web-platform/tests/css/CSS2/positioning/left-104.xht
new file mode 100644
index 0000000000..ece18045af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-104.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left using percentages with a positive nominal value, +100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-black-96px-square-no-red.xht" />
+
+ <meta name="assert" content="The 'left' property sets a positive nominal length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 1in solid red;
+ width: 1in;
+ }
+ div div
+ {
+ border-left: 1in solid black;
+ margin-left: -2in;
+ left: +100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-109.xht b/testing/web-platform/tests/css/CSS2/positioning/left-109.xht
new file mode 100644
index 0000000000..a2b3738614
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-109.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left with a value of negative zero and no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a negative zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: -0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-110.xht b/testing/web-platform/tests/css/CSS2/positioning/left-110.xht
new file mode 100644
index 0000000000..60cfd186e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-110.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left with a value of zero and no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-111.xht b/testing/web-platform/tests/css/CSS2/positioning/left-111.xht
new file mode 100644
index 0000000000..7bfffa2ac1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-111.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left with a value of positive zero and no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a positive zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: +0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-112.xht b/testing/web-platform/tests/css/CSS2/positioning/left-112.xht
new file mode 100644
index 0000000000..758738c6dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-112.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left with a value of 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-004-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a value of 'auto'." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-left: 5px solid orange;
+ }
+ div div
+ {
+ border-left: 5px solid blue;
+ left: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the orange and blue lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-113-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/left-113-ref.xht
new file mode 100644
index 0000000000..279160a080
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-113-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ margin-left: 288px;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-113.xht b/testing/web-platform/tests/css/CSS2/positioning/left-113.xht
new file mode 100644
index 0000000000..a27eee6f8d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-113.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left with a value of 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-18 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-113-ref.xht" />
+
+ <meta name="assert" content="The 'left' property sets a value of 'inherit'." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ }
+ #wrapper
+ {
+ width: 5in;
+ }
+ #div1
+ {
+ border-left: 1in solid red;
+ left: 100%;
+ width: 1in;
+ }
+ div div
+ {
+ border-left: 1in solid black;
+ margin-left: -2in;
+ left: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-001-ref.xht
new file mode 100644
index 0000000000..b8b923c6bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-001-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 0px;}
+
+ p {margin: 1em 8px;}
+
+ div
+ {
+ background-color: green;
+ height: 96px;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square on the left side of the page.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-001.xht
new file mode 100644
index 0000000000..160cebc5d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-001.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left applied to element with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'left' property applies to elements with a display of 'table-row-group'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #test
+ {
+ left: 0;
+ display: table-row-group;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: green;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square on the left side of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-002.xht
new file mode 100644
index 0000000000..a04d37a206
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-002.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left applied to element with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'left' property applies to elements with a display of 'table-header-group'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #test
+ {
+ background: green;
+ left: 0;
+ display: table-header-group;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square on the left side of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-003.xht
new file mode 100644
index 0000000000..63c9b19b99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-003.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left applied to element with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'left' property applies to elements with a display of 'table-footer-group'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #test
+ {
+ background: green;
+ left: 0;
+ display: table-footer-group;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square on the left side of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-004.xht
new file mode 100644
index 0000000000..ca9733a292
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-004.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left applied to element with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'left' property applies to elements with a display of 'table-row'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #test
+ {
+ background: green;
+ left: 0;
+ display: table-row;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square on the left side of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-005.xht
new file mode 100644
index 0000000000..7f987dbe4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-005.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left applied to element with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'left' property applies to elements with a display of 'table-column-group'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #test
+ {
+ background: green;
+ left: 0;
+ display: table-column-group;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square on the left side of the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-006.xht
new file mode 100644
index 0000000000..5d36bcd8a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-006.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left applied to element with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'left' property applies to elements with a display of 'table-column'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #test
+ {
+ background: green;
+ left: 0;
+ display: table-column;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square on the left side of the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-007.xht
new file mode 100644
index 0000000000..56bec1ffec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-007.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left applied to element with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'left' property applies to elements with a display of 'table-cell'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: green;
+ left: 0;
+ display: table-cell;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square on the left side of the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-008.xht
new file mode 100644
index 0000000000..c6721520e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-008.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left applied to element with 'display' set to inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'left' property applies to elements with a display of inline." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ color: green;
+ font: 1in/1 Ahem;
+ left: 0;
+ display: inline;
+ position: absolute;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square on the left side of the page.</p>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-009.xht
new file mode 100644
index 0000000000..ba403211ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-009.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left applied to element with 'display' set to block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'left' property applies to elements with a display of block." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ span
+ {
+ background: green;
+ left: 0;
+ display: block;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square on the left side of the page.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-010.xht
new file mode 100644
index 0000000000..960c2b01f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-010.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left applied to element with 'display' set to list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <meta name="assert" content="The 'left' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ background: green;
+ left: 0;
+ display: list-item;
+ height: 1in;
+ list-style-position: inside;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the left side of the page and a marker bullet inside it.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-012.xht
new file mode 100644
index 0000000000..1ee98e090c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-012.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left applied to element with 'display' set to inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'left' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ span#inline-block
+ {
+ left: 0;
+ display: inline-block;
+ position: absolute;
+ }
+
+ span.block-descendant
+ {
+ background: green;
+ display: block;
+ height: 0.5in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square on the left side of the page.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-013.xht
new file mode 100644
index 0000000000..bfc4c383bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-013.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left applied to element with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'left' property applies to elements with a display of 'table'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #table
+ {
+ background: green;
+ left: 0;
+ display: table;
+ table-layout: fixed;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square on the left side of the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-014.xht
new file mode 100644
index 0000000000..8eba0cdd1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-014.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left applied to element with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'left' property applies to elements with a display of 'inline-table'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #table
+ {
+ background: green;
+ left: 0;
+ display: inline-table;
+ table-layout: fixed;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square on the left side of the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-015.xht
new file mode 100644
index 0000000000..ac799f6b97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-applies-to-015.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left applied to element with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'left' property applies to elements with a display of 'table-caption'." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ #caption
+ {
+ background: green;
+ left: 0;
+ display: table-caption;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square on the left side of the page.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-offset-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/left-offset-001-ref.xht
new file mode 100644
index 0000000000..47a60127eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-offset-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#inline-block {display: inline-block;}
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue square with its top-right corner missing.</p>
+
+ <div id="inline-block">
+ <div><img src="support/blue15x15.png" width="50" height="50" alt="Image download support must be enabled" /><img src="support/1x1-white.png" width="50" height="50" alt="Image download support must be enabled" /></div>
+ <div><img src="support/blue15x15.png" width="50" height="50" alt="Image download support must be enabled" /><img src="support/blue15x15.png" width="50" height="50" alt="Image download support must be enabled" /></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-offset-001.xht b/testing/web-platform/tests/css/CSS2/positioning/left-offset-001.xht
new file mode 100644
index 0000000000..add464c90e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-offset-001.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute positioned elements with a left offset</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-offset-001-ref.xht" />
+
+ <meta name="assert" content="Absolute positioned elements with a left offset, offsets the elements left margin edge from the left edge of the elements containing block." />
+ <style type="text/css">
+ #div1
+ {
+ background: blue;
+ height: 100px;
+ position: relative;
+ width: 100px;
+ }
+ div div
+ {
+ background: white;
+ height: 50px;
+ position: absolute;
+ left: 50px;
+ width: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square with its top-right corner missing.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-offset-002.xht b/testing/web-platform/tests/css/CSS2/positioning/left-offset-002.xht
new file mode 100644
index 0000000000..afa4d7951b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-offset-002.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position 'left' offset property - absolute length value and relative positioning</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-offset-001-ref.xht" />
+
+ <meta name="assert" content="Relative positioned elements with a left offset, offsets with respect to the left edge of the box itself." />
+ <style type="text/css">
+ #div1
+ {
+ background: blue;
+ height: 100px;
+ position: relative;
+ width: 100px;
+ }
+ div div
+ {
+ background: white;
+ height: 50px;
+ position: relative;
+ left: 50px;
+ width: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square with its top-right corner missing.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-offset-003-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/left-offset-003-ref.xht
new file mode 100644
index 0000000000..d8775877d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-offset-003-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: blue solid medium;
+ direction: rtl;
+ height: 1in;
+ width: 1.25in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a filled black square is in the upper-right corner of an hollow blue rectangle.</p>
+
+ <div><img src="support/black15x15.png" width="48" height="48" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-offset-003.xht b/testing/web-platform/tests/css/CSS2/positioning/left-offset-003.xht
new file mode 100644
index 0000000000..8b7f36b75d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-offset-003.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: 'left' property defines the offset from the left edge of the containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-offset-003-ref.xht" />
+
+ <meta name="assert" content="The 'left' property, for absolute positioning, specifies the offset of the element in relation to the containing block's left edge. In this test, the containing block of the absolutely positioned element is formed by the padding box of its nearest (closest) non-inline positioned ancestor element." />
+ <style type="text/css">
+ #container
+ {
+ border: solid blue;
+ height: 1in;
+ padding-left: 0.25in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ background: black;
+ height: 0.5in;
+ position: absolute;
+ left: 0.75in;
+ width: 0.5in;
+ }
+ #div2
+ {
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled black square is in the upper-right corner of an hollow blue rectangle.</p>
+ <div id="container">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-offset-percentage-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/left-offset-percentage-001-ref.xht
new file mode 100644
index 0000000000..b0a963e1bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-offset-percentage-001-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ direction: rtl;
+ height: 200px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a blue square is in the top-right corner of an hollow black rectangle.</p>
+
+ <div><img src="support/blue15x15.png" width="50" height="50" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-offset-percentage-001.xht b/testing/web-platform/tests/css/CSS2/positioning/left-offset-percentage-001.xht
new file mode 100644
index 0000000000..9d3087b695
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-offset-percentage-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left offset using percentage</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-offset-percentage-001-ref.xht" />
+
+ <meta name="assert" content="Percentage offset values for the 'left' property are based off the width of the containing block." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 150px;
+ padding: 25px;
+ position: relative;
+ width: 50px;
+ }
+ div div
+ {
+ background: blue;
+ height: 50px;
+ left: 50%;
+ position: absolute;
+ top: 0;
+ width: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue square is in the top-right corner of an hollow black rectangle.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-offset-percentage-002-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/left-offset-percentage-002-ref.xht
new file mode 100644
index 0000000000..c48b87b853
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-offset-percentage-002-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ left: 300px;
+ height: 100px;
+ position: relative;
+ top: 100px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/left-offset-percentage-002.xht b/testing/web-platform/tests/css/CSS2/positioning/left-offset-percentage-002.xht
new file mode 100644
index 0000000000..425d31c30f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/left-offset-percentage-002.xht
@@ -0,0 +1,87 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: position absolute - left offset percentage and inherit</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="6.2.1 The 'inherit' value" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit" />
+ <link rel="help" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-offset-percentage-002-ref.xht" />
+ <meta content="'left: inherit' makes the left property take the same computed value as the left property for the element's parent; in the case of a percentage value, the computed value is the specified percentage value. 'left: [percentage]' refers to width of containing block." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div {position: absolute;}
+
+ #grand-parent-abs-pos
+ {
+ height: 400px;
+ width: 600px;
+ }
+
+ #red-abs-pos-overlapped
+ {
+ background-color: red;
+ color: white;
+ height: 100px;
+ left: 300px;
+ top: 100px;
+ width: 100px;
+ }
+
+ #parent-abs-pos
+ {
+ height: 0px;
+ left: 50%; /* 50% x 600px == 300px */
+ /* 'left: [percentage]' refers to width of containing block. */
+ top: 25%; /* 25% x 400px == 100px */
+ /* 'top: [percentage]' refers to height of containing block. */
+ width: 0px;
+ }
+
+ #green-child-abs-pos-inherit-overlapping
+ {
+ background-color: green;
+ left: inherit;
+ /*
+ =====================================
+ left: inherit should resolve as left: 50% because
+ "the property takes the same computed value as the
+ property for the element's parent"
+ CSS 2.1, section 6.2.1 The 'inherit' value
+ http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit
+ and
+ "Computed value: (...) if specified as a percentage, [then]
+ the specified [percentage] value"
+ http://www.w3.org/TR/CSS21/visuren.html#position-props
+
+ So, the left offset of #green-child-abs-pos-inherit-overlapping
+ should be 50%, which is 50% of the width of its containing
+ block (#parent-abs-pos) which is 0px.
+ =====================================
+ */
+ top: 0px;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="grand-parent-abs-pos">
+ <div id="red-abs-pos-overlapped">test FAILED</div>
+ <div id="parent-abs-pos">
+ <div id="green-child-abs-pos-inherit-overlapping"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/line-break-after-leading-float.html b/testing/web-platform/tests/css/CSS2/positioning/line-break-after-leading-float.html
new file mode 100644
index 0000000000..a452dbd663
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/line-break-after-leading-float.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<title>CSS Test: Line wrapping after leading floating objects</title>
+<link rel="help" href="https://crbug.com/1014247">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<body>
+<div id="parent" style="width: 100px; text-indent: 40px;">
+ <div style="float: left; width: 60px; height: 10px; background: hotpink;"></div>
+ <div id="lime" style="display: inline-block; width: 60px; height: 20px; background: lime;"></div>
+</div>
+</body>
+<script>
+ test(function(){
+ parent_rect = document.getElementById("parent").getBoundingClientRect();
+ rect = document.getElementById("lime").getBoundingClientRect();
+ assert_equals(rect.left - parent_rect.left, 40);
+ }, "Checks line wrapping after leading floating objects.");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/line-break-after-leading-oof-001-ref.html b/testing/web-platform/tests/css/CSS2/positioning/line-break-after-leading-oof-001-ref.html
new file mode 100644
index 0000000000..50c682eddc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/line-break-after-leading-oof-001-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+div {
+ text-indent: 3ch;
+}
+</style>
+<body>
+ <div>123456</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/line-break-after-leading-oof-001.html b/testing/web-platform/tests/css/CSS2/positioning/line-break-after-leading-oof-001.html
new file mode 100644
index 0000000000..b00c48156e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/line-break-after-leading-oof-001.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<title>CSS Test: Line wrapping after leading out-of-flow objects</title>
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#propdef-position">
+<style>
+div {
+ width: 5ch;
+ /* When the line was broken after the leading OOF, it is hardly visible
+ because it is an empty line box.
+ Applying `text-indent` can make it visible; if the line is indented,
+ it is the first line, proving the line did not wrap. */
+ text-indent: 3ch;
+}
+</style>
+<body>
+ <div><span style="position: absolute"></span>123456</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-001.xht b/testing/web-platform/tests/css/CSS2/positioning/position-001.xht
new file mode 100644
index 0000000000..11611a3515
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-001.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position set to 'static'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <meta name="assert" content="The 'position' property applies the value 'static' and places the element in normal document flow." />
+ <style type="text/css">
+ #wrapper
+ {
+ border: 3px solid orange;
+ }
+ #div1
+ {
+ background: blue;
+ color: white;
+ left: 1in;
+ position: static;
+ top: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue bar fills the entire area of the wide hollow orange rectangle.</p>
+ <div id="wrapper">
+ <div id="div1">Text sample</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-002.xht b/testing/web-platform/tests/css/CSS2/positioning/position-002.xht
new file mode 100644
index 0000000000..f039cfcbb5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-002.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position set to 'relative'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <meta name="assert" content="The 'position' property applies the value 'relative' and places the element in normal document flow." />
+ <style type="text/css">
+ #wrapper
+ {
+ border: 3px solid orange;
+ }
+ #div1
+ {
+ background: blue;
+ color: white;
+ left: 1in;
+ position: relative;
+ top: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue bar is completely shifted below the wide hollow orange rectangle.</p>
+ <div id="wrapper">
+ <div id="div1">Text sample</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-003.xht b/testing/web-platform/tests/css/CSS2/positioning/position-003.xht
new file mode 100644
index 0000000000..cae69ec823
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-003.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position set to 'absolute'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <meta name="assert" content="The 'position' property applies the value 'absolute' and places the element out of flow of the document." />
+ <style type="text/css">
+ #wrapper
+ {
+ background: red;
+ border: 3px solid orange;
+ }
+ #div1
+ {
+ background: blue;
+ color: white;
+ left: 1in;
+ position: absolute;
+ top: 1.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red, if the blue stripe is just as wide and just as tall as its text and if the blue stripe is completely shifted below the orange line.</p>
+ <div id="wrapper">
+ <div id="div1">Text sample</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-004.xht b/testing/web-platform/tests/css/CSS2/positioning/position-004.xht
new file mode 100644
index 0000000000..eb231ddfb0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-004.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position set to 'fixed'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'position' property applies the value 'fixed' and places the element out of flow of the document and locks it to a specific point on the viewport." />
+ <style type="text/css">
+ #wrapper
+ {
+ height: 3000px;
+ }
+ #div1
+ {
+ background: red;
+ border: 3px solid orange;
+ }
+ #div2
+ {
+ background: blue;
+ color: white;
+ left: 1in;
+ position: fixed;
+ top: 1.75in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red, if the blue stripe is just as wide and just as tall as its text and if the blue stripe is completely shifted below the orange line. Also when scrolling, the blue stripe must stay at its same position on the screen, all other content can scroll.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div id="div2">Text sample</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-005.xht b/testing/web-platform/tests/css/CSS2/positioning/position-005.xht
new file mode 100644
index 0000000000..f0f64c69f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-005.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <meta name="assert" content="The 'position' property applies the value 'inherit' and inherits the 'position' value from its parent element." />
+ <style type="text/css">
+ #wrapper
+ {
+ background: red;
+ border: 3px solid orange;
+ position: absolute;
+ }
+ #div1
+ {
+ background: blue;
+ color: white;
+ left: 1in;
+ position: inherit;
+ top: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red, if the blue rectangle is just as wide as its longest word and just as tall as its text and if the blue rectangle is completely shifted below the tiny orange square.</p>
+ <div id="wrapper">
+ <div id="div1">Text sample</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-006-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-006-ref.xht
new file mode 100644
index 0000000000..c32c2aa74d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-006-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>There should be 2 sentences on this page.</p>
+
+ <p>The test has passed if you see this as the 2nd sentence.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-006.xht b/testing/web-platform/tests/css/CSS2/positioning/position-006.xht
new file mode 100644
index 0000000000..05b2c98cff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-006.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Parsing 'position'</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/core-syntax/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="position-006-ref.xht" />
+
+
+ <meta name="flags" content="invalid" />
+
+ <style type="text/css">
+ p { position: fixed, top; }
+ </style>
+ </head>
+ <body>
+ <p>There should be 2 sentences on this page.</p>
+ <p>The test has passed if you see this as the 2nd sentence.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-absolute-001.xht b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-001.xht
new file mode 100644
index 0000000000..f9e4b67371
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-001.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute positions impact on later siblings</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#positioning-scheme" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="Absolute positioned elements do not impact later siblings." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2, #div3
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #div2
+ {
+ background: green;
+ position: absolute;
+ }
+ #div3
+ {
+ background: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-absolute-002-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-002-ref.xht
new file mode 100644
index 0000000000..58b67c9c77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-002-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 2in;
+ width: 2in;
+ }
+
+ img {padding: 1in 0 0 1in;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if an orange square fills the <strong>bottom-right corner</strong> of a bigger blue square.</p>
+
+ <div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-absolute-002.xht b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-002.xht
new file mode 100644
index 0000000000..74e78888e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-002.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position absolute size and positioning</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <link rel="match" href="position-absolute-002-ref.xht" />
+
+ <meta name="assert" content="Absolutely positioned elements can be sized and positioned using 'top', 'right', 'bottom' and 'left' properties." />
+ <style type="text/css">
+ #div1
+ {
+ background: blue;
+ height: 2in;
+ position: relative;
+ width: 2in;
+ }
+ div div
+ {
+ background: orange;
+ bottom: 0;
+ left: 1in;
+ position: absolute;
+ right: 0;
+ top: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if an orange square fills the <strong>bottom-right corner</strong> of a bigger blue square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-absolute-003.xht b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-003.xht
new file mode 100644
index 0000000000..26404d3e79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-003.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolute position element taken out of flow</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="Absolute positioned elements are taken out of the normal flow when they have explicit offsets." />
+ <style type="text/css">
+ #div1
+ {
+ height: 100px;
+ position: relative;
+ width: 200px;
+ }
+ #div2, #div3
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #div2
+ {
+ background: red;
+ }
+ #div3
+ {
+ background: green;
+ position: absolute;
+ left: 0;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-absolute-004-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-004-ref.xht
new file mode 100644
index 0000000000..6e27394921
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-004-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 2in;
+ margin-left: 1in;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue square is directly below the orange square.</p>
+
+ <div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-absolute-004.xht b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-004.xht
new file mode 100644
index 0000000000..a8c73904c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-004.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned elements establishes a new containing block for normal flow children</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning" />
+ <link rel="match" href="position-absolute-004-ref.xht" />
+
+ <meta name="assert" content="An absolutely positioned box establishes a new containing block for normal flow children." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ div div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div2
+ {
+ background: blue;
+ left: 1in;
+ height: 2in;
+ position: absolute;
+ }
+ #div3
+ {
+ background: orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is directly below the orange square.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-absolute-005.xht b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-005.xht
new file mode 100644
index 0000000000..6b16d3da46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-005.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned elements do not establish a new containing block for fixed position descendants</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning" />
+ <meta name="assert" content="An absolutely positioned box does not establish a new containing block for fixed positioned descendants." />
+ <style type="text/css">
+ p
+ {
+ margin-top: 1in;
+ }
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ position: absolute;
+ height: 1in;
+ left: 3in;
+ top: 3in;
+ width: 1in;
+ }
+ #div3
+ {
+ background: black;
+ height: 1in;
+ left: 0;
+ position: fixed;
+ top: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box in the upper-left corner of the page.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-absolute-006.xht b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-006.xht
new file mode 100644
index 0000000000..85b7ae976f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-006.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned elements establishes a new containing block for absolutely positioned children</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning" />
+ <link rel="match" href="position-absolute-004-ref.xht" />
+
+ <meta name="assert" content="An absolutely positioned box establishes a new containing block for absolutely positioned children." />
+ <style type="text/css">
+ #div1
+ {
+ height: 2in;
+ position: relative;
+ width: 2in;
+ }
+ div div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div2
+ {
+ background: orange;
+ left: 1in;
+ position: absolute;
+ }
+ #div3
+ {
+ background: blue;
+ position: relative;
+ top: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square is directly below the orange square.</p>
+ <div id="div1">
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-absolute-007-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-007-ref.xht
new file mode 100644
index 0000000000..115db79945
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-007-ref.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div.blue
+ {
+ background-color: blue;
+ height: 0.5in;
+ width: 0.5in
+ }
+
+ div#orange
+ {
+ background-color: orange;
+ height: 1in;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the "Filler Text" overflow below the orange square and overlaps the bottom blue square.</p>
+
+ <div class="blue"></div>
+
+ <div id="orange">Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</div>
+
+ <div class="blue"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-absolute-007.xht b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-007.xht
new file mode 100644
index 0000000000..e9ec2a5f16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-007.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned elements child behavior</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning" />
+ <link rel="match" href="position-absolute-007-ref.xht" />
+
+ <meta name="assert" content="The contents of an absolutely positioned element do not flow around any other boxes and can obscure the contents of another box." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2
+ {
+ background: orange;
+ position: absolute;
+ height: 1in;
+ top: 0.5in;
+ width: 1in;
+ }
+ #div3
+ {
+ background: blue;
+ float: left;
+ height: 2in;
+ width: 0.5in
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" overflow below the orange square and overlaps the bottom blue square.</p>
+ <div id="div1">
+ <div id="div2">
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ </div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-absolute-008.xht b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-008.xht
new file mode 100644
index 0000000000..73db2f85f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-absolute-008.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float is computed to 'none' when element is absolutely positioned</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" title="9.7 Relationships between 'display', 'position', and 'float'" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="Float is computed to 'none' when 'position: absolute' is specified." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2, #div3
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #div2
+ {
+ background: red;
+ }
+ #div3
+ {
+ background: green;
+ float: right;
+ position: absolute;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-001.xht
new file mode 100644
index 0000000000..f50512b558
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-001.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position applied to element with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'position' property applies to elements with a display of 'table-row-group'." />
+ <style type="text/css">
+ body {margin: 8px;}
+ #test
+ {
+ bottom: 0;
+ display: table-row-group;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: green;
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-002.xht
new file mode 100644
index 0000000000..62c7f8036d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-002.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position applied to element with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'position' property applies to elements with a display of 'table-header-group'." />
+ <style type="text/css">
+ body {margin: 8px;}
+ #test
+ {
+ background: green;
+ bottom: 0;
+ display: table-header-group;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-003.xht
new file mode 100644
index 0000000000..0f77db74ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-003.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position applied to element with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'position' property applies to elements with a display of 'table-footer-group'." />
+ <style type="text/css">
+ body {margin: 8px;}
+ #test
+ {
+ background: green;
+ bottom: 0;
+ display: table-footer-group;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-004.xht
new file mode 100644
index 0000000000..e71d67df3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-004.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position applied to element with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'position' property applies to elements with a display of 'table-row'." />
+ <style type="text/css">
+ body {margin: 8px;}
+ #test
+ {
+ background: green;
+ bottom: 0;
+ display: table-row;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-005.xht
new file mode 100644
index 0000000000..b2106b722d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-005.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position applied to element with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'position' property applies to elements with a display of 'table-column-group'." />
+ <style type="text/css">
+ body {margin: 8px;}
+ #test
+ {
+ background: green;
+ bottom: 0;
+ display: table-column-group;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-006.xht
new file mode 100644
index 0000000000..2e1cb1562f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-006.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position applied to element with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'position' property applies to elements with a display of 'table-column'." />
+ <style type="text/css">
+ body {margin: 8px;}
+ #test
+ {
+ background: green;
+ bottom: 0;
+ display: table-column;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-007.xht
new file mode 100644
index 0000000000..944e2a82a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-007.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position applied to element with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'position' property applies to elements with a display of 'table-cell'." />
+ <style type="text/css">
+ body {margin: 8px;}
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: green;
+ bottom: 0;
+ display: table-cell;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-008.xht
new file mode 100644
index 0000000000..0f68c0d4dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position applied to element with 'display' set to inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <meta name="assert" content="The 'position' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ background: green;
+ bottom: 0;
+ display: inline;
+ position: absolute;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green stripe at the bottom of the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-009.xht
new file mode 100644
index 0000000000..06139270f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-009.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position applied to element with 'display' set to block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'position' property applies to elements with a display of block." />
+ <style type="text/css">
+ body {margin: 8px;}
+ span
+ {
+ background: green;
+ bottom: 0;
+ display: block;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-010.xht
new file mode 100644
index 0000000000..7d7e555bb9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-010.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position applied to element with 'display' set to list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <meta name="assert" content="The 'position' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 1em;
+ }
+ div
+ {
+ background: green;
+ bottom: 0;
+ display: list-item;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-012.xht
new file mode 100644
index 0000000000..34206d65bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-012.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position applied to element with 'display' set to inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'position' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ body {margin: 8px;}
+
+ span#inline-block
+ {
+ background: green;
+ bottom: 0;
+ display: inline-block;
+ position: absolute;
+ }
+
+ span.block-descendant
+ {
+ display: block;
+ height: 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-013.xht
new file mode 100644
index 0000000000..0b70b92ba1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-013.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position applied to element with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'position' property applies to elements with a display of 'table'." />
+ <style type="text/css">
+ body {margin: 8px;}
+ #table
+ {
+ background: green;
+ bottom: 0;
+ display: table;
+ table-layout: fixed;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-014.xht
new file mode 100644
index 0000000000..c02ce086f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-014.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position applied to element with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'position' property applies to elements with a display of 'inline-table'." />
+ <style type="text/css">
+ body {margin: 8px;}
+ #table
+ {
+ background: green;
+ bottom: 0;
+ display: inline-table;
+ table-layout: fixed;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-015.xht
new file mode 100644
index 0000000000..1a5e69d005
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-applies-to-015.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position applied to element with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <link rel="match" href="bottom-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'position' property applies to elements with a display of 'table-caption'." />
+ <style type="text/css">
+ body {margin: 8px;}
+ #caption
+ {
+ background: green;
+ bottom: 0;
+ display: table-caption;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the bottom of the page.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-fixed-001.xht b/testing/web-platform/tests/css/CSS2/positioning/position-fixed-001.xht
new file mode 100644
index 0000000000..8cb1e847de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-fixed-001.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Fixed position elements impact on later siblings</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="Fixed positioned elements do not impact later siblings." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ #div2, #div3
+ {
+ height: 100px;
+ width: 100px;
+ }
+ #div2
+ {
+ background: green;
+ position: fixed;
+ }
+ #div3
+ {
+ background: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-fixed-002.xht b/testing/web-platform/tests/css/CSS2/positioning/position-fixed-002.xht
new file mode 100644
index 0000000000..70830d51ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-fixed-002.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position fixed size and positioning</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <meta name="assert" content="Fixed positioned elements can be sized and positioned using 'top', 'right', 'bottom' and 'left' properties." />
+ <style type="text/css">
+ #div1
+ {
+ background: blue;
+ height: 2in;
+ position: relative;
+ width: 2in;
+ }
+ div div
+ {
+ background: orange;
+ bottom: 0;
+ left: 1in;
+ position: fixed;
+ right: 0;
+ top: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a large orange rectangle that covers the bottom-right corner of a blue square and continues to the right side and the bottom of the page.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-fixed-003.xht b/testing/web-platform/tests/css/CSS2/positioning/position-fixed-003.xht
new file mode 100644
index 0000000000..a98577533d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-fixed-003.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position fixed on different media types</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Elements that are set to 'position: fixed' are fixed with respect to the viewport." />
+ <style type="text/css">
+ #filler
+ {
+ height: 6000px;
+ margin: 10px;
+ }
+ @media handheld, projection, screen, tty, tv
+ {
+ #div1
+ {
+ background: blue;
+ height: 1.5em;
+ position: fixed;
+ top: 3em;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue stripe does not move when the page is scrolled.</p>
+ <div id="div1">Filler Text</div>
+ <div id="filler"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-fixed-004.xht b/testing/web-platform/tests/css/CSS2/positioning/position-fixed-004.xht
new file mode 100644
index 0000000000..43fb1bcb49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-fixed-004.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position fixed and print media</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="Fixed position elements are positioned with respect to the page box when printed." />
+ <style type="text/css">
+ html, body
+ {
+ height: 100%;
+ }
+ #filler
+ {
+ height: 400%;
+ margin: 10px;
+ }
+ @media print
+ {
+ #div1
+ {
+ position: fixed;
+ top: 50px;
+ }
+ #prerequisite
+ {
+ display: none;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p id="prerequisite">PREREQUISITE: Switch to print preview or a paged view.</p>
+ <p>Test passes if the "Filler Text" is on all five pages when paginated or printed.</p>
+ <div id="div1">Filler Text</div>
+ <div id="filler"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-fixed-005.xht b/testing/web-platform/tests/css/CSS2/positioning/position-fixed-005.xht
new file mode 100644
index 0000000000..de52aeebc4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-fixed-005.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pagination of fixed positioned elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <meta name="flags" content="paged" />
+ <meta name="assert" content="Fixed position elements cannot be paginated." />
+ <style type="text/css">
+ @media print
+ {
+ #prerequisite
+ {
+ display: none;
+ }
+ }
+ html, body
+ {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ }
+ p
+ {
+ margin: 0;
+ padding: 1em 0 0 1em;
+ }
+ #fixed
+ {
+ height: 100%;
+ position: fixed;
+ top: 5em;
+ }
+ #spacer
+ {
+ height: 100%;
+ }
+ span
+ {
+ color: red;
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p id="prerequisite">PREREQUISITE: Switch to print preview or a paged view.</p>
+ <p>Test passes if there is only one page and there is no red underlined text visible when paginated or printed.</p>
+ <div id="fixed">
+ <div id="spacer"></div>
+ <span>Test fails if this line of text is visible when the page is paginated or printed.</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-fixed-006.xht b/testing/web-platform/tests/css/CSS2/positioning/position-fixed-006.xht
new file mode 100644
index 0000000000..e9c73c38f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-fixed-006.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html id="test" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-static position on the root element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <meta name="flags" content="dom may" />
+ <meta name="assert" content="Root elements may treat non-static positions as 'static'." />
+ <style type="text/css">
+ html
+ {
+ position: fixed;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "fixed" or "static" is below this text.</p>
+ <script type="text/javascript">
+ var el = document.getElementById('test');
+ document.body.appendChild(document.createTextNode(window.getComputedStyle(el, null).position));
+ </script>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-fixed-007-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-fixed-007-ref.xht
new file mode 100644
index 0000000000..fa6eb254f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-fixed-007-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ margin-left: 0px;
+ margin-top: 0px;
+ }
+
+ p
+ {
+ margin-left: 8px;
+ margin-top: 0px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div><img src="support/black15x15.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ <p>Test passes if there is a black square in the upper-left corner of the page.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-fixed-007.xht b/testing/web-platform/tests/css/CSS2/positioning/position-fixed-007.xht
new file mode 100644
index 0000000000..78c34ccf84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-fixed-007.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Float is computed to 'none' when element is fixed positioned</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning" />
+ <link rel="match" href="position-fixed-007-ref.xht" />
+
+ <meta name="assert" content="Float is computed to 'none' when 'position: fixed' is applied." />
+ <style type="text/css">
+ p
+ {
+ margin-top: 1in;
+ }
+
+ div
+ {
+ background: black;
+ float: right;
+ height: 1in;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black square in the upper-left corner of the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-001-ref.xht
new file mode 100644
index 0000000000..3f1762af42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-001-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the letters below are all on the same line and they are in alphabetical order.</p>
+
+ <div>a b c d</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-001.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-001.xht
new file mode 100644
index 0000000000..82cb630197
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-001.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning and normal flow</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <link rel="match" href="position-relative-001-ref.xht" />
+
+ <meta name="assert" content="Relatively positioned elements lay out in normal flow." />
+ <style type="text/css">
+ #span1, #span2
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters below are all on the same line and they are in alphabetical order.</p>
+ <div>
+ <span id="span1">a</span>
+ <span>b</span>
+ <span id="span2">c</span>
+ <span>d</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-002.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-002.xht
new file mode 100644
index 0000000000..e9a69243b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-002.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Elements following relatively positioned elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <meta name="assert" content="Element following relatively positioned element show up in normal flow as if the relatively positioned element were not offset." />
+ <style type="text/css">
+ body {line-height: 1.25;}
+
+ #div1
+ {
+ background: blue;
+ height: 2px;
+ left: 0;
+ position: relative;
+ top: 24px;
+ width: 200px;
+ }
+ #span1
+ {
+ position: relative;
+ top: 25px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "a" is below the blue line and the letter "b" is above the blue line.</p>
+ <div>
+ <div id="div1"></div>
+ <span id="span1">a</span>
+ <span>b</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-003-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-003-ref.xht
new file mode 100644
index 0000000000..0bc719310f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-003-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid 3px;
+ width: 5in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if "Filler Text" is aligned to the left side of the box.</p>
+
+ <div>Filler Text</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-003.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-003.xht
new file mode 100644
index 0000000000..19fdc182f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-003.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning with auto</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="position-relative-003-ref.xht" />
+
+ <meta name="assert" content="The position of a relatively positioned element with left and right set to auto the values compute to zero." />
+ <style type="text/css">
+ div
+ {
+ border: solid 3px;
+ width: 5in;
+ }
+ span
+ {
+ position: relative;
+ left: auto;
+ right: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if "Filler Text" is aligned to the left side of the box.</p>
+ <div>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-004-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-004-ref.xht
new file mode 100644
index 0000000000..eae8deba76
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-004-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if 3 filled squares have the same size and if the yellow square is on the right-hand side of the orange square.</p>
+
+ <div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-white.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-004.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-004.xht
new file mode 100644
index 0000000000..5e7dfad426
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-004.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning dimensions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="position-relative-004-ref.xht" />
+
+ <meta name="assert" content="Relative positioning with left or right does not change size of a box." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ background: orange;
+ position: absolute;
+ }
+ #div2
+ {
+ background: yellow;
+ left: 1in;
+ position: relative;
+ }
+ #div3
+ {
+ background: blue;
+ position: relative;
+ right: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if 3 filled squares have the same size and if the yellow square is on the right-hand side of the orange square.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-005-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-005-ref.xht
new file mode 100644
index 0000000000..c6a17433ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-005-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a blue square is on the right-hand side of an orange square.</p>
+
+ <div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/blue15x15.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-005.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-005.xht
new file mode 100644
index 0000000000..6c3097305f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-005.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning with left</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="position-relative-005-ref.xht" />
+
+ <meta name="assert" content="Relatively positioned element with the left specified offsets the element from the left of the containing block." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ background: orange;
+ position: absolute;
+ }
+ #div2
+ {
+ background: blue;
+ left: 1in;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue square is on the right-hand side of an orange square.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-006.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-006.xht
new file mode 100644
index 0000000000..e239aac182
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-006.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning with right</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="position-relative-005-ref.xht" />
+
+ <meta name="assert" content="Relatively positioned element with the right specified offsets the element from the right of the containing block." />
+ <style type="text/css">
+ div
+ {
+ width: 2in;
+ }
+ span
+ {
+ display: block;
+ height: 1in;
+ width: 1in;
+ }
+ #span1
+ {
+ background: orange;
+ }
+ #span2
+ {
+ background: blue;
+ position: relative;
+ right: -1in;
+ top: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue square is on the right-hand side of an orange square.</p>
+ <div>
+ <span id="span1"></span><span id="span2"></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-007.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-007.xht
new file mode 100644
index 0000000000..c0fef82a93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-007.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning with 'left' set and 'right' 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="position-relative-005-ref.xht" />
+
+ <meta name="assert" content="Relatively positioned element with 'left' set to 'auto' and 'right' set to a value appears at expected offset." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ margin-left: 1in;
+ }
+ #div2
+ {
+ background: blue;
+ }
+ #div3
+ {
+ background: orange;
+ position: relative;
+ left: auto;
+ right: 1in;
+ top: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue square is on the right-hand side of an orange square.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-008.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-008.xht
new file mode 100644
index 0000000000..7ee2c04e61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-008.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning with 'right' set and 'left' 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+
+ <meta name="assert" content="If 'right' offset of a relatively positioned box is specified as 'auto', then its computed value is minus the value of 'left' offset. A relatively positioned box with 'left' set to a value moves the box to the left by the value of 'right'." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ margin-left: 1in;
+ }
+ #div2
+ {
+ background: orange;
+ }
+ #div3
+ {
+ background: blue;
+ position: relative;
+ left: 1in;
+ right: auto;
+ top: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue square is on the right-hand side of an orange square.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-009.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-009.xht
new file mode 100644
index 0000000000..413693cbba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-009.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Over-constrained situation with position 'left' property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="position-relative-005-ref.xht" />
+
+ <meta name="assert" content="If the 'direction' property of the containing block is 'ltr', the value of 'left' wins and 'right' becomes negative 'left'." />
+ <style type="text/css">
+ body {direction: ltr;}
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ background: orange;
+ }
+ #div2
+ {
+ background: blue;
+ left: 1in;
+ position: relative;
+ right: 1in;
+ top: -1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue square is on the right-hand side of an orange square.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-010.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-010.xht
new file mode 100644
index 0000000000..9966bb0093
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-010.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Over-constrained situation with position 'right' property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="position-relative-005-ref.xht" />
+
+ <meta name="assert" content="If the 'direction' property of the containing block is 'rtl', the value of 'right' wins and 'left' becomes negative 'right'." />
+ <style type="text/css">
+ #div1
+ {
+ background: blue;
+ direction: rtl;
+ width: 2in;
+ }
+ div div
+ {
+ background: orange;
+ height: 1in;
+ left: 1in;
+ position: relative;
+ right: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue square is on the right-hand side of an orange square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-013.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-013.xht
new file mode 100644
index 0000000000..f9bd74aeec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-013.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning with top and bottom do not change element dimensions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" title="9.4.3 Relative positioning" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="Relatively positioned element dimensions are not changed with top/bottom applied. If 'top' is 'auto' and if 'bottom' is '100px', then top's used value becomes the negative of bottom. If both 'top' and 'bottom' are specified (like for #div3 in this test), then 'bottom' is ignored and the used value of 'bottom' becomes minus the value of 'top')." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ position: relative;
+ width: 100px;
+ }
+ #div1
+ {
+ background-color: red;
+ }
+ #div2
+ {
+ background-color: red;
+ bottom: 100px;
+ top: auto;
+ }
+ #div3
+ {
+ background-color: green;
+ bottom: 0px;
+ top: -200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-014-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-014-ref.xht
new file mode 100644
index 0000000000..556121dcd9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-014-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a blue square is directly below an orange square.</p>
+
+ <div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-014.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-014.xht
new file mode 100644
index 0000000000..4a563ca84f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-014.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning with top</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="position-relative-014-ref.xht" />
+
+ <meta name="assert" content="Relatively positioned element dimensions are not changed with top applied." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ background: orange;
+ position: absolute;
+ }
+ #div2
+ {
+ background: blue;
+ position: relative;
+ top: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue square is directly below an orange square.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-015.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-015.xht
new file mode 100644
index 0000000000..9e86a29cbd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-015.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning with bottom</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="position-relative-014-ref.xht" />
+
+ <meta name="assert" content="Relatively positioned element dimensions are not changed with bottom applied." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ background: blue;
+ position: relative;
+ top: 1in;
+ }
+ #div2
+ {
+ background: orange;
+ bottom: 1in;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue square is directly below an orange square.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-016-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-016-ref.xht
new file mode 100644
index 0000000000..7597515356
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-016-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {padding-top: 98px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/swatch-green.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-016.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-016.xht
new file mode 100644
index 0000000000..31dd72625b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-016.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning and computed top/bottom values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="position-relative-016-ref.xht" />
+
+ <meta name="assert" content="Used value of top equals negative bottom when top is auto and bottom is given. (Computed value of top remains auto.)" />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div0
+ {
+ border: 1px solid transparent;
+ height: 0;
+ }
+ #div1
+ {
+ position: absolute;
+ background: red;
+ margin-top: 1in;
+ }
+ #div2
+ {
+ bottom: -1in;
+ position: relative;
+ top: auto;
+ }
+ #div3
+ {
+ background: green;
+ position: relative;
+ top: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div0"></div>
+ <div id="div1"></div>
+ <div id="div2">
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-017.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-017.xht
new file mode 100644
index 0000000000..8d9396b032
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-017.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning and computed 'top'/'bottom' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="position-relative-014-ref.xht" />
+
+ <meta name="assert" content="Computed values are zero when both 'top' and 'bottom' are set to 'auto'." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ background: blue;
+ height: 2in;
+ }
+ div div
+ {
+ background: orange;
+ position: relative;
+ top: auto;
+ bottom: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue square is directly below an orange square.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-018-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-018-ref.xht
new file mode 100644
index 0000000000..b181e5ad9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-018-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ margin-top: 112px;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is only one filled black square.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-018.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-018.xht
new file mode 100644
index 0000000000..b28f667890
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-018.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning and computed values when 'bottom' is set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="position-relative-018-ref.xht" />
+
+ <meta name="assert" content="Computed value of 'bottom' set to 'auto' is equal to negative 'top'." />
+ <style type="text/css">
+ .parent
+ {
+ width: 0.5in;
+ float: left;
+ }
+ div div
+ {
+ background: black;
+ height: 1in;
+ position: relative;
+ width: 0.5in;
+ }
+ #div1
+ {
+ bottom: auto;
+ top: 1in;
+ }
+ #div2
+ {
+ bottom: -1in;
+ top: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one filled black square.</p>
+ <div class="parent">
+ <div id="div1"></div>
+ </div>
+ <div class="parent">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-019.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-019.xht
new file mode 100644
index 0000000000..dbd76359c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-019.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning 'bottom' ignored if 'top' and 'bottom' are both not 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="position-relative-014-ref.xht" />
+
+ <meta name="assert" content="The 'bottom' value is ignored if neither 'top' or 'bottom' is 'auto'." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ background: orange;
+ position: absolute;
+ }
+ #div2
+ {
+ background: blue;
+ bottom: 3in;
+ position: relative;
+ top: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue square is directly below an orange square.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-020.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-020.xht
new file mode 100644
index 0000000000..4f32571086
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-020.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning and overflow: auto</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="If relative positioning causes overflow the user agent needs to provide a scrolling mechanism to all of the content at its offset position." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1.5in;
+ position: relative;
+ overflow: auto;
+ width: 1.5in;
+ }
+ div div
+ {
+ border: solid blue 5px;
+ height: 1in;
+ position: relative;
+ top: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if, after scrolling down, all four edges of a blue square are visible.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-021.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-021.xht
new file mode 100644
index 0000000000..a0887557ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-021.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning and overflow: scroll</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="If relative positioning causes overflow the user agent needs to provide a scrolling mechanism to all of the content at its offset position." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1.5in;
+ position: relative;
+ overflow: scroll;
+ width: 1.5in;
+ }
+ div div
+ {
+ border: solid blue 5px;
+ height: 1in;
+ position: relative;
+ top: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if, after scrolling down, all four edges of a blue square are visible.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-022.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-022.xht
new file mode 100644
index 0000000000..a69ed39da7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-022.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Relative positioning and overflow: auto</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="If relative positioning causes overflow to an containing ancestor, then the user agent needs to provide a scrolling mechanism to all of the content at its offset position. In this test, div#taller-and-wider-rel-pos generates a 1.75in wide by 1.75in tall box." />
+
+ <style type="text/css"><![CDATA[
+ div#containing-ancestor
+ {
+ height: 1.5in;
+ overflow: auto;
+ width: 1.5in;
+ }
+
+ div#taller-and-wider-rel-pos
+ {
+ border: blue solid 5px;
+ height: 1in;
+ left: 0.75in;
+ position: relative;
+ top: 0.75in;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if, after scrolling down and to the right, all four edges of a blue square are visible.</p>
+
+ <div id="containing-ancestor">
+ <div id="taller-and-wider-rel-pos"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-027-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-027-ref.xht
new file mode 100644
index 0000000000..0e7c1d6840
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-027-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 3 "Filler Text" are on the same line.</p>
+
+ <div>Filler Text Filler Text Filler Text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-027.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-027.xht
new file mode 100644
index 0000000000..3b20254fa1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-027.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relatively positioned elements with auto positioning with anonymous boxes before and after</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="position-relative-027-ref.xht" />
+
+ <meta name="assert" content="Relatively positioned element with auto positioning appear as though they were positioned in flow." />
+ <!--
+ "
+ If both 'left' and 'right' are 'auto' (their initial values),
+ [then] the[ir] used values are '0' (i.e., the boxes stay
+ in their original position).
+ (...)
+ If both [top and bottom] are 'auto', [then] their used values are both '0'.
+ "
+ http://www.w3.org/TR/CSS21/visuren.html#relative-positioning
+ -->
+
+ <style type="text/css">
+ div
+ {
+ width: 5in;
+ }
+ span
+ {
+ bottom: auto;
+ left: auto;
+ position: relative;
+ right: auto;
+ top: auto;
+
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 3 "Filler Text" are on the same line.</p>
+ <div>
+ Filler Text <span>Filler Text</span> Filler Text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-028-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-028-ref.xht
new file mode 100644
index 0000000000..389f2f7856
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-028-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 "Filler Text" are on the same line.</p>
+
+ <div>Filler Text Filler Text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-028.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-028.xht
new file mode 100644
index 0000000000..6f2ab355c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-028.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relatively positioned elements with auto positioning with anonymous boxes after</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-relpos" />
+ <link rel="match" href="position-relative-028-ref.xht" />
+
+ <meta name="assert" content="Relatively positioned element with auto positioning appear as though they were positioned in flow." />
+ <style type="text/css">
+ div
+ {
+ width: 5in;
+ }
+ span
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 "Filler Text" are on the same line.</p>
+ <div>
+ <span>Filler Text</span> Filler Text
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-029.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-029.xht
new file mode 100644
index 0000000000..65254ee063
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-029.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relatively positioned elements with auto positioning with inline box after</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-relpos" />
+ <link rel="match" href="position-relative-028-ref.xht" />
+
+ <meta name="assert" content="Relatively positioned element with auto positioning appear as though they were positioned in flow." />
+ <style type="text/css">
+ div
+ {
+ width: 5in
+ }
+ #span1
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 "Filler Text" are on the same line.</p>
+ <div>
+ <span id="span1">Filler Text</span><span> Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-030-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-030-ref.xht
new file mode 100644
index 0000000000..22fceb8cce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-030-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 4 "Filler Text" are on the same line.</p>
+
+ <div>Filler Text Filler Text Filler Text Filler Text</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-030.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-030.xht
new file mode 100644
index 0000000000..556b81c214
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-030.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relatively positioned elements with auto positioning with anonymous boxes before and after with trailing inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-relpos" />
+ <link rel="match" href="position-relative-030-ref.xht" />
+
+ <meta name="assert" content="Relatively positioned element with auto positioning appear as though they were positioned in flow." />
+ <style type="text/css">
+ div
+ {
+ width: 5in;
+ }
+ #span1
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 4 "Filler Text" are on the same line.</p>
+ <div>
+ Filler Text <span id="span1">Filler Text</span> Filler Text<span> Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-031-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-031-ref.xht
new file mode 100644
index 0000000000..841ed97413
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-031-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style>
+ /* Disable kerning because kerning may differ for different node tree. */
+ html { font-kerning: none; font-feature-settings: "kern" off; }
+ </style>
+ </head>
+
+ <body>
+
+ <p>Test passes if the 5 "Filler Text" are on the same line.</p>
+
+ <div>Filler Text Filler Text Filler Text Filler Text Filler Text</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-031.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-031.xht
new file mode 100644
index 0000000000..1e63f42bfd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-031.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relatively positioned elements with auto positioning with an inline element before, anonymous boxes, and inline boxes after</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-relpos" />
+ <link rel="match" href="position-relative-031-ref.xht" />
+
+ <meta name="assert" content="Relatively positioned element with auto positioning render as though they were positioned in flow." />
+ <style type="text/css">
+ /* Disable kerning because kerning may differ for different node tree. */
+ html { font-kerning: none; font-feature-settings: "kern" off; }
+ div
+ {
+ width: 5in;
+ }
+ #span1
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 5 "Filler Text" are on the same line.</p>
+ <div>
+ <span>Filler Text </span><span id="span1">Filler Text</span> Filler Text<span> Filler Text </span>Filler Text
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-032-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-032-ref.xht
new file mode 100644
index 0000000000..b18b740d07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-032-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {line-height: 1.25;}
+
+ span {visibility: hidden;}
+
+ div + div {margin-top: 5px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if "Filler Text1" and "Filler Text3" are on the first line and "Filler Text2" is on the second line and the space has been reserved where "Filler Text2" would have been if it were on the first line.</p>
+
+ <div>Filler Text1<span>Filler Text2</span>Filler Text3</div>
+
+ <div><span>Filler Text1</span>Filler Text2<span>Filler Text3</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-032.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-032.xht
new file mode 100644
index 0000000000..88cd4557d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-032.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relatively positioned box has no impact on boxes which follow</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-relpos" />
+ <link rel="match" href="position-relative-032-ref.xht" />
+
+ <meta name="assert" content="Offsetting a box with relative positioning has no effect on the boxes which follow." />
+ <style type="text/css">
+ div {line-height: 1.25;}
+
+ #span1
+ {
+ position: relative;
+ top: 25px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if "Filler Text1" and "Filler Text3" are on the first line and "Filler Text2" is on the second line and the space has been reserved where "Filler Text2" would have been if it were on the first line.</p>
+ <div>
+ <span>Filler Text1<span id="span1">Filler Text2</span>Filler Text3</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-033-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-033-ref.xht
new file mode 100644
index 0000000000..5915458523
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-033-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ span {font: 20px/1 Ahem;}
+
+ div > span {border: blue solid 2px;}
+
+ span#yellow-stripe {color: yellow;}
+
+ span#orange-stripe {color: orange;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the yellow stripe is on the left-hand side of the hollow blue rectangle and the orange stripe is on the right-hand side of the hollow blue rectangle.</p>
+
+ <div>
+ <span><span id="yellow-stripe">123456</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="orange-stripe">123456</span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-033.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-033.xht
new file mode 100644
index 0000000000..23ac5fc3a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-033.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relatively positioned box has no impact on boxes which follow and boxes may overlap</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-relpos" />
+ <link rel="match" href="position-relative-033-ref.xht" />
+
+ <meta name="flags" content="ahem may" />
+ <meta name="assert" content="Offsetting a box with relative positioning has no effect on the boxes which follow and boxes may overlap." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ color: orange;
+ font: 20px/1 Ahem;
+ }
+ #span1
+ {
+ border: 2px solid blue;
+ }
+ #span2
+ {
+ color: yellow;
+ position: relative;
+ left: -6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the yellow stripe is on the left-hand side of the hollow blue rectangle and the orange stripe is on the right-hand side of the hollow blue rectangle.</p>
+ <div>
+ <span id="span1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="span2">XXXXXX</span>XXXXXX</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-034.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-034.xht
new file mode 100644
index 0000000000..a6fcf40809
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-034.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relatively positioned content inside container with overflow auto</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-relpos" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="A container with overflow set to auto provides a scrolling mechanism for relatively positioned content." />
+ <style type="text/css">
+ div
+ {
+ border: solid;
+ overflow: auto;
+ width: 200px;
+ }
+ span
+ {
+ position: relative;
+ left: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box can be scrolled to the words "Filler Text".</p>
+ <div>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-035-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-035-ref.xht
new file mode 100644
index 0000000000..fba91bd525
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-035-ref.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ line-height: 1.25;
+ width: 5em;
+ }
+
+ div#black
+ {
+ background-color: black;
+ margin-top: 2em;
+ }
+
+ div#orange
+ {
+ background-color: orange;
+ padding-top: 0.25em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a black rectangle has one and only one orange line of text below it.</p>
+
+ <div id="black">Filler Text Filler Text Filler Text</div>
+
+ <div id="orange">Text</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-035.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-035.xht
new file mode 100644
index 0000000000..b1551b8b00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-035.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relatively positioned boxes preserve the space created for it in flow</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-relpos" />
+ <link rel="match" href="position-relative-035-ref.xht" />
+
+ <meta name="assert" content="Relative positioned content keeps its normal flow size including line breaks and the space originally reserved for it." />
+ <style type="text/css">
+ #div1
+ {
+ line-height: 1.25;
+ width: 5em;
+ }
+ #div2
+ {
+ position: relative;
+ top: 16px;
+ background: black;
+ }
+ #div3
+ {
+ background: orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a black rectangle has one and only one orange line of text below it.</p>
+ <div id="div1">
+ <div id="div2">Filler Text Filler Text Filler Text</div>
+ <div id="div3">&nbsp;FAIL&nbsp; Text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-036.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-036.xht
new file mode 100644
index 0000000000..e7144d7958
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-036.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relatively positioned content inside container with overflow scroll</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-22 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-relpos" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="A container with overflow set to scroll provides a scrolling mechanism for relatively positioned content." />
+ <style type="text/css">
+ div
+ {
+ border: solid;
+ overflow: scroll;
+ width: 200px;
+ }
+ span
+ {
+ position: relative;
+ left: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box can be scrolled to the words "Filler Text".</p>
+ <div>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-037-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-037-ref.xht
new file mode 100644
index 0000000000..daae9c9d27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-037-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid 3px;
+ text-align: right;
+ width: 2in;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the right side of the hollow rectangle is blue.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-037.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-037.xht
new file mode 100644
index 0000000000..42e62580f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-037.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning with over-constained situation and direction left-to-right</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="position-relative-037-ref.xht" />
+
+ <meta name="assert" content="Relative positioning with left and right values and over-constrained situations when direction is left-to-right." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid 3px;
+ direction: ltr;
+ width: 2in;
+ }
+ div div
+ {
+ background: blue;
+ height: 1in;
+ left: 1in;
+ position: relative;
+ right: 2in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the right side of the hollow rectangle is blue.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-038-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-038-ref.xht
new file mode 100644
index 0000000000..d7eba8836b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-038-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid 3px;
+ width: 2in;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the left side of the hollow rectangle is blue.</p>
+
+ <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-038.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-038.xht
new file mode 100644
index 0000000000..5efd907794
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-038.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative positioning with over-constained situation and direction right-to-left</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="position-relative-038-ref.xht" />
+
+ <meta name="assert" content="Relative positioning with left and right values and over-constrained situations when direction is right-to-left." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid 3px;
+ direction: rtl;
+ width: 2in;
+ }
+ div div
+ {
+ background: blue;
+ height: 1in;
+ left: 2in;
+ position: relative;
+ right: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the left side of the hollow rectangle is blue.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-nested-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-nested-001-ref.xht
new file mode 100644
index 0000000000..9fbe2ff932
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-nested-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 300px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-relative-nested-001.xht b/testing/web-platform/tests/css/CSS2/positioning/position-relative-nested-001.xht
new file mode 100644
index 0000000000..5167f3a6fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-relative-nested-001.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical centering with negative and positive top positioning</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#positioning-scheme" />
+ <link rel="match" href="position-relative-nested-001-ref.xht" />
+
+ <meta name="assert" content="Equal 50% positive and negative positioning can vertically center objects." />
+ <style type="text/css">
+ #outer
+ {
+ background: green repeat-x center url('support/red_box.png');
+ /* red_box.png is a 100px by 100px red square */
+ height: 300px;
+ width: 200px;
+ }
+ #inner
+ {
+ background-color: red;
+ height: 100px;
+ position: relative;
+ top: 50%
+ }
+ #inner-most
+ {
+ background-color: green;
+ height: 150px;
+ /* 150px == top-half of red_box.png's height + #inner's height */
+ position: relative;
+ top: -50%;
+ /* 50% is 50% of the height of #inner-most's containing block
+ which is #inner */
+ /* to move the top of the #inner-most box from pixel 150
+ on the y-axis of #outer to pixel 100 on the y-axis of #outer */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="outer">
+ <div id="inner">
+ <div id="inner-most"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-static-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/position-static-001-ref.xht
new file mode 100644
index 0000000000..656cca477c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-static-001-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: orange;
+ height: 192px;
+ line-height: 1.25;
+ width: 192px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if an orange stripe is above a blue rectangle and if both have the same width.</p>
+
+ <div>Filler Text<br /><img src="support/swatch-blue.png" width="192" height="172" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/position-static-001.xht b/testing/web-platform/tests/css/CSS2/positioning/position-static-001.xht
new file mode 100644
index 0000000000..7a8b3101c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/position-static-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Content laid out in normal flow when 'position' is set to 'static'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
+ <link rel="match" href="position-static-001-ref.xht" />
+
+ <meta name="assert" content="Static positioned elements are not affected by top, right, bottom, left property settings." />
+ <style type="text/css">
+ #div1
+ {
+ background: blue;
+ height: 2in;
+ line-height: 1.25;
+ position: relative;
+ width: 2in;
+ }
+ div div
+ {
+ background: orange;
+ bottom: 0;
+ left: 100px;
+ position: static;
+ right: 0;
+ top: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if an orange stripe is above a blue rectangle and if both have the same width.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/positioning-float-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/positioning-float-001-ref.xht
new file mode 100644
index 0000000000..aaa2ce8856
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/positioning-float-001-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ /* Disable kerning because kerning may differ for different node tree. */
+ html { font-kerning: none; font-feature-settings: "kern" off; }
+
+ div {font-size: 3em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is the word "P A S S".</p>
+
+ <div>P A S S</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/positioning-float-001.xht b/testing/web-platform/tests/css/CSS2/positioning/positioning-float-001.xht
new file mode 100644
index 0000000000..9247d01451
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/positioning-float-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Positioning a left floated element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#positioning-scheme" />
+ <link rel="match" href="positioning-float-001-ref.xht" />
+ <meta name="assert" content="Floating a box will first lay out the box then shift it to the left." />
+ <style type="text/css">
+ /* Disable kerning because kerning may differ for different node tree. */
+ html { font-kerning: none; font-feature-settings: "kern" off; }
+
+ div
+ {
+ font-size: 3em;
+ }
+
+ span
+ {
+ float: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is the word "P A S S".</p>
+ <div>S <span>P A&nbsp;</span>S</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/positioning-float-002-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/positioning-float-002-ref.xht
new file mode 100644
index 0000000000..a6a7216863
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/positioning-float-002-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {line-height: 1.25;}
+
+ div + div
+ {
+ margin-top: -1.25em;
+ text-align: right;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if "Floated element" is on the same line as the "Filler Text".</p>
+
+ <div>Filler Text Filler Text</div>
+
+ <div>Floated element</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/positioning-float-002.xht b/testing/web-platform/tests/css/CSS2/positioning/positioning-float-002.xht
new file mode 100644
index 0000000000..b5d68fab71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/positioning-float-002.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Positioning a right floated element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-24 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#positioning-scheme" />
+ <link rel="match" href="positioning-float-002-ref.xht" />
+
+ <meta name="assert" content="Floating a box will first lay out the box then shift it to the right." />
+ <style type="text/css">
+ div {line-height: 1.25;}
+
+ div div
+ {
+ float: right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if "Floated element" is on the same line as the "Filler Text".</p>
+ <div>
+ Filler Text
+ <div>Floated element</div>
+ Filler Text
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-001-ref.xht
new file mode 100644
index 0000000000..a147a5f97b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 120px;
+ width: 120px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-001.xht b/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-001.xht
new file mode 100644
index 0000000000..d109596814
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-001.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative Positioning - auto top = -bottom</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="relpos-calcs-001-ref.xht" />
+
+ <meta name="assert" content="For a relatively positioned element, if 'top'
+ is 'auto', its used value is minus the value of 'bottom'." />
+ <style type="text/css">
+ div {
+ height: 120px;
+ width: 120px;
+ }
+ .container {
+ margin-top: -60px;
+ }
+ .outer {
+ background: red;
+ position: relative;
+ bottom: -50%;
+ /*
+ div.outer's used bottom value is -60px
+ div.outer's used top value is 60px
+ div.outer's computed bottom value is -50%
+ but
+ div.outer's computed top value is auto and not 50%!
+ */
+ }
+ .inner {
+ background: green;
+ position: relative;
+ top: inherit;
+ /* using inheritance to test computed vs. used */
+ /* What is inherited is the computed top value of
+ its containing block, which is auto!
+ */
+ }
+ .control {
+ background: red;
+ margin-top: -60px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div class="container">
+ <div class="outer">
+ <div class="inner"></div>
+ </div>
+ </div>
+ <div class="control"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-002.xht b/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-002.xht
new file mode 100644
index 0000000000..70254b8a95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-002.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative Positioning - auto bottom = -top</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="relpos-calcs-001-ref.xht" />
+
+ <meta name="assert" content="For a relatively positioned element, if 'bottom'
+ is 'auto', its used value is minus the value of 'top'." />
+ <style type="text/css">
+ div {
+ height: 120px;
+ width: 120px;
+ }
+ .container {
+ margin-top: -60px;
+ }
+ .outer {
+ background: red;
+ position: relative;
+ top: 50%;
+ /*
+ div.outer's used top value is 60px
+ div.outer's used bottom value is -60px
+ div.outer's computed top value is 50%
+ div.outer's computed bottom value is auto and not -50%!
+ */
+
+ }
+ .inner {
+ background: green;
+ position: relative;
+ bottom: inherit; /* using inheritance to test computed vs. used */
+ /* What is inherited is the computed bottom value of
+ its containing block, which is auto!
+ */
+ }
+ .control {
+ background: red;
+ margin-top: -60px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div class="container">
+ <div class="outer">
+ <div class="inner"></div>
+ </div>
+ </div>
+ <div class="control"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-003.xht b/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-003.xht
new file mode 100644
index 0000000000..64d272ef57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-003.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative Positioning - Computing auto left = -right</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="relpos-calcs-001-ref.xht" />
+
+ <meta name="assert" content="For a relatively positioned element, if 'left'
+ is 'auto', its used value is minus the value of 'right'." />
+ <style type="text/css">
+ div {
+ height: 120px;
+ width: 120px;
+ }
+ .container {
+ margin-left: -60px;
+ }
+ .outer {
+ background: red;
+ position: relative;
+ right: -50%;
+ /*
+ div.outer's used right value is -60px
+ div.outer's used left value is 60px
+ div.outer's computed right value is -50%
+ but
+ div.outer's computed left value is auto and not 50%!
+ */
+
+ }
+ .inner {
+ background: green;
+ position: relative;
+ left: inherit; /* using inheritance to test computed vs. used */
+ }
+ .control {
+ background: red;
+ margin-bottom: -120px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div class="control"></div>
+ <div class="container">
+ <div class="outer">
+ <div class="inner"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-004.xht b/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-004.xht
new file mode 100644
index 0000000000..ffa615710b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-004.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative Positioning - auto right = -left</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="relpos-calcs-001-ref.xht" />
+
+ <meta name="assert" content="For a relatively positioned element, if 'right'
+ is 'auto', its used value is minus the value of 'left'." />
+ <style type="text/css">
+ div {
+ height: 120px;
+ width: 120px;
+ margin-right: auto;
+ direction: ltr;
+ }
+ .container {
+ margin-left: -60px;
+ direction: rtl; /* only set RTL on the containing block in question */
+ }
+ .outer {
+ background: red;
+ position: relative;
+ left: 50%;
+ /*
+ div.outer's used left value is 60px
+ div.outer's right top value is -60px
+ div.outer's computed left value is 50%
+ but
+ div.outer's computed right value is auto and not 50%!
+ */
+
+ }
+ .inner {
+ background: green;
+ position: relative;
+ right: inherit; /* using inheritance to test computed vs. used */
+ }
+ .control {
+ background: red;
+ margin-bottom: -120px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div class="control"></div>
+ <div class="container" dir="rtl">
+ <div class="outer" dir="ltr">
+ <div class="inner"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-005.xht b/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-005.xht
new file mode 100644
index 0000000000..b025d22366
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-005.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative Positioning - overconstrained left = -right (LTR)</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="relpos-calcs-001-ref.xht" />
+
+ <meta name="assert" content="For a relatively positioned element in an LTR
+ containing block, if neither 'left' nor 'right' is 'auto', used value of
+ 'right' is minus the value of 'left'." />
+ <style type="text/css">
+ div {
+ height: 120px;
+ width: 80px;
+ direction: rtl;
+ margin-right: auto;
+ }
+ .container {
+ direction: ltr; /* only set LTR on the containing block in question */
+ }
+ .outer {
+ background: green;
+ position: relative;
+ left: 50%;
+ right: 50%;
+
+ /*
+ div.outer's used left value is 60px
+ div.outer's used right value is -60px
+ div.outer's computed left value is 50%
+ div.outer's computed right value is 50%
+ */
+
+ }
+ .inner {
+ background: green;
+ position: relative;
+ right: inherit; /* using inheritance to test computed vs. used */
+ /* div.inner's right inherits div.outer's computed right value */
+ }
+ .control {
+ background: red;
+ margin-bottom: -120px;
+ width: 120px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div class="control"></div>
+ <div class="container" dir="ltr">
+ <div class="outer" dir="rtl">
+ <div class="inner"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-006.xht b/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-006.xht
new file mode 100644
index 0000000000..5f56e5a497
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-006.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative Positioning - overconstrained left = -right (RTL)</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="relpos-calcs-001-ref.xht" />
+
+ <meta name="assert" content="For a relatively positioned element in an RTL
+ containing block, if neither 'left' nor 'right' is 'auto', used value of
+ 'left' is minus the value of 'right'." />
+ <style type="text/css">
+ div {
+ height: 120px;
+ width: 80px;
+ direction: rtl;
+ }
+ .outer {
+ background: green;
+ position: relative;
+ left: -50%;
+ right: -50%;
+
+ /*
+ div.outer's used left value is 60px
+ div.outer's used right value is -60px
+ div.outer's computed left value is -50%
+ div.outer's computed right value is -50%
+ */
+
+ }
+ .inner {
+ background: green;
+ position: relative;
+ left: inherit; /* using inheritance to test computed vs. used */
+ /* div.inner's left inherits div.outer's computed left value */
+ }
+ .control {
+ background: red;
+ margin-bottom: -120px;
+ width: 120px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div class="control"></div>
+ <div class="container" dir="rtl">
+ <div class="outer">
+ <div class="inner"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-007.xht b/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-007.xht
new file mode 100644
index 0000000000..075f7c647d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/relpos-calcs-007.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Relative Positioning - overconstrained top = -bottom</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning" />
+ <link rel="match" href="relpos-calcs-001-ref.xht" />
+
+ <meta name="assert" content="For a relatively positioned element, if
+ neither 'top' nor 'bottom' is 'auto', used value of 'bottom' is minus the
+ value of 'top'." />
+ <style type="text/css">
+ div {
+ height: 80px;
+ width: 120px;
+ }
+ .outer {
+ background: green;
+ position: relative;
+ top: 50%;
+ bottom: 50%;
+
+ /*
+ div.outer's used top value is 40px
+ div.outer's used bottom value is -40px
+ div.outer's computed top value is 50%
+ div.outer's computed bottom value is 50%
+ */
+
+ }
+ .inner {
+ background: green;
+ position: relative;
+ bottom: inherit; /* using inheritance to test computed vs. used */
+ /* div.inner's bottom inherits div.outer's computed bottom value */
+ }
+ .control {
+ background: red;
+ margin-top: -80px;
+ height: 120px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div class="container">
+ <div class="outer">
+ <div class="inner"></div>
+ </div>
+ </div>
+ <div class="control"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/relpos-percentage-left-in-scrollable-2.html b/testing/web-platform/tests/css/CSS2/positioning/relpos-percentage-left-in-scrollable-2.html
new file mode 100644
index 0000000000..0c7584d040
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/relpos-percentage-left-in-scrollable-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#propdef-left">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#relative-positioning">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#anonymous-block-level">
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1002485">
+<p>There should be no red, and no scrollbar.</p>
+<div id="container" style="overflow:auto; width:500px; background:red;">
+ <div style="padding-right:90%; background:yellow;">
+ <div style="position:relative; left:900%; background:cyan;">
+ <div></div>
+ &nbsp;
+ </div>
+ </div>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+ container.scrollLeft = 123456;
+ test(()=> {
+ assert_equals(container.scrollLeft, 0);
+ }, "Left percentage resolved correctly for overflow contribution");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/relpos-percentage-left-in-scrollable.html b/testing/web-platform/tests/css/CSS2/positioning/relpos-percentage-left-in-scrollable.html
new file mode 100644
index 0000000000..54856e7290
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/relpos-percentage-left-in-scrollable.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#propdef-left">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#relative-positioning">
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=908083">
+<p>There should be no red, and no scrollbar.</p>
+<div id="container" style="overflow:auto; width:500px; background:red;">
+ <div style="padding-right:90%; background:yellow;">
+ <div style="position:relative; left:900%; width:50px; height:50px; background:cyan;">
+ </div>
+ </div>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+ container.scrollLeft = 123456;
+ test(()=> {
+ assert_equals(container.scrollLeft, 0);
+ }, "Left percentage resolved correctly for overflow contribution");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/relpos-percentage-top-in-scrollable.html b/testing/web-platform/tests/css/CSS2/positioning/relpos-percentage-top-in-scrollable.html
new file mode 100644
index 0000000000..f4e7e2a839
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/relpos-percentage-top-in-scrollable.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#propdef-top">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#relative-positioning">
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=908083">
+<p>There should be a green square below.</p>
+<div style="position:relative; width:200px; height:200px;">
+ <div id="container" style="overflow:hidden; position:absolute; top:0; left:0; bottom:0; right:0;">
+ <div style="position:relative; top:100%; width:100px; height:100px; background:green;"></div>
+ </div>
+</div>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+ container.scrollTop = 123456;
+ test(()=> {
+ assert_equals(container.scrollTop, 100);
+ }, "Top percentage resolved correctly for overflow contribution");
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-004-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/right-004-ref.xht
new file mode 100644
index 0000000000..14d8891062
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-004-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {text-align: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+
+ <div><img src="support/blue15x15.png" width="5" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="5" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-004.xht b/testing/web-platform/tests/css/CSS2/positioning/right-004.xht
new file mode 100644
index 0000000000..26c42ef8b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-004.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using pixels with a value of negative zero, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a negative zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: -0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-005.xht b/testing/web-platform/tests/css/CSS2/positioning/right-005.xht
new file mode 100644
index 0000000000..58e066c011
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-005.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using pixels with a value of zero, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: 0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-006.xht b/testing/web-platform/tests/css/CSS2/positioning/right-006.xht
new file mode 100644
index 0000000000..5ea8caab07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-006.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using pixels with a value of positive zero, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a positive zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: +0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-007-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/right-007-ref.xht
new file mode 100644
index 0000000000..2f331df3c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-007-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {text-align: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="3" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-007.xht b/testing/web-platform/tests/css/CSS2/positioning/right-007.xht
new file mode 100644
index 0000000000..5f3160ed68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-007.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-007-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a nominal length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 3px solid red;
+ }
+ div div
+ {
+ border-right: 3px solid black;
+ margin-right: -99px;
+ right: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-008.xht b/testing/web-platform/tests/css/CSS2/positioning/right-008.xht
new file mode 100644
index 0000000000..c1e176a419
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-008.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using pixels with a positive nominal value, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-007-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a positive nominal length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 3px solid red;
+ }
+ div div
+ {
+ border-right: 3px solid black;
+ margin-right: -99px;
+ right: +96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-016.xht b/testing/web-platform/tests/css/CSS2/positioning/right-016.xht
new file mode 100644
index 0000000000..b1eb09197d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-016.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using points with a value of negative zero, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a negative zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: -0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-017.xht b/testing/web-platform/tests/css/CSS2/positioning/right-017.xht
new file mode 100644
index 0000000000..47299db63d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-017.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using points with a value of zero, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: 0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-018.xht b/testing/web-platform/tests/css/CSS2/positioning/right-018.xht
new file mode 100644
index 0000000000..556bfb68f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-018.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using points with a value of positive zero, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a positive zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: +0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-019-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/right-019-ref.xht
new file mode 100644
index 0000000000..9d153859d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-019-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {text-align: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-019.xht b/testing/web-platform/tests/css/CSS2/positioning/right-019.xht
new file mode 100644
index 0000000000..a610a79b59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-019.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-019-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a nominal length value in points." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 72pt solid red;
+ }
+ div div
+ {
+ border-right: 72pt solid black;
+ margin-right: -144pt;
+ right: 72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-020.xht b/testing/web-platform/tests/css/CSS2/positioning/right-020.xht
new file mode 100644
index 0000000000..ee15a14cc7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-020.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using points with a positive nominal value, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-019-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a positive nominal length value in points." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 72pt solid red;
+ }
+ div div
+ {
+ border-right: 72pt solid black;
+ margin-right: -144pt;
+ right: +72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-028.xht b/testing/web-platform/tests/css/CSS2/positioning/right-028.xht
new file mode 100644
index 0000000000..5b31bb315f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-028.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using picas with a value of negative zero, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a negative zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: -0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-029.xht b/testing/web-platform/tests/css/CSS2/positioning/right-029.xht
new file mode 100644
index 0000000000..44977cd899
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-029.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using picas with a value of zero, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: 0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-030.xht b/testing/web-platform/tests/css/CSS2/positioning/right-030.xht
new file mode 100644
index 0000000000..1fcce3dbea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-030.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using picas with a value of positive zero, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a positive zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: +0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-031-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/right-031-ref.xht
new file mode 100644
index 0000000000..d142224bbe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-031-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {text-align: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="16" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-031.xht b/testing/web-platform/tests/css/CSS2/positioning/right-031.xht
new file mode 100644
index 0000000000..88fc6e3746
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-031.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-031-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a nominal length value in picas." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 1pc solid red;
+ }
+ div div
+ {
+ border-right: 1pc solid black;
+ margin-right: -7pc;
+ right: 6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-032.xht b/testing/web-platform/tests/css/CSS2/positioning/right-032.xht
new file mode 100644
index 0000000000..205c728033
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-032.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using picas with a positive nominal value, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-031-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a positive nominal length value in picas." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 1pc solid red;
+ }
+ div div
+ {
+ border-right: 1pc solid black;
+ margin-right: -7pc;
+ right: +6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-040.xht b/testing/web-platform/tests/css/CSS2/positioning/right-040.xht
new file mode 100644
index 0000000000..e203cd04f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-040.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using centimeters with a value of negative zero, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a negative zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: -0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-041.xht b/testing/web-platform/tests/css/CSS2/positioning/right-041.xht
new file mode 100644
index 0000000000..8db581b5eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-041.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using centimeters with a value of zero, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: 0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-042.xht b/testing/web-platform/tests/css/CSS2/positioning/right-042.xht
new file mode 100644
index 0000000000..8195daa08a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-042.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using centimeters with a value of positive zero, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a positive zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: +0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-043.xht b/testing/web-platform/tests/css/CSS2/positioning/right-043.xht
new file mode 100644
index 0000000000..5b7ff27408
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-043.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-019-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a nominal length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 2.54cm solid red;
+ }
+ div div
+ {
+ border-right: 2.54cm solid black;
+ margin-right: -5.08cm;
+ right: 2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-044.xht b/testing/web-platform/tests/css/CSS2/positioning/right-044.xht
new file mode 100644
index 0000000000..9d7a340585
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-044.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using centimeters with a positive nominal value, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-019-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a positive nominal length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 2.54cm solid red;
+ }
+ div div
+ {
+ border-right: 2.54cm solid black;
+ margin-right: -5.08cm;
+ right: +2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-052.xht b/testing/web-platform/tests/css/CSS2/positioning/right-052.xht
new file mode 100644
index 0000000000..c7879e4c34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-052.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using millimeters with a value of negative zero, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a negative zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: -0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-053.xht b/testing/web-platform/tests/css/CSS2/positioning/right-053.xht
new file mode 100644
index 0000000000..02ccbc48f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-053.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using millimeters with a value of zero, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: 0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-054.xht b/testing/web-platform/tests/css/CSS2/positioning/right-054.xht
new file mode 100644
index 0000000000..68af477d7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-054.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using millimeters with a value of positive zero, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a positive zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: +0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-055.xht b/testing/web-platform/tests/css/CSS2/positioning/right-055.xht
new file mode 100644
index 0000000000..57781a9b60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-055.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-019-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a nominal length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 25.4mm solid red;
+ }
+ div div
+ {
+ border-right: 25.4mm solid black;
+ margin-right: -50.8mm;
+ right: 25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-056.xht b/testing/web-platform/tests/css/CSS2/positioning/right-056.xht
new file mode 100644
index 0000000000..6fc1acb8ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-056.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using millimeters with a positive nominal value, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-019-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a positive nominal length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 25.4mm solid red;
+ }
+ div div
+ {
+ border-right: 25.4mm solid black;
+ margin-right: -50.8mm;
+ right: +25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-064.xht b/testing/web-platform/tests/css/CSS2/positioning/right-064.xht
new file mode 100644
index 0000000000..3c5767254d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-064.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using inches with a value of negative zero, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a negative zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: -0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-065.xht b/testing/web-platform/tests/css/CSS2/positioning/right-065.xht
new file mode 100644
index 0000000000..dfd632821c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-065.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using inches with a value of zero, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: 0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-066.xht b/testing/web-platform/tests/css/CSS2/positioning/right-066.xht
new file mode 100644
index 0000000000..115f619134
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-066.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using inches with a value of positive zero, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a positive zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: +0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-067.xht b/testing/web-platform/tests/css/CSS2/positioning/right-067.xht
new file mode 100644
index 0000000000..f86054de9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-067.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using inches with a nominal value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-019-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a nominal length value in inches." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 1in solid red;
+ }
+ div div
+ {
+ border-right: 1in solid black;
+ margin-right: -2in;
+ right: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-068.xht b/testing/web-platform/tests/css/CSS2/positioning/right-068.xht
new file mode 100644
index 0000000000..b2cb8f7b51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-068.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using inches with a positive nominal value, +1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-019-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a positive nominal length value in inches." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 1in solid red;
+ }
+ div div
+ {
+ border-right: 1in solid black;
+ margin-right: -2in;
+ right: +1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-076.xht b/testing/web-platform/tests/css/CSS2/positioning/right-076.xht
new file mode 100644
index 0000000000..82b8e3207b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-076.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using 'em' units with a value of negative zero, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'right' property sets a negative zero length value in 'em' units." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: -0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-077.xht b/testing/web-platform/tests/css/CSS2/positioning/right-077.xht
new file mode 100644
index 0000000000..9fd67b79e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-077.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using 'em' units with a value of zero, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'right' property sets a zero length value in 'em' units." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-078.xht b/testing/web-platform/tests/css/CSS2/positioning/right-078.xht
new file mode 100644
index 0000000000..fe3eeaf170
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-078.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using 'em' units with a value of positive zero, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'right' property sets a positive zero length value in 'em' units." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: +0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-079-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/right-079-ref.xht
new file mode 100644
index 0000000000..4dab0ebb24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-079-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {text-align: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="20" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-079.xht b/testing/web-platform/tests/css/CSS2/positioning/right-079.xht
new file mode 100644
index 0000000000..f8c889f3d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-079.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'right' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 1em solid red;
+ }
+ div div
+ {
+ border-right: 1em solid black;
+ margin-right: -7em;
+ right: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-080.xht b/testing/web-platform/tests/css/CSS2/positioning/right-080.xht
new file mode 100644
index 0000000000..4ca6880362
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-080.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using 'em' units with a positive nominal value, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'right' property sets a positive nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 1em solid red;
+ }
+ div div
+ {
+ border-right: 1em solid black;
+ margin-right: -7em;
+ right: +6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-088.xht b/testing/web-platform/tests/css/CSS2/positioning/right-088.xht
new file mode 100644
index 0000000000..91afec1ea9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-088.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using 'ex' units with a value of negative zero, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'right' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: -0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-089.xht b/testing/web-platform/tests/css/CSS2/positioning/right-089.xht
new file mode 100644
index 0000000000..bb353dcab8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-089.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using 'ex' units with a value of zero, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'right' property sets a zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: 0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-090.xht b/testing/web-platform/tests/css/CSS2/positioning/right-090.xht
new file mode 100644
index 0000000000..3c95492c7f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-090.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using 'ex' units with a value of positive zero, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'right' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: +0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-091.xht b/testing/web-platform/tests/css/CSS2/positioning/right-091.xht
new file mode 100644
index 0000000000..f5f69240f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-091.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using 'ex' units with a nominal value, 7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'right' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 96px solid red;
+ }
+ div div
+ {
+ border-right: 96px solid black;
+ margin-right: -12ex;
+ right: 6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-092.xht b/testing/web-platform/tests/css/CSS2/positioning/right-092.xht
new file mode 100644
index 0000000000..f193c96112
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-092.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using 'ex' units with a positive nominal value, +7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'right' property sets a positive nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 96px solid red;
+ }
+ div div
+ {
+ border-right: 96px solid black;
+ margin-right: -12ex;
+ right: +6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-100-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/right-100-ref.xht
new file mode 100644
index 0000000000..9f240b4338
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-100-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {padding-left: 91px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+
+ <div><img src="support/blue15x15.png" width="5" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="5" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-100.xht b/testing/web-platform/tests/css/CSS2/positioning/right-100.xht
new file mode 100644
index 0000000000..994780988b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-100.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using percentages with a value of negative zero, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-100-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a negative zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ width: 1in;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: -0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-101.xht b/testing/web-platform/tests/css/CSS2/positioning/right-101.xht
new file mode 100644
index 0000000000..3d929c9627
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-101.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using percentages with a value of zero, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-100-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ width: 1in;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: 0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-102.xht b/testing/web-platform/tests/css/CSS2/positioning/right-102.xht
new file mode 100644
index 0000000000..f113148104
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-102.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using percentages with a value of positive zero, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-100-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a positive zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ width: 1in;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: +0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-103-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/right-103-ref.xht
new file mode 100644
index 0000000000..142e0dc584
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-103-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {padding-left: 96px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/black15x15.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-103.xht b/testing/web-platform/tests/css/CSS2/positioning/right-103.xht
new file mode 100644
index 0000000000..691dd3f23c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-103.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using percentages with a nominal value, 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-103-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a nominal length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 1in solid red;
+ width: 1in;
+ }
+ div div
+ {
+ border-right: 1in solid black;
+ margin-right: -2in;
+ right: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-104.xht b/testing/web-platform/tests/css/CSS2/positioning/right-104.xht
new file mode 100644
index 0000000000..369a68be28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-104.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right using percentages with a positive nominal value, +100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-103-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a positive nominal length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 1in solid red;
+ width: 1in;
+ }
+ div div
+ {
+ border-right: 1in solid black;
+ margin-right: -2in;
+ right: +100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-109.xht b/testing/web-platform/tests/css/CSS2/positioning/right-109.xht
new file mode 100644
index 0000000000..b3af32c7d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-109.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right with a value of negative zero and no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a negative zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: -0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-110.xht b/testing/web-platform/tests/css/CSS2/positioning/right-110.xht
new file mode 100644
index 0000000000..665fe13d3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-110.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right with a value of zero and no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-111.xht b/testing/web-platform/tests/css/CSS2/positioning/right-111.xht
new file mode 100644
index 0000000000..9e7b3e5289
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-111.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right with a value of positive zero and no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a positive zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: +0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-112.xht b/testing/web-platform/tests/css/CSS2/positioning/right-112.xht
new file mode 100644
index 0000000000..20d74d910b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-112.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right with a value of 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-004-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a value of 'auto'." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #div1
+ {
+ border-right: 5px solid orange;
+ }
+ div div
+ {
+ border-right: 5px solid blue;
+ right: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-113.xht b/testing/web-platform/tests/css/CSS2/positioning/right-113.xht
new file mode 100644
index 0000000000..338de0f59a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-113.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right with a value of 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-103-ref.xht" />
+
+ <meta name="assert" content="The 'right' property sets a value of 'inherit'." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ height: 1in;
+ position: relative;
+ }
+ #wrapper
+ {
+ width: 5in;
+ }
+ #div1
+ {
+ border-right: 1in solid red;
+ right: 100%;
+ width: 1in;
+ }
+ div div
+ {
+ border-right: 1in solid black;
+ margin-right: -2in;
+ right: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1">
+ <div></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-001-ref.xht
new file mode 100644
index 0000000000..c662be5895
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-001-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin-right: 0;}
+
+ div {text-align: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a green square on the right side of the page.</p>
+
+ <div><img src="support/1x1-green.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-001.xht
new file mode 100644
index 0000000000..fb790ba7c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-001.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right applied to element with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'right' property applies to elements with a display of 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ right: 0;
+ display: table-row-group;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: green;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square on the right side of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-002.xht
new file mode 100644
index 0000000000..964cb2a6f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-002.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right applied to element with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'right' property applies to elements with a display of 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ background: green;
+ right: 0;
+ display: table-header-group;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square on the right side of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-003.xht
new file mode 100644
index 0000000000..405a3c80d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-003.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right applied to element with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'right' property applies to elements with a display of 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ background: green;
+ right: 0;
+ display: table-footer-group;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square on the right side of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-004.xht
new file mode 100644
index 0000000000..dd12aa6ab5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-004.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right applied to element with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'right' property applies to elements with a display of 'table-row'." />
+ <style type="text/css">
+ #test
+ {
+ background: green;
+ right: 0;
+ display: table-row;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square on the right side of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-005.xht
new file mode 100644
index 0000000000..926f231fb2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-005.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right applied to element with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'right' property applies to elements with a display of 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ background: green;
+ right: 0;
+ display: table-column-group;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square on the right side of the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-006.xht
new file mode 100644
index 0000000000..4ba5f2f013
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-006.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right applied to element with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'right' property applies to elements with a display of 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ background: green;
+ right: 0;
+ display: table-column;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square on the right side of the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-007.xht
new file mode 100644
index 0000000000..ff53c752f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-007.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right applied to element with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'right' property applies to elements with a display of 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: green;
+ right: 0;
+ display: table-cell;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square on the right side of the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-008.xht
new file mode 100644
index 0000000000..7d0e199dc6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right applied to element with 'display' set to inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <meta name="assert" content="The 'right' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ background: green;
+ right: 0;
+ display: inline;
+ position: absolute;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green stripe on the right side of the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-009.xht
new file mode 100644
index 0000000000..37c6ae965e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-009.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right applied to element with 'display' set to block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'right' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ background: green;
+ right: 0;
+ display: block;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square on the right side of the page.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-010.xht
new file mode 100644
index 0000000000..1958f0b303
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-010.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right applied to element with 'display' set to list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <meta name="assert" content="The 'right' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ background: green;
+ right: 0;
+ display: list-item;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square at the right side of the page and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-012.xht
new file mode 100644
index 0000000000..cd8c5043b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-012.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right applied to element with 'display' set to inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'right' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ right: 0;
+ display: inline-block;
+ position: absolute;
+ }
+
+ span.block-descendant
+ {
+ background: green;
+ display: block;
+ height: 0.5in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square on the right side of the page.</p>
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-013.xht
new file mode 100644
index 0000000000..e2da8df857
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-013.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right applied to element with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'right' property applies to elements with a display of 'table'." />
+ <style type="text/css">
+ #table
+ {
+ background: green;
+ right: 0;
+ display: table;
+ table-layout: fixed;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square on the right side of the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-014.xht
new file mode 100644
index 0000000000..2094bb046d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-014.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right applied to element with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'right' property applies to elements with a display of 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ background: green;
+ right: 0;
+ display: inline-table;
+ table-layout: fixed;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square on the right side of the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-015.xht
new file mode 100644
index 0000000000..a2f2deb783
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-applies-to-015.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right applied to element with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'right' property applies to elements with a display of 'table-caption'." />
+ <style type="text/css">
+ #caption
+ {
+ background: green;
+ right: 0;
+ display: table-caption;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square on the right side of the page.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-offset-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/right-offset-001-ref.xht
new file mode 100644
index 0000000000..d7715d83ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-offset-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#inline-block {display: inline-block;}
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue square with its top-left corner missing.</p>
+
+ <div id="inline-block">
+ <div><img src="support/1x1-white.png" width="50" height="50" alt="Image download support must be enabled" /><img src="support/blue15x15.png" width="50" height="50" alt="Image download support must be enabled" /></div>
+ <div><img src="support/blue15x15.png" width="50" height="50" alt="Image download support must be enabled" /><img src="support/blue15x15.png" width="50" height="50" alt="Image download support must be enabled" /></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-offset-001.xht b/testing/web-platform/tests/css/CSS2/positioning/right-offset-001.xht
new file mode 100644
index 0000000000..fb04ce88bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-offset-001.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: 'right' property defines the offset from the right edge of the containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-offset-001-ref.xht" />
+
+ <meta name="assert" content="The 'right' property, for absolute positioning, specifies the offset of the element in relation to the containing block's right edge. The containing block of an absolutely positioned element is formed by the padding box of its nearest (closest) positioned ancestor element." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ position: relative;
+ width: 100px;
+ }
+ #div1
+ {
+ background: blue;
+ }
+ #div2
+ {
+ background: white;
+ height: 50px;
+ position: absolute;
+ right: 50px;
+ top: 0;
+ width: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square with its top-left corner missing.</p>
+ <div>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-offset-002.xht b/testing/web-platform/tests/css/CSS2/positioning/right-offset-002.xht
new file mode 100644
index 0000000000..7a52e9a5d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-offset-002.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position 'right' property defines the offset from the right of the box itself for relative positioning</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-offset-001-ref.xht" />
+
+ <meta name="assert" content="The 'right' property, for relative positioning, specifies the offset of the box itself from the right toward the left. If 'left' is 'auto', then its used value is minus the value of 'right' in which case the box will move from the right toward the left by the value of 'right'." />
+ <style type="text/css">
+ #div1
+ {
+ background: blue;
+ height: 100px;
+ position: relative;
+ width: 100px;
+ }
+ div div
+ {
+ background: white;
+ height: 50px;
+ position: relative;
+ right: -50px;
+ /* In this testcase, right offset is -50px;
+ so, it will move toward the right from its
+ normal in-flow position by a value of 50px. */
+ width: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square with its top-right corner missing.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-offset-003.xht b/testing/web-platform/tests/css/CSS2/positioning/right-offset-003.xht
new file mode 100644
index 0000000000..afb12098f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-offset-003.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: 'right' property defines the offset from the right edge of the containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-offset-001-ref.xht" />
+
+ <meta name="assert" content="The 'right' property, for absolute positioning, specifies the offset of the element in relation to the containing block's right edge. The containing block of an absolutely positioned element is formed by the padding box of its nearest (closest) positioned ancestor element." />
+
+ <style type="text/css">
+ #container
+ {
+ height: 100px;
+ padding-right: 25px;
+ position: relative;
+ width: 100px;
+ }
+ #div1
+ {
+ background: white;
+ height: 50px;
+ position: absolute;
+ right: 75px;
+ width: 50px;
+ }
+ #div2
+ {
+ background: blue;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square with its top-left corner missing.</p>
+ <div id="container">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-offset-004.xht b/testing/web-platform/tests/css/CSS2/positioning/right-offset-004.xht
new file mode 100644
index 0000000000..f6d3273577
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-offset-004.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: right box offset - position relative</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="image" name="flags" />
+ <meta content="The 'right' property, for relative positioning, specifies the offset of the box itself from its normal in-flow position, from the position it would have had if it had been static." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ img#rel-pos-overlapping-green
+ {
+ position: relative;
+ right: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div><img src="support/100x100-red.png" width="100" height="100" alt="Image download support must be enabled" /><img id="rel-pos-overlapping-green" src="support/swatch-green.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-offset-percentage-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/right-offset-percentage-001-ref.xht
new file mode 100644
index 0000000000..32d5a22aa3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-offset-percentage-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 200px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a blue square is in the top-left corner of an hollow black rectangle.</p>
+
+ <div><img src="support/blue15x15.png" width="50" height="50" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/right-offset-percentage-001.xht b/testing/web-platform/tests/css/CSS2/positioning/right-offset-percentage-001.xht
new file mode 100644
index 0000000000..99b1c94938
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/right-offset-percentage-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right offset using percentage</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-25 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="right-offset-percentage-001-ref.xht" />
+
+ <meta name="assert" content="Percentage offset values for the 'right' property are based off the width of the containing block." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 200px;
+ position: relative;
+ width: 100px;
+ }
+ div div
+ {
+ background: blue;
+ height: 50px;
+ margin-left: 50px;
+ position: absolute;
+ right: 50%;
+ width: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a blue square is in the top-left corner of an hollow black rectangle.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/100x100-lime.png b/testing/web-platform/tests/css/CSS2/positioning/support/100x100-lime.png
new file mode 100644
index 0000000000..1b94770080
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/100x100-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/100x100-red.png b/testing/web-platform/tests/css/CSS2/positioning/support/100x100-red.png
new file mode 100644
index 0000000000..57bf3ddc52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/100x100-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/positioning/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/positioning/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/positioning/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/positioning/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/positioning/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/positioning/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/positioning/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/positioning/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/a-green.css b/testing/web-platform/tests/css/CSS2/positioning/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/b-green.css b/testing/web-platform/tests/css/CSS2/positioning/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/black15x15.png b/testing/web-platform/tests/css/CSS2/positioning/support/black15x15.png
new file mode 100644
index 0000000000..b1bbef2cd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/black15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/positioning/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/blue96x96.png b/testing/web-platform/tests/css/CSS2/positioning/support/blue96x96.png
new file mode 100644
index 0000000000..820f8cace2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/blue96x96.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/c-red.css b/testing/web-platform/tests/css/CSS2/positioning/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/cat.png b/testing/web-platform/tests/css/CSS2/positioning/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/diamond.png b/testing/web-platform/tests/css/CSS2/positioning/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/green-rectangle-50wideBy10tall.png b/testing/web-platform/tests/css/CSS2/positioning/support/green-rectangle-50wideBy10tall.png
new file mode 100644
index 0000000000..9f43666ee5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/green-rectangle-50wideBy10tall.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/green15x15.png b/testing/web-platform/tests/css/CSS2/positioning/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/green_box.png b/testing/web-platform/tests/css/CSS2/positioning/support/green_box.png
new file mode 100644
index 0000000000..6ed4aa506e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/green_box.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/positioning/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/positioning/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/red_box.png b/testing/web-platform/tests/css/CSS2/positioning/support/red_box.png
new file mode 100644
index 0000000000..57bf3ddc52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/red_box.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/ring.png b/testing/web-platform/tests/css/CSS2/positioning/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/square-purple.png b/testing/web-platform/tests/css/CSS2/positioning/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/square-teal.png b/testing/web-platform/tests/css/CSS2/positioning/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/square-white.png b/testing/web-platform/tests/css/CSS2/positioning/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/positioning/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/positioning/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/positioning/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/positioning/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/positioning/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/positioning/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/positioning/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/test-bl.png b/testing/web-platform/tests/css/CSS2/positioning/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/test-br.png b/testing/web-platform/tests/css/CSS2/positioning/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/test-outer.png b/testing/web-platform/tests/css/CSS2/positioning/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/test-tl.png b/testing/web-platform/tests/css/CSS2/positioning/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/support/test-tr.png b/testing/web-platform/tests/css/CSS2/positioning/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/positioning/toogle-abspos-on-relpos-inline-child.html b/testing/web-platform/tests/css/CSS2/positioning/toogle-abspos-on-relpos-inline-child.html
new file mode 100644
index 0000000000..7ea2a25bf5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/toogle-abspos-on-relpos-inline-child.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=732397">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#containing-block-details">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width:50px; height:50px; padding-left:50px; padding-top:50px; background:red;">
+ <span style="position:relative;">
+ <div id="victim" style="position:absolute; top:-50px; left:-50px; width:100px; height:100px; background:green;"></div>
+ </span>
+</div>
+<script>
+ document.body.offsetTop;
+ victim.style.position = "static";
+ document.body.offsetTop;
+ victim.style.position = "absolute";
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-004.xht b/testing/web-platform/tests/css/CSS2/positioning/top-004.xht
new file mode 100644
index 0000000000..119489dd61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-004.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using pixels with a value of negative zero, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a negative zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: -0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-005.xht b/testing/web-platform/tests/css/CSS2/positioning/top-005.xht
new file mode 100644
index 0000000000..68a860ae15
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-005.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using pixels with a value of zero, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: 0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-006.xht b/testing/web-platform/tests/css/CSS2/positioning/top-006.xht
new file mode 100644
index 0000000000..151a05646a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-006.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using pixels with a value of positive zero, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a positive zero length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: +0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-007-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/top-007-ref.xht
new file mode 100644
index 0000000000..943292063f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-007-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 3px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-007.xht b/testing/web-platform/tests/css/CSS2/positioning/top-007.xht
new file mode 100644
index 0000000000..8ced33f292
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-007.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-007-ref.xht" />
+
+ <meta name="assert" content="The 'top' property sets a nominal length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: 3px solid red;
+ }
+ #div2
+ {
+ border-top: 3px solid black;
+ margin-top: -99px;
+ top: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-008.xht b/testing/web-platform/tests/css/CSS2/positioning/top-008.xht
new file mode 100644
index 0000000000..86b56e7b3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-008.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using pixels with a positive nominal value, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-007-ref.xht" />
+
+ <meta name="assert" content="The 'top' property sets a positive nominal length value in pixels." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: 3px solid red;
+ }
+ #div2
+ {
+ border-top: 3px solid black;
+ margin-top: -99px;
+ top: +96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-016.xht b/testing/web-platform/tests/css/CSS2/positioning/top-016.xht
new file mode 100644
index 0000000000..ac139d7e55
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-016.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using points with a value of negative zero, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a negative zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: -0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-017.xht b/testing/web-platform/tests/css/CSS2/positioning/top-017.xht
new file mode 100644
index 0000000000..7a1a32584a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-017.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using points with a value of zero, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: 0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-018.xht b/testing/web-platform/tests/css/CSS2/positioning/top-018.xht
new file mode 100644
index 0000000000..7ce2bc39c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-018.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using points with a value of positive zero, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a positive zero length value in points." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: +0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-019-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/top-019-ref.xht
new file mode 100644
index 0000000000..5dbb930ac5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-019-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-019.xht b/testing/web-platform/tests/css/CSS2/positioning/top-019.xht
new file mode 100644
index 0000000000..15506da7f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-019.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-019-ref.xht" />
+
+ <meta name="assert" content="The 'top' property sets a nominal length value in points." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ margin-top: -72pt;
+ }
+ #div2
+ {
+ background: red;
+ height: 72pt;
+ margin-top: 72pt;
+ position: absolute;
+ width: 100%;
+ }
+ #div3
+ {
+ border-bottom: 72pt solid black;
+ top: 72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-020.xht b/testing/web-platform/tests/css/CSS2/positioning/top-020.xht
new file mode 100644
index 0000000000..256fbc54b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-020.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using points with a positive nominal value, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-019-ref.xht" />
+
+ <meta name="assert" content="The 'top' property sets a positive nominal length value in points." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ margin-top: -72pt;
+ }
+ #div2
+ {
+ background: red;
+ height: 72pt;
+ margin-top: 72pt;
+ position: absolute;
+ width: 100%;
+ }
+ #div3
+ {
+ border-bottom: 72pt solid black;
+ top: +72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-028.xht b/testing/web-platform/tests/css/CSS2/positioning/top-028.xht
new file mode 100644
index 0000000000..2b0536611a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-028.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using picas with a value of negative zero, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a negative zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: -0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-029.xht b/testing/web-platform/tests/css/CSS2/positioning/top-029.xht
new file mode 100644
index 0000000000..b60a869252
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-029.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using picas with a value of zero, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: 0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-030.xht b/testing/web-platform/tests/css/CSS2/positioning/top-030.xht
new file mode 100644
index 0000000000..15631f3553
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-030.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using picas with a value of positive zero, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a positive zero length value in picas." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: +0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-031.xht b/testing/web-platform/tests/css/CSS2/positioning/top-031.xht
new file mode 100644
index 0000000000..12d99cbd29
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-031.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-007-ref.xht" />
+
+ <meta name="assert" content="The 'top' property sets a nominal length value in picas." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ margin-top: -6pc;
+ }
+ #div2
+ {
+ background: red;
+ height: 3px;
+ margin-top: 6pc;
+ position: absolute;
+ width: 100%;
+ }
+ #div3
+ {
+ border-bottom: 3px solid black;
+ top: 6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-032.xht b/testing/web-platform/tests/css/CSS2/positioning/top-032.xht
new file mode 100644
index 0000000000..b83dacb01b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-032.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using picas with a positive nominal value, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-007-ref.xht" />
+
+ <meta name="assert" content="The 'top' property sets a positive nominal length value in picas." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ margin-top: -6pc;
+ }
+ #div2
+ {
+ background: red;
+ height: 3px;
+ margin-top: 6pc;
+ position: absolute;
+ width: 100%;
+ }
+ #div3
+ {
+ border-bottom: 3px solid black;
+ top: +6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-040.xht b/testing/web-platform/tests/css/CSS2/positioning/top-040.xht
new file mode 100644
index 0000000000..55037242ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-040.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using centimeters with a value of negative zero, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a negative zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: -0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-041.xht b/testing/web-platform/tests/css/CSS2/positioning/top-041.xht
new file mode 100644
index 0000000000..8979cd19a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-041.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using centimeters with a value of zero, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: 0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-042.xht b/testing/web-platform/tests/css/CSS2/positioning/top-042.xht
new file mode 100644
index 0000000000..9f8c5f615f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-042.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using centimeters with a value of positive zero, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a positive zero length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: +0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-043.xht b/testing/web-platform/tests/css/CSS2/positioning/top-043.xht
new file mode 100644
index 0000000000..3321f6c8fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-043.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-019-ref.xht" />
+
+ <meta name="assert" content="The 'top' property sets a nominal length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ margin-top: -2.54cm;
+ }
+ #div2
+ {
+ background: red;
+ height: 2.54cm;
+ margin-top: 2.54cm;
+ position: absolute;
+ width: 100%;
+ }
+ #div3
+ {
+ border-bottom: 2.54cm solid black;
+ top: 2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-044.xht b/testing/web-platform/tests/css/CSS2/positioning/top-044.xht
new file mode 100644
index 0000000000..8f2768606c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-044.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using centimeters with a positive nominal value, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-019-ref.xht" />
+
+ <meta name="assert" content="The 'top' property sets a positive nominal length value in centimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ margin-top: -2.54cm;
+ }
+ #div2
+ {
+ background: red;
+ height: 2.54cm;
+ margin-top: 2.54cm;
+ position: absolute;
+ width: 100%;
+ }
+ #div3
+ {
+ border-bottom: 2.54cm solid black;
+ top: +2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-052.xht b/testing/web-platform/tests/css/CSS2/positioning/top-052.xht
new file mode 100644
index 0000000000..756c0fad7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-052.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using millimeters with a value of negative zero, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a negative zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: -0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-053.xht b/testing/web-platform/tests/css/CSS2/positioning/top-053.xht
new file mode 100644
index 0000000000..d62821b134
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-053.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using millimeters with a value of zero, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: 0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-054.xht b/testing/web-platform/tests/css/CSS2/positioning/top-054.xht
new file mode 100644
index 0000000000..4203a76826
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-054.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using millimeters with a value of positive zero, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a positive zero length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: +0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-055.xht b/testing/web-platform/tests/css/CSS2/positioning/top-055.xht
new file mode 100644
index 0000000000..86a369c606
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-055.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-019-ref.xht" />
+
+ <meta name="assert" content="The 'top' property sets a nominal length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ margin-top: -25.4mm;
+ }
+ #div2
+ {
+ background: red;
+ height: 25.4mm;
+ margin-top: 25.4mm;
+ position: absolute;
+ width: 100%;
+ }
+ #div3
+ {
+ border-bottom: 25.4mm solid black;
+ top: 25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-056.xht b/testing/web-platform/tests/css/CSS2/positioning/top-056.xht
new file mode 100644
index 0000000000..b90afa3fe0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-056.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using millimeters with a positive nominal value, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-019-ref.xht" />
+
+ <meta name="assert" content="The 'top' property sets a positive nominal length value in millimeters." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ margin-top: -25.4mm;
+ }
+ #div2
+ {
+ background: red;
+ height: 25.4mm;
+ margin-top: 25.4mm;
+ position: absolute;
+ width: 100%;
+ }
+ #div3
+ {
+ border-bottom: 25.4mm solid black;
+ top: +25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-064.xht b/testing/web-platform/tests/css/CSS2/positioning/top-064.xht
new file mode 100644
index 0000000000..7e8ace167c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-064.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using inches with a value of negative zero, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a negative zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: -0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-065.xht b/testing/web-platform/tests/css/CSS2/positioning/top-065.xht
new file mode 100644
index 0000000000..ece703a1d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-065.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using inches with a value of zero, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: 0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-066.xht b/testing/web-platform/tests/css/CSS2/positioning/top-066.xht
new file mode 100644
index 0000000000..b3d69c2fae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-066.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using inches with a value of positive zero, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a positive zero length value in inches." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: +0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-067.xht b/testing/web-platform/tests/css/CSS2/positioning/top-067.xht
new file mode 100644
index 0000000000..f23d4bcc80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-067.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using inches with a nominal value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-019-ref.xht" />
+
+ <meta name="assert" content="The 'top' property sets a nominal length value in inches." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ margin-top: -1in;
+ }
+ #div2
+ {
+ background: red;
+ height: 1in;
+ margin-top: 1in;
+ position: absolute;
+ width: 100%;
+ }
+ #div3
+ {
+ border-bottom: 1in solid black;
+ top: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-068.xht b/testing/web-platform/tests/css/CSS2/positioning/top-068.xht
new file mode 100644
index 0000000000..e8d151a404
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-068.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using inches with a positive nominal value, +1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-019-ref.xht" />
+
+ <meta name="assert" content="The 'top' property sets a positive nominal length value in inches." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ margin-top: -1in;
+ }
+ #div2
+ {
+ background: red;
+ height: 1in;
+ margin-top: 1in;
+ position: absolute;
+ width: 100%;
+ }
+ #div3
+ {
+ border-bottom: 1in solid black;
+ top: +1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-076.xht b/testing/web-platform/tests/css/CSS2/positioning/top-076.xht
new file mode 100644
index 0000000000..ef09202a79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-076.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using 'em' units with a value of negative zero, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'top' property sets a negative zero length value in 'em' units." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: -0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-077.xht b/testing/web-platform/tests/css/CSS2/positioning/top-077.xht
new file mode 100644
index 0000000000..deaa882ab8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-077.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using 'em' units with a value of zero, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'top' property sets a zero length value in 'em' units." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-078.xht b/testing/web-platform/tests/css/CSS2/positioning/top-078.xht
new file mode 100644
index 0000000000..6429ff4013
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-078.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using 'em' units with a value of positive zero, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'top' property sets a positive zero length value in 'em' units." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: +0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-079-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/top-079-ref.xht
new file mode 100644
index 0000000000..52726044f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-079-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 120px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-079.xht b/testing/web-platform/tests/css/CSS2/positioning/top-079.xht
new file mode 100644
index 0000000000..71208d2664
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-079.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'top' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div1
+ {
+ margin-top: -6em;
+ }
+ #div2
+ {
+ background: red;
+ height: 6em;
+ margin-top: 6em;
+ position: absolute;
+ width: 100%;
+ }
+ #div3
+ {
+ border-bottom: 6em solid black;
+ top: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-080.xht b/testing/web-platform/tests/css/CSS2/positioning/top-080.xht
new file mode 100644
index 0000000000..439945b006
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-080.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using 'em' units with a positive nominal value, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-079-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'top' property sets a positive nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div1
+ {
+ margin-top: -6em;
+ }
+ #div2
+ {
+ background: red;
+ height: 6em;
+ margin-top: 6em;
+ position: absolute;
+ width: 100%;
+ }
+ #div3
+ {
+ border-bottom: 6em solid black;
+ top: +6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-088.xht b/testing/web-platform/tests/css/CSS2/positioning/top-088.xht
new file mode 100644
index 0000000000..fb323b2e24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-088.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using 'ex' units with a value of negative zero, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'top' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: -0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-089.xht b/testing/web-platform/tests/css/CSS2/positioning/top-089.xht
new file mode 100644
index 0000000000..ed4e58501e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-089.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using 'ex' units with a value of zero, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'top' property sets a zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: 0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-090.xht b/testing/web-platform/tests/css/CSS2/positioning/top-090.xht
new file mode 100644
index 0000000000..482a46b4f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-090.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using 'ex' units with a value of positive zero, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'top' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ }
+ #div2
+ {
+ border-top: orange solid 5px;
+ top: +0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-091.xht b/testing/web-platform/tests/css/CSS2/positioning/top-091.xht
new file mode 100644
index 0000000000..6b46c3f19a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-091.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using 'ex' units with a nominal value, 6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'top' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div1
+ {
+ margin-top: -6ex;
+ }
+ #div2
+ {
+ background: red;
+ height: 6ex;
+ margin-top: 6ex;
+ position: absolute;
+ width: 100%;
+ }
+ #div3
+ {
+ border-bottom: 6ex solid black;
+ top: 6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-092.xht b/testing/web-platform/tests/css/CSS2/positioning/top-092.xht
new file mode 100644
index 0000000000..939f93eff6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-092.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using 'ex' units with a positive nominal value, +6ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-019-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'top' property sets a positive nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ }
+ #div1
+ {
+ margin-top: -6ex;
+ }
+ #div2
+ {
+ background: red;
+ height: 6ex;
+ margin-top: 6ex;
+ position: absolute;
+ width: 100%;
+ }
+ #div3
+ {
+ border-bottom: 6ex solid black;
+ top: +6ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-100.xht b/testing/web-platform/tests/css/CSS2/positioning/top-100.xht
new file mode 100644
index 0000000000..50747c88f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-100.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using percentages with a value of negative zero, -0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a negative zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ height: 1in;
+ }
+ #div2
+ {
+ border-bottom: orange solid 5px;
+ top: -0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-101.xht b/testing/web-platform/tests/css/CSS2/positioning/top-101.xht
new file mode 100644
index 0000000000..9cd038dff1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-101.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using percentages with a value of zero, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ height: 1in;
+ }
+ #div2
+ {
+ border-bottom: orange solid 5px;
+ top: 0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-102.xht b/testing/web-platform/tests/css/CSS2/positioning/top-102.xht
new file mode 100644
index 0000000000..d504de9152
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-102.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using percentages with a value of positive zero, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a positive zero length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-top: blue solid 5px;
+ height: 1in;
+ }
+ #div2
+ {
+ border-bottom: orange solid 5px;
+ top: +0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-103.xht b/testing/web-platform/tests/css/CSS2/positioning/top-103.xht
new file mode 100644
index 0000000000..39c9672b5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-103.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using percentages with a nominal value, 100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-019-ref.xht" />
+
+ <meta name="assert" content="The 'top' property sets a nominal length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ height: 1in;
+ margin-top: -1in;
+ }
+ #div2
+ {
+ background: red;
+ height: 1in;
+ margin-top: 1in;
+ position: absolute;
+ width: 100%;
+ }
+ #div3
+ {
+ border-bottom: 1in solid black;
+ top: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-104.xht b/testing/web-platform/tests/css/CSS2/positioning/top-104.xht
new file mode 100644
index 0000000000..458f26bdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-104.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top using percentages with a positive nominal value, +100%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-019-ref.xht" />
+
+ <meta name="assert" content="The 'top' property sets a positive nominal length value in percentages." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ height: 1in;
+ margin-top: -1in;
+ }
+ #div2
+ {
+ background: red;
+ height: 1in;
+ margin-top: 1in;
+ position: absolute;
+ width: 100%;
+ }
+ #div3
+ {
+ border-bottom: 1in solid black;
+ top: +100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-109.xht b/testing/web-platform/tests/css/CSS2/positioning/top-109.xht
new file mode 100644
index 0000000000..58fd8efdd9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-109.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top with a value of negative zero and no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a negative zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-bottom: orange solid 5px;
+ }
+ #div2
+ {
+ border-bottom: blue solid 5px;
+ top: -0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-110.xht b/testing/web-platform/tests/css/CSS2/positioning/top-110.xht
new file mode 100644
index 0000000000..a834a79650
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-110.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top with a value of zero and no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-bottom: orange solid 5px;
+ }
+ #div2
+ {
+ border-bottom: blue solid 5px;
+ top: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-111.xht b/testing/web-platform/tests/css/CSS2/positioning/top-111.xht
new file mode 100644
index 0000000000..9f43620d4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-111.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top with a value of positive zero and no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a positive zero length value with no units." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-bottom: orange solid 5px;
+ }
+ #div2
+ {
+ border-bottom: blue solid 5px;
+ top: +0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-112.xht b/testing/web-platform/tests/css/CSS2/positioning/top-112.xht
new file mode 100644
index 0000000000..bf39bddb46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-112.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top with a value of 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="../reference/ref-no-vert-space-between.xht" />
+
+ <meta name="assert" content="The 'top' property sets a value of 'auto'." />
+ <style type="text/css">
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ border-bottom: orange solid 5px;
+ }
+ #div2
+ {
+ border-bottom: blue solid 5px;
+ top: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-113-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/top-113-ref.xht
new file mode 100644
index 0000000000..7f7f118b2c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-113-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ margin-top: 112px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-113.xht b/testing/web-platform/tests/css/CSS2/positioning/top-113.xht
new file mode 100644
index 0000000000..caaf758f66
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-113.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top with a value of 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-113-ref.xht" />
+
+ <meta name="assert" content="The 'top' property sets a value of 'inherit', inheriting the value from the parent element." />
+ <style type="text/css">
+ body
+ {
+ height: 1in;
+ }
+ div
+ {
+ position: relative;
+ }
+ #div1
+ {
+ height: 1in;
+ margin-top: -1in;
+ top: 100%;
+ }
+ #div2
+ {
+ background: red;
+ height: 1in;
+ margin-top: 1in;
+ position: absolute;
+ width: 100%;
+ }
+ #div3
+ {
+ border-bottom: 1in solid black;
+ top: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-001-ref.xht
new file mode 100644
index 0000000000..6c513cfd20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-001-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin-top: 0px;}
+
+ div
+ {
+ background-color: green;
+ height: 96px;
+ width: 96px;
+ }
+
+ p {margin-top: 48px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <div></div>
+
+ <p>Test passes if there is a filled green square at the top of the page.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-001.xht
new file mode 100644
index 0000000000..d806602531
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-001.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top applied to element with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'top' property applies to elements with a display of 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ top: 0;
+ display: table-row-group;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: green;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ p
+ {
+ margin-top: 1.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the top of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-002.xht
new file mode 100644
index 0000000000..56e079851f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-002.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top applied to element with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'top' property applies to elements with a display of 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ background: green;
+ top: 0;
+ display: table-header-group;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ p
+ {
+ margin-top: 1.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the top of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-003.xht
new file mode 100644
index 0000000000..20f6eceaa9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-003.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top applied to element with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'top' property applies to elements with a display of 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ background: green;
+ top: 0;
+ display: table-footer-group;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ p
+ {
+ margin-top: 1.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the top of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-004.xht
new file mode 100644
index 0000000000..161ce0c150
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-004.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top applied to element with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'top' property applies to elements with a display of 'table-row'." />
+ <style type="text/css">
+ #test
+ {
+ background: green;
+ top: 0;
+ display: table-row;
+ position: absolute;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ p
+ {
+ margin-top: 1.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the top of the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-005.xht
new file mode 100644
index 0000000000..b84a67e8f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-005.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top applied to element with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'top' property applies to elements with a display of 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ background: green;
+ top: 0;
+ display: table-column-group;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ p
+ {
+ margin-top: 1.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the top of the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-006.xht
new file mode 100644
index 0000000000..dc09f7e9db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-006.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top applied to element with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'top' property applies to elements with a display of 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ background: green;
+ top: 0;
+ display: table-column;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ p
+ {
+ margin-top: 1.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the top of the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-007.xht
new file mode 100644
index 0000000000..9768bc2ae7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-007.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top applied to element with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'top' property applies to elements with a display of 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: green;
+ top: 0;
+ display: table-cell;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ p
+ {
+ margin-top: 1.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the top of the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-008.xht
new file mode 100644
index 0000000000..52aa0c4cb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-008.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top applied to element with 'display' set to inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <meta name="assert" content="The 'top' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ background: green;
+ top: 0;
+ display: inline;
+ position: absolute;
+ }
+ p
+ {
+ margin-top: 1.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green stripe at the top of the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-009.xht
new file mode 100644
index 0000000000..0d0413baf7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-009.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top applied to element with 'display' set to block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'top' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ background: green;
+ top: 0;
+ display: block;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ p
+ {
+ margin-top: 1.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the top of the page.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-010.xht
new file mode 100644
index 0000000000..63c54b6990
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-010.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top applied to element with 'display' set to list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <meta name="assert" content="The 'top' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 1em;
+ }
+ div
+ {
+ background: green;
+ top: 0;
+ display: list-item;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ p
+ {
+ margin-top: 1.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the top of the page and a marker bullet on its left-hand side.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-012.xht
new file mode 100644
index 0000000000..53820c9f8b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-012.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top applied to element with 'display' set to inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'top' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ span#inline-block
+ {
+ top: 0;
+ display: inline-block;
+ position: absolute;
+ }
+
+ span.block-descendant
+ {
+ background: green;
+ display: block;
+ height: 0.5in;
+ width: 1in;
+ }
+
+ p
+ {
+ margin-top: 1.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the top of the page.</p>
+
+ <div>
+ <span id="inline-block">
+ <span class="block-descendant"></span>
+ <span class="block-descendant"></span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-013.xht
new file mode 100644
index 0000000000..794c6c4633
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-013.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top applied to element with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'top' property applies to elements with a display of 'table'." />
+ <style type="text/css">
+ #table
+ {
+ background: green;
+ top: 0;
+ display: table;
+ table-layout: fixed;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ p
+ {
+ margin-top: 1.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the top of the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-014.xht
new file mode 100644
index 0000000000..e434f8db2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-014.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top applied to element with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'top' property applies to elements with a display of 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ background: green;
+ display: inline-table;
+ height: 1in;
+ position: absolute;
+ table-layout: fixed;
+ top: 0;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ p
+ {
+ margin-top: 1.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the top of the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-015.xht
new file mode 100644
index 0000000000..7b0ed4b920
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-applies-to-015.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top applied to element with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-applies-to-001-ref.xht" />
+
+ <meta name="assert" content="The 'top' property applies to elements with a display of 'table-caption'." />
+ <style type="text/css">
+ #caption
+ {
+ background: green;
+ top: 0;
+ display: table-caption;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ p
+ {
+ margin-top: 1.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square at the top of the page.</p>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-offset-001.xht b/testing/web-platform/tests/css/CSS2/positioning/top-offset-001.xht
new file mode 100644
index 0000000000..9f6eb162be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-offset-001.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position 'top' property defines the offset from the top edge of the containing block for absolute positioning</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-offset-001-ref.xht" />
+
+ <meta name="assert" content="The 'top' property, for absolute positioning, specifies the offset of the element in relation to the containing block's top edge. The containing block of an absolutely positioned element is formed by the padding box of its nearest (closest) positioned ancestor element." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ background: blue;
+ }
+ #div2
+ {
+ background: white;
+ height: 0.5in;
+ position: absolute;
+ top: 0.5in;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square with its bottom-left corner missing.</p>
+ <div>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-offset-002.xht b/testing/web-platform/tests/css/CSS2/positioning/top-offset-002.xht
new file mode 100644
index 0000000000..dda1158778
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-offset-002.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position 'top' offset property - absolute length value and relative positioning</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="bottom-offset-001-ref.xht" />
+
+ <meta name="assert" content="The 'top' property, when using an absolute length value (not percentage) for relative positioning, specifies the offset of the box itself." />
+ <style type="text/css">
+ #div1
+ {
+ background: blue;
+ height: 1in;
+ width: 1in;
+ }
+ div div
+ {
+ background: white;
+ height: 0.5in;
+ position: relative;
+ top: 0.5in;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square with its bottom-left corner missing.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-offset-003-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/top-offset-003-ref.xht
new file mode 100644
index 0000000000..3aa80ba407
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-offset-003-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div#inline-block
+ {
+ display: inline-block;
+ padding-top: 24px;
+ }
+
+ img {vertical-align: top;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue square with its bottom-left corner missing.</p>
+
+ <div id="inline-block">
+ <div><img src="support/blue15x15.png" width="48" height="48" alt="Image download support must be enabled" /><img src="support/blue15x15.png" width="48" height="48" alt="Image download support must be enabled" /></div>
+ <div><img src="support/1x1-white.png" width="48" height="48" alt="Image download support must be enabled" /><img src="support/blue15x15.png" width="48" height="48" alt="Image download support must be enabled" /></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-offset-003.xht b/testing/web-platform/tests/css/CSS2/positioning/top-offset-003.xht
new file mode 100644
index 0000000000..670c8f383c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-offset-003.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Position 'top' property defines the offset from the top edge of the containing block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-offset-003-ref.xht" />
+
+ <meta name="assert" content="The 'top' property, for absolute positioning, specifies the offset of the element in relation to the containing block's top edge. The containing block of an absolutely positioned element is formed by the padding box of its nearest (closest) positioned ancestor element." />
+ <style type="text/css">
+ #container
+ {
+ height: 1in;
+ padding-top: 0.25in;
+ position: relative;
+ width: 1in;
+ }
+ #div1
+ {
+ background: white;
+ height: 0.5in;
+ position: absolute;
+ top: 0.75in;
+ width: 0.5in;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square with its bottom-left corner missing.</p>
+ <div id="container">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-offset-percentage-001-ref.xht b/testing/web-platform/tests/css/CSS2/positioning/top-offset-percentage-001-ref.xht
new file mode 100644
index 0000000000..af7a1502ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-offset-percentage-001-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ height: 200px;
+ width: 100px;
+ }
+
+ img {padding-top: 100px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if a filled green square is not in any of the corners of the hollow black rectangle and there is <strong>no red</strong>.</p>
+
+ <div><img src="support/1x1-green.png" width="50" height="50" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-offset-percentage-001.xht b/testing/web-platform/tests/css/CSS2/positioning/top-offset-percentage-001.xht
new file mode 100644
index 0000000000..3dbc83f9a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-offset-percentage-001.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top offset using percentage</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="top-offset-percentage-001-ref.xht" />
+
+ <meta name="assert" content="Percentage offset values for the 'top' property are based off the height of the containing block." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid black;
+ height: 200px;
+ position: relative;
+ width: 100px;
+ }
+ div div
+ {
+ height: 50px;
+ position: absolute;
+ width: 50px;
+ }
+ #test
+ {
+ background: green;
+ top: 50%;
+ }
+ #reference
+ {
+ background: red;
+ bottom: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a filled green square is not in any of the corners of the hollow black rectangle and there is <strong>no red</strong>.</p>
+ <div id="div1">
+ <div id="reference"></div>
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/positioning/top-offset-percentage-002.xht b/testing/web-platform/tests/css/CSS2/positioning/top-offset-percentage-002.xht
new file mode 100644
index 0000000000..a2f8d53437
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/top-offset-percentage-002.xht
@@ -0,0 +1,88 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: position absolute - top offset percentage and inherit</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="6.2.1 The 'inherit' value" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit" />
+ <link rel="help" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="left-offset-percentage-002-ref.xht" />
+
+ <meta content="'top: inherit' makes the top property take the same computed value as the top property for the element's parent; in the case of a percentage value, the computed value is the specified percentage value. 'top: [percentage]' refers to height of containing block." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div {position: absolute;}
+
+ #grand-parent-abs-pos
+ {
+ height: 400px;
+ width: 600px;
+ }
+
+ #red-abs-pos-overlapped
+ {
+ background-color: red;
+ color: white;
+ height: 100px;
+ left: 300px;
+ top: 100px;
+ width: 100px;
+ }
+
+ #parent-abs-pos
+ {
+ height: 0px;
+ left: 50%; /* 50% x 600px == 300px */
+ /* 'left: [percentage]' refers to width of containing block. */
+ top: 25%; /* 25% x 400px == 100px */
+ /* 'top: [percentage]' refers to height of containing block. */
+ width: 0px;
+ }
+
+ #green-child-abs-pos-inherit-overlapping
+ {
+ background-color: green;
+ left: 0px;
+ top: inherit;
+ /*
+ =====================================
+ top: inherit should resolve as top: 25% because
+ "the property takes the same computed value as the
+ property for the element's parent"
+ CSS 2.1, section 6.2.1 The 'inherit' value
+ http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit
+ and
+ "Computed value: (...) if specified as a percentage, [then]
+ the specified [percentage] value"
+ http://www.w3.org/TR/CSS21/visuren.html#position-props
+
+ So, the top offset of #green-child-abs-pos-inherit-overlapping
+ should be 25%, which is 25% of the height of its containing
+ block (#parent-abs-pos) which is 0px.
+ =====================================
+ */
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="grand-parent-abs-pos">
+ <div id="red-abs-pos-overlapped">test FAILED</div>
+ <div id="parent-abs-pos">
+ <div id="green-child-abs-pos-inherit-overlapping"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/60x60-green.html b/testing/web-platform/tests/css/CSS2/reference/60x60-green.html
new file mode 100644
index 0000000000..4829b4b852
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/60x60-green.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference: 60px by 60px green box</title>
+<link rel="author" title="Google" href="http://www.google.com/"/>
+</head>
+<body>
+<div style="width: 60px; height: 60px; background: green;"><br></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/bidi-005-ref.xht b/testing/web-platform/tests/css/CSS2/reference/bidi-005-ref.xht
new file mode 100644
index 0000000000..e7413088fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/bidi-005-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"/>
+ <style type="text/css">
+ div p { white-space: pre; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; }
+ .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; }
+ .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; }
+ .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/bidi-007-ref.xht b/testing/web-platform/tests/css/CSS2/reference/bidi-007-ref.xht
new file mode 100644
index 0000000000..079b99475b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/bidi-007-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and float: left; </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"/>
+ <style type="text/css">
+ div p { float: left; clear: left; margin: 0.5em 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; }
+ .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; }
+ .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; }
+ .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/border-seams-001.xht b/testing/web-platform/tests/css/CSS2/reference/border-seams-001.xht
new file mode 100644
index 0000000000..2788a34324
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/border-seams-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <style type="text/css"><![CDATA[
+ #outer { width: 250px;
+ border: 50px solid;
+ border-color: #FEFEFE #FDFDFD #FEFEFE #FEFEFE;
+ }
+ #inner { background: white;
+ border: 20px solid;
+ border-color: #FCFCFC; #FCFCFC; #FDFDFD #FCFCFC;
+ }
+ ]]></style>
+ </head>
+ <body>
+
+<div id="outer">
+<div id="inner">
+ There must be no red, not even when printing.
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/boxes_same_color_100px_black_50px_margin.xht b/testing/web-platform/tests/css/CSS2/reference/boxes_same_color_100px_black_50px_margin.xht
new file mode 100644
index 0000000000..7ecb8969a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/boxes_same_color_100px_black_50px_margin.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Reference rendering - boxes same color, black 100px squares with 50px margin</title>
+ <link rel="author" title="Opera" href="https://www.opera.com/"/>
+ <style type="text/css">
+ div {
+ width: 100px;
+ height: 100px;
+ background-color: black;
+ margin: 50px;
+ }
+ </style>
+</head>
+<body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div></div>
+ <div></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/filler-text-below-green.xht b/testing/web-platform/tests/css/CSS2/reference/filler-text-below-green.xht
new file mode 100644
index 0000000000..f9609b1d8a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/filler-text-below-green.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>Filler text below is green reference</title>
+ <style>
+ .green { color: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <p class="green">Filler Text</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/float-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/reference/float-applies-to-001-ref.xht
new file mode 100644
index 0000000000..412e600558
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/float-applies-to-001-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {text-align: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled blue square on the right side of the page.</p>
+
+ <div><img src="../support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/inline-svg-100-percent-in-body-ref.html b/testing/web-platform/tests/css/CSS2/reference/inline-svg-100-percent-in-body-ref.html
new file mode 100644
index 0000000000..ab59c270ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/inline-svg-100-percent-in-body-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test Reference: SVG element with a view box with explicit 100% width and height should occupy the entire view port</title>
+<link rel="author" title="Google" href="http://www.google.com/" />
+<style type="text/css">
+
+* {
+ margin: 0;
+ padding: 0;
+}
+
+img {
+ display: block;
+ visibility: hidden;
+}
+
+div {
+ background-color: green;
+}
+
+</style>
+</head>
+<body>
+<p>The box below should occupy the entire view port.</p>
+<div><img src="../support/60x60-green.png" width="100%" height="100%"></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/inline-svg-margin-padding-border-ref.html b/testing/web-platform/tests/css/CSS2/reference/inline-svg-margin-padding-border-ref.html
new file mode 100644
index 0000000000..af44809645
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/inline-svg-margin-padding-border-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test Reference: Scroll multiple background images that are positioned</title>
+<link rel="author" title="Google" href="http://www.google.com/" />
+<style type="text/css">
+
+* {
+ margin: 0;
+ padding: 0;
+}
+
+#container {
+ margin: 10px;
+ padding: 10px;
+ border: 10px solid green;
+}
+
+#container div {
+ width: 60px;
+ height: 60px;
+ background: green;
+}
+
+</style>
+</head>
+<body>
+<div id="container" style="margin: 10px; width: 60px; height: 60px;"><div></div></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/margin-collapse-002-ref.xht b/testing/web-platform/tests/css/CSS2/reference/margin-collapse-002-ref.xht
new file mode 100644
index 0000000000..e85f0a0bda
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/margin-collapse-002-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-bottom: green solid 20px;
+ border-top: green solid 20px;
+ height: 40px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/no-red-filler-text-ref.xht b/testing/web-platform/tests/css/CSS2/reference/no-red-filler-text-ref.xht
new file mode 100644
index 0000000000..73c348f151
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/no-red-filler-text-ref.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>No red visible, filler text, reference</title>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <p>Filler Text</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/no-red-on-blank-page-ref.xht b/testing/web-platform/tests/css/CSS2/reference/no-red-on-blank-page-ref.xht
new file mode 100644
index 0000000000..810e90fd42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/no-red-on-blank-page-ref.xht
@@ -0,0 +1,9 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>No red visible, blank page, reference</title>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/no_red_bold_italic_small-caps_ahem.html b/testing/web-platform/tests/css/CSS2/reference/no_red_bold_italic_small-caps_ahem.html
new file mode 100644
index 0000000000..39305e4430
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/no_red_bold_italic_small-caps_ahem.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html>
+<head>
+ <title>Reference rendering - no red, bold italic small-caps Ahem</title>
+ <link rel="author" title="Opera Software" href="https://opera.com">
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #outer {
+ position: relative;
+ }
+ #inner1, #inner2 {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ font-family: "Ahem";
+ font-size: 96px;
+ font-style: italic;
+ font-variant: small-caps;
+ font-weight: bold;
+ }
+ #inner1 {
+ color: red;
+ }
+ #inner2 {
+ color: black;
+ }
+ </style>
+</head>
+<body>
+ <p>Test passes if there is no red visible on the page except for
+ antialiasing.</p>
+ <div id="outer">
+ <div id="inner1">a</div>
+ <div id="inner2">b</div>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/pass-if-number-0-30px.xht b/testing/web-platform/tests/css/CSS2/reference/pass-if-number-0-30px.xht
new file mode 100644
index 0000000000..3a33913194
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/pass-if-number-0-30px.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Reference rendering - pass if the number 0 appears below</title>
+ <link rel="author" title="Opera Software" href="https://opera.com"/>
+ <style type="text/css">
+ div {
+ font-size: 30px;
+ }
+ </style>
+</head>
+<body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div>0</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/pass_if_box_ahem.html b/testing/web-platform/tests/css/CSS2/reference/pass_if_box_ahem.html
new file mode 100644
index 0000000000..dad2c8f458
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/pass_if_box_ahem.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>Reference rendering - black box (Ahem)</title>
+<link rel="author" title="Opera Software" href="https://opera.com">
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style type="text/css">
+div
+{
+ font: 16px/1em ahem;
+ margin-left: 96px;
+}
+</style>
+<p>Test passes if there is one black box on this page (with no jagged edges).</p>
+<div>FA<br>IL</div>
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-black-96px-square-no-red.xht b/testing/web-platform/tests/css/CSS2/reference/ref-black-96px-square-no-red.xht
new file mode 100644
index 0000000000..126c421431
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-black-96px-square-no-red.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-filled-black-96px-square.xht b/testing/web-platform/tests/css/CSS2/reference/ref-filled-black-96px-square.xht
new file mode 100644
index 0000000000..7309746e54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-filled-black-96px-square.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled black square.</p>
+
+ <div><img src="../support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-filled-green-100px-square.xht b/testing/web-platform/tests/css/CSS2/reference/ref-filled-green-100px-square.xht
new file mode 100644
index 0000000000..05a1379448
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-filled-green-100px-square.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-green-background.xht b/testing/web-platform/tests/css/CSS2/reference/ref-green-background.xht
new file mode 100644
index 0000000000..d2d2b7c819
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-green-background.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ color: white;
+ background: green;
+}
+</style>
+</head>
+<body>
+<p>This should have a green background.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-if-there-is-no-red.xht b/testing/web-platform/tests/css/CSS2/reference/ref-if-there-is-no-red.xht
new file mode 100644
index 0000000000..a5b4e9f47a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-if-there-is-no-red.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-no-vert-space-between.xht b/testing/web-platform/tests/css/CSS2/reference/ref-no-vert-space-between.xht
new file mode 100644
index 0000000000..53537c886e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-no-vert-space-between.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 5px;
+ }
+
+ div + div {background-color: orange;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-nothing-below.xht b/testing/web-platform/tests/css/CSS2/reference/ref-nothing-below.xht
new file mode 100644
index 0000000000..c87db8094b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-nothing-below.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is nothing below.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-this-text-should-be-green.xht b/testing/web-platform/tests/css/CSS2/reference/ref-this-text-should-be-green.xht
new file mode 100644
index 0000000000..29fe1d8e47
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-this-text-should-be-green.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This text should be green.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-transparent-or-black-square-black.xht b/testing/web-platform/tests/css/CSS2/reference/ref-transparent-or-black-square-black.xht
new file mode 100644
index 0000000000..f8a702617d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-transparent-or-black-square-black.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Jack Moffitt" href="http://metajack.im/"/>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ border: 5px solid blue;
+ height: 1in;
+ width: 1in;
+ background: black;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is a filled black or transparent square surrounded by a blue border.</p>
+<div></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-transparent-or-black-square-transparent.xht b/testing/web-platform/tests/css/CSS2/reference/ref-transparent-or-black-square-transparent.xht
new file mode 100644
index 0000000000..697f60f773
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-transparent-or-black-square-transparent.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Jack Moffitt" href="http://metajack.im/"/>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ border: 5px solid blue;
+ height: 1in;
+ width: 1in;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is a filled black or transparent square surrounded by a blue border.</p>
+<div></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/run-in/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/run-in/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/run-in/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/sec5/adjacent-000-ref.xht b/testing/web-platform/tests/css/CSS2/sec5/adjacent-000-ref.xht
new file mode 100644
index 0000000000..40c7c77b33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/adjacent-000-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+.gray {
+ color: gray;
+}
+.purple {
+ color: purple;
+}
+.black {
+ color: black;
+}
+.blue {
+ color: blue;
+}
+</style>
+</head>
+<body>
+<p class="gray">Filler text.</p>
+<p class="purple">This text should be purple.</p>
+<div class="black">This text should be black.</div>
+<h4 class="blue">This text should be blue.</h4>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/adjacent-000.xht b/testing/web-platform/tests/css/CSS2/sec5/adjacent-000.xht
new file mode 100644
index 0000000000..f0d8e45e71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/adjacent-000.xht
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Adjacent selectors</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" />
+ <link rel="match" href="adjacent-000-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the adjacent element"/>
+<style type="text/css">
+body > p {color: gray}
+
+p + p {color: purple}
+p + div {color: black}
+div + h4 {color: blue}
+
+</style>
+ </head>
+ <body>
+<p>Filler text.</p>
+<p>This text should be purple.</p>
+<div>This text should be black.</div>
+<h4>This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/adjacent-001.xht b/testing/web-platform/tests/css/CSS2/sec5/adjacent-001.xht
new file mode 100644
index 0000000000..59b55d3ddd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/adjacent-001.xht
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Adjacent selectors without the space separator</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" />
+ <link rel="match" href="adjacent-000-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the adjacent element also without the space separator"/>
+<style type="text/css">
+body > p {color: gray}
+
+p+p {color: purple}
+p+div {color: black}
+div+h4 {color: blue}
+
+</style>
+ </head>
+ <body>
+<p>Filler text.</p>
+<p>This text should be purple.</p>
+<div>This text should be black.</div>
+<h4>This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/adjacent-002.xht b/testing/web-platform/tests/css/CSS2/sec5/adjacent-002.xht
new file mode 100644
index 0000000000..59a6c06ed9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/adjacent-002.xht
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Adjacent selectors with the universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" />
+ <link rel="match" href="adjacent-000-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the adjacent element when combined with the universal selector"/>
+<style type="text/css">
+body > p {color: gray}
+
+body > p + * {color: purple}
+p + p + * {color: black}
+div + *{color: blue}
+
+</style>
+ </head>
+ <body>
+<p>Filler text.</p>
+<p>This text should be purple.</p>
+<div>This text should be black.</div>
+<h4>This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-000.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-000.xht
new file mode 100644
index 0000000000..0509900929
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-000.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Attribute selectors: Generic match</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements with the specified attribute, disregarding its value"/>
+<style type="text/css">
+p[id] {color: purple}
+div[class] {color: black}
+h4[title] {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo">This text should be purple.</p>
+<div class="boo">This text should be black.</div>
+<h4 title="Heading">This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-001.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-001.xht
new file mode 100644
index 0000000000..155bc96527
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-001.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Attribute selectors: Generic match with the universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements with the specified attribute, disregarding its value"/>
+<style type="text/css">
+[id] {color: purple}
+[class] {color: black}
+*[title] {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo">This text should be purple.</p>
+<div class="boo">This text should be black.</div>
+<h4 title="Heading">This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-002.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-002.xht
new file mode 100644
index 0000000000..b1ca0bb402
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-002.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Attribute selectors: Exact match</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements with the specified attribute and the specified value"/>
+<style type="text/css">
+p[id="foo"] {color: purple}
+div[class="boo"] {color: black}
+h4[title="Heading"] {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo">This text should be purple.</p>
+<div class="boo">This text should be black.</div>
+<h4 title="Heading">This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-003.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-003.xht
new file mode 100644
index 0000000000..5789983520
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-003.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Attribute selectors: Exact match with the universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements with the specified attribute and the specified value"/>
+<style type="text/css">
+[id="foo"] {color: purple}
+[class="boo"] {color: black}
+*[title="Heading"] {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo">This text should be purple.</p>
+<div class="boo">This text should be black.</div>
+<h4 title="Heading">This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-004.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-004.xht
new file mode 100644
index 0000000000..aab6bcadce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-004.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Attribute selectors: Partial match</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements with one of the values separated by a space"/>
+<style type="text/css">
+p[id~="moo"] {color: purple}
+div[class~="too"] {color: black}
+h4[title~="now"] {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo moo">This text should be purple.</p>
+<div class="boo goo too">This text should be black.</div>
+<h4 title="Heading very important now">This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-005.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-005.xht
new file mode 100644
index 0000000000..fc5030e744
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-005.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Attribute selectors: Partial match with the universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements with one of the values separated by a space"/>
+<style type="text/css">
+[id~="moo"] {color: purple}
+[class~="too"] {color: black}
+*[title~="now"] {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo moo">This text should be purple.</p>
+<div class="boo goo too">This text should be black.</div>
+<h4 title="Heading very important now">This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-006.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-006.xht
new file mode 100644
index 0000000000..bcb9f571dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-006.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Attribute selectors: Substring matching</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements which have an hyphen-separated list of attribute values"/>
+<style type="text/css">
+p[id|="foo"] {color: purple}
+div[class|="foo"] {color: black}
+h4[lang|="en"] {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo-moo">This text should be purple.</p>
+<div class="foo-moo-too">This text should be black.</div>
+<h4 lang="en-us">This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-007.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-007.xht
new file mode 100644
index 0000000000..36291de574
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-007.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Attribute selectors: Substring matching with the universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements which have an hyphen-separated list of attribute values"/>
+<style type="text/css">
+[id|="foo"] {color: purple}
+[class|="foo"] {color: black}
+*[lang|="en"] {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo-moo">This text should be purple.</p>
+<div class="foo-moo-too">This text should be black.</div>
+<h4 lang="en-us">This text should be blue.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-ref.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-ref.xht
new file mode 100644
index 0000000000..d9f9d3684f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+.purple {
+ color: purple;
+}
+.black {
+ color: black;
+}
+.blue {
+ color: blue;
+}
+</style>
+</head>
+<body>
+<p class="purple">This text should be purple.</p>
+<div class="black">This text should be black.</div>
+<h4 class="blue">This text should be blue.</h4>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/class-000-ref.html b/testing/web-platform/tests/css/CSS2/sec5/class-000-ref.html
new file mode 100644
index 0000000000..8eb5f528a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/class-000-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ p {
+ color: fuchsia;
+ }
+ div {
+ color: orange;
+ }
+ h4 {
+ color: blue;
+ }
+</style>
+<body>
+ <p>This text should be fuchsia.</p>
+ <div>This text should be orange.</div>
+ <h4>This text should be blue.</h4>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/class-000.xht b/testing/web-platform/tests/css/CSS2/sec5/class-000.xht
new file mode 100644
index 0000000000..366573c743
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/class-000.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Class selectors</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="match" href="class-000-ref.html"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements which have the specified class"/>
+<style type="text/css">
+p.foo {color: fuchsia}
+div.moo {color: orange}
+h4.title {color: blue}
+
+</style>
+ </head>
+ <body>
+<p class="foo">This text should be fuchsia.</p>
+<div class="moo">This text should be orange.</div>
+<h4 class="title">This text should be blue.</h4>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/class-001.xht b/testing/web-platform/tests/css/CSS2/sec5/class-001.xht
new file mode 100644
index 0000000000..096210ac2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/class-001.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Class selectors with the universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="match" href="class-000-ref.html"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements which have the specified class"/>
+<style type="text/css">
+.foo {color: fuchsia}
+.moo {color: orange}
+*.title {color: blue}
+
+</style>
+ </head>
+ <body>
+<p class="foo">This text should be fuchsia.</p>
+<div class="moo">This text should be orange.</div>
+<h4 class="title">This text should be blue.</h4>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/class-002-ref.html b/testing/web-platform/tests/css/CSS2/sec5/class-002-ref.html
new file mode 100644
index 0000000000..fff0f9eaef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/class-002-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ p {
+ color: fuchsia;
+ }
+ div {
+ color: fuchsia;
+ border: thin solid;
+ }
+ h4 {
+ color: blue;
+ }
+</style>
+<body>
+ <p>This text should be fuchsia.</p>
+ <div>This text should be fuchsia with a thin fuchsia border.</div>
+ <h4>This text should be blue without any border.</h4>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/class-002.xht b/testing/web-platform/tests/css/CSS2/sec5/class-002.xht
new file mode 100644
index 0000000000..85fdef97e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/class-002.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Class selectors: Multiple classes</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="match" href="class-002-ref.html"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements which have the specified class or classes"/>
+<style type="text/css">
+.foo {color: fuchsia}
+.foo.moo {border: thin solid;}
+h4.title {color: blue; border: none;}
+
+</style>
+ </head>
+ <body>
+<p class="foo">This text should be fuchsia.</p>
+<div class="foo moo">This text should be fuchsia with a thin fuchsia border.</div>
+<h4 class="title moo">This text should be blue without any border.</h4>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000-ref.xht b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000-ref.xht
new file mode 100644
index 0000000000..3dfe06f0d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+.orange {
+ border: thin solid orange;
+}
+.blue {
+ border: thin solid blue;
+}
+.fuchsia {
+ border: thin solid fuchsia;
+}
+</style>
+</head>
+<body>
+<p class="orange">This paragraph should have a thin orange border.</p>
+<div><p class="blue">This paragraph should have a thin blue border.</p></div>
+<h4><span class="fuchsia">This text should have a thin fuchsia border.</span></h4>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000.xht b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000.xht
new file mode 100644
index 0000000000..2afa2da179
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000.xht
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Descendant selectors</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" />
+ <link rel="match" href="descendant-selector-000-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the descendant elements"/>
+<style type="text/css">
+body p {border: thin solid orange}
+div p {border: thin solid blue}
+h4 span {border: thin solid fuchsia}
+</style>
+ </head>
+ <body>
+<p>This paragraph should have a thin orange border.</p>
+<div><p>This paragraph should have a thin blue border.</p></div>
+<h4><span>This text should have a thin fuchsia border.</span></h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-001.xht b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-001.xht
new file mode 100644
index 0000000000..d1ab44ff18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-001.xht
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Descendant selectors and universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" />
+ <link rel="match" href="descendant-selector-000-ref.xht"/>
+ <meta name="assert" content="Browsers should apply each rule to the descendant elements"/>
+<style type="text/css">
+body * {border: thin solid orange}
+body div {border: none}
+div * {border: thin solid blue}
+body h4 {border: none}
+h4 * {border: thin solid fuchsia}
+</style>
+ </head>
+ <body>
+<p>This paragraph should have a thin orange border.</p>
+<div><p>This paragraph should have a thin blue border.</p></div>
+<h4><span>This text should have a thin fuchsia border.</span></h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-000.xht b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-000.xht
new file mode 100644
index 0000000000..dae8db9149
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-000.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: The dynamic pseudo-classes: :hover on links</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Browsers should honour the change of state in the elements"/>
+<style type="text/css">
+a:hover {background-color: green; color: white}
+
+</style>
+ </head>
+ <body>
+<p>The link in the next paragraph should have a green background color and a white text color on :hover.</p>
+
+<p><a href="#">Hover me</a></p>
+
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-001.xht b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-001.xht
new file mode 100644
index 0000000000..bbf671169c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-001.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: The dynamic pseudo-classes: :hover on different elements</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Browsers should honour the change of state in the elements"/>
+<style type="text/css">
+p+p:hover {background-color: green; color: white}
+
+</style>
+ </head>
+ <body>
+<p>The next paragraph should have a green background color and a white text color on :hover.</p>
+
+<p>Hover me</p>
+
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-002.xht b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-002.xht
new file mode 100644
index 0000000000..fd2d1f207b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-002.xht
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: The dynamic pseudo-classes: :active</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Browsers should honour the change of state in the elements"/>
+<style type="text/css">
+a:link {color: blue}
+a:visited {color: purple}
+a:active {color: green; font-weight: bold}
+
+</style>
+ </head>
+ <body>
+<p>The link in the next paragraph should have a green text color and a bold font weight when it's activated.</p>
+
+<p><a href="#">Click me</a>.</p>
+
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-003.xht b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-003.xht
new file mode 100644
index 0000000000..2192e1b548
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-003.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: The dynamic pseudo-classes: :focus</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Browsers should honour the change of state in the elements"/>
+<style type="text/css">
+a:focus {background-color: green; color: white}
+
+</style>
+ </head>
+ <body>
+<p>The link below should have a white text color and a green background color when it has focus.</p>
+
+<p><a href="#">Link</a></p>
+
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-child-000-ref.html b/testing/web-platform/tests/css/CSS2/sec5/first-child-000-ref.html
new file mode 100644
index 0000000000..6c65404bfc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/first-child-000-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ p {
+ color: fuchsia;
+ }
+ div {
+ color: orange;
+ }
+ h4 {
+ color: blue;
+ }
+ .silver {
+ color: silver;
+ }
+</style>
+<body>
+ <p><em>This text should be fuchsia.</em> <span class="silver">Filler text.</span></p>
+ <div>This text should be orange.</div>
+ <p class="silver">Filler text.</p>
+ <h4>This text should be blue. <span class="silver">Filler text.</span></h4>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-child-000.xht b/testing/web-platform/tests/css/CSS2/sec5/first-child-000.xht
new file mode 100644
index 0000000000..d31ef34996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/first-child-000.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: The :first-child pseudo-class</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-child" />
+ <link rel="match" href="first-child-000-ref.html"/>
+ <meta name="assert" content="Browsers should apply each rule to the element which is the first child of its parent"/>
+<style type="text/css">
+* {color: silver}
+em:first-child {color: fuchsia;}
+div:first-child {color: orange;}
+span:first-child {color: blue}
+</style>
+ </head>
+ <body>
+<p><em>This text should be fuchsia.</em> Filler text.</p>
+<div><div>This text should be orange.</div> <p>Filler text.</p></div>
+<h4><span>This text should be blue.</span> <span>Filler text.</span></h4>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-child-001.xht b/testing/web-platform/tests/css/CSS2/sec5/first-child-001.xht
new file mode 100644
index 0000000000..d6dbb4aab9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/first-child-001.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: The :first-child pseudo-class with the universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-child" />
+ <link rel="match" href="first-child-000-ref.html"/>
+ <meta name="assert" content="Browsers should apply each rule to the element which is the first child of its parent"/>
+<style type="text/css">
+* {color: silver}
+* em:first-child {color: fuchsia}
+div *:first-child {color: orange}
+* > span:first-child {color: blue}
+</style>
+ </head>
+ <body>
+<p><em>This text should be fuchsia.</em> Filler text.</p>
+<div><div>This text should be orange.</div> <p>Filler text.</p></div>
+<h4><span>This text should be blue.</span> <span>Filler text.</span></h4>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-letter-000.xht b/testing/web-platform/tests/css/CSS2/sec5/first-letter-000.xht
new file mode 100644
index 0000000000..90e1be1ae6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/first-letter-000.xht
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: The :first-letter pseudo-element</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <meta name="assert" content="Browsers should apply the rule only to the first letter of a block-level element"/>
+<style type="text/css">
+p:first-letter, div span {color: fuchsia; font-weight: bold; font-size: 1.8em;}
+
+</style>
+ </head>
+ <body>
+<p>The first letter of this paragraph should be fuchsia, in a bold face and in a bigger font size (same as in the next block).</p>
+<div><span>L</span>orem ipsum dolor.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-line-000-ref.html b/testing/web-platform/tests/css/CSS2/sec5/first-line-000-ref.html
new file mode 100644
index 0000000000..4999f4fa5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/first-line-000-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ p {
+ color: fuchsia;
+ }
+ span {
+ color: silver;
+ }
+</style>
+<body>
+ <p>The first line of this paragraph should be fuchsia (same as in the next block).<br /><span>Filler text.</span></p>
+ <p>Lorem ipsum dolor.<br /><span>Filler text.</span></p>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-line-000.xht b/testing/web-platform/tests/css/CSS2/sec5/first-line-000.xht
new file mode 100644
index 0000000000..010019f0bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/first-line-000.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: The :first-line pseudo-element</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="first-line-000-ref.html"/>
+ <meta name="assert" content="Browsers should apply the rule only to the first line of a block-level element"/>
+<style type="text/css">
+p, div {color: silver}
+p:first-line, div span {color: fuchsia}
+
+</style>
+ </head>
+ <body>
+<p>The first line of this paragraph should be fuchsia (same as in the next block).<br />Filler text.</p>
+<div><span>Lorem ipsum dolor.</span><br />Filler text.</div>
+
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/grouping-000-notref.xht b/testing/web-platform/tests/css/CSS2/sec5/grouping-000-notref.xht
new file mode 100644
index 0000000000..ec3361343a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/grouping-000-notref.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+</head>
+<body>
+<p>This text should be green.</p>
+<div>This text should be green.</div>
+<h4>This text should be green.</h4>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/grouping-000-ref.xht b/testing/web-platform/tests/css/CSS2/sec5/grouping-000-ref.xht
new file mode 100644
index 0000000000..dc57893635
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/grouping-000-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+body {
+ color: green;
+ font-weight: bold;
+}
+</style>
+</head>
+<body>
+<p>This text should be green.</p>
+<div>This text should be green.</div>
+<h4>This text should be green.</h4>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/grouping-000.xht b/testing/web-platform/tests/css/CSS2/sec5/grouping-000.xht
new file mode 100644
index 0000000000..75f29cbc35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/grouping-000.xht
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Grouping</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#grouping" />
+ <link rel="match" href="grouping-000-ref.xht"/>
+ <link rel="mismatch" href="grouping-000-notref.xht"/>
+ <meta name="assert" content="Browsers should apply the rule to all elements grouped"/>
+<style type="text/css">
+p, div, h4 {color: green; font-weight: bold}
+</style>
+ </head>
+ <body>
+<p>This text should be green.</p>
+<div>This text should be green.</div>
+<h4>This text should be green.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/grouping-001.xht b/testing/web-platform/tests/css/CSS2/sec5/grouping-001.xht
new file mode 100644
index 0000000000..8ffcc3fe62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/grouping-001.xht
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: Grouping: Invalid grouping</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#grouping" />
+ <link rel="match" href="grouping-000-ref.xht"/>
+ <link rel="mismatch" href="grouping-000-notref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Browsers should ignore an invalid grouping"/>
+<style type="text/css">
+* {font-weight: bold}
+p, div, h4 {color: green}
+p, div, h4, {color: red}
+</style>
+ </head>
+ <body>
+<p>This text should be green.</p>
+<div>This text should be green.</div>
+<h4>This text should be green.</h4>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/sec5/id-000.xht b/testing/web-platform/tests/css/CSS2/sec5/id-000.xht
new file mode 100644
index 0000000000..6c732aadf1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/id-000.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: ID selectors</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#id-selectors" />
+ <link rel="match" href="class-000-ref.html"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements which have the specified ID"/>
+<style type="text/css">
+p#foo {color: fuchsia}
+div#moo {color: orange}
+h4#title {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo">This text should be fuchsia.</p>
+<div id="moo">This text should be orange.</div>
+<h4 id="title">This text should be blue.</h4>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/sec5/id-001.xht b/testing/web-platform/tests/css/CSS2/sec5/id-001.xht
new file mode 100644
index 0000000000..81ac96e0e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/sec5/id-001.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors: ID selectors with universal selector</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#id-selectors" />
+ <link rel="match" href="class-000-ref.html"/>
+ <meta name="assert" content="Browsers should apply each rule to the elements which have the specified ID"/>
+<style type="text/css">
+#foo {color: fuchsia}
+#moo {color: orange}
+*#title {color: blue}
+
+</style>
+ </head>
+ <body>
+<p id="foo">This text should be fuchsia.</p>
+<div id="moo">This text should be orange.</div>
+<h4 id="title">This text should be blue.</h4>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/section-index.xht b/testing/web-platform/tests/css/CSS2/section-index.xht
new file mode 100644
index 0000000000..6240f86f0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/section-index.xht
@@ -0,0 +1,1131 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS 2.1 Test Suite: Index by Section</title>
+ <style type="text/css">
+ @import "http://www.w3.org/StyleSheets/TR/base.css";
+ @import "../indices.css";
+ </style>
+ </head>
+ <body>
+
+ <h1>CSS2.1 Conformance Test Suite</h1>
+ <h2>Index by Section</h2>
+
+ <p>This index lists tests by associated spec section. Tests are listed in
+ <strong>strong</strong> in their primary section.</p>
+
+ <table>
+ <col id="test-column"/>
+ <col id="flags-column"/>
+ <thead>
+ <tr>
+ <th>Test</th>
+ <th>Flags</th>
+ </tr>
+ </thead>
+ <tbody id="s1" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html">1 About the CSS&nbsp;2.1 Specification</a></th></tr>
+ <!-- TESTS 1 <about.html> -->
+ </tbody>
+ <tbody id="s1.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html#css2.1-v-css2">1.1 CSS&nbsp;2.1 vs CSS&nbsp;2</a></th></tr>
+ <!-- TESTS 1.1 <about.html#css2.1-v-css2> -->
+ </tbody>
+ <tbody id="s1.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html#reading">1.2 Reading the specification</a></th></tr>
+ <!-- TESTS 1.2 <about.html#reading> -->
+ </tbody>
+ <tbody id="s1.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html#organization">1.3 How the specification is organized</a></th></tr>
+ <!-- TESTS 1.3 <about.html#organization> -->
+ </tbody>
+ <tbody id="s1.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html#conventions">1.4 Conventions</a></th></tr>
+ <!-- TESTS 1.4 <about.html#conventions> -->
+ </tbody>
+ <tbody id="s1.4.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html#doc-languages">1.4.1 Document language elements and attributes</a></th></tr>
+ <!-- TESTS 1.4.1 <about.html#doc-languages> -->
+ </tbody>
+ <tbody id="s1.4.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html#property-defs">1.4.2 CSS property definitions</a></th></tr>
+ <!-- TESTS 1.4.2 <about.html#property-defs> -->
+ </tbody>
+ <tbody id="s1.4.2.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html#value-defs">1.4.2.1 Value</a></th></tr>
+ <!-- TESTS 1.4.2.1 <about.html#value-defs> -->
+ </tbody>
+ <tbody id="s1.4.2.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html#initial-value">1.4.2.2 Initial</a></th></tr>
+ <!-- TESTS 1.4.2.2 <about.html#initial-value> -->
+ </tbody>
+ <tbody id="s1.4.2.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html#applies-to">1.4.2.3 Applies to</a></th></tr>
+ <!-- TESTS 1.4.2.3 <about.html#applies-to> -->
+ </tbody>
+ <tbody id="s1.4.2.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html#inherited-prop">1.4.2.4 Inherited</a></th></tr>
+ <!-- TESTS 1.4.2.4 <about.html#inherited-prop> -->
+ </tbody>
+ <tbody id="s1.4.2.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html#percentage-wrt">1.4.2.5 Percentage values</a></th></tr>
+ <!-- TESTS 1.4.2.5 <about.html#percentage-wrt> -->
+ </tbody>
+ <tbody id="s1.4.2.6">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html#media-applies">1.4.2.6 Media groups</a></th></tr>
+ <!-- TESTS 1.4.2.6 <about.html#media-applies> -->
+ </tbody>
+ <tbody id="s1.4.2.7">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html#computed-defs">1.4.2.7 Computed value</a></th></tr>
+ <!-- TESTS 1.4.2.7 <about.html#computed-defs> -->
+ </tbody>
+ <tbody id="s1.4.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html#shorthand">1.4.3 Shorthand properties</a></th></tr>
+ <!-- TESTS 1.4.3 <about.html#shorthand> -->
+ </tbody>
+ <tbody id="s1.4.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html#notes-and-examples">1.4.4 Notes and examples</a></th></tr>
+ <!-- TESTS 1.4.4 <about.html#notes-and-examples> -->
+ </tbody>
+ <tbody id="s1.4.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html#images-and-longdesc">1.4.5 Images and long descriptions</a></th></tr>
+ <!-- TESTS 1.4.5 <about.html#images-and-longdesc> -->
+ </tbody>
+ <tbody id="s1.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/about.html#acknowledgements">1.5 Acknowledgments</a></th></tr>
+ <!-- TESTS 1.5 <about.html#acknowledgements> -->
+ </tbody>
+ <tbody id="s2" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/intro.html">2 Introduction to CSS&nbsp;2.1</a></th></tr>
+ <!-- TESTS 2 <intro.html> -->
+ </tbody>
+ <tbody id="s2.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/intro.html#html-tutorial">2.1 A brief CSS&nbsp;2.1 tutorial for HTML</a></th></tr>
+ <!-- TESTS 2.1 <intro.html#html-tutorial> -->
+ </tbody>
+ <tbody id="s2.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/intro.html#xml-tutorial">2.2 A brief CSS&nbsp;2.1 tutorial for XML</a></th></tr>
+ <!-- TESTS 2.2 <intro.html#xml-tutorial> -->
+ </tbody>
+ <tbody id="s2.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/intro.html#processing-model">2.3 The CSS&nbsp;2.1 processing model</a></th></tr>
+ <!-- TESTS 2.3 <intro.html#processing-model> -->
+ </tbody>
+ <tbody id="s2.3.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/intro.html#the-canvas">2.3.1 The canvas</a></th></tr>
+ <!-- TESTS 2.3.1 <intro.html#the-canvas> -->
+ </tbody>
+ <tbody id="s2.3.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/intro.html#addressing">2.3.2 CSS&nbsp;2.1 addressing model</a></th></tr>
+ <!-- TESTS 2.3.2 <intro.html#addressing> -->
+ </tbody>
+ <tbody id="s2.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/intro.html#design-principles">2.4 CSS design principles</a></th></tr>
+ <!-- TESTS 2.4 <intro.html#design-principles> -->
+ </tbody>
+ <tbody id="s3" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/conform.html">3 Conformance: Requirements and Recommendations</a></th></tr>
+ <!-- TESTS 3 <conform.html> -->
+ </tbody>
+ <tbody id="s3.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/conform.html#defs">3.1 Definitions</a></th></tr>
+ <!-- TESTS 3.1 <conform.html#defs> -->
+ </tbody>
+ <tbody id="s3.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/conform.html#conformance">3.2 UA Conformance</a></th></tr>
+ <!-- TESTS 3.2 <conform.html#conformance> -->
+ </tbody>
+ <tbody id="s3.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/conform.html#errors">3.3 Error conditions</a></th></tr>
+ <!-- TESTS 3.3 <conform.html#errors> -->
+ </tbody>
+ <tbody id="s3.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/conform.html#text-css">3.4 <span class="index-def" title="text/css">The text/css content type</span></a></th></tr>
+ <!-- TESTS 3.4 <conform.html#text-css> -->
+ </tbody>
+ <tbody id="s4" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html">4 Syntax and basic data types</a></th></tr>
+ <!-- TESTS 4 <syndata.html> -->
+ </tbody>
+ <tbody id="s4.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#syntax">4.1 Syntax</a></th></tr>
+ <!-- TESTS 4.1 <syndata.html#syntax> -->
+ </tbody>
+ <tbody id="s4.1.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#tokenization">4.1.1 Tokenization</a></th></tr>
+ <!-- TESTS 4.1.1 <syndata.html#tokenization> -->
+ </tbody>
+ <tbody id="s4.1.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#keywords">4.1.2 Keywords</a></th></tr>
+ <!-- TESTS 4.1.2 <syndata.html#keywords> -->
+ </tbody>
+ <tbody id="s4.1.2.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords">4.1.2.1 Vendor-specific extensions</a></th></tr>
+ <!-- TESTS 4.1.2.1 <syndata.html#vendor-keywords> -->
+ </tbody>
+ <tbody id="s4.1.2.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#vendor-keyword-history">4.1.2.2 Informative Historical Notes</a></th></tr>
+ <!-- TESTS 4.1.2.2 <syndata.html#vendor-keyword-history> -->
+ </tbody>
+ <tbody id="s4.1.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#characters">4.1.3 Characters and case</a></th></tr>
+ <!-- TESTS 4.1.3 <syndata.html#characters> -->
+ </tbody>
+ <tbody id="s4.1.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#statements">4.1.4 Statements</a></th></tr>
+ <!-- TESTS 4.1.4 <syndata.html#statements> -->
+ </tbody>
+ <tbody id="s4.1.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#at-rules">4.1.5 <span class="index-def" title="at-rule"> At-rules</span></a></th></tr>
+ <!-- TESTS 4.1.5 <syndata.html#at-rules> -->
+ </tbody>
+ <tbody id="s4.1.6">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#block">4.1.6 Blocks</a></th></tr>
+ <!-- TESTS 4.1.6 <syndata.html#block> -->
+ </tbody>
+ <tbody id="s4.1.7">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#rule-sets">4.1.7 Rule sets, declaration blocks, and selectors</a></th></tr>
+ <!-- TESTS 4.1.7 <syndata.html#rule-sets> -->
+ </tbody>
+ <tbody id="s4.1.8">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#declaration">4.1.8 Declarations and properties</a></th></tr>
+ <!-- TESTS 4.1.8 <syndata.html#declaration> -->
+ </tbody>
+ <tbody id="s4.1.9">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#comments">4.1.9 Comments</a></th></tr>
+ <!-- TESTS 4.1.9 <syndata.html#comments> -->
+ </tbody>
+ <tbody id="s4.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors">4.2 Rules for handling parsing errors</a></th></tr>
+ <!-- TESTS 4.2 <syndata.html#parsing-errors> -->
+ </tbody>
+ <tbody id="s4.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#values">4.3 Values</a></th></tr>
+ <!-- TESTS 4.3 <syndata.html#values> -->
+ </tbody>
+ <tbody id="s4.3.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#numbers">4.3.1 Integers and real numbers</a></th></tr>
+ <!-- TESTS 4.3.1 <syndata.html#numbers> -->
+ </tbody>
+ <tbody id="s4.3.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#length-units">4.3.2 Lengths</a></th></tr>
+ <!-- TESTS 4.3.2 <syndata.html#length-units> -->
+ </tbody>
+ <tbody id="s4.3.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#percentage-units">4.3.3 Percentages</a></th></tr>
+ <!-- TESTS 4.3.3 <syndata.html#percentage-units> -->
+ </tbody>
+ <tbody id="s4.3.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#uri">4.3.4 URLs and URIs</a></th></tr>
+ <!-- TESTS 4.3.4 <syndata.html#uri> -->
+ </tbody>
+ <tbody id="s4.3.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#counter">4.3.5 Counters</a></th></tr>
+ <!-- TESTS 4.3.5 <syndata.html#counter> -->
+ </tbody>
+ <tbody id="s4.3.6">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#color-units">4.3.6 Colors</a></th></tr>
+ <!-- TESTS 4.3.6 <syndata.html#color-units> -->
+ </tbody>
+ <tbody id="s4.3.7">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#strings">4.3.7 Strings</a></th></tr>
+ <!-- TESTS 4.3.7 <syndata.html#strings> -->
+ </tbody>
+ <tbody id="s4.3.8">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#unsupported-values">4.3.8 Unsupported Values</a></th></tr>
+ <!-- TESTS 4.3.8 <syndata.html#unsupported-values> -->
+ </tbody>
+ <tbody id="s4.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#charset">4.4 CSS style sheet representation</a></th></tr>
+ <!-- TESTS 4.4 <syndata.html#charset> -->
+ </tbody>
+ <tbody id="s4.4.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/syndata.html#escaping">4.4.1 Referring to characters not represented in a character encoding</a></th></tr>
+ <!-- TESTS 4.4.1 <syndata.html#escaping> -->
+ </tbody>
+ <tbody id="s5" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html">5 Selectors</a></th></tr>
+ <!-- TESTS 5 <selector.html> -->
+ </tbody>
+ <tbody id="s5.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#pattern-matching">5.1 Pattern matching</a></th></tr>
+ <!-- TESTS 5.1 <selector.html#pattern-matching> -->
+ </tbody>
+ <tbody id="s5.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#selector-syntax">5.2 Selector syntax</a></th></tr>
+ <!-- TESTS 5.2 <selector.html#selector-syntax> -->
+ </tbody>
+ <tbody id="s5.2.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#grouping">5.2.1 Grouping</a></th></tr>
+ <!-- TESTS 5.2.1 <selector.html#grouping> -->
+ </tbody>
+ <tbody id="s5.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#universal-selector">5.3 Universal selector</a></th></tr>
+ <!-- TESTS 5.3 <selector.html#universal-selector> -->
+ </tbody>
+ <tbody id="s5.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#type-selectors">5.4 Type selectors</a></th></tr>
+ <!-- TESTS 5.4 <selector.html#type-selectors> -->
+ </tbody>
+ <tbody id="s5.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors">5.5 Descendant selectors</a></th></tr>
+ <!-- TESTS 5.5 <selector.html#descendant-selectors> -->
+ </tbody>
+ <tbody id="s5.6">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#child-selectors">5.6 Child selectors</a></th></tr>
+ <!-- TESTS 5.6 <selector.html#child-selectors> -->
+ </tbody>
+ <tbody id="s5.7">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors">5.7 Adjacent sibling selectors</a></th></tr>
+ <!-- TESTS 5.7 <selector.html#adjacent-selectors> -->
+ </tbody>
+ <tbody id="s5.8">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors">5.8 Attribute selectors</a></th></tr>
+ <!-- TESTS 5.8 <selector.html#attribute-selectors> -->
+ </tbody>
+ <tbody id="s5.8.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#matching-attrs">5.8.1 Matching attributes and attribute values</a></th></tr>
+ <!-- TESTS 5.8.1 <selector.html#matching-attrs> -->
+ </tbody>
+ <tbody id="s5.8.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#default-attrs">5.8.2 Default attribute values in DTDs</a></th></tr>
+ <!-- TESTS 5.8.2 <selector.html#default-attrs> -->
+ </tbody>
+ <tbody id="s5.8.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#class-html">5.8.3 Class selectors</a></th></tr>
+ <!-- TESTS 5.8.3 <selector.html#class-html> -->
+ </tbody>
+ <tbody id="s5.9">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#id-selectors">5.9 ID selectors</a></th></tr>
+ <!-- TESTS 5.9 <selector.html#id-selectors> -->
+ </tbody>
+ <tbody id="s5.10">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#pseudo-elements">5.10 Pseudo-elements and pseudo-classes</a></th></tr>
+ <!-- TESTS 5.10 <selector.html#pseudo-elements> -->
+ </tbody>
+ <tbody id="s5.11">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#pseudo-class-selectors">5.11 Pseudo-classes</a></th></tr>
+ <!-- TESTS 5.11 <selector.html#pseudo-class-selectors> -->
+ </tbody>
+ <tbody id="s5.11.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#first-child">5.11.1 :first-child pseudo-class</a></th></tr>
+ <!-- TESTS 5.11.1 <selector.html#first-child> -->
+ </tbody>
+ <tbody id="s5.11.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes">5.11.2 The link pseudo-classes: <span class="index-def" title="pseudo-classes:::link|:link|link (pseudo-class)">:link</span> and <span class="index-def" title="pseudo-classes:::visited|:visited|visited (pseudo-class)">:visited</span></a></th></tr>
+ <!-- TESTS 5.11.2 <selector.html#link-pseudo-classes> -->
+ </tbody>
+ <tbody id="s5.11.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes">5.11.3 The dynamic pseudo-classes: <span class="index-def" title="pseudo-classes:::hover|:hover|hover (pseudo-class)">:hover</span>, <span class="index-def" title="pseudo-classes:::active|:active|active (pseudo-class)">:active</span>, and <span class="index-def" title="pseudo-classes:::focus|:focus|focus (pseudo-class)">:focus</span></a></th></tr>
+ <!-- TESTS 5.11.3 <selector.html#dynamic-pseudo-classes> -->
+ </tbody>
+ <tbody id="s5.11.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#lang">5.11.4 The language pseudo-class: <span class="index-def" title="pseudo-classes:::lang|:lang|lang (pseudo-class)">:lang</span></a></th></tr>
+ <!-- TESTS 5.11.4 <selector.html#lang> -->
+ </tbody>
+ <tbody id="s5.12">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#pseudo-element-selectors">5.12 Pseudo-elements</a></th></tr>
+ <!-- TESTS 5.12 <selector.html#pseudo-element-selectors> -->
+ </tbody>
+ <tbody id="s5.12.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo">5.12.1 The <span class="index-def" title="pseudo-elements:::first-line|:first-line|first-line">:first-line</span> pseudo-element</a></th></tr>
+ <!-- TESTS 5.12.1 <selector.html#first-line-pseudo> -->
+ </tbody>
+ <tbody id="s5.12.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#first-letter">5.12.2 The <span class="index-def" title="pseudo-elements:::first-letter|:first-letter|first-letter">:first-letter</span> pseudo-element</a></th></tr>
+ <!-- TESTS 5.12.2 <selector.html#first-letter> -->
+ </tbody>
+ <tbody id="s5.12.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/selector.html#before-and-after">5.12.3 The <span class="index-def" title="pseudo-elements:::before|:before">:before</span> and <span class="index-def" title="pseudo-elements:::after|:after">:after</span> pseudo-elements</a></th></tr>
+ <!-- TESTS 5.12.3 <selector.html#before-and-after> -->
+ </tbody>
+ <tbody id="s6" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/cascade.html">6 Assigning property values, Cascading, and Inheritance</a></th></tr>
+ <!-- TESTS 6 <cascade.html> -->
+ </tbody>
+ <tbody id="s6.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/cascade.html#value-stages">6.1 Specified, computed, and actual values</a></th></tr>
+ <!-- TESTS 6.1 <cascade.html#value-stages> -->
+ </tbody>
+ <tbody id="s6.1.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/cascade.html#specified-value">6.1.1 <span class="index-def" title="specified value"> Specified values</span></a></th></tr>
+ <!-- TESTS 6.1.1 <cascade.html#specified-value> -->
+ </tbody>
+ <tbody id="s6.1.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/cascade.html#computed-value">6.1.2 <span class="index-def" title="computed value"> Computed values</span></a></th></tr>
+ <!-- TESTS 6.1.2 <cascade.html#computed-value> -->
+ </tbody>
+ <tbody id="s6.1.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/cascade.html#used-value">6.1.3 <span class="index-def" title="used value"> Used values</span></a></th></tr>
+ <!-- TESTS 6.1.3 <cascade.html#used-value> -->
+ </tbody>
+ <tbody id="s6.1.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/cascade.html#actual-value">6.1.4 <span class="index-def" title="actual value"> Actual values</span></a></th></tr>
+ <!-- TESTS 6.1.4 <cascade.html#actual-value> -->
+ </tbody>
+ <tbody id="s6.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/cascade.html#inheritance">6.2 Inheritance</a></th></tr>
+ <!-- TESTS 6.2 <cascade.html#inheritance> -->
+ </tbody>
+ <tbody id="s6.2.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">6.2.1 The <span class="index-def" title="inherit, definition of">'inherit'</span> value</a></th></tr>
+ <!-- TESTS 6.2.1 <cascade.html#value-def-inherit> -->
+ </tbody>
+ <tbody id="s6.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/cascade.html#at-import">6.3 The @import rule</a></th></tr>
+ <!-- TESTS 6.3 <cascade.html#at-import> -->
+ </tbody>
+ <tbody id="s6.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/cascade.html#cascade">6.4 The cascade</a></th></tr>
+ <!-- TESTS 6.4 <cascade.html#cascade> -->
+ </tbody>
+ <tbody id="s6.4.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order">6.4.1 Cascading order</a></th></tr>
+ <!-- TESTS 6.4.1 <cascade.html#cascading-order> -->
+ </tbody>
+ <tbody id="s6.4.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/cascade.html#important-rules">6.4.2 !important rules</a></th></tr>
+ <!-- TESTS 6.4.2 <cascade.html#important-rules> -->
+ </tbody>
+ <tbody id="s6.4.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/cascade.html#specificity">6.4.3 Calculating a selector's specificity</a></th></tr>
+ <!-- TESTS 6.4.3 <cascade.html#specificity> -->
+ </tbody>
+ <tbody id="s6.4.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/cascade.html#preshint">6.4.4 Precedence of non-CSS presentational hints</a></th></tr>
+ <!-- TESTS 6.4.4 <cascade.html#preshint> -->
+ </tbody>
+ <tbody id="s7" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/media.html">7 Media types</a></th></tr>
+ <!-- TESTS 7 <media.html> -->
+ </tbody>
+ <tbody id="s7.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/media.html#media-intro">7.1 Introduction to media types</a></th></tr>
+ <!-- TESTS 7.1 <media.html#media-intro> -->
+ </tbody>
+ <tbody id="s7.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/media.html#media-sheets">7.2 Specifying media-dependent style sheets</a></th></tr>
+ <!-- TESTS 7.2 <media.html#media-sheets> -->
+ </tbody>
+ <tbody id="s7.2.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/media.html#at-media-rule">7.2.1 The @media rule</a></th></tr>
+ <!-- TESTS 7.2.1 <media.html#at-media-rule> -->
+ </tbody>
+ <tbody id="s7.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/media.html#media-types">7.3 Recognized media types</a></th></tr>
+ <!-- TESTS 7.3 <media.html#media-types> -->
+ </tbody>
+ <tbody id="s7.3.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/media.html#media-groups">7.3.1 Media groups</a></th></tr>
+ <!-- TESTS 7.3.1 <media.html#media-groups> -->
+ </tbody>
+ <tbody id="s8" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/box.html">8 Box model</a></th></tr>
+ <!-- TESTS 8 <box.html> -->
+ </tbody>
+ <tbody id="s8.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/box.html#box-dimensions">8.1 Box dimensions</a></th></tr>
+ <!-- TESTS 8.1 <box.html#box-dimensions> -->
+ </tbody>
+ <tbody id="s8.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/box.html#mpb-examples">8.2 Example of margins, padding, and borders</a></th></tr>
+ <!-- TESTS 8.2 <box.html#mpb-examples> -->
+ </tbody>
+ <tbody id="s8.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/box.html#margin-properties">8.3 Margin properties: <span class="propinst-margin-top">'margin-top'</span>, <span class="propinst-margin-right">'margin-right'</span>, <span class="propinst-margin-bottom">'margin-bottom'</span>, <span class="propinst-margin-left">'margin-left'</span>, and <span class="propinst-margin">'margin'</span></a></th></tr>
+ <!-- TESTS 8.3 <box.html#margin-properties> -->
+ </tbody>
+ <tbody id="s8.3.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins">8.3.1 Collapsing margins</a></th></tr>
+ <!-- TESTS 8.3.1 <box.html#collapsing-margins> -->
+ </tbody>
+ <tbody id="s8.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/box.html#padding-properties">8.4 Padding properties: <span class="propinst-padding-top">'padding-top'</span>, <span class="propinst-padding-right">'padding-right'</span>, <span class="propinst-padding-bottom">'padding-bottom'</span>, <span class="propinst-padding-left">'padding-left'</span>, and <span class="propinst-padding">'padding'</span></a></th></tr>
+ <!-- TESTS 8.4 <box.html#padding-properties> -->
+ </tbody>
+ <tbody id="s8.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/box.html#border-properties">8.5 Border properties</a></th></tr>
+ <!-- TESTS 8.5 <box.html#border-properties> -->
+ </tbody>
+ <tbody id="s8.5.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/box.html#border-width-properties">8.5.1 Border width: <span class="propinst-border-top-width">'border-top-width'</span>, <span class="propinst-border-right-width">'border-right-width'</span>, <span class="propinst-border-bottom-width">'border-bottom-width'</span>, <span class="propinst-border-left-width">'border-left-width'</span>, and <span class="propinst-border-width">'border-width'</span></a></th></tr>
+ <!-- TESTS 8.5.1 <box.html#border-width-properties> -->
+ </tbody>
+ <tbody id="s8.5.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/box.html#border-color-properties">8.5.2 Border color: <span class="propinst-border-top-color">'border-top-color'</span>, <span class="propinst-border-right-color">'border-right-color'</span>, <span class="propinst-border-bottom-color">'border-bottom-color'</span>, <span class="propinst-border-left-color">'border-left-color'</span>, and <span class="propinst-border-color">'border-color'</span></a></th></tr>
+ <!-- TESTS 8.5.2 <box.html#border-color-properties> -->
+ </tbody>
+ <tbody id="s8.5.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/box.html#border-style-properties">8.5.3 Border style: <span class="propinst-border-top-style">'border-top-style'</span>, <span class="propinst-border-right-style">'border-right-style'</span>, <span class="propinst-border-bottom-style">'border-bottom-style'</span>, <span class="propinst-border-left-style">'border-left-style'</span>, and <span class="propinst-border-style">'border-style'</span></a></th></tr>
+ <!-- TESTS 8.5.3 <box.html#border-style-properties> -->
+ </tbody>
+ <tbody id="s8.5.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties">8.5.4 Border shorthand properties: <span class="propinst-border-top">'border-top'</span>, <span class="propinst-border-right">'border-right'</span>, <span class="propinst-border-bottom">'border-bottom'</span>, <span class="propinst-border-left">'border-left'</span>, and <span class="propinst-border">'border'</span></a></th></tr>
+ <!-- TESTS 8.5.4 <box.html#border-shorthand-properties> -->
+ </tbody>
+ <tbody id="s8.6">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model">8.6 The box model for inline elements in bidirection context</a></th></tr>
+ <!-- TESTS 8.6 <box.html#bidi-box-model> -->
+ </tbody>
+ <tbody id="s9" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html">9 Visual formatting model</a></th></tr>
+ <!-- TESTS 9 <visuren.html> -->
+ </tbody>
+ <tbody id="s9.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#visual-model-intro">9.1 Introduction to the visual formatting model</a></th></tr>
+ <!-- TESTS 9.1 <visuren.html#visual-model-intro> -->
+ </tbody>
+ <tbody id="s9.1.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#viewport">9.1.1 The viewport</a></th></tr>
+ <!-- TESTS 9.1.1 <visuren.html#viewport> -->
+ </tbody>
+ <tbody id="s9.1.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#containing-block">9.1.2 <span class="index-def" title="containing block"> Containing blocks</span></a></th></tr>
+ <!-- TESTS 9.1.2 <visuren.html#containing-block> -->
+ </tbody>
+ <tbody id="s9.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#box-gen">9.2 Controlling box generation</a></th></tr>
+ <!-- TESTS 9.2 <visuren.html#box-gen> -->
+ </tbody>
+ <tbody id="s9.2.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes">9.2.1 Block-level elements and block boxes</a></th></tr>
+ <!-- TESTS 9.2.1 <visuren.html#block-boxes> -->
+ </tbody>
+ <tbody id="s9.2.1.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">9.2.1.1 Anonymous block boxes</a></th></tr>
+ <!-- TESTS 9.2.1.1 <visuren.html#anonymous-block-level> -->
+ </tbody>
+ <tbody id="s9.2.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes">9.2.2 Inline-level elements and inline boxes</a></th></tr>
+ <!-- TESTS 9.2.2 <visuren.html#inline-boxes> -->
+ </tbody>
+ <tbody id="s9.2.2.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#anonymous">9.2.2.1 Anonymous inline boxes</a></th></tr>
+ <!-- TESTS 9.2.2.1 <visuren.html#anonymous> -->
+ </tbody>
+ <tbody id="s9.2.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#run-in">9.2.3 Run-in boxes</a></th></tr>
+ <!-- TESTS 9.2.3 <visuren.html#run-in> -->
+ </tbody>
+ <tbody id="s9.2.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#display-prop">9.2.4 The <span class="propinst-display">'display'</span> property</a></th></tr>
+ <!-- TESTS 9.2.4 <visuren.html#display-prop> -->
+ </tbody>
+ <tbody id="s9.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#positioning-scheme">9.3 Positioning schemes</a></th></tr>
+ <!-- TESTS 9.3 <visuren.html#positioning-scheme> -->
+ </tbody>
+ <tbody id="s9.3.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#choose-position">9.3.1 Choosing a positioning scheme: <span class="propinst-position">'position'</span> property</a></th></tr>
+ <!-- TESTS 9.3.1 <visuren.html#choose-position> -->
+ </tbody>
+ <tbody id="s9.3.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#position-props">9.3.2 Box offsets: <span class="propinst-top">'top'</span>, <span class="propinst-right">'right'</span>, <span class="propinst-bottom">'bottom'</span>, <span class="propinst-left">'left'</span></a></th></tr>
+ <!-- TESTS 9.3.2 <visuren.html#position-props> -->
+ </tbody>
+ <tbody id="s9.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#normal-flow">9.4 Normal flow</a></th></tr>
+ <!-- TESTS 9.4 <visuren.html#normal-flow> -->
+ </tbody>
+ <tbody id="s9.4.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting">9.4.1 Block formatting contexts</a></th></tr>
+ <!-- TESTS 9.4.1 <visuren.html#block-formatting> -->
+ </tbody>
+ <tbody id="s9.4.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting">9.4.2 Inline formatting context</a></th></tr>
+ <!-- TESTS 9.4.2 <visuren.html#inline-formatting> -->
+ </tbody>
+ <tbody id="s9.4.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#relative-positioning">9.4.3 Relative positioning</a></th></tr>
+ <!-- TESTS 9.4.3 <visuren.html#relative-positioning> -->
+ </tbody>
+ <tbody id="s9.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#floats">9.5 Floats</a></th></tr>
+ <!-- TESTS 9.5 <visuren.html#floats> -->
+ </tbody>
+ <tbody id="s9.5.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#float-position">9.5.1 Positioning the float: the <span class="propinst-float">'float'</span> property</a></th></tr>
+ <!-- TESTS 9.5.1 <visuren.html#float-position> -->
+ </tbody>
+ <tbody id="s9.5.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#flow-control">9.5.2 Controlling flow next to floats: the <span class="propinst-clear">'clear'</span> property</a></th></tr>
+ <!-- TESTS 9.5.2 <visuren.html#flow-control> -->
+ </tbody>
+ <tbody id="s9.6">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning">9.6 Absolute positioning</a></th></tr>
+ <!-- TESTS 9.6 <visuren.html#absolute-positioning> -->
+ </tbody>
+ <tbody id="s9.6.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#fixed-positioning">9.6.1 Fixed positioning</a></th></tr>
+ <!-- TESTS 9.6.1 <visuren.html#fixed-positioning> -->
+ </tbody>
+ <tbody id="s9.7">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo">9.7 Relationships between 'display', 'position', and 'float'</a></th></tr>
+ <!-- TESTS 9.7 <visuren.html#dis-pos-flo> -->
+ </tbody>
+ <tbody id="s9.8">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#comparison">9.8 Comparison of normal flow, floats, and absolute positioning</a></th></tr>
+ <!-- TESTS 9.8 <visuren.html#comparison> -->
+ </tbody>
+ <tbody id="s9.8.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#comp-normal-flow">9.8.1 Normal flow</a></th></tr>
+ <!-- TESTS 9.8.1 <visuren.html#comp-normal-flow> -->
+ </tbody>
+ <tbody id="s9.8.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#comp-relpos">9.8.2 Relative positioning</a></th></tr>
+ <!-- TESTS 9.8.2 <visuren.html#comp-relpos> -->
+ </tbody>
+ <tbody id="s9.8.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#comp-float">9.8.3 Floating a box</a></th></tr>
+ <!-- TESTS 9.8.3 <visuren.html#comp-float> -->
+ </tbody>
+ <tbody id="s9.8.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos">9.8.4 Absolute positioning</a></th></tr>
+ <!-- TESTS 9.8.4 <visuren.html#comp-abspos> -->
+ </tbody>
+ <tbody id="s9.9">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#layers">9.9 Layered presentation</a></th></tr>
+ <!-- TESTS 9.9 <visuren.html#layers> -->
+ </tbody>
+ <tbody id="s9.9.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#z-index">9.9.1 Specifying the stack level: the <span class="propinst-z-index">'z-index'</span> property</a></th></tr>
+ <!-- TESTS 9.9.1 <visuren.html#z-index> -->
+ </tbody>
+ <tbody id="s9.10">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visuren.html#direction">9.10 Text direction: the <span class="propinst-direction">'direction'</span> and <span class="propinst-unicode-bidi">'unicode-bidi'</span> properties</a></th></tr>
+ <!-- TESTS 9.10 <visuren.html#direction> -->
+ </tbody>
+ <tbody id="s10" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html">10 Visual formatting model details</a></th></tr>
+ <!-- TESTS 10 <visudet.html> -->
+ </tbody>
+ <tbody id="s10.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details">10.1 Definition of "containing block"</a></th></tr>
+ <!-- TESTS 10.1 <visudet.html#containing-block-details> -->
+ </tbody>
+ <tbody id="s10.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property">10.2 Content width: the <span class="propinst-width">'width'</span> property</a></th></tr>
+ <!-- TESTS 10.2 <visudet.html#the-width-property> -->
+ </tbody>
+ <tbody id="s10.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#Computing_widths_and_margins">10.3 Calculating widths and margins</a></th></tr>
+ <!-- TESTS 10.3 <visudet.html#Computing_widths_and_margins> -->
+ </tbody>
+ <tbody id="s10.3.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#inline-width">10.3.1 Inline, non-replaced elements</a></th></tr>
+ <!-- TESTS 10.3.1 <visudet.html#inline-width> -->
+ </tbody>
+ <tbody id="s10.3.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width">10.3.2 Inline, replaced elements</a></th></tr>
+ <!-- TESTS 10.3.2 <visudet.html#inline-replaced-width> -->
+ </tbody>
+ <tbody id="s10.3.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth">10.3.3 Block-level, non-replaced elements in normal flow</a></th></tr>
+ <!-- TESTS 10.3.3 <visudet.html#blockwidth> -->
+ </tbody>
+ <tbody id="s10.3.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width">10.3.4 Block-level, replaced elements in normal flow</a></th></tr>
+ <!-- TESTS 10.3.4 <visudet.html#block-replaced-width> -->
+ </tbody>
+ <tbody id="s10.3.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#float-width">10.3.5 Floating, non-replaced elements</a></th></tr>
+ <!-- TESTS 10.3.5 <visudet.html#float-width> -->
+ </tbody>
+ <tbody id="s10.3.6">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#float-replaced-width">10.3.6 Floating, replaced elements</a></th></tr>
+ <!-- TESTS 10.3.6 <visudet.html#float-replaced-width> -->
+ </tbody>
+ <tbody id="s10.3.7">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">10.3.7 Absolutely positioned, non-replaced elements</a></th></tr>
+ <!-- TESTS 10.3.7 <visudet.html#abs-non-replaced-width> -->
+ </tbody>
+ <tbody id="s10.3.8">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width">10.3.8 Absolutely positioned, replaced elements</a></th></tr>
+ <!-- TESTS 10.3.8 <visudet.html#abs-replaced-width> -->
+ </tbody>
+ <tbody id="s10.3.9">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width">10.3.9 'Inline-block', non-replaced elements in normal flow</a></th></tr>
+ <!-- TESTS 10.3.9 <visudet.html#inlineblock-width> -->
+ </tbody>
+ <tbody id="s10.3.10">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-replaced-width">10.3.10 'Inline-block', replaced elements in normal flow</a></th></tr>
+ <!-- TESTS 10.3.10 <visudet.html#inlineblock-replaced-width> -->
+ </tbody>
+ <tbody id="s10.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths">10.4 Minimum and maximum widths: <span class="propinst-min-width">'min-width'</span> and <span class="propinst-max-width">'max-width'</span></a></th></tr>
+ <!-- TESTS 10.4 <visudet.html#min-max-widths> -->
+ </tbody>
+ <tbody id="s10.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property">10.5 Content height: the <span class="propinst-height">'height'</span> property</a></th></tr>
+ <!-- TESTS 10.5 <visudet.html#the-height-property> -->
+ </tbody>
+ <tbody id="s10.6">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#Computing_heights_and_margins">10.6 Calculating heights and margins</a></th></tr>
+ <!-- TESTS 10.6 <visudet.html#Computing_heights_and_margins> -->
+ </tbody>
+ <tbody id="s10.6.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#inline-non-replaced">10.6.1 Inline, non-replaced elements</a></th></tr>
+ <!-- TESTS 10.6.1 <visudet.html#inline-non-replaced> -->
+ </tbody>
+ <tbody id="s10.6.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height">10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements</a></th></tr>
+ <!-- TESTS 10.6.2 <visudet.html#inline-replaced-height> -->
+ </tbody>
+ <tbody id="s10.6.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#normal-block">10.6.3 Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'</a></th></tr>
+ <!-- TESTS 10.6.3 <visudet.html#normal-block> -->
+ </tbody>
+ <tbody id="s10.6.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height">10.6.4 Absolutely positioned, non-replaced elements</a></th></tr>
+ <!-- TESTS 10.6.4 <visudet.html#abs-non-replaced-height> -->
+ </tbody>
+ <tbody id="s10.6.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height">10.6.5 Absolutely positioned, replaced elements</a></th></tr>
+ <!-- TESTS 10.6.5 <visudet.html#abs-replaced-height> -->
+ </tbody>
+ <tbody id="s10.6.6">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#block-root-margin">10.6.6 Complicated cases</a></th></tr>
+ <!-- TESTS 10.6.6 <visudet.html#block-root-margin> -->
+ </tbody>
+ <tbody id="s10.6.7">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#root-height">10.6.7 'Auto' heights for block formatting context roots</a></th></tr>
+ <!-- TESTS 10.6.7 <visudet.html#root-height> -->
+ </tbody>
+ <tbody id="s10.7">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights">10.7 Minimum and maximum heights: <span class="propinst-min-height">'min-height'</span> and <span class="propinst-max-height">'max-height'</span></a></th></tr>
+ <!-- TESTS 10.7 <visudet.html#min-max-heights> -->
+ </tbody>
+ <tbody id="s10.8">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#line-height">10.8 Line height calculations: the <span class="propinst-line-height">'line-height'</span> and <span class="propinst-vertical-align">'vertical-align'</span> properties</a></th></tr>
+ <!-- TESTS 10.8 <visudet.html#line-height> -->
+ </tbody>
+ <tbody id="s10.8.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visudet.html#leading">10.8.1 Leading and half-leading</a></th></tr>
+ <!-- TESTS 10.8.1 <visudet.html#leading> -->
+ </tbody>
+ <tbody id="s11" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visufx.html">11 Visual effects</a></th></tr>
+ <!-- TESTS 11 <visufx.html> -->
+ </tbody>
+ <tbody id="s11.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visufx.html#overflow-clipping">11.1 Overflow and clipping</a></th></tr>
+ <!-- TESTS 11.1 <visufx.html#overflow-clipping> -->
+ </tbody>
+ <tbody id="s11.1.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visufx.html#overflow">11.1.1 Overflow: the <span class="propinst-overflow">'overflow'</span> property</a></th></tr>
+ <!-- TESTS 11.1.1 <visufx.html#overflow> -->
+ </tbody>
+ <tbody id="s11.1.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visufx.html#clipping">11.1.2 Clipping: the <span class="propinst-clip">'clip'</span> property</a></th></tr>
+ <!-- TESTS 11.1.2 <visufx.html#clipping> -->
+ </tbody>
+ <tbody id="s11.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/visufx.html#visibility">11.2 Visibility: the <span class="propinst-visibility">'visibility'</span> property</a></th></tr>
+ <!-- TESTS 11.2 <visufx.html#visibility> -->
+ </tbody>
+ <tbody id="s12" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/generate.html">12 Generated <span class="index-def" title="generated content">content</span>, automatic <span class="index-def" title="automatic numbering">numbering</span>, and lists</a></th></tr>
+ <!-- TESTS 12 <generate.html> -->
+ </tbody>
+ <tbody id="s12.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/generate.html#before-after-content">12.1 The <span class="index-def" title=":before|pseudo-elements:::before|before">:before</span> and <span class="index-def" title=":after|pseudo-elements:::after|after">:after</span> pseudo-elements</a></th></tr>
+ <!-- TESTS 12.1 <generate.html#before-after-content> -->
+ </tbody>
+ <tbody id="s12.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/generate.html#content">12.2 The <span class="propinst-content">'content'</span> property</a></th></tr>
+ <!-- TESTS 12.2 <generate.html#content> -->
+ <!-- TESTS 12.2 <generate.html#propdef-content> -->
+ </tbody>
+ <tbody id="s12.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/generate.html#quotes">12.3 Quotation marks</a></th></tr>
+ <!-- TESTS 12.3 <generate.html#quotes> -->
+ </tbody>
+ <tbody id="s12.3.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify">12.3.1 Specifying quotes with the <span class="propinst-quotes">'quotes'</span> property</a></th></tr>
+ <!-- TESTS 12.3.1 <generate.html#quotes-specify> -->
+ </tbody>
+ <tbody id="s12.3.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/generate.html#quotes-insert">12.3.2 Inserting quotes with the <span class="propinst-content">'content'</span> property</a></th></tr>
+ <!-- TESTS 12.3.2 <generate.html#quotes-insert> -->
+ </tbody>
+ <tbody id="s12.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/generate.html#counters">12.4 Automatic <span class="index-def" title="counters">counters</span> and numbering</a></th></tr>
+ <!-- TESTS 12.4 <generate.html#counters> -->
+ </tbody>
+ <tbody id="s12.4.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/generate.html#scope">12.4.1 Nested counters and scope</a></th></tr>
+ <!-- TESTS 12.4.1 <generate.html#scope> -->
+ </tbody>
+ <tbody id="s12.4.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/generate.html#counter-styles">12.4.2 Counter styles</a></th></tr>
+ <!-- TESTS 12.4.2 <generate.html#counter-styles> -->
+ </tbody>
+ <tbody id="s12.4.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/generate.html#undisplayed-counters">12.4.3 Counters in elements with 'display: none'</a></th></tr>
+ <!-- TESTS 12.4.3 <generate.html#undisplayed-counters> -->
+ </tbody>
+ <tbody id="s12.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/generate.html#lists">12.5 Lists</a></th></tr>
+ <!-- TESTS 12.5 <generate.html#lists> -->
+ </tbody>
+ <tbody id="s12.5.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/generate.html#list-style">12.5.1 Lists: the <span class="propinst-list-style-type">'list-style-type'</span>, <span class="propinst-list-style-image">'list-style-image'</span>, <span class="propinst-list-style-position">'list-style-position'</span>, and <span class="propinst-list-style">'list-style'</span> properties</a></th></tr>
+ <!-- TESTS 12.5.1 <generate.html#list-style> -->
+ </tbody>
+ <tbody id="s13" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/page.html">13 Paged media</a></th></tr>
+ <!-- TESTS 13 <page.html> -->
+ </tbody>
+ <tbody id="s13.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/page.html#page-intro">13.1 Introduction to paged media</a></th></tr>
+ <!-- TESTS 13.1 <page.html#page-intro> -->
+ </tbody>
+ <tbody id="s13.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/page.html#page-box">13.2 Page boxes: the @page rule</a></th></tr>
+ <!-- TESTS 13.2 <page.html#page-box> -->
+ </tbody>
+ <tbody id="s13.2.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/page.html#page-margins">13.2.1 Page margins</a></th></tr>
+ <!-- TESTS 13.2.1 <page.html#page-margins> -->
+ </tbody>
+ <tbody id="s13.2.1.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/page.html#oversized-page-box">13.2.1.1 Rendering page boxes that do not fit a target sheet</a></th></tr>
+ <!-- TESTS 13.2.1.1 <page.html#oversized-page-box> -->
+ </tbody>
+ <tbody id="s13.2.1.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/page.html#positioning-page-box">13.2.1.2 Positioning the page box on the sheet</a></th></tr>
+ <!-- TESTS 13.2.1.2 <page.html#positioning-page-box> -->
+ </tbody>
+ <tbody id="s13.2.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/page.html#page-selectors">13.2.2 Page selectors: selecting left, right, and first pages</a></th></tr>
+ <!-- TESTS 13.2.2 <page.html#page-selectors> -->
+ </tbody>
+ <tbody id="s13.2.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/page.html#outside-page-box">13.2.3 Content outside the page box</a></th></tr>
+ <!-- TESTS 13.2.3 <page.html#outside-page-box> -->
+ </tbody>
+ <tbody id="s13.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/page.html#page-breaks">13.3 Page breaks</a></th></tr>
+ <!-- TESTS 13.3 <page.html#page-breaks> -->
+ </tbody>
+ <tbody id="s13.3.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/page.html#page-break-props">13.3.1 Page break properties: <span class="propinst-page-break-before">'page-break-before'</span>, <span class="propinst-page-break-after">'page-break-after'</span>, <span class="propinst-page-break-inside">'page-break-inside'</span></a></th></tr>
+ <!-- TESTS 13.3.1 <page.html#page-break-props> -->
+ </tbody>
+ <tbody id="s13.3.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/page.html#break-inside">13.3.2 Breaks inside elements: <span class="propinst-orphans">'orphans'</span>, <span class="propinst-widows">'widows'</span></a></th></tr>
+ <!-- TESTS 13.3.2 <page.html#break-inside> -->
+ </tbody>
+ <tbody id="s13.3.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/page.html#allowed-page-breaks">13.3.3 Allowed page breaks</a></th></tr>
+ <!-- TESTS 13.3.3 <page.html#allowed-page-breaks> -->
+ </tbody>
+ <tbody id="s13.3.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/page.html#forced">13.3.4 Forced page breaks</a></th></tr>
+ <!-- TESTS 13.3.4 <page.html#forced> -->
+ </tbody>
+ <tbody id="s13.3.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/page.html#best-page-breaks">13.3.5 "Best" page breaks</a></th></tr>
+ <!-- TESTS 13.3.5 <page.html#best-page-breaks> -->
+ </tbody>
+ <tbody id="s13.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/page.html#page-cascade">13.4 Cascading in the page context</a></th></tr>
+ <!-- TESTS 13.4 <page.html#page-cascade> -->
+ </tbody>
+ <tbody id="s14" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/colors.html">14 Colors and Backgrounds</a></th></tr>
+ <!-- TESTS 14 <colors.html> -->
+ </tbody>
+ <tbody id="s14.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/colors.html#colors">14.1 Foreground color: the <span class="propinst-color">'color'</span> property</a></th></tr>
+ <!-- TESTS 14.1 <colors.html#colors> -->
+ </tbody>
+ <tbody id="s14.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/colors.html#background">14.2 The background</a></th></tr>
+ <!-- TESTS 14.2 <colors.html#background> -->
+ </tbody>
+ <tbody id="s14.2.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/colors.html#background-properties">14.2.1 Background properties: <span class="propinst-background-color">'background-color'</span>, <span class="propinst-background-image">'background-image'</span>, <span class="propinst-background-repeat">'background-repeat'</span>, <span class="propinst-background-attachment">'background-attachment'</span>, <span class="propinst-background-position">'background-position'</span>, and <span class="propinst-background">'background'</span></a></th></tr>
+ <!-- TESTS 14.2.1 <colors.html#background-properties> -->
+ </tbody>
+ <tbody id="s14.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/colors.html#gamma-correction">14.3 Gamma correction</a></th></tr>
+ <!-- TESTS 14.3 <colors.html#gamma-correction> -->
+ </tbody>
+ <tbody id="s15" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/fonts.html">15 Fonts</a></th></tr>
+ <!-- TESTS 15 <fonts.html> -->
+ </tbody>
+ <tbody id="s15.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/fonts.html#fonts-intro">15.1 Introduction</a></th></tr>
+ <!-- TESTS 15.1 <fonts.html#fonts-intro> -->
+ </tbody>
+ <tbody id="s15.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/fonts.html#algorithm">15.2 Font matching algorithm</a></th></tr>
+ <!-- TESTS 15.2 <fonts.html#algorithm> -->
+ </tbody>
+ <tbody id="s15.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop">15.3 Font family: the <span class="propinst-font-family">'font-family'</span> property</a></th></tr>
+ <!-- TESTS 15.3 <fonts.html#font-family-prop> -->
+ </tbody>
+ <tbody id="s15.3.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/fonts.html#generic-font-families">15.3.1 Generic font families</a></th></tr>
+ <!-- TESTS 15.3.1 <fonts.html#generic-font-families> -->
+ </tbody>
+ <tbody id="s15.3.1.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/fonts.html#serif-def">15.3.1.1 <span class="index-def" title="serif, definition of"><dfn>serif</dfn></span></a></th></tr>
+ <!-- TESTS 15.3.1.1 <fonts.html#serif-def> -->
+ </tbody>
+ <tbody id="s15.3.1.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/fonts.html#sans-serif-def">15.3.1.2 <span class="index-def" title="sans-serif, definition of"> <dfn>sans-serif</dfn></span></a></th></tr>
+ <!-- TESTS 15.3.1.2 <fonts.html#sans-serif-def> -->
+ </tbody>
+ <tbody id="s15.3.1.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/fonts.html#cursive-def">15.3.1.3 <span class="index-def" title="cursive, definition of"> <dfn>cursive</dfn></span></a></th></tr>
+ <!-- TESTS 15.3.1.3 <fonts.html#cursive-def> -->
+ </tbody>
+ <tbody id="s15.3.1.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/fonts.html#fantasy-def">15.3.1.4 <span class="index-def" title="fantasy, definition of"> <dfn>fantasy</dfn></span></a></th></tr>
+ <!-- TESTS 15.3.1.4 <fonts.html#fantasy-def> -->
+ </tbody>
+ <tbody id="s15.3.1.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/fonts.html#monospace-def">15.3.1.5 <span class="index-def" title="monospace, definition of"> <dfn>monospace</dfn></span></a></th></tr>
+ <!-- TESTS 15.3.1.5 <fonts.html#monospace-def> -->
+ </tbody>
+ <tbody id="s15.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/fonts.html#font-styling">15.4 Font styling: the <span class="propinst-font-style">'font-style'</span> property</a></th></tr>
+ <!-- TESTS 15.4 <fonts.html#font-styling> -->
+ </tbody>
+ <tbody id="s15.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/fonts.html#small-caps">15.5 Small-caps: the <span class="propinst-font-variant">'font-variant'</span> property</a></th></tr>
+ <!-- TESTS 15.5 <fonts.html#small-caps> -->
+ </tbody>
+ <tbody id="s15.6">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness">15.6 Font boldness: the <span class="propinst-font-weight">'font-weight'</span> property</a></th></tr>
+ <!-- TESTS 15.6 <fonts.html#font-boldness> -->
+ </tbody>
+ <tbody id="s15.7">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props">15.7 Font size: the <span class="propinst-font-size">'font-size'</span> property</a></th></tr>
+ <!-- TESTS 15.7 <fonts.html#font-size-props> -->
+ </tbody>
+ <tbody id="s15.8">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand">15.8 Shorthand font property: the <span class="propinst-font">'font'</span> property</a></th></tr>
+ <!-- TESTS 15.8 <fonts.html#font-shorthand> -->
+ </tbody>
+ <tbody id="s16" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/text.html">16 Text</a></th></tr>
+ <!-- TESTS 16 <text.html> -->
+ </tbody>
+ <tbody id="s16.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/text.html#indentation-prop">16.1 Indentation: the <span class="propinst-text-indent">'text-indent'</span> property</a></th></tr>
+ <!-- TESTS 16.1 <text.html#indentation-prop> -->
+ </tbody>
+ <tbody id="s16.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/text.html#alignment-prop">16.2 Alignment: the <span class="propinst-text-align">'text-align'</span> property</a></th></tr>
+ <!-- TESTS 16.2 <text.html#alignment-prop> -->
+ </tbody>
+ <tbody id="s16.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/text.html#decoration">16.3 Decoration</a></th></tr>
+ <!-- TESTS 16.3 <text.html#decoration> -->
+ </tbody>
+ <tbody id="s16.3.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props">16.3.1 Underlining, overlining, striking, and blinking: the <span class="propinst-text-decoration">'text-decoration'</span> property</a></th></tr>
+ <!-- TESTS 16.3.1 <text.html#lining-striking-props> -->
+ </tbody>
+ <tbody id="s16.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/text.html#spacing-props">16.4 Letter and word spacing: the <span class="propinst-letter-spacing">'letter-spacing'</span> and <span class="propinst-word-spacing">'word-spacing'</span> properties</a></th></tr>
+ <!-- TESTS 16.4 <text.html#spacing-props> -->
+ </tbody>
+ <tbody id="s16.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/text.html#caps-prop">16.5 Capitalization: the <span class="propinst-text-transform">'text-transform'</span> property</a></th></tr>
+ <!-- TESTS 16.5 <text.html#caps-prop> -->
+ </tbody>
+ <tbody id="s16.6">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/text.html#white-space-prop">16.6 Whitespace: the <span class="propinst-white-space">'white-space'</span> property</a></th></tr>
+ <!-- TESTS 16.6 <text.html#white-space-prop> -->
+ </tbody>
+ <tbody id="s16.6.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/text.html#white-space-model">16.6.1 The 'white-space' processing model</a></th></tr>
+ <!-- TESTS 16.6.1 <text.html#white-space-model> -->
+ </tbody>
+ <tbody id="s16.6.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/text.html#egbidiwscollapse">16.6.2 Example of bidirectionality with white-space collapsing</a></th></tr>
+ <!-- TESTS 16.6.2 <text.html#egbidiwscollapse> -->
+ </tbody>
+ <tbody id="s16.6.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/text.html#ctrlchars">16.6.3 Control and combining characters' details</a></th></tr>
+ <!-- TESTS 16.6.3 <text.html#ctrlchars> -->
+ </tbody>
+ <tbody id="s17" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html">17 Tables</a></th></tr>
+ <!-- TESTS 17 <tables.html> -->
+ </tbody>
+ <tbody id="s17.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#tables-intro">17.1 Introduction to tables</a></th></tr>
+ <!-- TESTS 17.1 <tables.html#tables-intro> -->
+ </tbody>
+ <tbody id="s17.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#table-display">17.2 The CSS table model</a></th></tr>
+ <!-- TESTS 17.2 <tables.html#table-display> -->
+ </tbody>
+ <tbody id="s17.2.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes">17.2.1 Anonymous table objects</a></th></tr>
+ <!-- TESTS 17.2.1 <tables.html#anonymous-boxes> -->
+ </tbody>
+ <tbody id="s17.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#columns">17.3 Columns</a></th></tr>
+ <!-- TESTS 17.3 <tables.html#columns> -->
+ </tbody>
+ <tbody id="s17.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#model">17.4 Tables in the visual formatting model</a></th></tr>
+ <!-- TESTS 17.4 <tables.html#model> -->
+ </tbody>
+ <tbody id="s17.4.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#caption-position">17.4.1 Caption position and alignment</a></th></tr>
+ <!-- TESTS 17.4.1 <tables.html#caption-position> -->
+ </tbody>
+ <tbody id="s17.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#table-layout">17.5 Visual layout of table contents</a></th></tr>
+ <!-- TESTS 17.5 <tables.html#table-layout> -->
+ </tbody>
+ <tbody id="s17.5.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#table-layers">17.5.1 Table layers and transparency</a></th></tr>
+ <!-- TESTS 17.5.1 <tables.html#table-layers> -->
+ </tbody>
+ <tbody id="s17.5.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#width-layout">17.5.2 Table width algorithms: the <span class="propinst-table-layout">'table-layout'</span> property</a></th></tr>
+ <!-- TESTS 17.5.2 <tables.html#width-layout> -->
+ </tbody>
+ <tbody id="s17.5.2.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">17.5.2.1 Fixed table layout</a></th></tr>
+ <!-- TESTS 17.5.2.1 <tables.html#fixed-table-layout> -->
+ </tbody>
+ <tbody id="s17.5.2.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout">17.5.2.2 Automatic table layout</a></th></tr>
+ <!-- TESTS 17.5.2.2 <tables.html#auto-table-layout> -->
+ </tbody>
+ <tbody id="s17.5.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#height-layout">17.5.3 Table height algorithms</a></th></tr>
+ <!-- TESTS 17.5.3 <tables.html#height-layout> -->
+ </tbody>
+ <tbody id="s17.5.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#column-alignment">17.5.4 Horizontal alignment in a column</a></th></tr>
+ <!-- TESTS 17.5.4 <tables.html#column-alignment> -->
+ </tbody>
+ <tbody id="s17.5.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects">17.5.5 Dynamic row and column effects</a></th></tr>
+ <!-- TESTS 17.5.5 <tables.html#dynamic-effects> -->
+ </tbody>
+ <tbody id="s17.6">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#borders">17.6 Borders</a></th></tr>
+ <!-- TESTS 17.6 <tables.html#borders> -->
+ </tbody>
+ <tbody id="s17.6.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#separated-borders">17.6.1 The separated borders model</a></th></tr>
+ <!-- TESTS 17.6.1 <tables.html#separated-borders> -->
+ </tbody>
+ <tbody id="s17.6.1.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#empty-cells">17.6.1.1 Borders and Backgrounds around empty cells: the <span class="propinst-empty-cells">'empty-cells'</span> property</a></th></tr>
+ <!-- TESTS 17.6.1.1 <tables.html#empty-cells> -->
+ </tbody>
+ <tbody id="s17.6.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders">17.6.2 The collapsing border model</a></th></tr>
+ <!-- TESTS 17.6.2 <tables.html#collapsing-borders> -->
+ </tbody>
+ <tbody id="s17.6.2.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution">17.6.2.1 Border conflict resolution</a></th></tr>
+ <!-- TESTS 17.6.2.1 <tables.html#border-conflict-resolution> -->
+ </tbody>
+ <tbody id="s17.6.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/tables.html#table-border-style">17.6.3 Border styles</a></th></tr>
+ <!-- TESTS 17.6.3 <tables.html#table-border-style> -->
+ </tbody>
+ <tbody id="s18" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/ui.html">18 User interface</a></th></tr>
+ <!-- TESTS 18 <ui.html> -->
+ </tbody>
+ <tbody id="s18.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/ui.html#cursor-props">18.1 Cursors: the <span class="propinst-cursor">'cursor'</span> property</a></th></tr>
+ <!-- TESTS 18.1 <ui.html#cursor-props> -->
+ </tbody>
+ <tbody id="s18.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/ui.html#system-colors">18.2 System Colors</a></th></tr>
+ <!-- TESTS 18.2 <ui.html#system-colors> -->
+ </tbody>
+ <tbody id="s18.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/ui.html#system-fonts">18.3 User preferences for fonts</a></th></tr>
+ <!-- TESTS 18.3 <ui.html#system-fonts> -->
+ </tbody>
+ <tbody id="s18.4">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines">18.4 Dynamic outlines: the <span class="index-def" title="outline">'outline'</span> property</a></th></tr>
+ <!-- TESTS 18.4 <ui.html#dynamic-outlines> -->
+ </tbody>
+ <tbody id="s18.4.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/ui.html#outline-focus">18.4.1 Outlines and the focus</a></th></tr>
+ <!-- TESTS 18.4.1 <ui.html#outline-focus> -->
+ </tbody>
+ <tbody id="s18.5">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/ui.html#magnification">18.5 Magnification</a></th></tr>
+ <!-- TESTS 18.5 <ui.html#magnification> -->
+ </tbody>
+ <tbody id="sA" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/aural.html">Appendix A. Aural style sheets</a></th></tr>
+ <tr><td><em>Informative</em></td></tr>
+ </tbody>
+ <tbody id="sB" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/refs.html">Appendix B. Bibliography</a></th></tr>
+ <!-- TESTS B <refs.html> -->
+ </tbody>
+ <tbody id="sC" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/changes.html">Appendix C. Changes</a></th></tr>
+ <tr><td><em>Informative</em></td></tr>
+ </tbody>
+ <tbody id="sD" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/sample.html">Appendix D. Default style sheet for HTML 4</a></th></tr>
+ <tr><td><em>Informative</em></td></tr>
+ </tbody>
+ <tbody id="sE" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/zindex.html">Appendix E. Elaborate description of Stacking Contexts</a></th></tr>
+ <!-- TESTS E <zindex.html> -->
+ </tbody>
+ <tbody id="sE.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/zindex.html#stacking-defs">E.1 Definitions</a></th></tr>
+ <!-- TESTS E.1 <zindex.html#stacking-defs> -->
+ </tbody>
+ <tbody id="sE.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/zindex.html#painting-order">E.2 Painting order</a></th></tr>
+ <!-- TESTS E.2 <zindex.html#painting-order> -->
+ </tbody>
+ <tbody id="sE.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/zindex.html#stacking-notes">E.3 Notes</a></th></tr>
+ <!-- TESTS E.3 <zindex.html#stacking-notes> -->
+ </tbody>
+ <tbody>
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/propidx.html">Appendix F. Full property table</a></th></tr>
+ <tr><td><em>Informative</em></td></tr>
+ </tbody>
+ <tbody id="sG" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/grammar.html">Appendix G. Grammar of CSS&nbsp;2.1</a></th></tr>
+ <!-- TESTS G <grammar.html> -->
+ </tbody>
+ <tbody id="sG.1">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/grammar.html#grammar">G.1 Grammar</a></th></tr>
+ <!-- TESTS G.1 <grammar.html#grammar> -->
+ </tbody>
+ <tbody id="sG.2">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/grammar.html#scanner">G.2 Lexical scanner</a></th></tr>
+ <!-- TESTS G.2 <grammar.html#scanner> -->
+ </tbody>
+ <tbody id="sG.3">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/grammar.html#tokenizer-diffs">G.3 Comparison of tokenization in CSS&nbsp;2.1 and CSS1</a></th></tr>
+ <!-- TESTS G.3 <grammar.html#tokenizer-diffs> -->
+ </tbody>
+ <tbody id="sI" class="ch">
+ <tr><th colspan="2" scope="rowgroup"><a href="http://www.w3.org/TR/CSS21/indexlist.html">Appendix I. Index</a></th></tr>
+ <tr><td><em>Informative</em></td></tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-007-ref.html b/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-007-ref.html
new file mode 100644
index 0000000000..778b8d386f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-007-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ .green {
+ background-color: green;
+ color: white;
+ }
+</style>
+<body>
+ <div class="green">This line should be green</div>
+ <div class="green">This line should be green</div>
+ <div class="green">This line should be green</div>
+ <div class="green">This line should be green</div>
+ <p class="green">This line should be green <em>and this should also be green</em></p>
+
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green<p>This line should NOT be green</p></div>
+ <p>This line should NOT be green <em>and this should not be green either</em></p>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-007.html b/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-007.html
new file mode 100644
index 0000000000..9299a24faf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-007.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: lang attribute selector - att=val</title>
+ <link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors">
+ <link rel="match" href="attribute-value-selector-007-ref.html" />
+ <meta name="flags" content="HTMLonly">
+ <meta name="assert" content="lang attribute selector with att=val in HTML should not be case sensitive, and should only match when att is exactly val">
+ <style type="text/css">
+ div[lang = "es"] { color:white;background-color:green; }
+ p[lang = "es"] { color:white;background-color:green; }
+ div[lang = "en-GB"] { color:white;background-color:green; }
+ p[lang = "fr"] { color:white;background-color:green; }
+ em[lang = "de"] { color:white;background-color:green; }
+ div[lang = "ch"] { color:white;background-color:green; }
+ div[lang=" no"] { color:white;background-color:green; }
+ </style>
+ </head>
+ <body>
+
+ <div lang="es">This line should be green</div>
+ <div lang='es'>This line should be green</div>
+ <div lang="ES">This line should be green</div>
+
+ <div lang="en-GB">This line should be green</div>
+
+ <p lang="es">This line should be green <em>and this should also be green</em></p>
+
+ <div lang="no">This line should NOT be green</div>
+ <div lang="es-MX">This line should NOT be green</div>
+ <div lang="MX-es">This line should NOT be green</div>
+ <div lang="en-GB-scouse">This line should NOT be green</div>
+ <div lang="en-US">This line should NOT be green</div>
+ <div lang="en">This line should NOT be green</div>
+ <div lang="fr">This line should NOT be green<p>This line should NOT be green</p></div>
+ <p lang="de">This line should NOT be green <em>and this should not be green either</em></p>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-008-ref.html b/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-008-ref.html
new file mode 100644
index 0000000000..d0c5f80a47
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-008-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ .green {
+ background-color: green;
+ color: white;
+ }
+</style>
+<body>
+ <div class="green">This line should be green</div>
+ <div class="green">This line should be green</div>
+ <div class="green">This line should be green</div>
+ <p class="green">This line should be green <em>and this should also be green</em></p>
+
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green<p>This line should NOT be green</p></div>
+ <p>This line should NOT be green <em>and this should not be green either</em></p>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-008.xht b/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-008.xht
new file mode 100644
index 0000000000..7a17b3202c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-008.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: attribute selector - att=val</title>
+ <link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org"/>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors"/>
+ <link rel="match" href="attribute-value-selector-008-ref.html" />
+ <meta name="flags" content="nonHTML"/>
+ <meta name="assert" content="attribute selector with att=val in XHTML should be case sensitive, and should only match when att is exactly val"/>
+ <style type="text/css"><![CDATA[
+ div[title="es"] { color:white;background-color:green; }
+ p[title="es"] { color:white;background-color:green; }
+ div[title="en-GB"] { color:white;background-color:green; }
+ p[title="fr"] { color:white;background-color:green; }
+ em[title="de"] { color:white;background-color:green; }
+ div[title=" no"] { color:white;background-color:green; }
+ ]]></style>
+ </head>
+ <body>
+
+ <div title="es">This line should be green</div>
+ <div title='es'>This line should be green</div>
+ <div title="en-GB">This line should be green</div>
+ <p title="es">This line should be green <em>and this should also be green</em></p>
+
+ <div title="es-MX">This line should NOT be green</div>
+ <div title="ES">This line should NOT be green</div>
+ <div title="MX-es">This line should NOT be green</div>
+
+ <div title="en-GB-scouse">This line should NOT be green</div>
+ <div title="en-US">This line should NOT be green</div>
+ <div title="en">This line should NOT be green</div>
+ <div title="no">This line should NOT be green</div>
+
+ <div title="fr">This line should NOT be green<p>This line should NOT be green</p></div>
+ <p title="de">This line should NOT be green <em>and this should not be green either</em></p>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-009-ref.html b/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-009-ref.html
new file mode 100644
index 0000000000..78f497708d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-009-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ .green {
+ background-color: green;
+ color: white;
+ }
+</style>
+<body>
+ <div class="green">This line should be green</div>
+ <div class="green">This line should be green</div>
+ <div class="green">This line should be green</div>
+ <div class="green">This line should be green</div>
+ <p class="green">This line should be green <em>and this should be green too</em></p>
+
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green<p>This line should NOT be green</p></div>
+ <p>This line should NOT be green <em>and this should not be green either</em></p>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-009.xht b/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-009.xht
new file mode 100644
index 0000000000..566fca5cbc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-009.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: lang attribute selector - att |= val</title>
+ <link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org"/>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors"/>
+ <link rel="match" href="attribute-value-selector-009-ref.html" />
+ <meta name="flags" content="nonHTML"/>
+ <meta name="assert" content="lang attribute selector with 'att |= val' in XHTML should be case sensitive, and match hyphen-separated list"/>
+ <style type="text/css"><![CDATA[
+ div[title |= "es"] { color:white;background-color:green; }
+ p[title |= "es"] { color:white;background-color:green; }
+ div[title |= "en-GB"] { color:white;background-color:green; }
+ p[title |= "fr"] { color:white;background-color:green; }
+ em[title |= "de"] { color:white;background-color:green; }
+ div[lang=" no"] { color:white;background-color:green; }
+ ]]></style>
+ </head>
+ <body>
+
+ <div title="es">This line should be green</div>
+ <div title="es-MX">This line should be green</div>
+
+ <div title="en-GB">This line should be green</div>
+ <div title="en-GB-scouse">This line should be green</div>
+
+ <p title="es">This line should be green <em>and this should be green too</em></p>
+
+ <div lang="no">This line should NOT be green</div>
+ <div title="ES">This line should NOT be green</div>
+ <div title="MX-es">This line should NOT be green</div>
+
+ <div title="en-US">This line should NOT be green</div>
+ <div title="en">This line should NOT be green</div>
+
+ <div title="fr">This line should NOT be green<p>This line should NOT be green</p></div>
+ <p title="de">This line should NOT be green <em>and this should not be green either</em></p>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-010-ref.html b/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-010-ref.html
new file mode 100644
index 0000000000..1e2975c57f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-010-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ .green {
+ background-color: green;
+ color: white;
+ }
+</style>
+<body>
+ <div class="green">This line should be green</div>
+ <div class="green">This line should be green</div>
+ <div class="green">This line should be green</div>
+ <div class="green">This line should be green</div>
+ <div class="green">This line should be green</div>
+ <p class="green">This line should be green <em>and this should be green too</em></p>
+
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green<p>This line should NOT be green</p></div>
+ <p>This line should NOT be green <em>and this should not be green either</em></p>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-010.html b/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-010.html
new file mode 100644
index 0000000000..ca6bdb6950
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selector/attribute-value-selector-010.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: lang attribute selector - att |= val</title>
+ <link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors">
+ <link rel="match" href="attribute-value-selector-010-ref.html" />
+ <meta name="flags" content="HTMLonly">
+ <meta name="assert" content="lang attribute selector with 'att |= val' in HTML should not be case sensitive, and match hyphen-separated list">
+ <style type="text/css">
+ div[lang |= "es"] { color:white;background-color:green; }
+ p[lang |= "es"] { color:white;background-color:green; }
+ div[lang |= "en-GB"] { color:white;background-color:green; }
+ p[lang |= "fr"] { color:white;background-color:green; }
+ em[lang |= "de"] { color:white;background-color:green; }
+ div[xml:lang |= "it"] { color:white;background-color:green; }
+ div[lang |= "ch"] { color:white;background-color:green; }
+ div[lang=" no"] { color:white;background-color:green; }
+ </style>
+ </head>
+ <body>
+
+ <div lang="es">This line should be green</div>
+ <div lang="es-MX">This line should be green</div>
+ <div lang="ES">This line should be green</div>
+
+ <div lang="en-GB">This line should be green</div>
+ <div lang="en-GB-scouse">This line should be green</div>
+
+ <p lang="es">This line should be green <em>and this should be green too</em></p>
+
+ <div lang="no">This line should NOT be green</div>
+ <div lang="MX-es">This line should NOT be green</div>
+
+ <div lang="en-US">This line should NOT be green</div>
+ <div lang="en">This line should NOT be green</div>
+
+ <div lang="fr">This line should NOT be green<p>This line should NOT be green</p></div>
+ <p lang="de">This line should NOT be green <em>and this should not be green either</em></p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selector/lang-pseudoclass-001-ref.html b/testing/web-platform/tests/css/CSS2/selector/lang-pseudoclass-001-ref.html
new file mode 100644
index 0000000000..ac83e80d95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selector/lang-pseudoclass-001-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ .green {
+ background-color: green;
+ color: white;
+ }
+</style>
+<body>
+ <div class="green">This line should be green</div>
+ <div class="green">This line should be green</div>
+ <div class="green">This line should be green</div>
+ <div class="green">This line should be green</div>
+ <div class="green">This line should be green</div>
+
+ <p class="green">This line should be green <em>and this should be green too</em></p>
+ <div><p class="green">This line should be green</p>This line should NOT be green</div>
+ <p>This line should NOT be green <em class="green">but this should be green</em></p>
+
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+ <div>This line should NOT be green</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/selector/lang-pseudoclass-001.html b/testing/web-platform/tests/css/CSS2/selector/lang-pseudoclass-001.html
new file mode 100644
index 0000000000..4028be1760
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selector/lang-pseudoclass-001.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: :lang pseudoclass</title>
+ <link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#lang">
+ <link rel="match" href="lang-pseudoclass-001-ref.html" />
+ <meta name="flags" content="HTMLonly" >
+ <meta name="assert" content=":lang pseudoclass in HTML should not be case-sensitive, and match a substring">
+ <style type="text/css">
+ div:lang(es) { color:white;background-color:green; }
+ p:lang(es) { color:white;background-color:green; }
+ p:lang(fr) { color:white;background-color:green; }
+ em:lang(de) { color:white;background-color:green; }
+ div:lang(en-GB) { color:white;background-color:green; }
+ </style>
+ </head>
+ <body>
+
+ <div lang="es">This line should be green</div>
+ <div lang="es-MX">This line should be green</div>
+ <div lang="ES">This line should be green</div>
+
+ <div lang="en-GB">This line should be green</div>
+ <div lang="en-GB-scouse">This line should be green</div>
+
+ <p lang="es">This line should be green <em>and this should be green too</em></p>
+ <div lang="fr"><p>This line should be green</p>This line should NOT be green</div>
+ <p lang="de">This line should NOT be green <em>but this should be green</em></p>
+
+ <div lang="MX-es">This line should NOT be green</div>
+ <div lang="en-US">This line should NOT be green</div>
+ <div lang="en">This line should NOT be green</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selector/lang-pseudoclass-002.xht b/testing/web-platform/tests/css/CSS2/selector/lang-pseudoclass-002.xht
new file mode 100644
index 0000000000..44aacfc28a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selector/lang-pseudoclass-002.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: :lang pseudoclass</title>
+ <link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org"/>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#lang"/>
+ <link rel="match" href="lang-pseudoclass-001-ref.html" />
+ <meta name="flags" content="nonHTML" />
+ <meta name="assert" content=":lang pseudoclass in XHTML should be case sensitive, and match a substring"/>
+ <style type="text/css"><![CDATA[
+ div:lang(es) { color:white;background-color:green; }
+ p:lang(es) { color:white;background-color:green; }
+ p:lang(fr) { color:white;background-color:green; }
+ em:lang(de) { color:white;background-color:green; }
+ div:lang(en-GB) { color:white;background-color:green; }
+ ]]></style>
+ </head>
+ <body>
+
+ <div xml:lang="es">This line should be green</div>
+ <div xml:lang="es-MX">This line should be green</div>
+ <div xml:lang="ES">This line should be green</div>
+
+ <div xml:lang="en-GB">This line should be green</div>
+ <div xml:lang="en-GB-scouse">This line should be green</div>
+
+ <p xml:lang="es">This line should be green <em>and this should be green too</em></p>
+
+ <div xml:lang="fr"><p>This line should be green</p>This line should NOT be green</div>
+ <p xml:lang="de">This line should NOT be green <em>but this should be green</em></p>
+
+ <div xml:lang="en-US">This line should NOT be green</div>
+ <div xml:lang="en">This line should NOT be green</div>
+ <div xml:lang="MX-es">This line should NOT be green</div>
+
+
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/.htaccess b/testing/web-platform/tests/css/CSS2/selectors/.htaccess
new file mode 100644
index 0000000000..fab8039332
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/.htaccess
@@ -0,0 +1,4 @@
+<Files ~ "^lang-selector-005\.(xht|xhtml|xml|html|htm)$">
+AddLanguage fr .xht .xhtml .xml .html .htm
+</Files>
+
diff --git a/testing/web-platform/tests/css/CSS2/selectors/active-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/active-selector-001.xht
new file mode 100644
index 0000000000..677d1a1b4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/active-selector-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Active pseudo-class matching</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Active pseudo-class selector matches any element which has been activated until it has been deactivated." />
+ <style type="text/css">
+ div:active
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is initially black, when it is activated it turns green, and it returns to black when it is deactivated.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/active-selector-002.xht b/testing/web-platform/tests/css/CSS2/selectors/active-selector-002.xht
new file mode 100644
index 0000000000..ef29818693
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/active-selector-002.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: :active (basic test)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/active/002.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/active/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+
+ /* Make our document's head visible */
+ html { margin: 0; padding: 1em; }
+ head { display: block; }
+ title, style { display: none; }
+ link { display: inline; }
+ body { margin: 0; padding: 0; }
+ p { margin: 1em 0; }
+
+ /* Make the metadata links invisible */
+ [rel="author"], [rel="alternate"], [rel="help"] { display: none; }
+
+ /* The test */
+ link:before { content: '1. Link A'; }
+ /* Disabled due to http://www.w3.org/Bugs/Public/show_bug.cgi?id=11343
+ p:active, span:active { color: yellow; border: red solid thick; background: red; } */
+ .test { color: blue; }
+ a:active, link:active { color: white; background: green; border: green solid thick; }
+
+ /* Informative status message */
+ .msg { background: white; color: white; line-height: 1.2 }
+ .msg p { margin: 0; margin-bottom: -1.2em; position: relative; }
+ :target { font-style: italic; color: silver; z-index: 1; }
+ </style>
+ <link class="test" href="#targetA" rel="bookmark"/>
+ </head>
+ <body>
+ <div><a class="test" href="#targetB">2. Link B</a></div>
+ <div><a class="test" href="#targetC"><span>3. Link C</span></a></div>
+ <p>Clicking the links above, or activating them with the keyboard, should make them go green in exactly the same way.</p>
+ <div class="msg">
+ <p>If you can see this sentence, ignore the sentences below.</p>
+ <p id="targetA">Link A was successfully activated.</p>
+ <p id="targetB">Link B was successfully activated.</p>
+ <p id="targetC">Link C was successfully activated.</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/attribute-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/attribute-selector-001.xht
new file mode 100644
index 0000000000..f19bc069d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/attribute-selector-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: ID selector without value and no matching element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="Attribute selector without a value matches any element which has that attribute set." />
+ <style type="text/css">
+ [id]
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/attribute-selector-002.xht b/testing/web-platform/tests/css/CSS2/selectors/attribute-selector-002.xht
new file mode 100644
index 0000000000..16b4ff8128
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/attribute-selector-002.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute selector without value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Attribute selector without a value matches any element which has that attribute set." />
+ <style type="text/css">
+ [id]
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div id="div1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/attribute-token-selector-002-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/attribute-token-selector-002-ref.xht
new file mode 100644
index 0000000000..24c4ab4b25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/attribute-token-selector-002-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>This sentence must be green.</p>
+<p>This sentence must be green.</p>
+<p>This sentence must be green.</p>
+<p>This sentence must be green.</p>
+<p>This sentence must be green.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/attribute-token-selector-002.xht b/testing/web-platform/tests/css/CSS2/selectors/attribute-token-selector-002.xht
new file mode 100644
index 0000000000..7781f9f616
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/attribute-token-selector-002.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: [attr~=""]Attribute Selectors with Empty String Values</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#tokenization"/>
+ <link rel="match" href="attribute-token-selector-002-ref.xht"/>
+ <meta name="assert" content="[attr~=''] is valid but matches nothing."/>
+ <style type="text/css">
+ p {
+ color: green;
+ }
+
+ p.valid {
+ color: red;
+ }
+ [title~=""], [title~=''], p.valid {
+ color: green;
+ }
+ [title~=], p.valid {
+ color: red;
+ }
+
+ [title~=""] {
+ color: red;
+ }
+ </style>
+
+ </head>
+ <body>
+ <p class="valid">This sentence must be green.</p>
+ <p title="">This sentence must be green.</p>
+ <p title=" ">This sentence must be green.</p>
+ <p title=" ">This sentence must be green.</p>
+ <p title="q">This sentence must be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-001-ref.xht
new file mode 100644
index 0000000000..1aaf21d22e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-001-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+.green {
+ color: green;
+}
+</style>
+</head>
+<body lang="en-us">
+<p>Test passes if the first line of "Filler Text" below is black and the second one is green.</p>
+<div>Filler Text</div>
+<div class="green" lang="fr-fr">Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-001.xht
new file mode 100644
index 0000000000..0363f4ac53
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute selector matching value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-value-selector-001-ref.xht"/>
+ <meta name="assert" content="Selector matches attribute with specific value." />
+ <style type="text/css">
+ [id=div2]
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body lang="en-us">
+ <p>Test passes if the first line of "Filler Text" below is black and the second one is green.</p>
+ <div id="div1">Filler Text</div>
+ <div id="div2" lang="fr-fr">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-002.xht b/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-002.xht
new file mode 100644
index 0000000000..a63a596599
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute selector matching value in hyphenated list</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-value-selector-001-ref.xht"/>
+ <meta name="assert" content="Selector matches attributes with specific value in a hyphen-separated list." />
+ <style type="text/css">
+ [lang|=fr]
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body lang="en-us">
+ <p>Test passes if the first line of "Filler Text" below is black and the second one is green.</p>
+ <div>Filler Text</div>
+ <div lang="fr-fr">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-003.xht b/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-003.xht
new file mode 100644
index 0000000000..a0e8ae7bb6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-003.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute selector matching value in list</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="attribute-value-selector-001-ref.xht"/>
+ <meta name="assert" content="Selector matches attribute with specific value in a space-separated list." />
+ <style type="text/css">
+ [class~=est]
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body lang="en-us">
+ <p>Test passes if the first line of "Filler Text" below is black and the second one is green.</p>
+ <div class="t estDiv">Filler Text</div>
+ <div class="t est" lang="fr-fr">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-004.xht b/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-004.xht
new file mode 100644
index 0000000000..e2c601a7bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-004.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Numeric attributes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Attributes cannot begin with numerals." />
+ <style type="text/css">
+ [1digit], div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-005.html b/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-005.html
new file mode 100644
index 0000000000..08462db67a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-005.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: Case sensitivity of attributes and attribute values in HTML 4.01</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors">
+ <link rel="match" href="../reference/filler-text-below-green.xht">
+ <meta name="flags" content="HTMLonly">
+ <meta name="assert" content="HTML 4.01 attribute names are not case sensitive.">
+ <style type="text/css">
+ div[CLASS]
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="div1">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-006.xht b/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-006.xht
new file mode 100644
index 0000000000..99ce155f95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/attribute-value-selector-006.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Multiple and repeating attributes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Multiple attribute selectors can be used to refer to several attributes of an element, or even several times to the same attribute." />
+ <style type="text/css">
+ [class="class1"][id="div1"][class="class1"][id="div1"][id="div1"]
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="class1" id="div1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/before-after-selector-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/before-after-selector-001-ref.xht
new file mode 100644
index 0000000000..471ecaa494
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/before-after-selector-001-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the "Filler Text" below is green.</p>
+<div>Filler Text Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/before-after-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/before-after-selector-001.xht
new file mode 100644
index 0000000000..78e04da085
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/before-after-selector-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: After and before pseudo-elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#before-and-after" />
+ <link rel="match" href="before-after-selector-001-ref.xht"/>
+ <meta name="assert" content="After and before pseudo-element allows inserted text after or before a given element." />
+ <style type="text/css">
+ div:after, div:before
+ {
+ content: "Filler Text";
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/before-first-letter-selector-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/before-first-letter-selector-001-ref.xht
new file mode 100644
index 0000000000..b9c6a3ce5a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/before-first-letter-selector-001-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ color: green;
+}
+.first {
+ font-size: 98px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the "Filler Text" below is green and the "F" is larger than the remaining text.</p>
+<div><span class="first">F</span>iller Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/before-first-letter-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/before-first-letter-selector-001.xht
new file mode 100644
index 0000000000..76a9f8b77c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/before-first-letter-selector-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter pseudo-element with :before pseudo-element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#before-and-after" />
+ <link rel="match" href="before-first-letter-selector-001-ref.xht"/>
+ <meta name="assert" content="When the :first-letter pseudo-element is combined with :before, :first-letter applies to the generated text of :before." />
+ <style type="text/css">
+ div:before
+ {
+ content: "Filler Text";
+ color: green;
+ }
+ div:first-letter
+ {
+ font-size: 98px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green and the "F" is larger than the remaining text.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-001.xht b/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-001.xht
new file mode 100644
index 0000000000..3808543a23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: :first-letter applied to joined text</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+ <meta name="assert" content=":first-letter applied to joined text should not break joining"/>
+ <style type="text/css"><![CDATA[
+ .test:first-letter {
+ color: blue;
+ }
+ .test, .control {
+ font-size: 2em;
+ }
+ ]]></style>
+ </head>
+ <body>
+
+ <p>The rightmost half of the rightmost compound on the first line below should be blue. Except for color the two lines below should be identical.</p>
+
+ <p class="test">بائعة</p>
+
+ <p class="control">بائعة</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-002.xht b/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-002.xht
new file mode 100644
index 0000000000..e2efaa3b3b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-002.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: first-letter and inherent rtl</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+ <meta name="assert" content=":first-letter applied to inherent RTL text should start from the right"/>
+ <style type="text/css"><![CDATA[
+ .test {font-size: 2em;}
+ .test:first-letter {color:blue;}
+ ]]></style>
+ </head>
+ <body>
+
+ <p>The rightmost letter (&#x05D0;) in the line below should be blue.</p>
+
+ <p class="test">&#x05D0;&#x05D1;&#x05D1; &#x05D1;&#x05D1;&#x05D1; &#x05D1;&#x05D1;&#x05D1;</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-003.xht b/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-003.xht
new file mode 100644
index 0000000000..a3aa8f292d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-003.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: :first-letter and direction:rtl - inherent ltr text</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/>
+ <meta name="assert" content=":first-letter applied to inherent LTR text in RTL context should adhere to text direction, not paragraph direction"/>
+ <style type="text/css"><![CDATA[
+ p.test {
+ font-size: 2em;
+ direction:rtl;
+ }
+ p.test:first-letter {
+ color:blue;
+ }
+ ]]></style>
+ </head>
+ <body>
+
+ <p>The leftmost letter (a) in the line below should be blue.</p>
+
+ <p class="test">axx xxx xxx</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-004.xht b/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-004.xht
new file mode 100644
index 0000000000..7b28da99c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-004.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: :first-letter and bidi-override - inherent ltr text</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi"/>
+ <meta name="assert" content=":first-letter applied to inherent LTR text reordered with bidi-override should pick out the first logical letter"/>
+ <style type="text/css"><![CDATA[
+ p.test {
+ font-size: 2em;
+ unicode-bidi: bidi-override;
+ direction:rtl;
+ }
+ p.test:first-letter {
+ color:blue;
+ }
+ ]]></style>
+ </head>
+ <body>
+
+ <p>The rightmost letter (a) in the line below should be blue.</p>
+
+ <p class="test">axx xxx xxx</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-005.xht b/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-005.xht
new file mode 100644
index 0000000000..a8e11530b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-005.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: :first-letter and bidi-override - inherent rtl text</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi"/>
+ <meta name="assert" content=":first-letter applied to inherent RTL text reordered with bidi-override should pick out the first logical letter"/>
+ <style type="text/css"><![CDATA[
+ p.test {
+ font-size: 2em;
+ unicode-bidi: bidi-override;
+ direction:ltr;
+ }
+ p.test:first-letter {
+ color:blue;
+ }
+ ]]></style>
+ </head>
+ <body>
+
+ <p>The &#x05D0; below should be blue.</p>
+
+ <p class="test">&#x05D0;&#x05D1;&#x05D1;</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-006.xht b/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-006.xht
new file mode 100644
index 0000000000..45e649a49a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/bidi-first-letter-006.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: :first-letter in the middle of the line because of bidi reordering</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter"/>
+ <meta name="assert" content=":first-letter not at the start of the line because of bidi reordering may not be applied, but if it is applied it should be applied to the logical first letter and no other letter"/>
+ <style type="text/css"><![CDATA[
+ .test {font-size: 2em;}
+ .test:first-letter {color:blue;}
+ ]]></style>
+ </head>
+ <body>
+
+ <p>If anything below is blue, it should be the &#x05D0;. No blue at all is also pass. Any other blue letter is fail.</p>
+
+ <p class="test">&#x05D0;&#x05D1;&#x05D1; &#x05D1;&#x05D1; &#x05D1;&#x05D1; xxxx xxx</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/child-selector-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/child-selector-001-ref.xht
new file mode 100644
index 0000000000..abf6798106
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/child-selector-001-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+</head>
+<body>
+<p>Test passes if there is no red visible on the page.</p>
+<h1>Filler Text</h1>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/child-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/child-selector-001.xht
new file mode 100644
index 0000000000..cc8c7be35a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/child-selector-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Child selector does not match when there is no matching parent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#child-selectors" />
+ <link rel="match" href="child-selector-001-ref.xht"/>
+ <meta name="assert" content="Child selectors only apply when parent and child elements match." />
+ <style type="text/css">
+ div > h1
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <h1>Filler Text</h1>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/child-selector-002-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/child-selector-002-ref.xht
new file mode 100644
index 0000000000..2d55a15376
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/child-selector-002-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+</head>
+<body>
+<p>Test passes if there is no red visible on the page.</p>
+<div><blockquote><h1>Filler Text</h1></blockquote></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/child-selector-002.xht b/testing/web-platform/tests/css/CSS2/selectors/child-selector-002.xht
new file mode 100644
index 0000000000..a343e7c4bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/child-selector-002.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Child selector without direct child</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#child-selectors" />
+ <link rel="match" href="child-selector-002-ref.xht"/>
+ <meta name="assert" content="Child selectors only apply to child elements when there is a direct parent child relationship." />
+ <style type="text/css">
+ div > h1
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <blockquote>
+ <h1>Filler Text</h1>
+ </blockquote>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/child-selector-003-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/child-selector-003-ref.xht
new file mode 100644
index 0000000000..ed30a446aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/child-selector-003-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+h1 {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the "Filler Text" below is green.</p>
+<div><h1>Filler Text</h1></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/child-selector-003.xht b/testing/web-platform/tests/css/CSS2/selectors/child-selector-003.xht
new file mode 100644
index 0000000000..62bb527077
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/child-selector-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Child selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#child-selectors" />
+ <link rel="match" href="child-selector-003-ref.xht"/>
+ <meta name="assert" content="Child selectors apply to child elements." />
+ <style type="text/css">
+ div > h1
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>
+ <h1>Filler Text</h1>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/class-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/class-selector-001.xht
new file mode 100644
index 0000000000..580f661fd0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/class-selector-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Class selectors with only a partial match of 'class' attribute</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="Class selector need to match any or all of the values in the 'class' attribute." />
+ <style type="text/css">
+ div.div1
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div class="div11">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/class-selector-002.xht b/testing/web-platform/tests/css/CSS2/selectors/class-selector-002.xht
new file mode 100644
index 0000000000..5bf4e6abd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/class-selector-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Class selectors with a type</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Class selector with a type, match the appropriate element." />
+ <style type="text/css">
+ div.div1
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="div1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/class-selector-003.xht b/testing/web-platform/tests/css/CSS2/selectors/class-selector-003.xht
new file mode 100644
index 0000000000..1d17a6ec9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/class-selector-003.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Class selectors without a type</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Class selector without a type, match the appropriate element." />
+ <style type="text/css">
+ .div1
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="div1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/class-selector-004.xht b/testing/web-platform/tests/css/CSS2/selectors/class-selector-004.xht
new file mode 100644
index 0000000000..c7faefbce1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/class-selector-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid class selectors with a space between the "." and the class name</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The attribute value of a class selector followed by white space is invalid." />
+ <style type="text/css">
+ div. div1
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div class="div1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/class-selector-005.xht b/testing/web-platform/tests/css/CSS2/selectors/class-selector-005.xht
new file mode 100644
index 0000000000..a62adaee1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/class-selector-005.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid class selectors with a carriage return between the "." and the class name</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The attribute value of a class selector followed by white space is invalid." />
+ <style type="text/css">
+ .
+ div1
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div class="div1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/class-selector-006.xht b/testing/web-platform/tests/css/CSS2/selectors/class-selector-006.xht
new file mode 100644
index 0000000000..776624ae12
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/class-selector-006.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Multiple class selectors</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="All class names in the selector need to match all of the 'class' attribute values." />
+ <style type="text/css">
+ div.bar.foo.bat
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="foo bar bat">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/class-selector-007.xht b/testing/web-platform/tests/css/CSS2/selectors/class-selector-007.xht
new file mode 100644
index 0000000000..5ec9821746
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/class-selector-007.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Multiple class selectors and missing class values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="All class names in the selector need to match all of the 'class' attribute values." />
+ <style type="text/css">
+ div.bar.foo.bat
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div class="foo bar xyz abc">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/class-selector-008.xht b/testing/web-platform/tests/css/CSS2/selectors/class-selector-008.xht
new file mode 100644
index 0000000000..b4ceabb6a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/class-selector-008.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: Case Sensitive Classes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/class/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
+ <style type="text/css">
+ .teST { color: green; }
+ .TEst { background: red; color: yellow; } /* doesn't apply */
+ </style>
+ </head>
+ <body>
+ <p class="teST">This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/class-selector-009.xht b/testing/web-platform/tests/css/CSS2/selectors/class-selector-009.xht
new file mode 100644
index 0000000000..cba3e08289
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/class-selector-009.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Multiple classes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/class/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
+ <link rel="match" href="../reference/ref-green-background.xht" />
+ <style type="text/css">
+ p { background: green; color: white; }
+ .fail.test { background: red; color: yellow; }
+ </style>
+ </head>
+ <body>
+ <p class="pass test">This should have a green background.</p>
+ </body>
+</html>
+
diff --git a/testing/web-platform/tests/css/CSS2/selectors/class-selector-010.xht b/testing/web-platform/tests/css/CSS2/selectors/class-selector-010.xht
new file mode 100644
index 0000000000..e0fd5bc19a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/class-selector-010.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Multiple classes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/class/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
+ <link rel="match" href="../reference/ref-green-background.xht" />
+ <style type="text/css">
+ p { background: red; color: yellow; }
+ .pass.test { background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <p class="pass test">This should have a green background.</p>
+ </body>
+</html>
+
diff --git a/testing/web-platform/tests/css/CSS2/selectors/class-selector-011.xht b/testing/web-platform/tests/css/CSS2/selectors/class-selector-011.xht
new file mode 100644
index 0000000000..ac49276ec2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/class-selector-011.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Multiple classes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/class/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
+ <link rel="match" href="../reference/ref-green-background.xht" />
+ <style type="text/css">
+ p { background: red; color: yellow; }
+ .pass { background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <p class="pass test">This should have a green background.</p>
+ </body>
+</html>
+
diff --git a/testing/web-platform/tests/css/CSS2/selectors/class-selector-012-ref.html b/testing/web-platform/tests/css/CSS2/selectors/class-selector-012-ref.html
new file mode 100644
index 0000000000..52f9a3abce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/class-selector-012-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<title>CSS Reftest Reference</title>
+<style>
+ p {
+ color: white;
+ background: green;
+ }
+</style>
+<body>
+ <p>This line should be green.</p>
+ <p>This line should be green.</p>
+ <p>This line should be green.</p>
+ <p>This line should be green.</p>
+ <p>This line should be green.</p>
+ <p>This line should be green.</p>
+ <p>This line should be green.</p>
+ <p>This line should be green.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/class-selector-012.xht b/testing/web-platform/tests/css/CSS2/selectors/class-selector-012.xht
new file mode 100644
index 0000000000..ea57e2b8a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/class-selector-012.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Multiple classes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/class/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
+ <link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
+ <link rel="match" href="class-selector-012-ref.html" />
+ <style type="text/css">
+ p { background: red; color: yellow; }
+ .test { background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <p class="test line">This line should be green.</p>
+ <p class="line test">This line should be green.</p>
+ <p class=" test line">This line should be green.</p>
+ <p class=" line test">This line should be green.</p>
+ <p class="test line ">This line should be green.</p>
+ <p class="line test ">This line should be green.</p>
+ <p class=" test line ">This line should be green.</p>
+ <p class=" line test ">This line should be green.</p>
+ </body>
+</html>
+
diff --git a/testing/web-platform/tests/css/CSS2/selectors/combinator-001.xht b/testing/web-platform/tests/css/CSS2/selectors/combinator-001.xht
new file mode 100644
index 0000000000..e695258889
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/combinator-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Descendant combinators and newlines</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Newlines can appear between a descendent combinator and the simple selectors around it." />
+ <style type="text/css">
+ #div1
+>
+p
+ {
+ color:green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div id="div1">
+ <p>Filler Text</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/combinator-002.xht b/testing/web-platform/tests/css/CSS2/selectors/combinator-002.xht
new file mode 100644
index 0000000000..543b5b3cde
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/combinator-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Sibling combinators and spaces</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Spaces can appear between a sibling combinator and its simple selectors." />
+ <style type="text/css">
+ #div1 + p
+ {
+ color:green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div id="div1"></div>
+ <p>Filler Text</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/combinator-003.xht b/testing/web-platform/tests/css/CSS2/selectors/combinator-003.xht
new file mode 100644
index 0000000000..eb51e18602
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/combinator-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Sibling combinators and newlines</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Newlines can appear between a sibling combinator and the simple selectors around it." />
+ <style type="text/css">
+ #div1
++
+p
+ {
+ color:green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div id="div1"></div>
+ <p>Filler Text</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/combinator-004.xht b/testing/web-platform/tests/css/CSS2/selectors/combinator-004.xht
new file mode 100644
index 0000000000..f044733598
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/combinator-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Descendant combinators and spaces</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Spaces can appear between a descendant combinator and the simple selectors around it." />
+ <style type="text/css">
+ #div1 > p
+ {
+ color:green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div id="div1">
+ <p>Filler Text</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-001.xht
new file mode 100644
index 0000000000..f7eb15dfe6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-001.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: attribute selector - Default attribute values in DTDs</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#default-attrs" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#matching-attrs" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+ <meta content="Default attribute values may be declared in an external resource such as a DTD. In such case, the default attributes may or may not appear in the document tree. When default attributes appear in the document tree, then their correspondent default values must be included." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table {border-spacing: 0px;}
+
+ td
+ {
+ background-color: green;
+ height: 100px;
+ padding: 0px;
+ width: 100px;
+ }
+
+ td[colspan] {background-color: red;}
+
+ td[colspan="1"] {background-color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-002.xht b/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-002.xht
new file mode 100644
index 0000000000..8ad62c99a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-002.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: attribute selector - Default attribute values in DTDs</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#default-attrs" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#matching-attrs" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+ <meta content="Default attribute values may be declared in an external resource such as a DTD. In such case, the default attributes may or may not appear in the document tree. When default attributes appear in the document tree, then their correspondent default values must be included." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table {border-spacing: 0px;}
+
+ td
+ {
+ background-color: green;
+ height: 100px;
+ padding: 0px;
+ width: 100px;
+ }
+
+ td[rowspan] {background-color: red;}
+
+ td[rowspan="1"] {background-color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-003.xht b/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-003.xht
new file mode 100644
index 0000000000..628019b2dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-003.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: attribute selector - Default attribute values in DTDs</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#default-attrs" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#matching-attrs" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+ <meta content="Default attribute values may be declared in an external resource such as a DTD. In such case, the default attributes may or may not appear in the document tree. When default attributes appear in the document tree, then their correspondent default values must be included." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table {border-spacing: 0px;}
+
+ td
+ {
+ height: 100px;
+ padding: 0px;
+ width: 100px;
+ }
+
+ col {background-color: green;}
+
+ col[span] {background-color: red;}
+
+ col[span="1"] {background-color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <col></col>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-004.xht b/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-004.xht
new file mode 100644
index 0000000000..1c3ffdf700
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-004.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: attribute selector - Default attribute values in DTDs</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#default-attrs" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#matching-attrs" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+ <meta content="Default attribute values may be declared in an external resource such as a DTD. In such case, the default attributes may or may not appear in the document tree. When default attributes appear in the document tree, then their correspondent default values must be included." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table {border-spacing: 0px;}
+
+ td
+ {
+ height: 100px;
+ padding: 0px;
+ width: 100px;
+ }
+
+ colgroup {background-color: green;}
+
+ colgroup[span] {background-color: red;}
+
+ colgroup[span="1"] {background-color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <colgroup></colgroup>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-005.xht b/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-005.xht
new file mode 100644
index 0000000000..d3fc472404
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-005.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: attribute selector - Default attribute values in DTDs</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#default-attrs" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#matching-attrs" />
+ <meta content="Default attribute values may be declared in an external resource such as a DTD. In such case, the default attributes may or may not appear in the document tree. When default attributes appear in the document tree, then their correspondent default values must be included." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ a {background-color: green;}
+ a[shape] {background-color: red;}
+ a[shape="rect"] {background-color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a green stripe and <strong>no red</strong>.</p>
+
+ <p><a>&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
+ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</a></p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-006.xht b/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-006.xht
new file mode 100644
index 0000000000..2709a62a16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-006.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: attribute selector - Default attribute values in DTDs</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#default-attrs" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#matching-attrs" />
+ <meta content="Default attribute values may be declared in an external resource such as a DTD. In such case, the default attributes may or may not appear in the document tree. When default attributes appear in the document tree, then their correspondent default values must be included." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ form {background-color: green;}
+ form[method] {background-color: red;}
+ form[method="get"] {background-color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a green bar across the page and <strong>no red</strong>.</p>
+
+ <form action="">
+ <p>&nbsp;</p>
+ </form>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-007.xht b/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-007.xht
new file mode 100644
index 0000000000..2dc423aa1b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: attribute selector - Default attribute values in DTDs</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#default-attrs" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#matching-attrs" />
+ <meta content="Default attribute values may be declared in an external resource such as a DTD. In such case, the default attributes may or may not appear in the document tree. When default attributes appear in the document tree, then their correspondent default values must be included." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ input
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+
+ input[type] {background-color: red;}
+
+ input[type="text"] {background-color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a green square and <strong>no red</strong>.</p>
+
+ <form action="">
+ <p><input></input></p>
+ </form>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-008.xht b/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-008.xht
new file mode 100644
index 0000000000..ab507433e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/default-attribute-selector-008.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: attribute selector - Default attribute values in DTDs</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#default-attrs" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#matching-attrs" />
+ <meta content="Default attribute values may be declared in an external resource such as a DTD. In such case, the default attributes may or may not appear in the document tree. When default attributes appear in the document tree, then their correspondent default values must be included." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ button
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+
+ button[type] {background-color: red;}
+
+ button[type="submit"] {background-color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a green square and <strong>no red</strong>.</p>
+
+ <form action="">
+ <p><button>&nbsp;</button></p>
+ </form>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-001.xht
new file mode 100644
index 0000000000..a494242eb5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Descendent selector does not apply to parent element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="Descendent selectors are applied only to descendents." />
+ <style type="text/css">
+ div em
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-002-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-002-ref.xht
new file mode 100644
index 0000000000..f0b511062f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-002-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the "Filler Text" below is green.</p>
+<div><em>Filler Text</em></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-002.xht b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-002.xht
new file mode 100644
index 0000000000..dcc9f91773
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Descendent selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" />
+ <link rel="match" href="descendent-selector-002-ref.xht"/>
+ <meta name="assert" content="Descendent selectors are applied only to descendents." />
+ <style type="text/css">
+ div em
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>
+ <em>Filler Text</em>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-003.xht b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-003.xht
new file mode 100644
index 0000000000..93e8915345
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Descendent selector with additional element between</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" />
+ <link rel="match" href="descendent-selector-002-ref.xht"/>
+ <meta name="assert" content="Descendent selectors are applied to descendents even if additional elements separate parent and subject of selector." />
+ <style type="text/css">
+ div em
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>
+ <span>
+ <em>Filler Text</em>
+ </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-004-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-004-ref.xht
new file mode 100644
index 0000000000..42502bb4b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-004-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+</head>
+<body>
+<p>Test passes if there is no red visible on the page.</p>
+<div><em>Filler Text</em></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-004.xht b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-004.xht
new file mode 100644
index 0000000000..94b5aa49ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Descendent selector with incorrect parent element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" />
+ <link rel="match" href="descendent-selector-004-ref.xht"/>
+ <meta name="assert" content="Descendent selectors are applied only to descendents where the parent element matches." />
+ <style type="text/css">
+ p em
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <em>Filler Text</em>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-005.xht b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-005.xht
new file mode 100644
index 0000000000..74323f91a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-005.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Grandchild selection with no children</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="Grandchild selection is applied only to elements which have grandchildren." />
+ <style type="text/css">
+ div * em
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-006.xht b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-006.xht
new file mode 100644
index 0000000000..5e7167fefe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-006.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Grandchild selection with no grandchildren</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" />
+ <link rel="match" href="descendent-selector-004-ref.xht"/>
+ <meta name="assert" content="Grandchild selection is applied only to elements which have grandchildren." />
+ <style type="text/css">
+ div * em
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <em>Filler Text</em>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-007.xht b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-007.xht
new file mode 100644
index 0000000000..d438df2d0d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-007.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Grandchild selection</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" />
+ <link rel="match" href="descendent-selector-002-ref.xht"/>
+ <meta name="assert" content="Grandchild selection is applied only to elements which are grandchildren." />
+ <style type="text/css">
+ div * em
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>
+ <span>
+ <em>Filler Text</em>
+ </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-008.xht b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-008.xht
new file mode 100644
index 0000000000..ce57a7e4d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-008.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Descendent selector with ID attribute does not match elements without the ID attribute</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" />
+ <link rel="match" href="descendent-selector-004-ref.xht"/>
+ <meta name="assert" content="Descendent selector with attribute applies only to applicable elements." />
+ <style type="text/css">
+ div em[id]
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <em>Filler Text</em>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-009.xht b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-009.xht
new file mode 100644
index 0000000000..6929b54023
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-009.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Descendent selector with ID attribute</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" />
+ <link rel="match" href="descendent-selector-002-ref.xht"/>
+ <meta name="assert" content="Descendent selector with attribute applies only to applicable elements." />
+ <style type="text/css">
+ div em[id]
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>
+ <span>
+ <em id="em1">Filler Text</em>
+ </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-010.xht b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-010.xht
new file mode 100644
index 0000000000..5330144f4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-010.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Descendent selector and tabs</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" />
+ <link rel="match" href="descendent-selector-002-ref.xht"/>
+ <meta name="assert" content="A descendant selector can be separated by a tab." />
+ <style type="text/css">
+ #div1 em
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div id="div1">
+ <em>Filler Text</em>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-011.xht b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-011.xht
new file mode 100644
index 0000000000..4373d7bd39
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/descendent-selector-011.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Descendent selector and newlines</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" />
+ <link rel="match" href="descendent-selector-002-ref.xht"/>
+ <meta name="assert" content="A descendant selector can be separated by a newline." />
+ <style type="text/css">
+ #div1
+ em
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div id="div1">
+ <em>Filler Text</em>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/dom-hover-001.xht b/testing/web-platform/tests/css/CSS2/selectors/dom-hover-001.xht
new file mode 100644
index 0000000000..dfd44a0071
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/dom-hover-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Effect of DOM mutations on :hover matching</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help"
+ href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <meta name="flags" content="dom interact" />
+ <script type="text/javascript">
+ function remove() {
+ var node = document.getElementById("target");
+ node.parentNode.removeChild(node);
+ }
+ </script>
+ <style>
+ div#green { color: red; }
+ div:hover { color: green !important; }
+ </style>
+ </head>
+ <body>
+ <div id="target" onmouseover="setTimeout(remove, 1000)">Hover this text,
+ then wait till it disappears. At that point there should be no red.
+ </div>
+ <div id="green">
+ This should end up green.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/dom-hover-002.xht b/testing/web-platform/tests/css/CSS2/selectors/dom-hover-002.xht
new file mode 100644
index 0000000000..5491d0a2d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/dom-hover-002.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Effect of DOM mutations on :hover matching</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help"
+ href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <meta name="flags" content="dom interact" />
+ <script type="text/javascript">
+ function remove() {
+ var node = document.getElementById("target");
+ node.parentNode.removeChild(node);
+ }
+ </script>
+ <style>
+ div:hover { color: red; }
+ div#green { color: green; }
+ </style>
+ </head>
+ <body>
+ <div>
+ Dummy text. Dummy text.
+ <div id="target" onmouseover="setTimeout(remove, 1000)"><span>Hover this text,
+ then wait till it disappears. At that point there should be no red.</span>
+ </div>
+ </div>
+ <div id="green">
+ Dummy text. Dummy text.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/dynamic-sibling-combinator-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/dynamic-sibling-combinator-001-ref.xht
new file mode 100644
index 0000000000..16045a3407
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/dynamic-sibling-combinator-001-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ color: green;
+}
+</style>
+</head>
+<body>
+<div>This should be green</div>
+<div>This should be green</div>
+<div>This should be green</div>
+<div>This should be green</div>
+<div>This should be green</div>
+<div>This should be green</div>
+<div>This should be green</div>
+<div>This should be green</div>
+<div>This should be green</div>
+<div>This should be green</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/dynamic-sibling-combinator-001.xht b/testing/web-platform/tests/css/CSS2/selectors/dynamic-sibling-combinator-001.xht
new file mode 100644
index 0000000000..f12c2790e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/dynamic-sibling-combinator-001.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Testing dynamic changes and the '+' combinator</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors"/>
+ <link rel="match" href="dynamic-sibling-combinator-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="Dynamically changing an attribute should cause selectors using '+' to match as needed."/>
+ <style type="text/css"><![CDATA[
+ div { color: red; }
+ [class=foo] + div { color: green; }
+ [class=foo] + div + div { color: green; }
+ [class=foo] + div + div + div { color: green; }
+ [class=foo] + div + div + div + div { color: green; }
+ [class=foo] + div + div + div + div + div { color: green; }
+ [class=foo] + div + div + div + div + div + div { color: green; }
+ [class=foo] + div + div + div + div + div + div + div { color: green; }
+ [class=foo] + div + div + div + div + div + div + div + div { color: green; }
+ [class=foo] + div + div + div + div + div + div + div + div + div { color: green; }
+ [class=foo] + div + div + div + div + div + div + div + div + div + div { color: green; }
+ ]]></style>
+ <script type="text/javascript"><![CDATA[
+ window.onload = function() {
+ document.body.offsetWidth;
+ document.getElementById("test").className = "foo";
+ }
+ ]]></script>
+ </head>
+ <body>
+ <div id="test"></div>
+ <div>This should be green</div>
+ <div>This should be green</div>
+ <div>This should be green</div>
+ <div>This should be green</div>
+ <div>This should be green</div>
+ <div>This should be green</div>
+ <div>This should be green</div>
+ <div>This should be green</div>
+ <div>This should be green</div>
+ <div>This should be green</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-child-selector-001-ref.html b/testing/web-platform/tests/css/CSS2/selectors/first-child-selector-001-ref.html
new file mode 100644
index 0000000000..8aa67fa12a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-child-selector-001-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<title>CSS Reftest Reference</title>
+<style>
+ .green {
+ color: green;
+ }
+</style>
+<body>
+ <div class="green">Filler Text</div>
+ <div>Filler Text</div>
+ <p>Test passes if the first "Filler Text" above is green and the second one is black.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-child-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/first-child-selector-001.xht
new file mode 100644
index 0000000000..8f13e804fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-child-selector-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-child pseudo-class</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-child" />
+ <link rel="match" href="first-child-selector-001-ref.html" />
+ <meta name="assert" content="First-child pseudo-class matches only the first element of its type." />
+ <style type="text/css">
+ div:first-child
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <div>Filler Text</div>
+ <div>Filler Text</div>
+ <p>Test passes if the first "Filler Text" above is green and the second one is black.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-child-selector-002-ref.html b/testing/web-platform/tests/css/CSS2/selectors/first-child-selector-002-ref.html
new file mode 100644
index 0000000000..c2ee2e78bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-child-selector-002-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<title>CSS Reftest Reference</title>
+<style>
+ .green {
+ color: green;
+ }
+</style>
+<body>
+ Filler Text
+ <div class="green">Filler Text</div>
+ <div>Filler Text</div>
+ <p>Test passes if the second line of "Filler Text" above is green and the first and third lines are black.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-child-selector-002.xht b/testing/web-platform/tests/css/CSS2/selectors/first-child-selector-002.xht
new file mode 100644
index 0000000000..2115e55129
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-child-selector-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-child pseudo-class with text node</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-child" />
+ <link rel="match" href="first-child-selector-002-ref.html" />
+ <meta name="assert" content="First-child pseudo-class matches only the first element of its type ignoring text nodes." />
+ <style type="text/css">
+ div:first-child
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ Filler Text
+ <div>Filler Text</div>
+ <div>Filler Text</div>
+ <p>Test passes if the second line of "Filler Text" above is green and the first and third lines are black.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-child-selector-003.xht b/testing/web-platform/tests/css/CSS2/selectors/first-child-selector-003.xht
new file mode 100644
index 0000000000..a02e002777
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-child-selector-003.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: 1 simple test of :first-child</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/child/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-child" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
+ <style type="text/css">
+ html { color: red; }
+ :root:first-child { color: green; }
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-001-ref.xht
new file mode 100644
index 0000000000..59a9b7b3c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-001-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <style type="text/css">
+ div { color: black; font-size: 3em; }
+ span { color: green; }
+ </style>
+</head>
+<body>
+ <div><span>T</span>his is text</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-001.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-001.xht
new file mode 100644
index 0000000000..8fd71ad835
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-001.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-001-ref.xht"/>
+ <style type="text/css">
+ div { color: black; font-size: 3em; }
+ div:first-letter { color: green; }
+ </style>
+</head>
+<body>
+ <div>This is text</div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-abspos-ref.html b/testing/web-platform/tests/css/CSS2/selectors/first-letter-abspos-ref.html
new file mode 100644
index 0000000000..7c6cbbf2c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-abspos-ref.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<title>CSS Test Reference</title>
+<style>
+ span { color: green; }
+</style>
+<div><span>P</span>ASS</div>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-abspos.html b/testing/web-platform/tests/css/CSS2/selectors/first-letter-abspos.html
new file mode 100644
index 0000000000..c8b14b462c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-abspos.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<title>::first-letter doesn't consider an abspos</title>
+<meta charset="utf-8">
+<link rel="help" href="https://www.w3.org/TR/CSS21/selector.html#first-letter">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1788785">
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel="author" title="Mozilla" href="https://mozilla.org">
+<link rel="match" href="first-letter-abspos-ref.html">
+<style>
+ div::first-letter { color: green }
+ span { position: absolute; color: transparent; }
+</style>
+<div><span>F</span>PASS</div>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-001-ref.xht
new file mode 100644
index 0000000000..ba6a636856
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-001-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<style type="text/css">
+ span:before { content: '"'; }
+ span:after { content: '"'; }
+ :after { border: 3px solid green; }
+ :first-letter { color: green; }
+</style>
+</head>
+<body>
+
+<p><span>Foo</span></p>
+
+<p id="p2"><span id="q2"></span></p>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-001.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-001.xht
new file mode 100644
index 0000000000..dcde3ad055
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-001.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-dynamic-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+<script type="text/javascript">function setTextContent(n, t) { n.textContent = t; }
+
+var stylesheets = [];
+function initFuzzerSpecific()
+{
+ var myStylesheetHolder = document.getElementsByTagName("head")[0];
+
+ for (var i = 0; i &lt; 25; ++i) {
+ var s = document.createElementNS("http://www.w3.org/1999/xhtml", 'style');
+ s.style.display = "none";
+ myStylesheetHolder.appendChild(s);
+ stylesheets.push(s);
+ }
+}
+</script>
+<style type="text/css">
+ span:before { content: open-quote; }
+ span:after { content: close-quote; }
+ span { quotes: '"' '"'; }
+</style>
+</head>
+<body>
+
+<p><span>Foo</span></p>
+
+<p id="p2"><span id="q2"></span></p>
+
+<script type="text/javascript">
+ document.body.offsetWidth;
+ initFuzzerSpecific();
+ setTextContent(stylesheets[1], "*:after { border: 3px solid green; } :first-letter { color: green; }");
+ setTextContent(stylesheets[2], "*:before { counter-reset: chicken; }");
+</script>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-002-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-002-ref.xht
new file mode 100644
index 0000000000..a5792c6f8d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-002-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+</head>
+<body>
+
+<p><q>Foo</q></p>
+
+<p id="p2">&lt;1&gt;0&lt;/1&gt;</p>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-002.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-002.xht
new file mode 100644
index 0000000000..c689aecc44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-002.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-dynamic-002-ref.xht"/>
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function boom1()
+{
+ initFuzzerSpecific();
+ setTextContent(stylesheets[1], "*:first-letter { }");
+ setTextContent(stylesheets[2], "*:before { counter-reset: chicken; }");
+ document.body.offsetWidth;
+ boom2();
+}
+
+function boom2()
+{
+ setTextContent(stylesheets[3], "#q2:first-letter { content: 'generated'; }");
+ setTextContent(stylesheets[1], "");
+ setTextContent(stylesheets[4], "#q2 { quotes: '&lt;1&gt;' '&lt;/1&gt;'; }");
+ document.body.offsetWidth;
+ boom3();
+}
+
+function boom3()
+{
+ document.getElementById("p2").style.counterReset = "egg";
+ setTextContent(stylesheets[1], "*:first-letter { }");
+}
+
+function setTextContent(n, t) { n.textContent = t; }
+
+var stylesheets = [];
+function initFuzzerSpecific()
+{
+ var myStylesheetHolder = document.getElementsByTagName("head")[0];
+
+ for (var i = 0; i &lt; 25; ++i) {
+ var s = document.createElementNS("http://www.w3.org/1999/xhtml", 'style');
+ s.style.display = "none";
+ myStylesheetHolder.appendChild(s);
+ stylesheets.push(s);
+ }
+}
+</script>
+
+</head>
+<body>
+
+<p><q>Foo</q></p>
+
+<p id="p2"><q id="q2">0</q></p>
+
+<script type="text/javascript">
+ document.body.offsetWidth;
+ boom1();
+</script>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-003-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-003-ref.xht
new file mode 100644
index 0000000000..9f16a942ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-003-ref.xht
@@ -0,0 +1,8 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+</head>
+<body>
+<div>Text</div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-003a.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-003a.xht
new file mode 100644
index 0000000000..e95c6f4814
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-003a.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-dynamic-003-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <style type="text/css">
+ div#x:first-letter { color: blue; float: left; }
+ </style>
+</head>
+<body>
+<div id="x">Need at least two letters here</div>
+<script type="text/javascript">
+ document.body.offsetWidth;
+ var div = document.getElementById("x");
+ div.id = "y";
+ div.firstChild.data = "Text";
+</script>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-003b.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-003b.xht
new file mode 100644
index 0000000000..2a3193271c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-dynamic-003b.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-dynamic-003-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <style type="text/css">
+ div#x:first-letter { color: blue; float: none }
+ </style>
+</head>
+<body>
+<div id="x">x</div>
+<script type="text/javascript">
+ document.body.offsetWidth;
+ var div = document.getElementById("x");
+ div.id = "y";
+ div.firstChild.data = "Text";
+</script>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-inherit-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-inherit-001-ref.xht
new file mode 100644
index 0000000000..771b1c8f81
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-inherit-001-ref.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<style type="text/css">
+div { float: left; overflow: scroll; font-size: 50px; width: 3em; line-height: 10px }
+div:first-letter { float: left; }
+</style>
+</head><body>
+<div>T<span style="font-size: 10px">his is text in a div. Text in a div. Text in a div. Text in a div. Text in a div. Text in a div. Text in a div. Text in a div.</span></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-inherit-001.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-inherit-001.xht
new file mode 100644
index 0000000000..82655938be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-inherit-001.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: :first-letter</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+<link rel="match" href="first-letter-inherit-001-ref.xht"/>
+<style type="text/css">
+div { float: left; overflow: scroll; font-size: 50px; width: 3em; line-height: 10px }
+div:first-letter { float: inherit; }
+</style>
+</head><body>
+<div>T<span style="font-size: 10px">his is text in a div. Text in a div. Text in a div. Text in a div. Text in a div. Text in a div. Text in a div. Text in a div.</span></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-001-ref.xht
new file mode 100644
index 0000000000..c237d01898
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-001-ref.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <style type="text/css">
+ div { color: black; font-size: 3em; }
+ span#letter { color: green; }
+ </style>
+</head>
+<body>
+ <div>
+ <span>
+ <span id="letter">T</span>his is text
+ </span>
+ </div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-001.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-001.xht
new file mode 100644
index 0000000000..805b7d5727
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-nested-001-ref.xht"/>
+ <style type="text/css">
+ div { color: black; font-size: 3em; }
+ div:first-letter { color: green; }
+ </style>
+</head>
+<body>
+ <div>
+ <span>
+ This is text
+ </span>
+ </div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-002.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-002.xht
new file mode 100644
index 0000000000..45c41ee000
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-nested-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <style type="text/css">
+ div { color: black; font-size: 3em; }
+ div:first-letter { color: green; }
+ </style>
+</head>
+<body>
+ <div>This is more text
+ <span>
+ This is text
+ </span>
+ </div>
+ <script type="text/javascript">
+ document.body.offsetWidth;
+ document.getElementsByTagName("div")[0].firstChild.data = "";
+ </script>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-003.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-003.xht
new file mode 100644
index 0000000000..bcdf10a919
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-003.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-nested-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <style type="text/css">
+ div { color: black; font-size: 3em; }
+ div:first-letter { color: green; }
+ </style>
+</head>
+<body>
+ <div>
+ <span>
+
+ </span>
+ </div>
+ <script type="text/javascript">
+ document.body.offsetWidth;
+ document.getElementsByTagName("span")[0].firstChild.data = "This is text";
+ </script>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-004.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-004.xht
new file mode 100644
index 0000000000..7e59e77f1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-004.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-nested-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <style type="text/css">
+ div { color: black; font-size: 3em; }
+ div:first-letter { color: green; }
+ </style>
+</head>
+<body>
+ <div>
+ <span>
+
+ </span>
+ </div>
+ <script type="text/javascript">
+ document.body.offsetWidth;
+ document.getElementsByTagName("span")[0].
+ appendChild(document.createTextNode("This is text"));
+ </script>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-005.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-005.xht
new file mode 100644
index 0000000000..002b8b952d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-005.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-nested-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <style type="text/css">
+ div { color: black; font-size: 3em; }
+ div:first-letter { color: green; }
+ </style>
+</head>
+<body>
+ <div>
+ <span></span>
+ </div>
+ <script type="text/javascript">
+ document.body.offsetWidth;
+ document.getElementsByTagName("span")[0].
+ appendChild(document.createTextNode("This is text"));
+ </script>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-006.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-006.xht
new file mode 100644
index 0000000000..00149f55b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-006.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="first-letter-nested-001-ref.xht"/>
+ <style type="text/css">
+ div { color: black; font-size: 3em; }
+ div:first-letter { color: green; }
+ </style>
+</head>
+<body>
+ <div>
+ <span> </span>
+ <span>
+ This is text
+ </span>
+ </div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-007.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-007.xht
new file mode 100644
index 0000000000..ffe4e25fa5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-nested-007.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="Simon Montagu" href="http://smontagu.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-nested-001-ref.xht"/>
+ <style type="text/css">
+ div { color: black; font-size: 3em; }
+ div:first-letter { color: green; }
+ </style>
+</head>
+<body>
+ <div>
+ <span>T</span>his is text
+ </div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-001-ref.xht
new file mode 100644
index 0000000000..2bab5eb8f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-001-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0029;T&#x0029;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-001.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-001.xht
new file mode 100644
index 0000000000..f0e1556767
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-001-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0029;T&#x0029;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-002-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-002-ref.xht
new file mode 100644
index 0000000000..691c3aab67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-002-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right square bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x005D;T&#x005D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-002.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-002.xht
new file mode 100644
index 0000000000..8d31e992f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right square bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-002-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right square bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x005D;T&#x005D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-003-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-003-ref.xht
new file mode 100644
index 0000000000..f3d479ea44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-003-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right curly bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x007D;T&#x007D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-003.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-003.xht
new file mode 100644
index 0000000000..f2f277f55c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right curly bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-003-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right curly bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x007D;T&#x007D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-004-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-004-ref.xht
new file mode 100644
index 0000000000..b50f80c67a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-004-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark gug rtags gyas' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F3B;T&#x0F3B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-004.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-004.xht
new file mode 100644
index 0000000000..480a1490c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark gug rtags gyas' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-004-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark gug rtags gyas'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F3B;T&#x0F3B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-005-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-005-ref.xht
new file mode 100644
index 0000000000..407b493c28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-005-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark ang khang gyas' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F3D;T&#x0F3D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-005.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-005.xht
new file mode 100644
index 0000000000..d8de466f4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-005.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark ang khang gyas' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-005-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark ang khang gyas'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F3D;T&#x0F3D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-006-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-006-ref.xht
new file mode 100644
index 0000000000..12b29191e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-006-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'ogham reversed feather mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x169C;T&#x169C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-006.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-006.xht
new file mode 100644
index 0000000000..0803ca207c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-006.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'ogham reversed feather mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-006-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'ogham reversed feather mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x169C;T&#x169C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-007-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-007-ref.xht
new file mode 100644
index 0000000000..d331b791f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-007-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right square bracket with quill' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2046;T&#x2046;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-007.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-007.xht
new file mode 100644
index 0000000000..c4883ec8ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-007.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right square bracket with quill' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-007-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right square bracket with quill'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2046;T&#x2046;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-008-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-008-ref.xht
new file mode 100644
index 0000000000..2b5166008a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-008-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'superscript right parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x207E;T&#x207E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-008.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-008.xht
new file mode 100644
index 0000000000..78792856be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-008.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'superscript right parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-008-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'superscript right parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x207E;T&#x207E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-009-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-009-ref.xht
new file mode 100644
index 0000000000..46f8876e42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-009-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'subscript right parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x208E;T&#x208E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-009.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-009.xht
new file mode 100644
index 0000000000..366170f8ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-009.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'subscript right parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-009-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'subscript right parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x208E;T&#x208E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-010-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-010-ref.xht
new file mode 100644
index 0000000000..47a7a4a7e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-010-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right-pointing angle bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x232A;T&#x232A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-010.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-010.xht
new file mode 100644
index 0000000000..03e2cffba6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-010.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right-pointing angle bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-010-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right-pointing angle bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x232A;T&#x232A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-012-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-012-ref.xht
new file mode 100644
index 0000000000..27bea08308
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-012-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'medium right parenthesis ornament' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2769;T&#x2769;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-012.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-012.xht
new file mode 100644
index 0000000000..d4fcc96702
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-012.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'medium right parenthesis ornament' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-012-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'medium right parenthesis ornament'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2769;T&#x2769;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-013-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-013-ref.xht
new file mode 100644
index 0000000000..15fd93850f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-013-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'medium flattened right parenthesis ornament' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x276B;T&#x276B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-013.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-013.xht
new file mode 100644
index 0000000000..026a2aa240
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-013.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'medium flattened right parenthesis ornament' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-013-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'medium flattened right parenthesis ornament'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x276B;T&#x276B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-014-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-014-ref.xht
new file mode 100644
index 0000000000..e5b7a388cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-014-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'medium right-pointing angle bracket ornament' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x276D;T&#x276D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-014.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-014.xht
new file mode 100644
index 0000000000..37e0d0d85e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-014.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'medium right-pointing angle bracket ornament' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-014-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'medium right-pointing angle bracket ornament'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x276D;T&#x276D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-015-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-015-ref.xht
new file mode 100644
index 0000000000..20e9471ba9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-015-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'heavy right-pointing angle quotation mark ornament' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x276F;T&#x276F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-015.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-015.xht
new file mode 100644
index 0000000000..b0a697c1ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-015.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'heavy right-pointing angle quotation mark ornament' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-015-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'heavy right-pointing angle quotation mark ornament'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x276F;T&#x276F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-016-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-016-ref.xht
new file mode 100644
index 0000000000..04024347c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-016-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'heavy right-pointing angle bracket ornament' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2771;T&#x2771;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-016.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-016.xht
new file mode 100644
index 0000000000..49d2ddea3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-016.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'heavy right-pointing angle bracket ornament' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-016-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'heavy right-pointing angle bracket ornament'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2771;T&#x2771;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-017-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-017-ref.xht
new file mode 100644
index 0000000000..7d597b671f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-017-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'light right tortoise shell bracket ornament' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2773;T&#x2773;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-017.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-017.xht
new file mode 100644
index 0000000000..4426416ee7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-017.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'light right tortoise shell bracket ornament' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-017-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'light right tortoise shell bracket ornament'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2773;T&#x2773;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-018-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-018-ref.xht
new file mode 100644
index 0000000000..05ba7a0823
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-018-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'medium right curly bracket ornament' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2775;T&#x2775;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-018.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-018.xht
new file mode 100644
index 0000000000..47a038207d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-018.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'medium right curly bracket ornament' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-018-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'medium right curly bracket ornament'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2775;T&#x2775;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-019-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-019-ref.xht
new file mode 100644
index 0000000000..819563d11f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-019-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right s-shaped bag delimiter' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x27C6;T&#x27C6;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-019.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-019.xht
new file mode 100644
index 0000000000..2ee11cfedc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-019.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right s-shaped bag delimiter' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-019-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right s-shaped bag delimiter'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x27C6;T&#x27C6;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-020-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-020-ref.xht
new file mode 100644
index 0000000000..fff25eebc1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-020-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'mathematical right white square bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x27E7;T&#x27E7;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-020.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-020.xht
new file mode 100644
index 0000000000..97a56425be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-020.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'mathematical right white square bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-020-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'mathematical right white square bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x27E7;T&#x27E7;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-021-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-021-ref.xht
new file mode 100644
index 0000000000..fc7cc3a355
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-021-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'mathematical right angle bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x27E9;T&#x27E9;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-021.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-021.xht
new file mode 100644
index 0000000000..494e5b6dd1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-021.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'mathematical right angle bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-021-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'mathematical right angle bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x27E9;T&#x27E9;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-022-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-022-ref.xht
new file mode 100644
index 0000000000..b810899001
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-022-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'mathematical right double angle bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x27EB;T&#x27EB;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-022.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-022.xht
new file mode 100644
index 0000000000..bf8e058407
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-022.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'mathematical right double angle bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-022-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'mathematical right double angle bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x27EB;T&#x27EB;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-023-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-023-ref.xht
new file mode 100644
index 0000000000..1d2e5c2f93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-023-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right white curly bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2984;T&#x2984;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-023.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-023.xht
new file mode 100644
index 0000000000..25087ff0ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-023.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right white curly bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-023-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right white curly bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2984;T&#x2984;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-024-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-024-ref.xht
new file mode 100644
index 0000000000..cf212563ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-024-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right white parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2986;T&#x2986;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-024.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-024.xht
new file mode 100644
index 0000000000..9a4033da74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-024.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right white parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-024-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right white parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2986;T&#x2986;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-025-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-025-ref.xht
new file mode 100644
index 0000000000..de349a6c4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-025-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'z notation right image bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2988;T&#x2988;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-025.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-025.xht
new file mode 100644
index 0000000000..a8e3ee2615
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-025.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'z notation right image bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-025-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'z notation right image bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2988;T&#x2988;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-026-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-026-ref.xht
new file mode 100644
index 0000000000..c5d653779c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-026-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'z notation right binding bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x298A;T&#x298A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-026.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-026.xht
new file mode 100644
index 0000000000..f22f680deb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-026.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'z notation right binding bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-026-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'z notation right binding bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x298A;T&#x298A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-027-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-027-ref.xht
new file mode 100644
index 0000000000..9401c357fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-027-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right square bracket with underbar' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x298C;T&#x298C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-027.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-027.xht
new file mode 100644
index 0000000000..dfc042359d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-027.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right square bracket with underbar' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-027-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right square bracket with underbar'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x298C;T&#x298C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-028-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-028-ref.xht
new file mode 100644
index 0000000000..263bc61b6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-028-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right square bracket with tick in bottom corner' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x298E;T&#x298E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-028.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-028.xht
new file mode 100644
index 0000000000..a15b9135f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-028.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right square bracket with tick in bottom corner' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-028-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right square bracket with tick in bottom corner'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x298E;T&#x298E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-029-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-029-ref.xht
new file mode 100644
index 0000000000..e59dbeee1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-029-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right square bracket with tick in top corner' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2990;T&#x2990;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-029.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-029.xht
new file mode 100644
index 0000000000..0dfa495d53
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-029.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right square bracket with tick in top corner' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-029-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right square bracket with tick in top corner'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2990;T&#x2990;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-030-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-030-ref.xht
new file mode 100644
index 0000000000..b15777f5f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-030-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right angle bracket with dot' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2992;T&#x2992;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-030.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-030.xht
new file mode 100644
index 0000000000..2dd97315d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-030.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right angle bracket with dot' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-030-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right angle bracket with dot'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2992;T&#x2992;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-031-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-031-ref.xht
new file mode 100644
index 0000000000..7e9d7b5239
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-031-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right arc greater-than bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2994;T&#x2994;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-031.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-031.xht
new file mode 100644
index 0000000000..a7779c84c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-031.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right arc greater-than bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-031-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right arc greater-than bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2994;T&#x2994;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-032-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-032-ref.xht
new file mode 100644
index 0000000000..9c608565d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-032-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'double right arc less-than bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2996;T&#x2996;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-032.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-032.xht
new file mode 100644
index 0000000000..f8107ba2ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-032.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'double right arc less-than bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-032-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'double right arc less-than bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2996;T&#x2996;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-033-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-033-ref.xht
new file mode 100644
index 0000000000..52429c5906
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-033-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right black tortoise shell bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2998;T&#x2998;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-033.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-033.xht
new file mode 100644
index 0000000000..6e4e69a083
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-033.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right black tortoise shell bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-033-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right black tortoise shell bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2998;T&#x2998;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-034-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-034-ref.xht
new file mode 100644
index 0000000000..7892cd8fb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-034-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right wiggly fence' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x29D9;T&#x29D9;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-034.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-034.xht
new file mode 100644
index 0000000000..32b2f4a413
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-034.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right wiggly fence' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-034-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right wiggly fence'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x29D9;T&#x29D9;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-035-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-035-ref.xht
new file mode 100644
index 0000000000..4cdb3c5458
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-035-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right double wiggly fence' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x29DB;T&#x29DB;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-035.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-035.xht
new file mode 100644
index 0000000000..7ed901d475
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-035.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right double wiggly fence' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-035-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right double wiggly fence'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x29DB;T&#x29DB;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-036-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-036-ref.xht
new file mode 100644
index 0000000000..d808221e29
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-036-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right-pointing curved angle bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x29FD;T&#x29FD;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-036.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-036.xht
new file mode 100644
index 0000000000..3af8a54767
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-036.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right-pointing curved angle bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-036-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right-pointing curved angle bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x29FD;T&#x29FD;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-037-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-037-ref.xht
new file mode 100644
index 0000000000..3f9b9db05b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-037-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right angle bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x3009;T&#x3009;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-037.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-037.xht
new file mode 100644
index 0000000000..eaf49752e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-037.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right angle bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-037-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right angle bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x3009;T&#x3009;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-038-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-038-ref.xht
new file mode 100644
index 0000000000..497b39d9ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-038-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right double angle bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x300B;T&#x300B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-038.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-038.xht
new file mode 100644
index 0000000000..40fac388f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-038.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right double angle bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-038-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right double angle bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x300B;T&#x300B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-039-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-039-ref.xht
new file mode 100644
index 0000000000..1e421ee913
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-039-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right corner bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x300D;T&#x300D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-039.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-039.xht
new file mode 100644
index 0000000000..3a4e3f496e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-039.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right corner bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-039-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right corner bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x300D;T&#x300D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-040-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-040-ref.xht
new file mode 100644
index 0000000000..29d62a48eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-040-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right white corner bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x300F;T&#x300F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-040.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-040.xht
new file mode 100644
index 0000000000..31a10d66e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-040.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right white corner bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-040-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right white corner bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x300F;T&#x300F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-041-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-041-ref.xht
new file mode 100644
index 0000000000..6ef57328ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-041-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right black lenticular bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x3011;T&#x3011;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-041.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-041.xht
new file mode 100644
index 0000000000..576cf6862a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-041.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right black lenticular bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-041-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right black lenticular bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x3011;T&#x3011;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-042-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-042-ref.xht
new file mode 100644
index 0000000000..fb15241882
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-042-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right tortoise shell bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x3015;T&#x3015;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-042.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-042.xht
new file mode 100644
index 0000000000..2daa4fbfeb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-042.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right tortoise shell bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-042-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right tortoise shell bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x3015;T&#x3015;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-043-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-043-ref.xht
new file mode 100644
index 0000000000..ad9b749f52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-043-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right white lenticular bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x3017;T&#x3017;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-043.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-043.xht
new file mode 100644
index 0000000000..507bc4705c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-043.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right white lenticular bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-043-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right white lenticular bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x3017;T&#x3017;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-044-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-044-ref.xht
new file mode 100644
index 0000000000..77e9354a8c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-044-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right white tortoise shell bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x3019;T&#x3019;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-044.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-044.xht
new file mode 100644
index 0000000000..6ae40aa3de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-044.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right white tortoise shell bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-044-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right white tortoise shell bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x3019;T&#x3019;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-045-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-045-ref.xht
new file mode 100644
index 0000000000..d57ca76a73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-045-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right white square bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x301B;T&#x301B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-045.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-045.xht
new file mode 100644
index 0000000000..3c9f295b0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-045.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right white square bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-045-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right white square bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x301B;T&#x301B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-046-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-046-ref.xht
new file mode 100644
index 0000000000..f13732c14c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-046-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'double prime quotation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x301E;T&#x301E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-046.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-046.xht
new file mode 100644
index 0000000000..f041501af5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-046.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'double prime quotation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-046-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'double prime quotation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x301E;T&#x301E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-047-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-047-ref.xht
new file mode 100644
index 0000000000..efe5af213c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-047-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'low double prime quotation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x301F;T&#x301F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-047.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-047.xht
new file mode 100644
index 0000000000..0b71f70992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-047.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'low double prime quotation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-047-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'low double prime quotation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x301F;T&#x301F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-048-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-048-ref.xht
new file mode 100644
index 0000000000..85fc1860d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-048-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'ornate right parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFD3F;T&#xFD3F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-048.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-048.xht
new file mode 100644
index 0000000000..f7d1425bc8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-048.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'ornate right parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-048-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'ornate right parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFD3F;T&#xFD3F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-049-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-049-ref.xht
new file mode 100644
index 0000000000..3e58ed9c2c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-049-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical right white lenticular bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE18;T&#xFE18;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-049.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-049.xht
new file mode 100644
index 0000000000..d1eb52f122
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-049.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical right white lenticular bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-049-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical right white lenticular bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE18;T&#xFE18;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-050-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-050-ref.xht
new file mode 100644
index 0000000000..9785b75d1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-050-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical right parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE36;T&#xFE36;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-050.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-050.xht
new file mode 100644
index 0000000000..e2f387f37b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-050.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical right parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-050-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical right parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE36;T&#xFE36;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-051-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-051-ref.xht
new file mode 100644
index 0000000000..2c5160bf51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-051-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical right curly bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE38;T&#xFE38;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-051.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-051.xht
new file mode 100644
index 0000000000..41d1975007
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-051.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical right curly bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-051-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical right curly bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE38;T&#xFE38;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-052-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-052-ref.xht
new file mode 100644
index 0000000000..bdadf8e46e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-052-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical right tortoise shell bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE3A;T&#xFE3A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-052.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-052.xht
new file mode 100644
index 0000000000..08a2fcdb65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-052.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical right tortoise shell bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-052-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical right tortoise shell bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE3A;T&#xFE3A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-053-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-053-ref.xht
new file mode 100644
index 0000000000..bb7a8fd1e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-053-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical right black lenticular bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE3C;T&#xFE3C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-053.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-053.xht
new file mode 100644
index 0000000000..78b78861d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-053.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical right black lenticular bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-053-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical right black lenticular bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE3C;T&#xFE3C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-054-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-054-ref.xht
new file mode 100644
index 0000000000..60ce89ebb7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-054-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical right double angle bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE3E;T&#xFE3E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-054.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-054.xht
new file mode 100644
index 0000000000..4d2abfa430
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-054.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical right double angle bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-054-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical right double angle bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE3E;T&#xFE3E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-055-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-055-ref.xht
new file mode 100644
index 0000000000..f11683a040
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-055-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical right angle bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE40;T&#xFE40;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-055.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-055.xht
new file mode 100644
index 0000000000..c4e6ed3811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-055.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical right angle bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-055-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical right angle bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE40;T&#xFE40;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-056-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-056-ref.xht
new file mode 100644
index 0000000000..46811cda8a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-056-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical right corner bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE42;T&#xFE42;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-056.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-056.xht
new file mode 100644
index 0000000000..00f91a84c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-056.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical right corner bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-056-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical right corner bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE42;T&#xFE42;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-057-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-057-ref.xht
new file mode 100644
index 0000000000..61e27f64f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-057-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical right white corner bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE44;T&#xFE44;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-057.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-057.xht
new file mode 100644
index 0000000000..f9705a0857
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-057.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical right white corner bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-057-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical right white corner bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE44;T&#xFE44;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-058-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-058-ref.xht
new file mode 100644
index 0000000000..91913f7cf7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-058-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical right square bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE48;T&#xFE48;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-058.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-058.xht
new file mode 100644
index 0000000000..de40bf1d3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-058.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical right square bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-058-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical right square bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE48;T&#xFE48;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-059-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-059-ref.xht
new file mode 100644
index 0000000000..997e2ecb93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-059-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small right parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE5A;T&#xFE5A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-059.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-059.xht
new file mode 100644
index 0000000000..c9c8a6f281
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-059.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small right parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-059-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small right parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE5A;T&#xFE5A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-060-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-060-ref.xht
new file mode 100644
index 0000000000..28428fbf45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-060-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small right curly bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE5C;T&#xFE5C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-060.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-060.xht
new file mode 100644
index 0000000000..d0d0554616
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-060.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small right curly bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-060-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small right curly bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE5C;T&#xFE5C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-061-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-061-ref.xht
new file mode 100644
index 0000000000..471f373db8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-061-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small right tortoise shell bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE5E;T&#xFE5E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-061.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-061.xht
new file mode 100644
index 0000000000..862f19196e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-061.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small right tortoise shell bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-061-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small right tortoise shell bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE5E;T&#xFE5E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-062-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-062-ref.xht
new file mode 100644
index 0000000000..d4fc1c8983
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-062-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth right parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF09;T&#xFF09;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-062.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-062.xht
new file mode 100644
index 0000000000..9bb80cc74b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-062.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth right parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-062-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth right parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF09;T&#xFF09;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-063-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-063-ref.xht
new file mode 100644
index 0000000000..516dadde42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-063-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth right square bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF3D;T&#xFF3D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-063.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-063.xht
new file mode 100644
index 0000000000..09ec1aa24c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-063.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth right square bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-063-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth right square bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF3D;T&#xFF3D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-064-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-064-ref.xht
new file mode 100644
index 0000000000..0b871b1741
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-064-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth right curly bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF5D;T&#xFF5D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-064.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-064.xht
new file mode 100644
index 0000000000..c391064051
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-064.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth right curly bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-064-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth right curly bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF5D;T&#xFF5D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-065-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-065-ref.xht
new file mode 100644
index 0000000000..ff10d43650
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-065-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth right white parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF60;T&#xFF60;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-065.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-065.xht
new file mode 100644
index 0000000000..0a7ac3ef64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-065.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth right white parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-065-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth right white parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF60;T&#xFF60;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-066-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-066-ref.xht
new file mode 100644
index 0000000000..d3ed890676
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-066-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'halfwidth right corner bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF63;T&#xFF63;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-066.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-066.xht
new file mode 100644
index 0000000000..33357b11f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-066.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'halfwidth right corner bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-066-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'halfwidth right corner bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF63;T&#xFF63;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-067-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-067-ref.xht
new file mode 100644
index 0000000000..e1992dc644
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-067-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right-pointing double angle quotation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x00BB;T&#x00BB;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-067.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-067.xht
new file mode 100644
index 0000000000..4c656197b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-067.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right-pointing double angle quotation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-067-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right-pointing double angle quotation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x00BB;T&#x00BB;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-068-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-068-ref.xht
new file mode 100644
index 0000000000..65e3c11bb0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-068-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right single quotation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2019;T&#x2019;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-068.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-068.xht
new file mode 100644
index 0000000000..c24a96d519
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-068.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right single quotation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-068-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right single quotation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2019;T&#x2019;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-069-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-069-ref.xht
new file mode 100644
index 0000000000..e91ed887b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-069-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right double quotation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x201D;T&#x201D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-069.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-069.xht
new file mode 100644
index 0000000000..faabd378d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-069.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right double quotation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-069-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right double quotation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x201D;T&#x201D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-070-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-070-ref.xht
new file mode 100644
index 0000000000..af957b156e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-070-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'single right-pointing angle quotation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x203A;T&#x203A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-070.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-070.xht
new file mode 100644
index 0000000000..9c5f791ca5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-070.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'single right-pointing angle quotation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-070-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'single right-pointing angle quotation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x203A;T&#x203A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-071-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-071-ref.xht
new file mode 100644
index 0000000000..18d1276f14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-071-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right substitution bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E03;T&#x2E03;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-071.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-071.xht
new file mode 100644
index 0000000000..045e338a59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-071.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right substitution bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-071-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right substitution bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E03;T&#x2E03;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-072-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-072-ref.xht
new file mode 100644
index 0000000000..c4efee69d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-072-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right dotted substitution bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E05;T&#x2E05;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-072.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-072.xht
new file mode 100644
index 0000000000..45fbdab289
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-072.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right dotted substitution bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-072-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right dotted substitution bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E05;T&#x2E05;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-073-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-073-ref.xht
new file mode 100644
index 0000000000..7f7af08bdd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-073-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right transposition bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E0A;T&#x2E0A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-073.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-073.xht
new file mode 100644
index 0000000000..282693a9bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-073.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right transposition bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-073-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right transposition bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E0A;T&#x2E0A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-074-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-074-ref.xht
new file mode 100644
index 0000000000..7ea057a11e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-074-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right raised omission bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E0D;T&#x2E0D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-074.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-074.xht
new file mode 100644
index 0000000000..7f8f41d26a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-074.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right raised omission bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-074-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right raised omission bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E0D;T&#x2E0D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-075-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-075-ref.xht
new file mode 100644
index 0000000000..63947e4269
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-075-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right low paraphrase bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E1D;T&#x2E1D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-075.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-075.xht
new file mode 100644
index 0000000000..261acb410a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-075.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right low paraphrase bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-075-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right low paraphrase bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E1D;T&#x2E1D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-076-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-076-ref.xht
new file mode 100644
index 0000000000..7842da2bff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-076-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left-pointing double angle quotation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x00AB;T&#x00AB;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-076.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-076.xht
new file mode 100644
index 0000000000..cbd9d0008b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-076.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left-pointing double angle quotation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-076-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left-pointing double angle quotation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x00AB;T&#x00AB;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-077-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-077-ref.xht
new file mode 100644
index 0000000000..54adeab230
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-077-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left single quotation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2018;T&#x2018;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-077.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-077.xht
new file mode 100644
index 0000000000..3d4f7f9232
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-077.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left single quotation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-077-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left single quotation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2018;T&#x2018;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-078-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-078-ref.xht
new file mode 100644
index 0000000000..ddf3ee0e13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-078-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'single high-reversed-9 quotation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x201B;T&#x201B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-078.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-078.xht
new file mode 100644
index 0000000000..03371a8230
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-078.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'single high-reversed-9 quotation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-078-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'single high-reversed-9 quotation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x201B;T&#x201B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-079-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-079-ref.xht
new file mode 100644
index 0000000000..e8907c48a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-079-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left double quotation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x201C;T&#x201C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-079.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-079.xht
new file mode 100644
index 0000000000..f1ec8ad86f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-079.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left double quotation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-079-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left double quotation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x201C;T&#x201C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-080-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-080-ref.xht
new file mode 100644
index 0000000000..e8cb0ba540
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-080-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'double high-reversed-9 quotation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x201F;T&#x201F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-080.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-080.xht
new file mode 100644
index 0000000000..eeca4c8607
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-080.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'double high-reversed-9 quotation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-080-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'double high-reversed-9 quotation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x201F;T&#x201F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-081-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-081-ref.xht
new file mode 100644
index 0000000000..56f92ae907
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-081-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'single left-pointing angle quotation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2039;T&#x2039;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-081.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-081.xht
new file mode 100644
index 0000000000..88e61df5b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-081.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'single left-pointing angle quotation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-081-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'single left-pointing angle quotation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2039;T&#x2039;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-082-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-082-ref.xht
new file mode 100644
index 0000000000..6662c2d66a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-082-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left substitution bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E02;T&#x2E02;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-082.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-082.xht
new file mode 100644
index 0000000000..f77f4584d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-082.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left substitution bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-082-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left substitution bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E02;T&#x2E02;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-083-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-083-ref.xht
new file mode 100644
index 0000000000..4645d19459
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-083-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left dotted substitution bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E04;T&#x2E04;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-083.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-083.xht
new file mode 100644
index 0000000000..e21a9d4c27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-083.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left dotted substitution bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-083-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left dotted substitution bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E04;T&#x2E04;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-084-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-084-ref.xht
new file mode 100644
index 0000000000..22f6268e40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-084-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left transposition bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E09;T&#x2E09;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-084.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-084.xht
new file mode 100644
index 0000000000..022b0a6039
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-084.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left transposition bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-084-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left transposition bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E09;T&#x2E09;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-085-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-085-ref.xht
new file mode 100644
index 0000000000..3af7796262
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-085-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left raised omission bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E0C;T&#x2E0C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-085.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-085.xht
new file mode 100644
index 0000000000..243a451459
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-085.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left raised omission bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-085-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left raised omission bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E0C;T&#x2E0C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-086-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-086-ref.xht
new file mode 100644
index 0000000000..8f0a018388
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-086-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left low paraphrase bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E1C;T&#x2E1C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-086.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-086.xht
new file mode 100644
index 0000000000..6b70b17da8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-086.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left low paraphrase bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-086-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left low paraphrase bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E1C;T&#x2E1C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-087-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-087-ref.xht
new file mode 100644
index 0000000000..79193ec1d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-087-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'exclamation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0021;T&#x0021;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-087.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-087.xht
new file mode 100644
index 0000000000..5f68505414
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-087.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'exclamation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-087-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'exclamation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0021;T&#x0021;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-088-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-088-ref.xht
new file mode 100644
index 0000000000..b0ce20ecdf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-088-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'quotation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0022;T&#x0022;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-088.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-088.xht
new file mode 100644
index 0000000000..af0761bc28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-088.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'quotation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-088-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'quotation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0022;T&#x0022;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-089-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-089-ref.xht
new file mode 100644
index 0000000000..9bf3e6e516
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-089-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'number sign' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0023;T&#x0023;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-089.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-089.xht
new file mode 100644
index 0000000000..d24d4ecf17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-089.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'number sign' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-089-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'number sign'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0023;T&#x0023;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-090-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-090-ref.xht
new file mode 100644
index 0000000000..61359595cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-090-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'percent sign' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0025;T&#x0025;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-090.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-090.xht
new file mode 100644
index 0000000000..a2bd9439dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-090.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'percent sign' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-090-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'percent sign'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0025;T&#x0025;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-091-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-091-ref.xht
new file mode 100644
index 0000000000..22f25b8175
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-091-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'ampersand' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0026;T&#x0026;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-091.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-091.xht
new file mode 100644
index 0000000000..7ca2556d1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-091.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'ampersand' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-091-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'ampersand'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0026;T&#x0026;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-092-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-092-ref.xht
new file mode 100644
index 0000000000..7cc850d33b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-092-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'apostrophe' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0027;T&#x0027;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-092.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-092.xht
new file mode 100644
index 0000000000..331c605a92
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-092.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'apostrophe' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-092-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'apostrophe'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0027;T&#x0027;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-093-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-093-ref.xht
new file mode 100644
index 0000000000..8bba61d8fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-093-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'asterisk' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x002A;T&#x002A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-093.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-093.xht
new file mode 100644
index 0000000000..a794c7650a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-093.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'asterisk' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-093-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'asterisk'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x002A;T&#x002A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-094-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-094-ref.xht
new file mode 100644
index 0000000000..09cd2d9bb1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-094-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'comma' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x002C;T&#x002C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-094.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-094.xht
new file mode 100644
index 0000000000..a885b05a0d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-094.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'comma' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-094-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'comma'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x002C;T&#x002C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-095-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-095-ref.xht
new file mode 100644
index 0000000000..3565942a0d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-095-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'full stop' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x002E;T&#x002E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-095.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-095.xht
new file mode 100644
index 0000000000..ecbf1cb9ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-095.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'full stop' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-095-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'full stop'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x002E;T&#x002E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-096-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-096-ref.xht
new file mode 100644
index 0000000000..f3f2884b9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-096-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'solidus' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x002F;T&#x002F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-096.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-096.xht
new file mode 100644
index 0000000000..c1e8a2efd3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-096.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'solidus' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-096-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'solidus'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x002F;T&#x002F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-097-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-097-ref.xht
new file mode 100644
index 0000000000..50a0f483bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-097-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'colon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x003A;T&#x003A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-097.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-097.xht
new file mode 100644
index 0000000000..46561ae196
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-097.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'colon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-097-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'colon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x003A;T&#x003A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-098-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-098-ref.xht
new file mode 100644
index 0000000000..263c5b5001
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-098-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'semicolon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x003B;T&#x003B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-098.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-098.xht
new file mode 100644
index 0000000000..40dadf1db9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-098.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'semicolon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-098-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'semicolon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x003B;T&#x003B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-099-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-099-ref.xht
new file mode 100644
index 0000000000..a4d32e3bc4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-099-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'question mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x003F;T&#x003F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-099.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-099.xht
new file mode 100644
index 0000000000..6fa1d50751
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-099.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'question mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-099-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'question mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x003F;T&#x003F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-100-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-100-ref.xht
new file mode 100644
index 0000000000..0072650597
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-100-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'commercial at' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0040;T&#x0040;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-100.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-100.xht
new file mode 100644
index 0000000000..67b008c2b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-100.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'commercial at' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-100-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'commercial at'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0040;T&#x0040;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-101-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-101-ref.xht
new file mode 100644
index 0000000000..03b76b5431
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-101-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'reverse solidus' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x005C;T&#x005C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-101.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-101.xht
new file mode 100644
index 0000000000..98084a511e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-101.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'reverse solidus' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-101-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'reverse solidus'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x005C;T&#x005C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-102-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-102-ref.xht
new file mode 100644
index 0000000000..6e9fb0cc6f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-102-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'inverted exclamation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x00A1;T&#x00A1;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-102.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-102.xht
new file mode 100644
index 0000000000..5c806b6324
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-102.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'inverted exclamation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-102-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'inverted exclamation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x00A1;T&#x00A1;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-103-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-103-ref.xht
new file mode 100644
index 0000000000..4de55ec68d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-103-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'middle dot' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x00B7;T&#x00B7;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-103.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-103.xht
new file mode 100644
index 0000000000..7a0ede4de9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-103.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'middle dot' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-103-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'middle dot'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x00B7;T&#x00B7;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-104-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-104-ref.xht
new file mode 100644
index 0000000000..1467df2e1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-104-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'inverted question mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x00BF;T&#x00BF;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-104.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-104.xht
new file mode 100644
index 0000000000..3874e2b87e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-104.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'inverted question mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-104-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'inverted question mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x00BF;T&#x00BF;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-105-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-105-ref.xht
new file mode 100644
index 0000000000..640176f335
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-105-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'greek question mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x037E;T&#x037E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-105.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-105.xht
new file mode 100644
index 0000000000..888e067e4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-105.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'greek question mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-105-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'greek question mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x037E;T&#x037E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-106-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-106-ref.xht
new file mode 100644
index 0000000000..f5ae3026ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-106-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'greek ano teleia' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0387;T&#x0387;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-106.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-106.xht
new file mode 100644
index 0000000000..c276ab864c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-106.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'greek ano teleia' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-106-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'greek ano teleia'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0387;T&#x0387;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-107-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-107-ref.xht
new file mode 100644
index 0000000000..2c7d280ceb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-107-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'armenian apostrophe' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x055A;T&#x055A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-107.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-107.xht
new file mode 100644
index 0000000000..0107976a44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-107.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'armenian apostrophe' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-107-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'armenian apostrophe'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x055A;T&#x055A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-108-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-108-ref.xht
new file mode 100644
index 0000000000..d4c936b8b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-108-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'armenian emphasis mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x055B;T&#x055B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-108.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-108.xht
new file mode 100644
index 0000000000..e3660d543d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-108.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'armenian emphasis mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-108-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'armenian emphasis mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x055B;T&#x055B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-109-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-109-ref.xht
new file mode 100644
index 0000000000..ea2501b6aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-109-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'armenian exclamation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x055C;T&#x055C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-109.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-109.xht
new file mode 100644
index 0000000000..ccaf207ebf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-109.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'armenian exclamation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-109-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'armenian exclamation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x055C;T&#x055C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-110-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-110-ref.xht
new file mode 100644
index 0000000000..36db751f2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-110-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'armenian comma' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x055D;T&#x055D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-110.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-110.xht
new file mode 100644
index 0000000000..0e5e444372
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-110.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'armenian comma' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-110-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'armenian comma'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x055D;T&#x055D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-111-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-111-ref.xht
new file mode 100644
index 0000000000..f5bb363412
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-111-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'armenian question mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x055E;T&#x055E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-111.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-111.xht
new file mode 100644
index 0000000000..c0ca3c77a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-111.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'armenian question mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-111-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'armenian question mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x055E;T&#x055E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-112-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-112-ref.xht
new file mode 100644
index 0000000000..46d706ac7b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-112-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'armenian abbreviation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x055F;T&#x055F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-112.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-112.xht
new file mode 100644
index 0000000000..7732fa9b5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-112.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'armenian abbreviation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-112-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'armenian abbreviation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x055F;T&#x055F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-113-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-113-ref.xht
new file mode 100644
index 0000000000..5c60f6d63d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-113-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'armenian full stop' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0589;T&#x0589;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-113.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-113.xht
new file mode 100644
index 0000000000..af307eeacc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-113.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'armenian full stop' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-113-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'armenian full stop'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0589;T&#x0589;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-115-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-115-ref.xht
new file mode 100644
index 0000000000..50a35ca831
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-115-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'hebrew punctuation paseq' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x05C0;T&#x05C0;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-115.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-115.xht
new file mode 100644
index 0000000000..0d6d59b2f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-115.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'hebrew punctuation paseq' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-115-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'hebrew punctuation paseq'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x05C0;T&#x05C0;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-116-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-116-ref.xht
new file mode 100644
index 0000000000..1ae84bb6a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-116-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'hebrew punctuation sof pasuq' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x05C3;T&#x05C3;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-116.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-116.xht
new file mode 100644
index 0000000000..a6efa89b3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-116.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'hebrew punctuation sof pasuq' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-116-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'hebrew punctuation sof pasuq'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x05C3;T&#x05C3;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-117-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-117-ref.xht
new file mode 100644
index 0000000000..0ab219f014
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-117-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'hebrew punctuation nun hafukha' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x05C6;T&#x05C6;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-117.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-117.xht
new file mode 100644
index 0000000000..1a7118ad40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-117.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'hebrew punctuation nun hafukha' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-117-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'hebrew punctuation nun hafukha'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x05C6;T&#x05C6;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-118-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-118-ref.xht
new file mode 100644
index 0000000000..eaad05bc83
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-118-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'hebrew punctuation geresh' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x05F3;T&#x05F3;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-118.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-118.xht
new file mode 100644
index 0000000000..57dab26646
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-118.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'hebrew punctuation geresh' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-118-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'hebrew punctuation geresh'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x05F3;T&#x05F3;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-119-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-119-ref.xht
new file mode 100644
index 0000000000..fd90d8ff0b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-119-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'hebrew punctuation gershayim' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x05F4;T&#x05F4;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-119.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-119.xht
new file mode 100644
index 0000000000..7ab1a689ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-119.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'hebrew punctuation gershayim' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-119-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'hebrew punctuation gershayim'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x05F4;T&#x05F4;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-120-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-120-ref.xht
new file mode 100644
index 0000000000..810874f0aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-120-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'arabic comma' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x060C;T&#x060C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-120.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-120.xht
new file mode 100644
index 0000000000..6913c4a92d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-120.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'arabic comma' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-120-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'arabic comma'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x060C;T&#x060C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-121-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-121-ref.xht
new file mode 100644
index 0000000000..5eaa93668a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-121-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'arabic date separator' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x060D;T&#x060D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-121.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-121.xht
new file mode 100644
index 0000000000..578b0132dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-121.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'arabic date separator' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-121-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'arabic date separator'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x060D;T&#x060D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-122-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-122-ref.xht
new file mode 100644
index 0000000000..8a10f48c19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-122-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'arabic semicolon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x061B;T&#x061B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-122.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-122.xht
new file mode 100644
index 0000000000..8fe7009128
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-122.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'arabic semicolon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-122-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'arabic semicolon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x061B;T&#x061B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-123-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-123-ref.xht
new file mode 100644
index 0000000000..9ca77911f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-123-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'arabic triple dot punctuation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x061E;T&#x061E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-123.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-123.xht
new file mode 100644
index 0000000000..a59cf3cd34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-123.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'arabic triple dot punctuation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-123-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'arabic triple dot punctuation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x061E;T&#x061E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-124-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-124-ref.xht
new file mode 100644
index 0000000000..69d364292a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-124-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'arabic question mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x061F;T&#x061F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-124.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-124.xht
new file mode 100644
index 0000000000..04ef93b8c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-124.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'arabic question mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-124-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'arabic question mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x061F;T&#x061F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-125-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-125-ref.xht
new file mode 100644
index 0000000000..30e1e6a58f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-125-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'arabic percent sign' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x066A;T&#x066A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-125.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-125.xht
new file mode 100644
index 0000000000..363590757a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-125.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'arabic percent sign' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-125-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'arabic percent sign'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x066A;T&#x066A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-126-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-126-ref.xht
new file mode 100644
index 0000000000..f4abc0508c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-126-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'arabic decimal separator' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x066B;T&#x066B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-126.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-126.xht
new file mode 100644
index 0000000000..ab82cc41fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-126.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'arabic decimal separator' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-126-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'arabic decimal separator'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x066B;T&#x066B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-127-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-127-ref.xht
new file mode 100644
index 0000000000..9b617808cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-127-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'arabic thousands separator' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x066C;T&#x066C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-127.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-127.xht
new file mode 100644
index 0000000000..13380a3da9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-127.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'arabic thousands separator' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-127-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'arabic thousands separator'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x066C;T&#x066C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-128-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-128-ref.xht
new file mode 100644
index 0000000000..9d499c108b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-128-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'arabic five pointed star' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x066D;T&#x066D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-128.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-128.xht
new file mode 100644
index 0000000000..75aaa34e9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-128.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'arabic five pointed star' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-128-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'arabic five pointed star'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x066D;T&#x066D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-129-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-129-ref.xht
new file mode 100644
index 0000000000..67b2cd01f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-129-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'arabic full stop' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x06D4;T&#x06D4;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-129.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-129.xht
new file mode 100644
index 0000000000..6bcf5de48f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-129.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'arabic full stop' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-129-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'arabic full stop'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x06D4;T&#x06D4;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-130-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-130-ref.xht
new file mode 100644
index 0000000000..ddaae42503
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-130-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'syriac end of paragraph' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0700;T&#x0700;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-130.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-130.xht
new file mode 100644
index 0000000000..83a383f4cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-130.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'syriac end of paragraph' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-130-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'syriac end of paragraph'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0700;T&#x0700;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-131-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-131-ref.xht
new file mode 100644
index 0000000000..35899129f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-131-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'syriac supralinear full stop' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0701;T&#x0701;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-131.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-131.xht
new file mode 100644
index 0000000000..d8356197c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-131.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'syriac supralinear full stop' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-131-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'syriac supralinear full stop'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0701;T&#x0701;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-132-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-132-ref.xht
new file mode 100644
index 0000000000..a88635bcf7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-132-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'syriac sublinear full stop' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0702;T&#x0702;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-132.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-132.xht
new file mode 100644
index 0000000000..d0c4375108
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-132.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'syriac sublinear full stop' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-132-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'syriac sublinear full stop'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0702;T&#x0702;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-133-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-133-ref.xht
new file mode 100644
index 0000000000..5c84348543
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-133-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'syriac supralinear colon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0703;T&#x0703;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-133.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-133.xht
new file mode 100644
index 0000000000..08c32232eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-133.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'syriac supralinear colon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-133-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'syriac supralinear colon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0703;T&#x0703;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-134-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-134-ref.xht
new file mode 100644
index 0000000000..e0ee738a23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-134-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'syriac sublinear colon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0704;T&#x0704;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-134.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-134.xht
new file mode 100644
index 0000000000..d3cda55a71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-134.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'syriac sublinear colon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-134-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'syriac sublinear colon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0704;T&#x0704;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-135-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-135-ref.xht
new file mode 100644
index 0000000000..1f9eba61c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-135-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'syriac horizontal colon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0705;T&#x0705;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-135.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-135.xht
new file mode 100644
index 0000000000..b20831b781
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-135.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'syriac horizontal colon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-135-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'syriac horizontal colon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0705;T&#x0705;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-136-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-136-ref.xht
new file mode 100644
index 0000000000..651fbed55e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-136-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'syriac colon skewed left' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0706;T&#x0706;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-136.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-136.xht
new file mode 100644
index 0000000000..a0b8736f97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-136.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'syriac colon skewed left' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-136-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'syriac colon skewed left'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0706;T&#x0706;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-137-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-137-ref.xht
new file mode 100644
index 0000000000..0288f582a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-137-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'syriac colon skewed right' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0707;T&#x0707;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-137.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-137.xht
new file mode 100644
index 0000000000..72d2a64e99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-137.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'syriac colon skewed right' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-137-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'syriac colon skewed right'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0707;T&#x0707;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-138-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-138-ref.xht
new file mode 100644
index 0000000000..6a1488b67b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-138-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'syriac supralinear colon skewed left' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0708;T&#x0708;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-138.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-138.xht
new file mode 100644
index 0000000000..fbe2133428
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-138.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'syriac supralinear colon skewed left' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-138-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'syriac supralinear colon skewed left'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0708;T&#x0708;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-139-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-139-ref.xht
new file mode 100644
index 0000000000..a7529ede99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-139-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'syriac sublinear colon skewed right' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0709;T&#x0709;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-139.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-139.xht
new file mode 100644
index 0000000000..9e9251f7ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-139.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'syriac sublinear colon skewed right' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-139-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'syriac sublinear colon skewed right'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0709;T&#x0709;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-140-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-140-ref.xht
new file mode 100644
index 0000000000..f17fbfdd50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-140-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'syriac contraction' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x070A;T&#x070A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-140.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-140.xht
new file mode 100644
index 0000000000..daa1e0e408
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-140.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'syriac contraction' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-140-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'syriac contraction'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x070A;T&#x070A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-141-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-141-ref.xht
new file mode 100644
index 0000000000..347b67dd34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-141-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'syriac harklean obelus' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x070B;T&#x070B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-141.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-141.xht
new file mode 100644
index 0000000000..1f5836953c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-141.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'syriac harklean obelus' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-141-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'syriac harklean obelus'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x070B;T&#x070B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-142-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-142-ref.xht
new file mode 100644
index 0000000000..b3783821c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-142-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'syriac harklean metobelus' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x070C;T&#x070C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-142.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-142.xht
new file mode 100644
index 0000000000..500a722347
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-142.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'syriac harklean metobelus' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-142-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'syriac harklean metobelus'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x070C;T&#x070C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-143-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-143-ref.xht
new file mode 100644
index 0000000000..3c96acb1ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-143-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'syriac harklean asteriscus' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x070D;T&#x070D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-143.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-143.xht
new file mode 100644
index 0000000000..4ca39fa923
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-143.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'syriac harklean asteriscus' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-143-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'syriac harklean asteriscus'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x070D;T&#x070D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-144-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-144-ref.xht
new file mode 100644
index 0000000000..84940744c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-144-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'devanagari danda' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0964;T&#x0964;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-144.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-144.xht
new file mode 100644
index 0000000000..ce1fea2282
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-144.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'devanagari danda' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-144-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'devanagari danda'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0964;T&#x0964;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-145-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-145-ref.xht
new file mode 100644
index 0000000000..ba6c61b8fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-145-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'devanagari double danda' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0965;T&#x0965;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-145.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-145.xht
new file mode 100644
index 0000000000..58697f042d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-145.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'devanagari double danda' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-145-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'devanagari double danda'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0965;T&#x0965;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-146-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-146-ref.xht
new file mode 100644
index 0000000000..e340ae6725
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-146-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'devanagari abbreviation sign' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0970;T&#x0970;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-146.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-146.xht
new file mode 100644
index 0000000000..73ebfb56c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-146.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'devanagari abbreviation sign' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-146-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'devanagari abbreviation sign'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0970;T&#x0970;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-147-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-147-ref.xht
new file mode 100644
index 0000000000..e2df38b73b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-147-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'sinhala punctuation kunddaliya' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0DF4;T&#x0DF4;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-147.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-147.xht
new file mode 100644
index 0000000000..cc79bcc814
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-147.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'sinhala punctuation kunddaliya' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-147-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'sinhala punctuation kunddaliya'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0DF4;T&#x0DF4;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-148-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-148-ref.xht
new file mode 100644
index 0000000000..f54e4b8903
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-148-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'thai character fongman' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0E4F;T&#x0E4F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-148.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-148.xht
new file mode 100644
index 0000000000..d3bb789276
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-148.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'thai character fongman' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-148-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'thai character fongman'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0E4F;T&#x0E4F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-149-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-149-ref.xht
new file mode 100644
index 0000000000..89a94602ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-149-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'thai character angkhankhu' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0E5A;T&#x0E5A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-149.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-149.xht
new file mode 100644
index 0000000000..c962cce2fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-149.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'thai character angkhankhu' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-149-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'thai character angkhankhu'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0E5A;T&#x0E5A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-150-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-150-ref.xht
new file mode 100644
index 0000000000..1c04a0b48e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-150-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'thai character khomut' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0E5B;T&#x0E5B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-150.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-150.xht
new file mode 100644
index 0000000000..51c772702c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-150.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'thai character khomut' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-150-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'thai character khomut'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0E5B;T&#x0E5B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-151-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-151-ref.xht
new file mode 100644
index 0000000000..8454d7c17f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-151-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark initial yig mgo mdun ma' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F04;T&#x0F04;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-151.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-151.xht
new file mode 100644
index 0000000000..0019485ebe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-151.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark initial yig mgo mdun ma' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-151-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark initial yig mgo mdun ma'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F04;T&#x0F04;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-152-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-152-ref.xht
new file mode 100644
index 0000000000..c50bafa32f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-152-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark closing yig mgo sgab ma' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F05;T&#x0F05;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-152.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-152.xht
new file mode 100644
index 0000000000..b79bd51dc6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-152.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark closing yig mgo sgab ma' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-152-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark closing yig mgo sgab ma'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F05;T&#x0F05;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-153-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-153-ref.xht
new file mode 100644
index 0000000000..fa2a0339ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-153-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark caret yig mgo phur shad ma' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F06;T&#x0F06;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-153.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-153.xht
new file mode 100644
index 0000000000..785791f50c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-153.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark caret yig mgo phur shad ma' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-153-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark caret yig mgo phur shad ma'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F06;T&#x0F06;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-154-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-154-ref.xht
new file mode 100644
index 0000000000..fd7b26162d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-154-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark yig mgo tsheg shad ma' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F07;T&#x0F07;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-154.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-154.xht
new file mode 100644
index 0000000000..a77f5576ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-154.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark yig mgo tsheg shad ma' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-154-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark yig mgo tsheg shad ma'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F07;T&#x0F07;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-155-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-155-ref.xht
new file mode 100644
index 0000000000..684c9fbc14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-155-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark sbrul shad' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F08;T&#x0F08;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-155.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-155.xht
new file mode 100644
index 0000000000..ec8fa7fdbf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-155.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark sbrul shad' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-155-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark sbrul shad'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F08;T&#x0F08;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-156-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-156-ref.xht
new file mode 100644
index 0000000000..4621f774dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-156-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark bskur yig mgo' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F09;T&#x0F09;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-156.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-156.xht
new file mode 100644
index 0000000000..d34fcc00c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-156.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark bskur yig mgo' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-156-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark bskur yig mgo'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F09;T&#x0F09;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-157-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-157-ref.xht
new file mode 100644
index 0000000000..12fe686d77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-157-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark bka- shog yig mgo' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F0A;T&#x0F0A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-157.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-157.xht
new file mode 100644
index 0000000000..76819db9ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-157.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark bka- shog yig mgo' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-157-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark bka- shog yig mgo'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F0A;T&#x0F0A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-158-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-158-ref.xht
new file mode 100644
index 0000000000..89b77bf92a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-158-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark intersyllabic tsheg' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F0B;T&#x0F0B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-158.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-158.xht
new file mode 100644
index 0000000000..d2eb7cd20a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-158.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark intersyllabic tsheg' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-158-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark intersyllabic tsheg'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F0B;T&#x0F0B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-159-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-159-ref.xht
new file mode 100644
index 0000000000..58813ecef3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-159-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark delimiter tsheg bstar' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F0C;T&#x0F0C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-159.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-159.xht
new file mode 100644
index 0000000000..fc067d798c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-159.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark delimiter tsheg bstar' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-159-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark delimiter tsheg bstar'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F0C;T&#x0F0C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-160-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-160-ref.xht
new file mode 100644
index 0000000000..6638e995de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-160-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark shad' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F0D;T&#x0F0D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-160.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-160.xht
new file mode 100644
index 0000000000..8007ec0b4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-160.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark shad' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-160-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark shad'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F0D;T&#x0F0D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-161-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-161-ref.xht
new file mode 100644
index 0000000000..347e2ae9a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-161-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark nyis shad' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F0E;T&#x0F0E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-161.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-161.xht
new file mode 100644
index 0000000000..c425a5df99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-161.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark nyis shad' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-161-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark nyis shad'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F0E;T&#x0F0E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-162-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-162-ref.xht
new file mode 100644
index 0000000000..2d3428cd70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-162-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark tsheg shad' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F0F;T&#x0F0F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-162.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-162.xht
new file mode 100644
index 0000000000..ebd969ad7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-162.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark tsheg shad' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-162-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark tsheg shad'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F0F;T&#x0F0F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-163-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-163-ref.xht
new file mode 100644
index 0000000000..d494bab8d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-163-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark nyis tsheg shad' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F10;T&#x0F10;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-163.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-163.xht
new file mode 100644
index 0000000000..ee671faf24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-163.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark nyis tsheg shad' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-163-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark nyis tsheg shad'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F10;T&#x0F10;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-164-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-164-ref.xht
new file mode 100644
index 0000000000..bc6c95aff4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-164-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark rin chen spungs shad' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F11;T&#x0F11;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-164.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-164.xht
new file mode 100644
index 0000000000..9c017c2db3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-164.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark rin chen spungs shad' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-164-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark rin chen spungs shad'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F11;T&#x0F11;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-165-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-165-ref.xht
new file mode 100644
index 0000000000..2a2e071289
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-165-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark rgya gram shad' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F12;T&#x0F12;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-165.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-165.xht
new file mode 100644
index 0000000000..4a8f9de7ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-165.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark rgya gram shad' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-165-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark rgya gram shad'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F12;T&#x0F12;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-166-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-166-ref.xht
new file mode 100644
index 0000000000..9ba8713a7b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-166-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark paluta' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F85;T&#x0F85;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-166.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-166.xht
new file mode 100644
index 0000000000..17cb028f4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-166.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark paluta' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-166-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark paluta'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F85;T&#x0F85;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-167-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-167-ref.xht
new file mode 100644
index 0000000000..fec7f0b648
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-167-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark bska- shog gi mgo rgyan' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0FD0;T&#x0FD0;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-167.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-167.xht
new file mode 100644
index 0000000000..2b976e7290
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-167.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark bska- shog gi mgo rgyan' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-167-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark bska- shog gi mgo rgyan'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0FD0;T&#x0FD0;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-168-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-168-ref.xht
new file mode 100644
index 0000000000..f36114d493
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-168-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark mnyam yig gi mgo rgyan' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0FD1;T&#x0FD1;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-168.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-168.xht
new file mode 100644
index 0000000000..d1a0365c23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-168.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark mnyam yig gi mgo rgyan' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-168-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark mnyam yig gi mgo rgyan'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0FD1;T&#x0FD1;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-169-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-169-ref.xht
new file mode 100644
index 0000000000..4eb1468037
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-169-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'myanmar sign little section' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x104A;T&#x104A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-169.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-169.xht
new file mode 100644
index 0000000000..a4a77a609d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-169.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'myanmar sign little section' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-169-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'myanmar sign little section'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x104A;T&#x104A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-170-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-170-ref.xht
new file mode 100644
index 0000000000..2b3319a258
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-170-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'myanmar sign section' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x104B;T&#x104B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-170.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-170.xht
new file mode 100644
index 0000000000..9027209c0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-170.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'myanmar sign section' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-170-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'myanmar sign section'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x104B;T&#x104B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-171-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-171-ref.xht
new file mode 100644
index 0000000000..dc835e813e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-171-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'myanmar symbol locative' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x104C;T&#x104C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-171.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-171.xht
new file mode 100644
index 0000000000..3ae30066c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-171.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'myanmar symbol locative' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-171-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'myanmar symbol locative'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x104C;T&#x104C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-172-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-172-ref.xht
new file mode 100644
index 0000000000..f1ca8da8a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-172-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'myanmar symbol completed' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x104D;T&#x104D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-172.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-172.xht
new file mode 100644
index 0000000000..0e83553104
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-172.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'myanmar symbol completed' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-172-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'myanmar symbol completed'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x104D;T&#x104D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-173-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-173-ref.xht
new file mode 100644
index 0000000000..6e548c25fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-173-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'myanmar symbol aforementioned' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x104E;T&#x104E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-173.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-173.xht
new file mode 100644
index 0000000000..533f203a7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-173.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'myanmar symbol aforementioned' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-173-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'myanmar symbol aforementioned'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x104E;T&#x104E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-174-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-174-ref.xht
new file mode 100644
index 0000000000..3d4a9897b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-174-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'myanmar symbol genitive' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x104F;T&#x104F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-174.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-174.xht
new file mode 100644
index 0000000000..0bd080fed5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-174.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'myanmar symbol genitive' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-174-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'myanmar symbol genitive'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x104F;T&#x104F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-175-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-175-ref.xht
new file mode 100644
index 0000000000..8d05b3fc62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-175-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'georgian paragraph separator' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x10FB;T&#x10FB;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-175.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-175.xht
new file mode 100644
index 0000000000..23fb8524f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-175.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'georgian paragraph separator' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-175-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'georgian paragraph separator'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x10FB;T&#x10FB;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-176-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-176-ref.xht
new file mode 100644
index 0000000000..9a2db100b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-176-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'ethiopic wordspace' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1361;T&#x1361;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-176.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-176.xht
new file mode 100644
index 0000000000..1f1d7615c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-176.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'ethiopic wordspace' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-176-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'ethiopic wordspace'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1361;T&#x1361;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-177-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-177-ref.xht
new file mode 100644
index 0000000000..10dd3e9a40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-177-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'ethiopic full stop' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1362;T&#x1362;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-177.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-177.xht
new file mode 100644
index 0000000000..25df40858e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-177.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'ethiopic full stop' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-177-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'ethiopic full stop'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1362;T&#x1362;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-178-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-178-ref.xht
new file mode 100644
index 0000000000..7bf1b2a633
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-178-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'ethiopic comma' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1363;T&#x1363;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-178.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-178.xht
new file mode 100644
index 0000000000..55f34e02c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-178.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'ethiopic comma' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-178-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'ethiopic comma'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1363;T&#x1363;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-179-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-179-ref.xht
new file mode 100644
index 0000000000..51524d7804
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-179-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'ethiopic semicolon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1364;T&#x1364;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-179.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-179.xht
new file mode 100644
index 0000000000..81cc150512
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-179.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'ethiopic semicolon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-179-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'ethiopic semicolon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1364;T&#x1364;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-180-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-180-ref.xht
new file mode 100644
index 0000000000..0fe0539777
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-180-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'ethiopic colon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1365;T&#x1365;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-180.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-180.xht
new file mode 100644
index 0000000000..cd02a730d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-180.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'ethiopic colon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-180-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'ethiopic colon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1365;T&#x1365;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-181-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-181-ref.xht
new file mode 100644
index 0000000000..4df0c33d63
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-181-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'ethiopic preface colon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1366;T&#x1366;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-181.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-181.xht
new file mode 100644
index 0000000000..2216dea9bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-181.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'ethiopic preface colon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-181-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'ethiopic preface colon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1366;T&#x1366;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-182-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-182-ref.xht
new file mode 100644
index 0000000000..b9e1fe78af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-182-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'ethiopic question mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1367;T&#x1367;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-182.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-182.xht
new file mode 100644
index 0000000000..ded05f0f45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-182.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'ethiopic question mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-182-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'ethiopic question mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1367;T&#x1367;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-183-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-183-ref.xht
new file mode 100644
index 0000000000..2f5dafdacb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-183-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'ethiopic paragraph separator' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1368;T&#x1368;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-183.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-183.xht
new file mode 100644
index 0000000000..9737341ca9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-183.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'ethiopic paragraph separator' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-183-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'ethiopic paragraph separator'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1368;T&#x1368;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-185-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-185-ref.xht
new file mode 100644
index 0000000000..eec0f360f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-185-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'canadian syllabics full stop' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x166E;T&#x166E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-185.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-185.xht
new file mode 100644
index 0000000000..c323bdad34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-185.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'canadian syllabics full stop' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-185-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'canadian syllabics full stop'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x166E;T&#x166E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-186-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-186-ref.xht
new file mode 100644
index 0000000000..fbeeb7c454
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-186-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'runic single punctuation' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x16EB;T&#x16EB;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-186.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-186.xht
new file mode 100644
index 0000000000..3ec90eb3bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-186.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'runic single punctuation' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-186-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'runic single punctuation'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x16EB;T&#x16EB;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-187-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-187-ref.xht
new file mode 100644
index 0000000000..4d135d6d81
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-187-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'runic multiple punctuation' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x16EC;T&#x16EC;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-187.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-187.xht
new file mode 100644
index 0000000000..edaed04a93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-187.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'runic multiple punctuation' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-187-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'runic multiple punctuation'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x16EC;T&#x16EC;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-188-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-188-ref.xht
new file mode 100644
index 0000000000..4e5c4a4d93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-188-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'runic cross punctuation' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x16ED;T&#x16ED;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-188.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-188.xht
new file mode 100644
index 0000000000..a46c06751b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-188.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'runic cross punctuation' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-188-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'runic cross punctuation'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x16ED;T&#x16ED;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-189-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-189-ref.xht
new file mode 100644
index 0000000000..d978ecc1eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-189-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'philippine single punctuation' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1735;T&#x1735;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-189.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-189.xht
new file mode 100644
index 0000000000..d9422cfac7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-189.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'philippine single punctuation' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-189-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'philippine single punctuation'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1735;T&#x1735;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-190-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-190-ref.xht
new file mode 100644
index 0000000000..de9b01f3ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-190-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'philippine double punctuation' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1736;T&#x1736;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-190.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-190.xht
new file mode 100644
index 0000000000..a78c425857
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-190.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'philippine double punctuation' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-190-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'philippine double punctuation'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1736;T&#x1736;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-191-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-191-ref.xht
new file mode 100644
index 0000000000..2bb0156d6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-191-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'khmer sign khan' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x17D4;T&#x17D4;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-191.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-191.xht
new file mode 100644
index 0000000000..f541ec8b99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-191.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'khmer sign khan' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-191-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'khmer sign khan'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x17D4;T&#x17D4;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-192-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-192-ref.xht
new file mode 100644
index 0000000000..51181dbdfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-192-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'khmer sign bariyoosan' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x17D5;T&#x17D5;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-192.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-192.xht
new file mode 100644
index 0000000000..67d286bd47
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-192.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'khmer sign bariyoosan' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-192-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'khmer sign bariyoosan'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x17D5;T&#x17D5;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-193-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-193-ref.xht
new file mode 100644
index 0000000000..c26789149e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-193-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'khmer sign camnuc pii kuuh' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x17D6;T&#x17D6;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-193.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-193.xht
new file mode 100644
index 0000000000..b9f495bba6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-193.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'khmer sign camnuc pii kuuh' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-193-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'khmer sign camnuc pii kuuh'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x17D6;T&#x17D6;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-194-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-194-ref.xht
new file mode 100644
index 0000000000..cbe8959f90
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-194-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'khmer sign beyyal' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x17D8;T&#x17D8;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-194.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-194.xht
new file mode 100644
index 0000000000..8ee22c3acf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-194.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'khmer sign beyyal' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-194-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'khmer sign beyyal'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x17D8;T&#x17D8;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-195-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-195-ref.xht
new file mode 100644
index 0000000000..74087f721b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-195-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'khmer sign phnaek muan' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x17D9;T&#x17D9;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-195.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-195.xht
new file mode 100644
index 0000000000..757995e5a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-195.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'khmer sign phnaek muan' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-195-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'khmer sign phnaek muan'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x17D9;T&#x17D9;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-196-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-196-ref.xht
new file mode 100644
index 0000000000..a30454f792
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-196-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'khmer sign koomuut' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x17DA;T&#x17DA;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-196.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-196.xht
new file mode 100644
index 0000000000..801ff35f53
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-196.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'khmer sign koomuut' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-196-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'khmer sign koomuut'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x17DA;T&#x17DA;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-197-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-197-ref.xht
new file mode 100644
index 0000000000..bd8150e379
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-197-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'mongolian birga' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1800;T&#x1800;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-197.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-197.xht
new file mode 100644
index 0000000000..c19e6329c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-197.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'mongolian birga' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-197-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'mongolian birga'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1800;T&#x1800;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-198-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-198-ref.xht
new file mode 100644
index 0000000000..b3a22bbd12
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-198-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'mongolian ellipsis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1801;T&#x1801;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-198.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-198.xht
new file mode 100644
index 0000000000..6adddda4f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-198.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'mongolian ellipsis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-198-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'mongolian ellipsis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1801;T&#x1801;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-199-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-199-ref.xht
new file mode 100644
index 0000000000..c4c484eec1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-199-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'mongolian comma' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1802;T&#x1802;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-199.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-199.xht
new file mode 100644
index 0000000000..a0c680f738
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-199.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'mongolian comma' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-199-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'mongolian comma'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1802;T&#x1802;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-200-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-200-ref.xht
new file mode 100644
index 0000000000..e5223b7771
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-200-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'mongolian full stop' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1803;T&#x1803;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-200.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-200.xht
new file mode 100644
index 0000000000..533e4a3c3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-200.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'mongolian full stop' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-200-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'mongolian full stop'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1803;T&#x1803;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-201-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-201-ref.xht
new file mode 100644
index 0000000000..888ec1f547
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-201-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'mongolian colon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1804;T&#x1804;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-201.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-201.xht
new file mode 100644
index 0000000000..ca2794acc5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-201.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'mongolian colon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-201-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'mongolian colon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1804;T&#x1804;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-202-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-202-ref.xht
new file mode 100644
index 0000000000..87f2a5ab15
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-202-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'mongolian four dots' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1805;T&#x1805;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-202.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-202.xht
new file mode 100644
index 0000000000..61716ba657
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-202.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'mongolian four dots' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-202-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'mongolian four dots'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1805;T&#x1805;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-203-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-203-ref.xht
new file mode 100644
index 0000000000..72e11dd908
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-203-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'mongolian sibe syllable boundary marker' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1807;T&#x1807;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-203.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-203.xht
new file mode 100644
index 0000000000..6cad0bf6ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-203.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'mongolian sibe syllable boundary marker' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-203-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'mongolian sibe syllable boundary marker'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1807;T&#x1807;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-204-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-204-ref.xht
new file mode 100644
index 0000000000..7208b60a57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-204-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'mongolian manchu comma' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1808;T&#x1808;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-204.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-204.xht
new file mode 100644
index 0000000000..41c6496da8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-204.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'mongolian manchu comma' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-204-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'mongolian manchu comma'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1808;T&#x1808;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-205-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-205-ref.xht
new file mode 100644
index 0000000000..31d46b5baa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-205-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'mongolian manchu full stop' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1809;T&#x1809;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-205.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-205.xht
new file mode 100644
index 0000000000..d317e679c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-205.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'mongolian manchu full stop' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-205-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'mongolian manchu full stop'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1809;T&#x1809;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-206-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-206-ref.xht
new file mode 100644
index 0000000000..1c44dd9908
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-206-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'mongolian nirugu' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x180A;T&#x180A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-206.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-206.xht
new file mode 100644
index 0000000000..395312259e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-206.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'mongolian nirugu' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-206-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'mongolian nirugu'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x180A;T&#x180A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-207-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-207-ref.xht
new file mode 100644
index 0000000000..c44869faf1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-207-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'limbu exclamation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1944;T&#x1944;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-207.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-207.xht
new file mode 100644
index 0000000000..7239783442
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-207.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'limbu exclamation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-207-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'limbu exclamation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1944;T&#x1944;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-208-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-208-ref.xht
new file mode 100644
index 0000000000..90410c7ced
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-208-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'limbu question mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1945;T&#x1945;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-208.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-208.xht
new file mode 100644
index 0000000000..730553eeb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-208.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'limbu question mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-208-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'limbu question mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1945;T&#x1945;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-211-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-211-ref.xht
new file mode 100644
index 0000000000..d2d6131ec7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-211-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'buginese pallawa' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1A1E;T&#x1A1E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-211.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-211.xht
new file mode 100644
index 0000000000..f6287942d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-211.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'buginese pallawa' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-211-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'buginese pallawa'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1A1E;T&#x1A1E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-212-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-212-ref.xht
new file mode 100644
index 0000000000..d7d00d4899
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-212-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'buginese end of section' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1A1F;T&#x1A1F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-212.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-212.xht
new file mode 100644
index 0000000000..c294bc4e53
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-212.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'buginese end of section' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-212-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'buginese end of section'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1A1F;T&#x1A1F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-213-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-213-ref.xht
new file mode 100644
index 0000000000..0ec826fd9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-213-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'double vertical line' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2016;T&#x2016;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-213.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-213.xht
new file mode 100644
index 0000000000..cc599b5316
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-213.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'double vertical line' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-213-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'double vertical line'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2016;T&#x2016;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-214-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-214-ref.xht
new file mode 100644
index 0000000000..a5686e2a30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-214-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'double low line' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2017;T&#x2017;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-214.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-214.xht
new file mode 100644
index 0000000000..a800a8856f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-214.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'double low line' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-214-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'double low line'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2017;T&#x2017;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-215-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-215-ref.xht
new file mode 100644
index 0000000000..040bb95e20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-215-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'dagger' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2020;T&#x2020;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-215.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-215.xht
new file mode 100644
index 0000000000..bc192ec178
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-215.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'dagger' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-215-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'dagger'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2020;T&#x2020;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-216-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-216-ref.xht
new file mode 100644
index 0000000000..9ed59f0692
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-216-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'double dagger' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2021;T&#x2021;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-216.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-216.xht
new file mode 100644
index 0000000000..888b1c61a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-216.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'double dagger' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-216-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'double dagger'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2021;T&#x2021;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-217-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-217-ref.xht
new file mode 100644
index 0000000000..17fe69c0ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-217-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'bullet' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2022;T&#x2022;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-217.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-217.xht
new file mode 100644
index 0000000000..f7a097aa35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-217.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'bullet' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-217-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'bullet'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2022;T&#x2022;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-218-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-218-ref.xht
new file mode 100644
index 0000000000..1dac93c26f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-218-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'triangular bullet' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2023;T&#x2023;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-218.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-218.xht
new file mode 100644
index 0000000000..e79b51e3be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-218.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'triangular bullet' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-218-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'triangular bullet'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2023;T&#x2023;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-219-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-219-ref.xht
new file mode 100644
index 0000000000..3212c3b28b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-219-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'one dot leader' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2024;T&#x2024;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-219.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-219.xht
new file mode 100644
index 0000000000..7832e955a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-219.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'one dot leader' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-219-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'one dot leader'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2024;T&#x2024;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-220-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-220-ref.xht
new file mode 100644
index 0000000000..7686f28700
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-220-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'two dot leader' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2025;T&#x2025;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-220.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-220.xht
new file mode 100644
index 0000000000..9db8984d19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-220.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'two dot leader' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-220-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'two dot leader'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2025;T&#x2025;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-221-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-221-ref.xht
new file mode 100644
index 0000000000..8e61fbdc4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-221-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'horizontal ellipsis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2026;T&#x2026;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-221.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-221.xht
new file mode 100644
index 0000000000..6755c8c712
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-221.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'horizontal ellipsis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-221-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'horizontal ellipsis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2026;T&#x2026;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-222-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-222-ref.xht
new file mode 100644
index 0000000000..21deff390b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-222-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'hyphenation point' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2027;T&#x2027;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-222.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-222.xht
new file mode 100644
index 0000000000..6a5e1a9113
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-222.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'hyphenation point' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-222-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'hyphenation point'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2027;T&#x2027;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-223-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-223-ref.xht
new file mode 100644
index 0000000000..f27546eb4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-223-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'per mille sign' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2030;T&#x2030;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-223.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-223.xht
new file mode 100644
index 0000000000..b5896603d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-223.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'per mille sign' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-223-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'per mille sign'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2030;T&#x2030;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-224-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-224-ref.xht
new file mode 100644
index 0000000000..f1773129e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-224-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'per ten thousand sign' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2031;T&#x2031;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-224.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-224.xht
new file mode 100644
index 0000000000..0b416dade9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-224.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'per ten thousand sign' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-224-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'per ten thousand sign'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2031;T&#x2031;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-225-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-225-ref.xht
new file mode 100644
index 0000000000..5b0588b405
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-225-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'prime' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2032;T&#x2032;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-225.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-225.xht
new file mode 100644
index 0000000000..8a74c0be18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-225.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'prime' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-225-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'prime'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2032;T&#x2032;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-226-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-226-ref.xht
new file mode 100644
index 0000000000..fc1f3b804e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-226-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'double prime' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2033;T&#x2033;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-226.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-226.xht
new file mode 100644
index 0000000000..5d11c03163
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-226.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'double prime' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-226-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'double prime'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2033;T&#x2033;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-227-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-227-ref.xht
new file mode 100644
index 0000000000..97afceb2bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-227-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'triple prime' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2034;T&#x2034;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-227.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-227.xht
new file mode 100644
index 0000000000..3c1694e61c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-227.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'triple prime' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-227-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'triple prime'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2034;T&#x2034;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-228-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-228-ref.xht
new file mode 100644
index 0000000000..4ae29dad49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-228-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'reversed prime' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2035;T&#x2035;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-228.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-228.xht
new file mode 100644
index 0000000000..4d97ee1318
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-228.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'reversed prime' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-228-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'reversed prime'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2035;T&#x2035;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-229-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-229-ref.xht
new file mode 100644
index 0000000000..ff15884770
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-229-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'reversed double prime' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2036;T&#x2036;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-229.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-229.xht
new file mode 100644
index 0000000000..87431757aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-229.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'reversed double prime' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-229-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'reversed double prime'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2036;T&#x2036;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-230-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-230-ref.xht
new file mode 100644
index 0000000000..4bbee33f66
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-230-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'reversed triple prime' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2037;T&#x2037;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-230.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-230.xht
new file mode 100644
index 0000000000..8999f8c8ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-230.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'reversed triple prime' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-230-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'reversed triple prime'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2037;T&#x2037;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-231-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-231-ref.xht
new file mode 100644
index 0000000000..c9515afc2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-231-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'caret' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2038;T&#x2038;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-231.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-231.xht
new file mode 100644
index 0000000000..17f9e9943d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-231.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'caret' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-231-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection -'caret'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2038;T&#x2038;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-232-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-232-ref.xht
new file mode 100644
index 0000000000..f174406008
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-232-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'reference mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x203B;T&#x203B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-232.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-232.xht
new file mode 100644
index 0000000000..81c4fc022a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-232.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'reference mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-232-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'reference mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x203B;T&#x203B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-233-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-233-ref.xht
new file mode 100644
index 0000000000..9399000971
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-233-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'double exclamation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x203C;T&#x203C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-233.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-233.xht
new file mode 100644
index 0000000000..4ce526e03a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-233.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'double exclamation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-233-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'double exclamation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x203C;T&#x203C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-234-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-234-ref.xht
new file mode 100644
index 0000000000..9590861324
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-234-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'interrobang' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x203D;T&#x203D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-234.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-234.xht
new file mode 100644
index 0000000000..155a3dcf80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-234.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'interrobang' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-234-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'interrobang'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x203D;T&#x203D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-235-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-235-ref.xht
new file mode 100644
index 0000000000..b3cb6c311f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-235-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'overline' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x203E;T&#x203E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-235.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-235.xht
new file mode 100644
index 0000000000..f98745c26a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-235.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'overline' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-235-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'overline'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x203E;T&#x203E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-236-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-236-ref.xht
new file mode 100644
index 0000000000..828da82e3d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-236-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'caret insertion point' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2041;T&#x2041;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-236.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-236.xht
new file mode 100644
index 0000000000..c7a5d095e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-236.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'caret insertion point' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-236-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'caret insertion point'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2041;T&#x2041;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-237-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-237-ref.xht
new file mode 100644
index 0000000000..9158ccff2a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-237-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'asterism' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2042;T&#x2042;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-237.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-237.xht
new file mode 100644
index 0000000000..b6dfaf919a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-237.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'asterism' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-237-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'asterism'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2042;T&#x2042;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-238-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-238-ref.xht
new file mode 100644
index 0000000000..23a9c78b45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-238-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'hyphen bullet' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2043;T&#x2043;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-238.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-238.xht
new file mode 100644
index 0000000000..183943184b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-238.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'hyphen bullet' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-238-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'hyphen bullet'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2043;T&#x2043;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-239-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-239-ref.xht
new file mode 100644
index 0000000000..9ad6b727d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-239-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'double question mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2047;T&#x2047;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-239.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-239.xht
new file mode 100644
index 0000000000..1dd385ad9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-239.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'double question mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-239-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'double question mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2047;T&#x2047;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-240-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-240-ref.xht
new file mode 100644
index 0000000000..ce9086bdf6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-240-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'question exclamation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2048;T&#x2048;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-240.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-240.xht
new file mode 100644
index 0000000000..094d53b639
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-240.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'question exclamation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-240-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'question exclamation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2048;T&#x2048;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-241-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-241-ref.xht
new file mode 100644
index 0000000000..2959baebd7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-241-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'exclamation question mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2049;T&#x2049;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-241.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-241.xht
new file mode 100644
index 0000000000..6b4f93c333
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-241.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'exclamation question mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-241-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'exclamation question mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2049;T&#x2049;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-242-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-242-ref.xht
new file mode 100644
index 0000000000..66daedb9fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-242-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tironian sign et' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x204A;T&#x204A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-242.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-242.xht
new file mode 100644
index 0000000000..fd793370cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-242.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tironian sign et' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-242-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tironian sign et'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x204A;T&#x204A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-243-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-243-ref.xht
new file mode 100644
index 0000000000..83d2087ce9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-243-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'reversed pilcrow sign' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x204B;T&#x204B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-243.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-243.xht
new file mode 100644
index 0000000000..5ef3263a4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-243.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'reversed pilcrow sign' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-243-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'reversed pilcrow sign'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x204B;T&#x204B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-244-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-244-ref.xht
new file mode 100644
index 0000000000..0b35c9805e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-244-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'black leftwards bullet' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x204C;T&#x204C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-244.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-244.xht
new file mode 100644
index 0000000000..259f63b373
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-244.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'black leftwards bullet' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-244-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'black leftwards bullet'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x204C;T&#x204C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-245-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-245-ref.xht
new file mode 100644
index 0000000000..60dc1e2598
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-245-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'black rightwards bullet' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x204D;T&#x204D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-245.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-245.xht
new file mode 100644
index 0000000000..e1ee03413e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-245.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'black rightwards bullet' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-245-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'black rightwards bullet'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x204D;T&#x204D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-246-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-246-ref.xht
new file mode 100644
index 0000000000..dfe6076250
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-246-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'low asterisk' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x204E;T&#x204E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-246.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-246.xht
new file mode 100644
index 0000000000..084141372e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-246.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'low asterisk' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-246-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'low asterisk'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x204E;T&#x204E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-247-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-247-ref.xht
new file mode 100644
index 0000000000..ccdc943db3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-247-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'reversed semicolon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x204F;T&#x204F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-247.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-247.xht
new file mode 100644
index 0000000000..a107da421d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-247.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'reversed semicolon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-247-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'reversed semicolon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x204F;T&#x204F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-248-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-248-ref.xht
new file mode 100644
index 0000000000..e60216e665
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-248-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'close up' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2050;T&#x2050;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-248.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-248.xht
new file mode 100644
index 0000000000..21183dedef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-248.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'close up' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-248-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'close up'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2050;T&#x2050;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-249-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-249-ref.xht
new file mode 100644
index 0000000000..3242cdfdcb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-249-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'two asterisks aligned vertically' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2051;T&#x2051;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-249.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-249.xht
new file mode 100644
index 0000000000..090a2f37c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-249.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'two asterisks aligned vertically' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-249-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'two asterisks aligned vertically'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2051;T&#x2051;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-250-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-250-ref.xht
new file mode 100644
index 0000000000..7f80797889
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-250-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'swung dash' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2053;T&#x2053;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-250.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-250.xht
new file mode 100644
index 0000000000..f60ae5f042
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-250.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'swung dash' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-250-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'swung dash'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2053;T&#x2053;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-251-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-251-ref.xht
new file mode 100644
index 0000000000..35ea1b17b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-251-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'flower punctuation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2055;T&#x2055;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-251.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-251.xht
new file mode 100644
index 0000000000..3f8d7f96ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-251.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'flower punctuation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-251-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'flower punctuation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2055;T&#x2055;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-252-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-252-ref.xht
new file mode 100644
index 0000000000..149bfa31bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-252-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'three dot punctuation' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2056;T&#x2056;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-252.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-252.xht
new file mode 100644
index 0000000000..3829286970
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-252.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'three dot punctuation' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-252-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'three dot punctuation'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2056;T&#x2056;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-253-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-253-ref.xht
new file mode 100644
index 0000000000..57563ef6c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-253-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'quadruple prime' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2057;T&#x2057;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-253.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-253.xht
new file mode 100644
index 0000000000..14ad08d058
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-253.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'quadruple prime' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-253-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'quadruple prime'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2057;T&#x2057;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-254-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-254-ref.xht
new file mode 100644
index 0000000000..9f8961990d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-254-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'four dot punctuation' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2058;T&#x2058;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-254.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-254.xht
new file mode 100644
index 0000000000..308461c8d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-254.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'four dot punctuation' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-254-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'four dot punctuation'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2058;T&#x2058;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-255-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-255-ref.xht
new file mode 100644
index 0000000000..e8a1fb0ee5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-255-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'five dot punctuation' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2059;T&#x2059;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-255.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-255.xht
new file mode 100644
index 0000000000..481d15629d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-255.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'five dot punctuation' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-255-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'five dot punctuation'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2059;T&#x2059;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-256-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-256-ref.xht
new file mode 100644
index 0000000000..a8470ab6a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-256-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'two dot punctuation' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x205A;T&#x205A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-256.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-256.xht
new file mode 100644
index 0000000000..e71a9bd97d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-256.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'two dot punctuation' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-256-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'two dot punctuation'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x205A;T&#x205A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-257-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-257-ref.xht
new file mode 100644
index 0000000000..7579b40b02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-257-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'four dot mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x205B;T&#x205B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-257.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-257.xht
new file mode 100644
index 0000000000..fdb65d46a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-257.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'four dot mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-257-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'four dot mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x205B;T&#x205B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-258-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-258-ref.xht
new file mode 100644
index 0000000000..e50653f798
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-258-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'dotted cross' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x205C;T&#x205C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-258.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-258.xht
new file mode 100644
index 0000000000..4d26067ac6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-258.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'dotted cross' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-258-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'dotted cross'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x205C;T&#x205C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-259-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-259-ref.xht
new file mode 100644
index 0000000000..1432e04bcf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-259-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tricolon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x205D;T&#x205D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-259.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-259.xht
new file mode 100644
index 0000000000..ae7797d088
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-259.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tricolon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-259-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tricolon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x205D;T&#x205D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-260-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-260-ref.xht
new file mode 100644
index 0000000000..bb3d596575
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-260-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'vertical four dots' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x205E;T&#x205E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-260.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-260.xht
new file mode 100644
index 0000000000..310a15387a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-260.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'vertical four dots' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-260-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'vertical four dots'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x205E;T&#x205E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-262-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-262-ref.xht
new file mode 100644
index 0000000000..bd20a02427
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-262-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'coptic old nubian full stop' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2CF9;T&#x2CF9;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-262.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-262.xht
new file mode 100644
index 0000000000..9bd1e25c33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-262.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'coptic old nubian full stop' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-262-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'coptic old nubian full stop'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2CF9;T&#x2CF9;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-263-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-263-ref.xht
new file mode 100644
index 0000000000..b3a9f69941
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-263-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'coptic old nubian direct question mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2CFA;T&#x2CFA;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-263.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-263.xht
new file mode 100644
index 0000000000..01c746ac30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-263.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'coptic old nubian direct question mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-263-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'coptic old nubian direct question mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2CFA;T&#x2CFA;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-264-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-264-ref.xht
new file mode 100644
index 0000000000..79dfb1702c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-264-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'coptic old nubian indirect question mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2CFB;T&#x2CFB;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-264.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-264.xht
new file mode 100644
index 0000000000..6c2a9d9cc7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-264.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'coptic old nubian indirect question mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-264-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'coptic old nubian indirect question mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2CFB;T&#x2CFB;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-265-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-265-ref.xht
new file mode 100644
index 0000000000..2751c7ef57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-265-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'coptic old nubian verse divider' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2CFC;T&#x2CFC;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-265.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-265.xht
new file mode 100644
index 0000000000..77f4c39eb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-265.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'coptic old nubian verse divider' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-265-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'coptic old nubian verse divider'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2CFC;T&#x2CFC;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-266-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-266-ref.xht
new file mode 100644
index 0000000000..bcc0487b71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-266-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'coptic full stop' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2CFE;T&#x2CFE;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-266.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-266.xht
new file mode 100644
index 0000000000..fb00feeae8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-266.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'coptic full stop' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-266-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'coptic full stop'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2CFE;T&#x2CFE;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-267-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-267-ref.xht
new file mode 100644
index 0000000000..c2b85978ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-267-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'coptic morphological divider' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2CFF;T&#x2CFF;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-267.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-267.xht
new file mode 100644
index 0000000000..5d88d5fa6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-267.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'coptic morphological divider' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-267-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'coptic morphological divider'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2CFF;T&#x2CFF;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-268-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-268-ref.xht
new file mode 100644
index 0000000000..3a62e991fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-268-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right angle substitution marker' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E00;T&#x2E00;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-268.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-268.xht
new file mode 100644
index 0000000000..6931ee661e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-268.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right angle substitution marker' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-268-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right angle substitution marker'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E00;T&#x2E00;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-269-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-269-ref.xht
new file mode 100644
index 0000000000..cd93e2aed0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-269-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'right angle dotted substitution marker' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E01;T&#x2E01;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-269.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-269.xht
new file mode 100644
index 0000000000..f81ecb012f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-269.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'right angle dotted substitution marker' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-269-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'right angle dotted substitution marker'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E01;T&#x2E01;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-270-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-270-ref.xht
new file mode 100644
index 0000000000..b18e5389c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-270-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'raised interpolation marker' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E06;T&#x2E06;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-270.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-270.xht
new file mode 100644
index 0000000000..d48e743975
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-270.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'raised interpolation marker' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-270-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'raised interpolation marker'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E06;T&#x2E06;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-271-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-271-ref.xht
new file mode 100644
index 0000000000..9d0462e2cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-271-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'raised dotted interpolation marker' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E07;T&#x2E07;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-271.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-271.xht
new file mode 100644
index 0000000000..6502f99fd6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-271.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'raised dotted interpolation marker' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-271-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'raised dotted interpolation marker' ." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E07;T&#x2E07;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-272-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-272-ref.xht
new file mode 100644
index 0000000000..21a2ca1194
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-272-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'dotted transposition marker' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E08;T&#x2E08;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-272.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-272.xht
new file mode 100644
index 0000000000..7245140400
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-272.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'dotted transposition marker' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-272-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'dotted transposition marker'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E08;T&#x2E08;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-273-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-273-ref.xht
new file mode 100644
index 0000000000..56e39c67ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-273-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'raised square' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E0B;T&#x2E0B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-273.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-273.xht
new file mode 100644
index 0000000000..34613d63db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-273.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'raised square' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-273-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'raised square'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E0B;T&#x2E0B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-274-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-274-ref.xht
new file mode 100644
index 0000000000..3ed79906ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-274-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'editorial coronis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E0E;T&#x2E0E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-274.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-274.xht
new file mode 100644
index 0000000000..e65a8b2550
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-274.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'editorial coronis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-274-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'editorial coronis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E0E;T&#x2E0E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-275-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-275-ref.xht
new file mode 100644
index 0000000000..28fd99a5ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-275-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'paragraphos' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E0F;T&#x2E0F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-275.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-275.xht
new file mode 100644
index 0000000000..2a2d6b5315
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-275.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'paragraphos' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-275-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'paragraphos'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E0F;T&#x2E0F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-276-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-276-ref.xht
new file mode 100644
index 0000000000..ab97466c65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-276-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'forked paragraphos' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E10;T&#x2E10;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-276.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-276.xht
new file mode 100644
index 0000000000..8c103e6569
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-276.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'forked paragraphos' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-276-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'forked paragraphos'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E10;T&#x2E10;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-277-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-277-ref.xht
new file mode 100644
index 0000000000..f070f71df0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-277-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'reversed forked paragraphos' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E11;T&#x2E11;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-277.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-277.xht
new file mode 100644
index 0000000000..c0ee799f55
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-277.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'reversed forked paragraphos' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-277-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'reversed forked paragraphos'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E11;T&#x2E11;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-278-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-278-ref.xht
new file mode 100644
index 0000000000..2a7cb69270
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-278-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'hypodiastole' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E12;T&#x2E12;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-278.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-278.xht
new file mode 100644
index 0000000000..a252f1d4ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-278.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'hypodiastole' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-278-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'hypodiastole'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E12;T&#x2E12;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-279-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-279-ref.xht
new file mode 100644
index 0000000000..3bc712d016
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-279-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'dotted obelos' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E13;T&#x2E13;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-279.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-279.xht
new file mode 100644
index 0000000000..61616fb63b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-279.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'dotted obelos' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-279-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'dotted obelos'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E13;T&#x2E13;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-280-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-280-ref.xht
new file mode 100644
index 0000000000..247e7e12d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-280-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'downwards ancora' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E14;T&#x2E14;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-280.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-280.xht
new file mode 100644
index 0000000000..55fe2d889d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-280.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'downwards ancora' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-280-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'downwards ancora'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E14;T&#x2E14;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-281-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-281-ref.xht
new file mode 100644
index 0000000000..3e95d04c67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-281-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'upwards ancora' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E15;T&#x2E15;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-281.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-281.xht
new file mode 100644
index 0000000000..554ace3d22
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-281.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'upwards ancora' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-281-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'upwards ancora'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E15;T&#x2E15;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-282-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-282-ref.xht
new file mode 100644
index 0000000000..02898fa29f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-282-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'dotted right-pointing angle' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2E16;T&#x2E16;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-282.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-282.xht
new file mode 100644
index 0000000000..313dc815e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-282.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'dotted right-pointing angle' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-282-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'dotted right-pointing angle'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2E16;T&#x2E16;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-283-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-283-ref.xht
new file mode 100644
index 0000000000..9b80b4dcf8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-283-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'ideographic comma' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x3001;T&#x3001;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-283.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-283.xht
new file mode 100644
index 0000000000..3e97d12383
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-283.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'ideographic comma' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-283-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'ideographic comma'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x3001;T&#x3001;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-284-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-284-ref.xht
new file mode 100644
index 0000000000..84f9db67f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-284-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'ideographic full stop' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x3002;T&#x3002;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-284.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-284.xht
new file mode 100644
index 0000000000..af94a947ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-284.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'ideographic full stop' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-284-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'ideographic full stop'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x3002;T&#x3002;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-285-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-285-ref.xht
new file mode 100644
index 0000000000..1f647339fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-285-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'ditto mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x3003;T&#x3003;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-285.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-285.xht
new file mode 100644
index 0000000000..a50445f2bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-285.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'ditto mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-285-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'ditto mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x3003;T&#x3003;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-286-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-286-ref.xht
new file mode 100644
index 0000000000..ea7db02426
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-286-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'part alternation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x303D;T&#x303D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-286.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-286.xht
new file mode 100644
index 0000000000..b42dd7ecb7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-286.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'part alternation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-286-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'part alternation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x303D;T&#x303D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-287-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-287-ref.xht
new file mode 100644
index 0000000000..26d59b5198
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-287-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'katakana middle dot' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x30FB;T&#x30FB;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-287.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-287.xht
new file mode 100644
index 0000000000..e39622b0fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-287.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'katakana middle dot' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-287-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'katakana middle dot'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x30FB;T&#x30FB;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-288-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-288-ref.xht
new file mode 100644
index 0000000000..c1ae7dc661
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-288-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical comma' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE10;T&#xFE10;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-288.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-288.xht
new file mode 100644
index 0000000000..e6f8cc888b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-288.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical comma' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-288-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical comma'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE10;T&#xFE10;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-289-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-289-ref.xht
new file mode 100644
index 0000000000..222d949bad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-289-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical ideographic comma' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE11;T&#xFE11;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-289.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-289.xht
new file mode 100644
index 0000000000..2c791234f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-289.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical ideographic comma' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-289-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical ideographic comma'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE11;T&#xFE11;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-290-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-290-ref.xht
new file mode 100644
index 0000000000..9a49559afa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-290-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical ideographic full stop' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE12;T&#xFE12;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-290.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-290.xht
new file mode 100644
index 0000000000..cd09f4a15d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-290.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical ideographic full stop' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-290-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical ideographic full stop'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE12;T&#xFE12;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-291-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-291-ref.xht
new file mode 100644
index 0000000000..0a59cfb699
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-291-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical colon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE13;T&#xFE13;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-291.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-291.xht
new file mode 100644
index 0000000000..a41dde93a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-291.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical colon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-291-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical colon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE13;T&#xFE13;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-292-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-292-ref.xht
new file mode 100644
index 0000000000..3689827e33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-292-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical semicolon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE14;T&#xFE14;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-292.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-292.xht
new file mode 100644
index 0000000000..37b1049a77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-292.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical semicolon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-292-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical semicolon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE14;T&#xFE14;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-293-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-293-ref.xht
new file mode 100644
index 0000000000..85fa526e99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-293-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical exclamation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE15;T&#xFE15;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-293.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-293.xht
new file mode 100644
index 0000000000..eafae0e8c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-293.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical exclamation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-293-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical exclamation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE15;T&#xFE15;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-294-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-294-ref.xht
new file mode 100644
index 0000000000..a5501134d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-294-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical question mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE16;T&#xFE16;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-294.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-294.xht
new file mode 100644
index 0000000000..fc05320b64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-294.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical question mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-294-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical question mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE16;T&#xFE16;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-295-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-295-ref.xht
new file mode 100644
index 0000000000..a47f71cbe3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-295-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical horizontal ellipsis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE19;T&#xFE19;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-295.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-295.xht
new file mode 100644
index 0000000000..e991bd5ba4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-295.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical horizontal ellipsis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-295-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical horizontal ellipsis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE19;T&#xFE19;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-296-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-296-ref.xht
new file mode 100644
index 0000000000..93f5c0c4b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-296-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical two dot leader' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE30;T&#xFE30;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-296.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-296.xht
new file mode 100644
index 0000000000..50ceb95114
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-296.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical two dot leader' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-296-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical two dot leader'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE30;T&#xFE30;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-297-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-297-ref.xht
new file mode 100644
index 0000000000..f4599da4b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-297-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'sesame dot' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE45;T&#xFE45;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-297.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-297.xht
new file mode 100644
index 0000000000..a222612abb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-297.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'sesame dot' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-297-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'sesame dot'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE45;T&#xFE45;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-298-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-298-ref.xht
new file mode 100644
index 0000000000..5aa88603d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-298-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'white sesame dot' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE46;T&#xFE46;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-298.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-298.xht
new file mode 100644
index 0000000000..52f71e1d37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-298.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'white sesame dot' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-298-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'white sesame dot'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE46;T&#xFE46;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-299-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-299-ref.xht
new file mode 100644
index 0000000000..27e7d9472c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-299-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'dashed overline' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE49;T&#xFE49;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-299.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-299.xht
new file mode 100644
index 0000000000..0a251b6a67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-299.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'dashed overline' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-299-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'dashed overline'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE49;T&#xFE49;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-300-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-300-ref.xht
new file mode 100644
index 0000000000..8d9a702894
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-300-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'centreline overline' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE4A;T&#xFE4A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-300.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-300.xht
new file mode 100644
index 0000000000..34cdbdd636
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-300.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'centreline overline' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-300-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'centreline overline'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE4A;T&#xFE4A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-301-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-301-ref.xht
new file mode 100644
index 0000000000..f92b2335d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-301-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'wavy overline' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE4B;T&#xFE4B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-301.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-301.xht
new file mode 100644
index 0000000000..c54b7608c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-301.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'wavy overline' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-301-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'wavy overline'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE4B;T&#xFE4B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-302-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-302-ref.xht
new file mode 100644
index 0000000000..4409bdc63d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-302-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'double wavy overline' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE4C;T&#xFE4C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-302.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-302.xht
new file mode 100644
index 0000000000..502dc62683
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-302.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'double wavy overline' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-302-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'double wavy overline'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE4C;T&#xFE4C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-303-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-303-ref.xht
new file mode 100644
index 0000000000..abd04b5d4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-303-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small comma' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE50;T&#xFE50;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-303.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-303.xht
new file mode 100644
index 0000000000..7a2594ca51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-303.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small comma' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-303-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small comma'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE50;T&#xFE50;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-304-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-304-ref.xht
new file mode 100644
index 0000000000..d774e12df2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-304-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small ideographic comma' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE51;T&#xFE51;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-304.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-304.xht
new file mode 100644
index 0000000000..8cffacea65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-304.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small ideographic comma' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-304-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small ideographic comma'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE51;T&#xFE51;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-305-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-305-ref.xht
new file mode 100644
index 0000000000..06bf20c0ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-305-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small full stop' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE52;T&#xFE52;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-305.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-305.xht
new file mode 100644
index 0000000000..f320f84a0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-305.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small full stop' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-305-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small full stop'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE52;T&#xFE52;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-306-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-306-ref.xht
new file mode 100644
index 0000000000..8309c5cb78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-306-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small semicolon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE54;T&#xFE54;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-306.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-306.xht
new file mode 100644
index 0000000000..b5c8858dfb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-306.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small semicolon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-306-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small semicolon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE54;T&#xFE54;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-307-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-307-ref.xht
new file mode 100644
index 0000000000..76792a7e42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-307-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small colon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE55;T&#xFE55;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-307.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-307.xht
new file mode 100644
index 0000000000..96a7fbe614
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-307.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small colon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-307-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small colon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE55;T&#xFE55;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-308-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-308-ref.xht
new file mode 100644
index 0000000000..d23da0df4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-308-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small question mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE56;T&#xFE56;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-308.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-308.xht
new file mode 100644
index 0000000000..a37e3a8378
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-308.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small question mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-308-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small question mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE56;T&#xFE56;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-309-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-309-ref.xht
new file mode 100644
index 0000000000..79b0b85f73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-309-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small exclamation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE57;T&#xFE57;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-309.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-309.xht
new file mode 100644
index 0000000000..bf96de8708
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-309.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small exclamation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-309-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small exclamation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE57;T&#xFE57;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-310-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-310-ref.xht
new file mode 100644
index 0000000000..257007636f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-310-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small number sign' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE5F;T&#xFE5F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-310.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-310.xht
new file mode 100644
index 0000000000..564eabc277
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-310.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small number sign' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-310-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small number sign'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE5F;T&#xFE5F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-311-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-311-ref.xht
new file mode 100644
index 0000000000..c4155ddc02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-311-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small ampersand' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE60;T&#xFE60;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-311.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-311.xht
new file mode 100644
index 0000000000..d9fa1c68dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-311.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small ampersand' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-311-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small ampersand'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE60;T&#xFE60;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-312-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-312-ref.xht
new file mode 100644
index 0000000000..7c882cb058
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-312-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small asterisk' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE61;T&#xFE61;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-312.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-312.xht
new file mode 100644
index 0000000000..18f92bdb80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-312.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small asterisk' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-312-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small asterisk'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE61;T&#xFE61;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-313-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-313-ref.xht
new file mode 100644
index 0000000000..5efc62eeb2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-313-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small reverse solidus' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE68;T&#xFE68;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-313.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-313.xht
new file mode 100644
index 0000000000..6a24f52147
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-313.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small reverse solidus' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-313-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small reverse solidus'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE68;T&#xFE68;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-314-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-314-ref.xht
new file mode 100644
index 0000000000..3f6bcf5109
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-314-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small percent sign' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE6A;T&#xFE6A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-314.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-314.xht
new file mode 100644
index 0000000000..c4d9dd93ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-314.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small percent sign' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-314-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small percent sign'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE6A;T&#xFE6A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-315-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-315-ref.xht
new file mode 100644
index 0000000000..2ab07e80af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-315-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small commercial at' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE6B;T&#xFE6B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-315.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-315.xht
new file mode 100644
index 0000000000..ad8d8f9bdd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-315.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small commercial at' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-315-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small commercial at'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE6B;T&#xFE6B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-316-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-316-ref.xht
new file mode 100644
index 0000000000..ae00f782ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-316-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth exclamation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF01;T&#xFF01;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-316.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-316.xht
new file mode 100644
index 0000000000..4e18c69019
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-316.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth exclamation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-316-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth exclamation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF01;T&#xFF01;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-317-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-317-ref.xht
new file mode 100644
index 0000000000..187bdfb91e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-317-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth quotation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF02;T&#xFF02;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-317.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-317.xht
new file mode 100644
index 0000000000..87ce4b77ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-317.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth quotation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-317-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth quotation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF02;T&#xFF02;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-318-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-318-ref.xht
new file mode 100644
index 0000000000..72989ae07d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-318-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth number sign' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF03;T&#xFF03;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-318.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-318.xht
new file mode 100644
index 0000000000..92eddd6490
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-318.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth number sign' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-318-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth number sign'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF03;T&#xFF03;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-319-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-319-ref.xht
new file mode 100644
index 0000000000..db7ba02a2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-319-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth percent sign' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF05;T&#xFF05;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-319.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-319.xht
new file mode 100644
index 0000000000..14c6b6f210
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-319.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth percent sign' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-319-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth percent sign'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF05;T&#xFF05;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-320-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-320-ref.xht
new file mode 100644
index 0000000000..daf74fec94
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-320-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth ampersand' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF06;T&#xFF06;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-320.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-320.xht
new file mode 100644
index 0000000000..99082e1d32
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-320.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth ampersand' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-320-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth ampersand'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF06;T&#xFF06;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-321-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-321-ref.xht
new file mode 100644
index 0000000000..df99bb25e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-321-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth apostrophe' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF07;T&#xFF07;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-321.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-321.xht
new file mode 100644
index 0000000000..a48360eb58
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-321.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth apostrophe' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-321-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth apostrophe'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF07;T&#xFF07;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-322-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-322-ref.xht
new file mode 100644
index 0000000000..d8291bcabe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-322-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth asterisk' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF0A;T&#xFF0A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-322.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-322.xht
new file mode 100644
index 0000000000..6c6eec2ccf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-322.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth asterisk' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-322-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth asterisk'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF0A;T&#xFF0A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-323-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-323-ref.xht
new file mode 100644
index 0000000000..fa9e29337a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-323-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth comma' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF0C;T&#xFF0C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-323.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-323.xht
new file mode 100644
index 0000000000..760908784b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-323.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth comma' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-323-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth comma'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF0C;T&#xFF0C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-324-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-324-ref.xht
new file mode 100644
index 0000000000..78a297b1fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-324-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth full stop' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF0E;T&#xFF0E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-324.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-324.xht
new file mode 100644
index 0000000000..08c2009377
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-324.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth full stop' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-324-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth full stop'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF0E;T&#xFF0E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-325-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-325-ref.xht
new file mode 100644
index 0000000000..3803101b61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-325-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth solidus' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF0F;T&#xFF0F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-325.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-325.xht
new file mode 100644
index 0000000000..43aab76501
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-325.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth solidus' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-325-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth solidus'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF0F;T&#xFF0F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-326-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-326-ref.xht
new file mode 100644
index 0000000000..0a15c7fac2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-326-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth colon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF1A;T&#xFF1A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-326.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-326.xht
new file mode 100644
index 0000000000..335a92a00a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-326.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth colon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-326-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth colon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF1A;T&#xFF1A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-327-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-327-ref.xht
new file mode 100644
index 0000000000..3efb61ce2c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-327-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth semicolon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF1B;T&#xFF1B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-327.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-327.xht
new file mode 100644
index 0000000000..5eb9a05757
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-327.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth semicolon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-327-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth semicolon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF1B;T&#xFF1B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-328-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-328-ref.xht
new file mode 100644
index 0000000000..3bd1baa5a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-328-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth question mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF1F;T&#xFF1F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-328.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-328.xht
new file mode 100644
index 0000000000..2c33861cd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-328.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth question mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-328-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth question mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF1F;T&#xFF1F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-329-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-329-ref.xht
new file mode 100644
index 0000000000..e2e1884094
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-329-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth commercial at' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF20;T&#xFF20;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-329.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-329.xht
new file mode 100644
index 0000000000..abbf3d8112
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-329.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth commercial at' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-329-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth commercial at'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF20;T&#xFF20;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-330-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-330-ref.xht
new file mode 100644
index 0000000000..af2265d359
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-330-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth reverse solidus' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF3C;T&#xFF3C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-330.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-330.xht
new file mode 100644
index 0000000000..001843ffe2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-330.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth reverse solidus' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-330-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth reverse solidus'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF3C;T&#xFF3C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-331-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-331-ref.xht
new file mode 100644
index 0000000000..883b91f201
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-331-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'halfwidth ideographic full stop' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF61;T&#xFF61;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-331.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-331.xht
new file mode 100644
index 0000000000..72b7aca3f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-331.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'halfwidth ideographic full stop' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-331-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'halfwidth ideographic full stop'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF61;T&#xFF61;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-332-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-332-ref.xht
new file mode 100644
index 0000000000..6e1b323099
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-332-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'halfwidth ideographic comma' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF64;T&#xFF64;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-332.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-332.xht
new file mode 100644
index 0000000000..6d0aaf43e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-332.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'halfwidth ideographic comma' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-332-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'halfwidth ideographic comma'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF64;T&#xFF64;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-333-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-333-ref.xht
new file mode 100644
index 0000000000..ceff0d27b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-333-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'halfwidth katakana middle dot' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF65;T&#xFF65;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-333.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-333.xht
new file mode 100644
index 0000000000..d506a7366b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-333.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'halfwidth katakana middle dot' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-333-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'halfwidth katakana middle dot'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF65;T&#xFF65;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-334-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-334-ref.xht
new file mode 100644
index 0000000000..81b9ce53d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-334-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'aegean word separator line' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x10100;T&#x10100;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-334.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-334.xht
new file mode 100644
index 0000000000..e7351e69cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-334.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'aegean word separator line' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-334-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'aegean word separator line'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x10100;T&#x10100;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-335-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-335-ref.xht
new file mode 100644
index 0000000000..a6d410ebcb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-335-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'aegean word separator dot' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x10101;T&#x10101;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-335.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-335.xht
new file mode 100644
index 0000000000..54c053f89d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-335.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'aegean word separator dot' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-335-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'aegean word separator dot'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x10101;T&#x10101;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-336-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-336-ref.xht
new file mode 100644
index 0000000000..eac5169ea1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-336-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'ugaritic word divider' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x1039F;T&#x1039F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-336.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-336.xht
new file mode 100644
index 0000000000..a0f0a836df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-336.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'ugaritic word divider' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-336-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'ugaritic word divider'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x1039F;T&#x1039F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-337-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-337-ref.xht
new file mode 100644
index 0000000000..56298bdcd7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-337-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'kharoshthi punctuation dot' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x10A50;T&#x10A50;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-337.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-337.xht
new file mode 100644
index 0000000000..44cf93976c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-337.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'kharoshthi punctuation dot' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-337-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'kharoshthi punctuation dot'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x10A50;T&#x10A50;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-338-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-338-ref.xht
new file mode 100644
index 0000000000..2eb1d5956d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-338-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'kharoshthi punctuation small circle' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x10A51;T&#x10A51;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-338.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-338.xht
new file mode 100644
index 0000000000..ae7899901d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-338.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'kharoshthi punctuation small circle' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-338-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'kharoshthi punctuation small circle'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x10A51;T&#x10A51;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-339-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-339-ref.xht
new file mode 100644
index 0000000000..2a383c2a74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-339-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'kharoshthi punctuation circle' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x10A52;T&#x10A52;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-339.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-339.xht
new file mode 100644
index 0000000000..128c0e4689
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-339.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'kharoshthi punctuation circle' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-339-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'kharoshthi punctuation circle'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x10A52;T&#x10A52;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-340-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-340-ref.xht
new file mode 100644
index 0000000000..2ced0d9dfa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-340-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'kharoshthi punctuation crescent bar' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x10A53;T&#x10A53;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-340.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-340.xht
new file mode 100644
index 0000000000..bdf37ba119
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-340.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'kharoshthi punctuation crescent bar' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-340-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'kharoshthi punctuation crescent bar'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x10A53;T&#x10A53;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-341-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-341-ref.xht
new file mode 100644
index 0000000000..0bb8ba1c61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-341-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'kharoshthi punctuation mangalam' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x10A54;T&#x10A54;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-341.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-341.xht
new file mode 100644
index 0000000000..087bfa4c8d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-341.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'kharoshthi punctuation mangalam' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-341-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'kharoshthi punctuation mangalam'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x10A54;T&#x10A54;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-342-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-342-ref.xht
new file mode 100644
index 0000000000..c1c09213bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-342-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'kharoshthi punctuation lotus' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x10A55;T&#x10A55;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-342.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-342.xht
new file mode 100644
index 0000000000..5db768dab8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-342.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'kharoshthi punctuation lotus' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-342-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'kharoshthi punctuation lotus'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x10A55;T&#x10A55;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-343-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-343-ref.xht
new file mode 100644
index 0000000000..9dbff57bcc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-343-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'kharoshthi punctuation danda' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x10A56;T&#x10A56;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-343.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-343.xht
new file mode 100644
index 0000000000..b05a879970
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-343.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'kharoshthi punctuation danda' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-343-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'kharoshthi punctuation danda'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x10A56;T&#x10A56;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-344-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-344-ref.xht
new file mode 100644
index 0000000000..d79fadf32f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-344-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'kharoshthi punctuation double danda' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x10A57;T&#x10A57;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-344.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-344.xht
new file mode 100644
index 0000000000..53b113bbe6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-344.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'kharoshthi punctuation double danda' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-344-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'kharoshthi punctuation double danda'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x10A57;T&#x10A57;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-345-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-345-ref.xht
new file mode 100644
index 0000000000..fc2fc2546b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-345-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'kharoshthi punctuation lines' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x10A58;T&#x10A58;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-345.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-345.xht
new file mode 100644
index 0000000000..0eb0d36d77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-345.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'kharoshthi punctuation lines' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-345-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'kharoshthi punctuation lines'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x10A58;T&#x10A58;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-346-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-346-ref.xht
new file mode 100644
index 0000000000..9cf52ab500
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-346-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0028;T&#x0028;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-346.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-346.xht
new file mode 100644
index 0000000000..72b6007447
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-346.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-346-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0028;T&#x0028;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-347-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-347-ref.xht
new file mode 100644
index 0000000000..0decac2be6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-347-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left square bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x005B;T&#x005B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-347.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-347.xht
new file mode 100644
index 0000000000..b873567454
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-347.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left square bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-347-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left square bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x005B;T&#x005B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-348-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-348-ref.xht
new file mode 100644
index 0000000000..e258866b09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-348-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left curly bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x007B;T&#x007B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-348.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-348.xht
new file mode 100644
index 0000000000..fa7c713347
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-348.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left curly bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-348-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left curly bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x007B;T&#x007B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-349-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-349-ref.xht
new file mode 100644
index 0000000000..9f556e94eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-349-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark gug rtags gyon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F3A;T&#x0F3A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-349.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-349.xht
new file mode 100644
index 0000000000..130a4e8131
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-349.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark gug rtags gyon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-349-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark gug rtags gyon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F3A;T&#x0F3A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-350-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-350-ref.xht
new file mode 100644
index 0000000000..723efbc389
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-350-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'tibetan mark ang khang gyon' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x0F3C;T&#x0F3C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-350.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-350.xht
new file mode 100644
index 0000000000..6e5f974af9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-350.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'tibetan mark ang khang gyon' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-350-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'tibetan mark ang khang gyon'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x0F3C;T&#x0F3C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-351-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-351-ref.xht
new file mode 100644
index 0000000000..2718963ced
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-351-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'ogham feather mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x169B;T&#x169B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-351.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-351.xht
new file mode 100644
index 0000000000..051ffa6066
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-351.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'ogham feather mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-351-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'ogham feather mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x169B;T&#x169B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-352-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-352-ref.xht
new file mode 100644
index 0000000000..882f06c9a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-352-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'single low-9 quotation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x201A;T&#x201A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-352.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-352.xht
new file mode 100644
index 0000000000..93b984bb4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-352.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'single low-9 quotation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-352-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'single low-9 quotation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x201A;T&#x201A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-353-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-353-ref.xht
new file mode 100644
index 0000000000..93e4c04a44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-353-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'double low-9 quotation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x201E;T&#x201E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-353.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-353.xht
new file mode 100644
index 0000000000..52e96431f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-353.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'double low-9 quotation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-353-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'double low-9 quotation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x201E;T&#x201E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-354-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-354-ref.xht
new file mode 100644
index 0000000000..79f2d82b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-354-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left square bracket with quill' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2045;T&#x2045;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-354.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-354.xht
new file mode 100644
index 0000000000..a85e709fb0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-354.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left square bracket with quill' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-354-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left square bracket with quill'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2045;T&#x2045;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-355-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-355-ref.xht
new file mode 100644
index 0000000000..0e64ff759f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-355-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'superscript left parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x207D;T&#x207D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-355.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-355.xht
new file mode 100644
index 0000000000..09b4991580
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-355.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'superscript left parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-355-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'superscript left parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x207D;T&#x207D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-356-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-356-ref.xht
new file mode 100644
index 0000000000..c42bb7c531
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-356-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'subscript left parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x208D;T&#x208D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-356.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-356.xht
new file mode 100644
index 0000000000..7016206567
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-356.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'subscript left parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-356-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'subscript left parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x208D;T&#x208D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-357-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-357-ref.xht
new file mode 100644
index 0000000000..a874c601e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-357-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left-pointing angle bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2329;T&#x2329;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-357.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-357.xht
new file mode 100644
index 0000000000..a4ace8ba90
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-357.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left-pointing angle bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-357-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left-pointing angle bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2329;T&#x2329;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-359-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-359-ref.xht
new file mode 100644
index 0000000000..38be1358f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-359-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'medium left parenthesis ornament' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2768;T&#x2768;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-359.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-359.xht
new file mode 100644
index 0000000000..e0e2f9ac95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-359.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'medium left parenthesis ornament' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-359-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'medium left parenthesis ornament'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2768;T&#x2768;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-360-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-360-ref.xht
new file mode 100644
index 0000000000..0c39872369
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-360-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'medium flattened left parenthesis ornament' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x276A;T&#x276A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-360.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-360.xht
new file mode 100644
index 0000000000..75e3c922ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-360.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'medium flattened left parenthesis ornament' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-360-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'medium flattened left parenthesis ornament'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x276A;T&#x276A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-361-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-361-ref.xht
new file mode 100644
index 0000000000..ed6b1a9c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-361-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'medium left-pointing angle bracket ornament' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x276C;T&#x276C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-361.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-361.xht
new file mode 100644
index 0000000000..33a85a029d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-361.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'medium left-pointing angle bracket ornament' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-361-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'medium left-pointing angle bracket ornament'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x276C;T&#x276C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-362-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-362-ref.xht
new file mode 100644
index 0000000000..dcccb8d7f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-362-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'heavy left-pointing angle quotation mark ornament' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x276E;T&#x276E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-362.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-362.xht
new file mode 100644
index 0000000000..c0768de04d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-362.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'heavy left-pointing angle quotation mark ornament' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-362-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'heavy left-pointing angle quotation mark ornament'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x276E;T&#x276E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-363-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-363-ref.xht
new file mode 100644
index 0000000000..f8603d8a78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-363-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'heavy left-pointing angle bracket ornament' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2770;T&#x2770;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-363.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-363.xht
new file mode 100644
index 0000000000..92cccd290a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-363.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'heavy left-pointing angle bracket ornament' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-363-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'heavy left-pointing angle bracket ornament'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2770;T&#x2770;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-364-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-364-ref.xht
new file mode 100644
index 0000000000..df0336c986
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-364-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'light left tortoise shell bracket ornament' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2772;T&#x2772;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-364.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-364.xht
new file mode 100644
index 0000000000..749d6a79d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-364.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'light left tortoise shell bracket ornament' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-364-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'light left tortoise shell bracket ornament'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2772;T&#x2772;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-365-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-365-ref.xht
new file mode 100644
index 0000000000..3e0bcf8883
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-365-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'medium left curly bracket ornament' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2774;T&#x2774;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-365.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-365.xht
new file mode 100644
index 0000000000..27a58bb2ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-365.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'medium left curly bracket ornament' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-365-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'medium left curly bracket ornament'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2774;T&#x2774;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-366-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-366-ref.xht
new file mode 100644
index 0000000000..7b3fee6e7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-366-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left s-shaped bag delimiter' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x27C5;T&#x27C5;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-366.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-366.xht
new file mode 100644
index 0000000000..235e9af202
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-366.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left s-shaped bag delimiter' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-366-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left s-shaped bag delimiter'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x27C5;T&#x27C5;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-367-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-367-ref.xht
new file mode 100644
index 0000000000..030975005d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-367-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'mathematical left white square bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x27E6;T&#x27E6;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-367.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-367.xht
new file mode 100644
index 0000000000..6baaa5ddfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-367.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'mathematical left white square bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-367-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'mathematical left white square bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x27E6;T&#x27E6;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-368-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-368-ref.xht
new file mode 100644
index 0000000000..9426cf1601
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-368-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'mathematical left angle bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x27E8;T&#x27E8;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-368.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-368.xht
new file mode 100644
index 0000000000..bd7c83b795
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-368.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'mathematical left angle bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-368-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'mathematical left angle bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x27E8;T&#x27E8;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-369-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-369-ref.xht
new file mode 100644
index 0000000000..363ba0e597
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-369-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'mathematical left double angle bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x27EA;T&#x27EA;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-369.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-369.xht
new file mode 100644
index 0000000000..9fa60a115e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-369.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'mathematical left double angle bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-369-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'mathematical left double angle bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x27EA;T&#x27EA;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-370-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-370-ref.xht
new file mode 100644
index 0000000000..23ffc2fa28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-370-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left white curly bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2983;T&#x2983;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-370.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-370.xht
new file mode 100644
index 0000000000..d630820f5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-370.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left white curly bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-370-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left white curly bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2983;T&#x2983;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-371-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-371-ref.xht
new file mode 100644
index 0000000000..dcdaaa5912
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-371-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left white parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2985;T&#x2985;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-371.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-371.xht
new file mode 100644
index 0000000000..d2a650ad88
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-371.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left white parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-371-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left white parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2985;T&#x2985;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-372-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-372-ref.xht
new file mode 100644
index 0000000000..f53405f52d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-372-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'z notation left image bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2987;T&#x2987;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-372.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-372.xht
new file mode 100644
index 0000000000..11918bfb7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-372.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'z notation left image bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-372-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'z notation left image bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2987;T&#x2987;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-373-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-373-ref.xht
new file mode 100644
index 0000000000..333ad4f609
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-373-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'z notation left binding bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2989;T&#x2989;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-373.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-373.xht
new file mode 100644
index 0000000000..3824ddc628
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-373.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'z notation left binding bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-373-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'z notation left binding bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2989;T&#x2989;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-374-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-374-ref.xht
new file mode 100644
index 0000000000..d38fd0e906
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-374-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left square bracket with underbar' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x298B;T&#x298B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-374.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-374.xht
new file mode 100644
index 0000000000..7ef6a58acd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-374.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left square bracket with underbar' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-374-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left square bracket with underbar'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x298B;T&#x298B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-375-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-375-ref.xht
new file mode 100644
index 0000000000..4b3402c6ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-375-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left square bracket with tick in top corner' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x298D;T&#x298D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-375.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-375.xht
new file mode 100644
index 0000000000..4291c0e105
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-375.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left square bracket with tick in top corner' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-375-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left square bracket with tick in top corner'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x298D;T&#x298D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-376-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-376-ref.xht
new file mode 100644
index 0000000000..154aa4c15e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-376-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left square bracket with tick in bottom corner' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x298F;T&#x298F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-376.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-376.xht
new file mode 100644
index 0000000000..39899ed7e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-376.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left square bracket with tick in bottom corner' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-376-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left square bracket with tick in bottom corner'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x298F;T&#x298F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-377-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-377-ref.xht
new file mode 100644
index 0000000000..c73e2b8f95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-377-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left angle bracket with dot' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2991;T&#x2991;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-377.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-377.xht
new file mode 100644
index 0000000000..3696d834b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-377.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left angle bracket with dot' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-377-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left angle bracket with dot'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2991;T&#x2991;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-378-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-378-ref.xht
new file mode 100644
index 0000000000..5224bc29e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-378-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left arc less-than bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2993;T&#x2993;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-378.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-378.xht
new file mode 100644
index 0000000000..9bc85b4d9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-378.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left arc less-than bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-378-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left arc less-than bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2993;T&#x2993;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-379-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-379-ref.xht
new file mode 100644
index 0000000000..d5180e2010
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-379-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'double left arc greater-than bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2995;T&#x2995;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-379.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-379.xht
new file mode 100644
index 0000000000..c52505b578
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-379.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'double left arc greater-than bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-379-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'double left arc greater-than bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2995;T&#x2995;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-380-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-380-ref.xht
new file mode 100644
index 0000000000..40c7b8524a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-380-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left black tortoise shell bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x2997;T&#x2997;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-380.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-380.xht
new file mode 100644
index 0000000000..0680a8c905
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-380.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left black tortoise shell bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-380-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left black tortoise shell bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x2997;T&#x2997;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-381-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-381-ref.xht
new file mode 100644
index 0000000000..15f58471c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-381-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left wiggly fence' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x29D8;T&#x29D8;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-381.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-381.xht
new file mode 100644
index 0000000000..4e92ec0196
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-381.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left wiggly fence' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-381-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left wiggly fence'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x29D8;T&#x29D8;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-382-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-382-ref.xht
new file mode 100644
index 0000000000..37e364a8e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-382-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left double wiggly fence' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x29DA;T&#x29DA;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-382.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-382.xht
new file mode 100644
index 0000000000..873e149662
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-382.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left double wiggly fence' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-382-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left double wiggly fence'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x29DA;T&#x29DA;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-383-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-383-ref.xht
new file mode 100644
index 0000000000..c309ac1971
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-383-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left-pointing curved angle bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x29FC;T&#x29FC;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-383.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-383.xht
new file mode 100644
index 0000000000..578da84d0b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-383.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left-pointing curved angle bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-383-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left-pointing curved angle bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x29FC;T&#x29FC;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-384-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-384-ref.xht
new file mode 100644
index 0000000000..9c1961a713
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-384-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left angle bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x3008;T&#x3008;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-384.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-384.xht
new file mode 100644
index 0000000000..74cf8b6e40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-384.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left angle bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-384-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left angle bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x3008;T&#x3008;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-385-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-385-ref.xht
new file mode 100644
index 0000000000..8208d9e9a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-385-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left double angle bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x300A;T&#x300A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-385.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-385.xht
new file mode 100644
index 0000000000..a7cc533d36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-385.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left double angle bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-385-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left double angle bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x300A;T&#x300A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-386-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-386-ref.xht
new file mode 100644
index 0000000000..eed90d6fa0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-386-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left corner bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x300C;T&#x300C;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-386.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-386.xht
new file mode 100644
index 0000000000..0e59afa4ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-386.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left corner bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-386-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left corner bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x300C;T&#x300C;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-387-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-387-ref.xht
new file mode 100644
index 0000000000..f21171a94e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-387-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left white corner bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x300E;T&#x300E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-387.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-387.xht
new file mode 100644
index 0000000000..e75fd567a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-387.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left white corner bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-387-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left white corner bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x300E;T&#x300E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-388-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-388-ref.xht
new file mode 100644
index 0000000000..291d452d36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-388-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left black lenticular bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x3010;T&#x3010;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-388.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-388.xht
new file mode 100644
index 0000000000..19e24082cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-388.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left black lenticular bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-388-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left black lenticular bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x3010;T&#x3010;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-389-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-389-ref.xht
new file mode 100644
index 0000000000..1e62102a45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-389-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left tortoise shell bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x3014;T&#x3014;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-389.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-389.xht
new file mode 100644
index 0000000000..8bbfee937e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-389.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left tortoise shell bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-389-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left tortoise shell bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x3014;T&#x3014;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-390-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-390-ref.xht
new file mode 100644
index 0000000000..217815f932
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-390-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left white lenticular bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x3016;T&#x3016;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-390.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-390.xht
new file mode 100644
index 0000000000..5b3f374c8a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-390.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left white lenticular bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-390-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left white lenticular bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x3016;T&#x3016;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-391-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-391-ref.xht
new file mode 100644
index 0000000000..8e35aa0192
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-391-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left white tortoise shell bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x3018;T&#x3018;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-391.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-391.xht
new file mode 100644
index 0000000000..b94c12f85d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-391.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left white tortoise shell bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-391-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left white tortoise shell bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x3018;T&#x3018;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-392-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-392-ref.xht
new file mode 100644
index 0000000000..ec04c185af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-392-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'left white square bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x301A;T&#x301A;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-392.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-392.xht
new file mode 100644
index 0000000000..12d5c0a924
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-392.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'left white square bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-392-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'left white square bracket' ." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x301A;T&#x301A;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-393-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-393-ref.xht
new file mode 100644
index 0000000000..fbfe6cc7bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-393-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'reversed double prime quotation mark' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#x301D;T&#x301D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-393.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-393.xht
new file mode 100644
index 0000000000..170a4b0fa6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-393.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'reversed double prime quotation mark' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-393-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'reversed double prime quotation mark'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#x301D;T&#x301D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-394-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-394-ref.xht
new file mode 100644
index 0000000000..9969169c14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-394-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'ornate left parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFD3E;T&#xFD3E;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-394.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-394.xht
new file mode 100644
index 0000000000..f86439f8ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-394.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'ornate left parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-394-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'ornate left parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFD3E;T&#xFD3E;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-395-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-395-ref.xht
new file mode 100644
index 0000000000..847d12c90b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-395-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical left white lenticular bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE17;T&#xFE17;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-395.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-395.xht
new file mode 100644
index 0000000000..a1c9d37c09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-395.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical left white lenticular bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-395-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical left white lenticular bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE17;T&#xFE17;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-396-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-396-ref.xht
new file mode 100644
index 0000000000..c19443bf4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-396-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical left parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE35;T&#xFE35;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-396.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-396.xht
new file mode 100644
index 0000000000..1ca69404d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-396.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical left parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-396-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical left parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE35;T&#xFE35;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-397-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-397-ref.xht
new file mode 100644
index 0000000000..3092170b67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-397-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical left curly bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE37;T&#xFE37;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-397.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-397.xht
new file mode 100644
index 0000000000..e46490cfdc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-397.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical left curly bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-397-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical left curly bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE37;T&#xFE37;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-398-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-398-ref.xht
new file mode 100644
index 0000000000..0707b0de49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-398-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical left tortoise shell bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE39;T&#xFE39;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-398.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-398.xht
new file mode 100644
index 0000000000..f43ddddf24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-398.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical left tortoise shell bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-398-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical left tortoise shell bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE39;T&#xFE39;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-399-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-399-ref.xht
new file mode 100644
index 0000000000..3fb9b4b6f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-399-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical left black lenticular bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE3B;T&#xFE3B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-399.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-399.xht
new file mode 100644
index 0000000000..804307306d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-399.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical left black lenticular bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-399-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical left black lenticular bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE3B;T&#xFE3B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-400-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-400-ref.xht
new file mode 100644
index 0000000000..43f6464cab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-400-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical left double angle bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE3D;T&#xFE3D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-400.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-400.xht
new file mode 100644
index 0000000000..7987af2244
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-400.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical left double angle bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-400-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical left double angle bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE3D;T&#xFE3D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-401-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-401-ref.xht
new file mode 100644
index 0000000000..4d84f8bc07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-401-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical left angle bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE3F;T&#xFE3F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-401.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-401.xht
new file mode 100644
index 0000000000..468370e0cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-401.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical left angle bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-401-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical left angle bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE3F;T&#xFE3F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-402-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-402-ref.xht
new file mode 100644
index 0000000000..d71d4c7769
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-402-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical left corner bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE41;T&#xFE41;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-402.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-402.xht
new file mode 100644
index 0000000000..e803fb0b41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-402.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical left corner bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-402-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical left corner bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE41;T&#xFE41;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-403-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-403-ref.xht
new file mode 100644
index 0000000000..027e8cc4b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-403-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical left white corner bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE43;T&#xFE43;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-403.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-403.xht
new file mode 100644
index 0000000000..80fe83281e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-403.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical left white corner bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-403-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical left white corner bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE43;T&#xFE43;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-404-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-404-ref.xht
new file mode 100644
index 0000000000..527db92bfc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-404-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'presentation form for vertical left square bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE47;T&#xFE47;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-404.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-404.xht
new file mode 100644
index 0000000000..67ce216676
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-404.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'presentation form for vertical left square bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-404-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'presentation form for vertical left square bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE47;T&#xFE47;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-405-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-405-ref.xht
new file mode 100644
index 0000000000..6a95dd6be1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-405-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small left parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE59;T&#xFE59;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-405.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-405.xht
new file mode 100644
index 0000000000..1f09b6b403
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-405.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small left parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-405-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small left parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE59;T&#xFE59;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-406-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-406-ref.xht
new file mode 100644
index 0000000000..4d138e1b41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-406-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small left curly bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE5B;T&#xFE5B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-406.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-406.xht
new file mode 100644
index 0000000000..71a8f3f0b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-406.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small left curly bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-406-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small left curly bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE5B;T&#xFE5B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-407-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-407-ref.xht
new file mode 100644
index 0000000000..4ad5dfee17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-407-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'small left tortoise shell bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFE5D;T&#xFE5D;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-407.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-407.xht
new file mode 100644
index 0000000000..7ac03741dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-407.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'small left tortoise shell bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-407-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'small left tortoise shell bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFE5D;T&#xFE5D;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-408-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-408-ref.xht
new file mode 100644
index 0000000000..a8049f2e81
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-408-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth left parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF08;T&#xFF08;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-408.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-408.xht
new file mode 100644
index 0000000000..fec44ddc4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-408.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth left parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-408-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth left parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF08;T&#xFF08;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-409-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-409-ref.xht
new file mode 100644
index 0000000000..39a666d6aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-409-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth left square bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF3B;T&#xFF3B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-409.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-409.xht
new file mode 100644
index 0000000000..869e7c009c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-409.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth left square bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-409-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth left square bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF3B;T&#xFF3B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-410-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-410-ref.xht
new file mode 100644
index 0000000000..440e8501b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-410-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth left curly bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF5B;T&#xFF5B;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-410.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-410.xht
new file mode 100644
index 0000000000..909fc8817f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-410.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth left curly bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-410-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth left curly bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF5B;T&#xFF5B;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-411-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-411-ref.xht
new file mode 100644
index 0000000000..ff38f31eb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-411-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'fullwidth left white parenthesis' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF5F;T&#xFF5F;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-411.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-411.xht
new file mode 100644
index 0000000000..902d37bac5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-411.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'fullwidth left white parenthesis' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-411-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'fullwidth left white parenthesis'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF5F;T&#xFF5F;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-412-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-412-ref.xht
new file mode 100644
index 0000000000..bc02e2293f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-412-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference: Green 'halfwidth left corner bracket' punctuation character</title>
+ <style type="text/css">
+ span
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div><span>&#xFF62;T&#xFF62;</span>est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-412.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-412.xht
new file mode 100644
index 0000000000..2fe316e6a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-punctuation-412.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with the 'halfwidth left corner bracket' punctuation character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-punctuation-412-ref.xht" />
+ <meta name="assert" content="Punctuation characters defined in Unicode [UNICODE] in (Ps),(Pe),(Pi),(Pf) and (Po) punctuation classes that precede or follow the first letter are included in first-letter selection - 'halfwidth left corner bracket'." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ font-size: 36px;
+ line-height: 2;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "T" and surrounding punctuation below are green.</p>
+ <div>&#xFF62;T&#xFF62;est</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-001-ref.xht
new file mode 100644
index 0000000000..054b9fe1e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-001-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <style type="text/css">
+ div { color: black; }
+ span#letter { color: green; }
+ </style>
+</head>
+<body>
+ <div><span id="letter">"T</span>his is text"</div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-001.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-001.xht
new file mode 100644
index 0000000000..60225a6977
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-001.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-quote-001-ref.xht"/>
+ <style type="text/css">
+ div { color: black; }
+ div:first-letter { color: green; }
+ </style>
+</head>
+<body>
+ <div>"This is text"</div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-002.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-002.xht
new file mode 100644
index 0000000000..7edb6039f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-002.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-quote-001-ref.xht"/>
+ <style type="text/css">
+ div { color: black; }
+ div:first-letter { color: green; }
+ span:before { content: open-quote; }
+ span:after { content: close-quote; }
+ span { quotes: '"' '"'; }
+ </style>
+</head>
+<body>
+ <div><span>This is text</span></div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-003.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-003.xht
new file mode 100644
index 0000000000..6effc96964
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-003.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-quote-001-ref.xht"/>
+ <style type="text/css">
+ div { color: black; }
+ div:first-letter { color: green; }
+ span:before { content: open-quote "This "; }
+ span:after { content: close-quote; }
+ span { quotes: '"' '"'; }
+ </style>
+</head>
+<body>
+ <div><span>is text</span></div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-004.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-004.xht
new file mode 100644
index 0000000000..81b4884f0b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-004.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-quote-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <style type="text/css">
+ div { color: black; }
+ div:first-letter { color: green; }
+ </style>
+</head>
+<body>
+ <div><span></span></div>
+ <script type="text/javascript">
+ document.body.offsetWidth;
+ document.getElementsByTagName("span")[0].
+ appendChild(document.createTextNode('"'));
+ document.getElementsByTagName("span")[0].
+ appendChild(document.createTextNode('This is text"'));
+ </script>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-005.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-005.xht
new file mode 100644
index 0000000000..b9a30fac4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-005.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-quote-001-ref.xht"/>
+ <style type="text/css">
+ div { color: black; }
+ div:first-letter { color: green; }
+ </style>
+</head>
+<body>
+ <div><a>"<span>This is text</span>"</a></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-006.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-006.xht
new file mode 100644
index 0000000000..ecad3107c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-quote-006.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-letter</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-quote-001-ref.xht"/>
+ <style type="text/css">
+ div { color: black; }
+ div:first-letter { color: green; }
+ span:before { content: "\"This "; }
+ </style>
+</head>
+<body>
+ <div><span>is text"</span></div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-000-ref.html b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-000-ref.html
new file mode 100644
index 0000000000..ea97ba2a17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-000-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<title>CSS Reftest Reference</title>
+<style>
+ div {
+ color: green;
+ font: 2em sans-serif;
+ }
+</style>
+<body>
+ <p>This next line should be green:</p>
+ <div>TESTING</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-000.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-000.xht
new file mode 100644
index 0000000000..0fdef1893b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-000.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: :first-letter in XML</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-letter/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-selector-000-ref.html" />
+ <style type="text/css">
+ .test { float: left; font: 2em sans-serif; }
+ .test:first-letter { color: green; }
+ </style>
+ </head>
+ <body>
+ <p>This next line should be green:</p>
+ <div class="test">T</div>
+ <div class="test"><![CDATA[E]]></div>
+ <div class="test">&#x0053;</div>
+ <div class="test"><div>T</div></div> <!-- debatable, CSS2.1 should clarify this -->
+ <div class="test"> I </div>
+ <div class="test"><!-- FAIL -->N</div>
+ <div class="test">
+G</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-001-ref.html b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-001-ref.html
new file mode 100644
index 0000000000..625c2f5c15
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-001-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<title>CSS Reftest Reference</title>
+<style>
+ span {
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the letter "F" below is green.</p>
+ <div><span>F</span>iller Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-001.xht
new file mode 100644
index 0000000000..d62f1aeeea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter pseudo-element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-selector-001-ref.html" />
+ <meta name="assert" content="The :first-letter pseudo-element matches the first letter in a given element." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-002-ref.html b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-002-ref.html
new file mode 100644
index 0000000000..39d40455a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-002-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<title>CSS Reftest Reference</title>
+<body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div><img alt="15x15 blue box" src="support/blue15x15.png" />Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-002.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-002.xht
new file mode 100644
index 0000000000..982c64dbc2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter pseudo-element with image missing alt text</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-selector-002-ref.html" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="If there is preceding content (an image) or alt text the :first-letter pseudo-element does not match the first letter." />
+ <style type="text/css">
+ #div1:first-letter
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="div1"><img alt="15x15 blue box" src="support/blue15x15.png" />Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-003-ref.html b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-003-ref.html
new file mode 100644
index 0000000000..a818e1a7d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-003-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<title>CSS Reftest Reference</title>
+<style>
+ span {
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the number "4" below is green.</p>
+ <div><span>4</span>2 Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-003.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-003.xht
new file mode 100644
index 0000000000..d5d6f4bb82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-003.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter as a digit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-selector-003-ref.html" />
+ <meta name="assert" content="The ':first-letter' applies if the first letter is a digit." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the number "4" below is green.</p>
+ <div>42 Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-004.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-004.xht
new file mode 100644
index 0000000000..0c8f32fe72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-004.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter and :before</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-selector-001-ref.html" />
+ <meta name="assert" content="If an element has ':before' or ':after' content, the ':first-letter applies to the first letter of the element including that content." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ }
+ div:before
+ {
+ color: black;
+ content: "Filler Text";
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" below is green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-005-ref.html b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-005-ref.html
new file mode 100644
index 0000000000..d64537c238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-005-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<title>CSS Reftest Reference</title>
+<body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div><br />Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-005.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-005.xht
new file mode 100644
index 0000000000..32c7d93ea3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-005.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with leading line break</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-selector-005-ref.html" />
+ <meta name="assert" content="The first letter occurs on the first formatted line." />
+ <style type="text/css">
+ div:first-letter
+ {
+ background: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div><br />Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-006.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-006.xht
new file mode 100644
index 0000000000..e37dd925c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-006.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with list items</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <meta name="assert" content="If an element is a list item, the ':first-letter' applies to the first letter in the principal box after the marker." />
+ <style type="text/css">
+ li:first-letter
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" in the words "Filler Text" are all green, and the preceding marker bullets match the marker bullet at the bottom of the list.</p>
+ <ul>
+ <li>Filler Text</li>
+ <li>Filler Text</li>
+ <li>Filler Text</li>
+ </ul>
+ <ul>
+ <li></li>
+ </ul>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-007-ref.html b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-007-ref.html
new file mode 100644
index 0000000000..4c2801b0aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-007-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<title>CSS Reftest Reference</title>
+<style>
+ span {
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the letter "F" below is green.</p>
+ <table>
+ <tr>
+ <td><span>F</span>iller Text</td>
+ </tr>
+ </table>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-007.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-007.xht
new file mode 100644
index 0000000000..4e09d09679
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-007.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with table cell elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-selector-007-ref.html" />
+ <meta name="assert" content="The :first-letter pseudo-element applies to table-cells." />
+ <style type="text/css">
+ td:first-letter
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" below is green.</p>
+ <table>
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-008.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-008.xht
new file mode 100644
index 0000000000..a3664bbbef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-008.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with inline-block elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-selector-001-ref.html" />
+ <meta name="assert" content="The first-letter pseudo-element applies to inline-block elements." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ }
+ div
+ {
+ display: inline-block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-009.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-009.xht
new file mode 100644
index 0000000000..7ac690934c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-009.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter and valid properties</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <meta name="assert" content="The color, font-size, text-decoration, text-transform, background and border properties apply to :first-letter." />
+ <style type="text/css">
+ div p:first-letter, span
+ {
+ border: 3px solid black;
+ color: silver;
+ font-size: 36px;
+ text-decoration: underline;
+ text-transform: lowercase;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letters below have the same background, border, underline, are the same size, and are in lowercase.</p>
+ <div>
+ <span>T</span>
+ <p>T</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-010.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-010.xht
new file mode 100644
index 0000000000..213ba675bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-010.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter as a float</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <meta name="assert" content="The float property applies to :first-letter." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ float: right;
+ font-size: 36px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green letter "T" to the right of the "Filler Text" below.</p>
+ <div>TFiller Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-011.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-011.xht
new file mode 100644
index 0000000000..8ee18cc477
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-011.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter using letter-spacing property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <meta name="assert" content="The letter-spacing property is allowed for :first-letter." />
+ <style type="text/css">
+ div p:first-letter, span
+ {
+ color: green;
+ letter-spacing: 45px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two sentences below look identical.</p>
+ <div>
+ <span>T</span>hese sentences should look identical.
+ <p>These sentences should look identical.</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-012.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-012.xht
new file mode 100644
index 0000000000..74ca7176f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-012.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter using margin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <meta name="assert" content="The margin property is allowed for :first-letter." />
+ <style type="text/css">
+ div p:first-letter, span
+ {
+ color: green;
+ margin: 15px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two lines of text below look identical.</p>
+ <div>
+ <span>F</span>iller Text Filler Text Filler Text
+ <p>Filler Text Filler Text Filler Text</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-013.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-013.xht
new file mode 100644
index 0000000000..1c9b77aacf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-013.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter using background and padding</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <meta name="assert" content="The background and padding properties is allowed for :first-letter." />
+ <style type="text/css">
+ div
+ {
+ margin-top: 40px;
+ }
+ div div:first-letter, span
+ {
+ background: aqua;
+ color: green;
+ padding: 24px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two lines of text below look identical.</p>
+ <div>
+ <span>F</span>iller Text Filler Text Filler Text
+ <br /><br />
+ <div>Filler Text Filler Text Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-014.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-014.xht
new file mode 100644
index 0000000000..f02534582e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-014.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter using vertical-align and line-height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <meta name="assert" content="The vertical-align and line-height properties is allowed for :first-letter." />
+ <style type="text/css">
+ div p:first-letter, span
+ {
+ color: green;
+ font-size: 32px;
+ line-height: 64px;
+ vertical-align: top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two lines of text below look identical.</p>
+ <div>
+ <span>F</span>iller Text Filler Text Filler Text
+ <p>Filler Text Filler Text Filler Text</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-015.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-015.xht
new file mode 100644
index 0000000000..210b2d523b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-015.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with img alt text</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The ':first-letter' pseudo-element can be used with all such elements that contain text, or that have a descendant in the same flow that contains text." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if one and ony one of the following cases are true:</p>
+ <ul>
+ <li>If the two words "Missing image" are shown and the capital "M" is green.</li>
+ <li>If a missing image icon is shown and the text "Missing image" is shown.</li>
+ <li>If only a missing image icon is shown.</li>
+ <li>If nothing is rendered below.</li>
+ </ul>
+ <div>
+ <img src="#" alt="Missing image" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-016.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-016.xht
new file mode 100644
index 0000000000..1ae28b9636
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-016.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with img preceding text</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="First-letter selects the first letter of a block if it is not preceded by any other content on its line." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <img src="support/green15x15.png" alt="15x15 green box" />Filler Text
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-017.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-017.xht
new file mode 100644
index 0000000000..8f5facd894
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-017.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-block usage with :first-letter</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="assert" content="The first letter of an inline-block cannot be the first letter of an ancestor element." />
+ <style type="text/css">
+ div:first-letter
+ {
+ background: red;
+ }
+ div p
+ {
+ display: inline-block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <p>Filler Text</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-018.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-018.xht
new file mode 100644
index 0000000000..a19697ac10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-018.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with punctuation</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <meta name="assert" content="The ':first-letter' pseudo-element also applies to punctuation." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the quote and the letter "F" of the "Filler Text" below is green.</p>
+ <div>"Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-019.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-019.xht
new file mode 100644
index 0000000000..f4ae8bc545
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-019.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter in descendents</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <link rel="match" href="first-letter-selector-001-ref.html" />
+ <meta name="assert" content="A user agent acts as if the fictional start tag of the first-letter pseudo-element is just before the first text of the element, even if that first text is in a descendant." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" below is green.</p>
+ <div>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-020.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-020.xht
new file mode 100644
index 0000000000..4cc9abdd78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-020.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter and language specific letter combinations</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="Some letter combinations in some languages may be considered part of the first-letter pseudo-element." />
+ <style type="text/css">
+ div
+ {
+ font-size: 50px;
+ }
+ div:first-letter
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both letters "ij" are green or if only the "i" is green.</p>
+ <div lang="nl">ijFiller Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-021.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-021.xht
new file mode 100644
index 0000000000..d3ba2e9f5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-021.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter on list-style-position: inside</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="User agents may ignore ':first-letter' on list items with 'list-style-position: inside'." />
+ <style type="text/css">
+ li:first-letter
+ {
+ color: green;
+ }
+ .inside
+ {
+ list-style-position: inside;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes regardless if the letter "F" in the "Filler Text" below is green.</p>
+ <ul>
+ <li class="inside">Filler Text</li>
+ </ul>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-022.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-022.xht
new file mode 100644
index 0000000000..a35651a700
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-022.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter in different elements than its punctuation</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="If the letters that would form the first-letter are not in the same element the user agent may create a first-letter pseudo-element from one of the elements, both elements, or simply not create a pseudo-element." />
+ <style type="text/css">
+ div:first-letter
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes regardless if the leading quote, the letter "T" and the following quote are green.</p>
+ <div>"<em>T</em>"</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-023.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-023.xht
new file mode 100644
index 0000000000..949305d294
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-023.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter on bidi text</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="If the first letter of the block is not at the start of the line (for example due to bidirectional reordering), then the user agent need not create the pseudo-element." />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ }
+ div:first-letter
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-024.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-024.xht
new file mode 100644
index 0000000000..7cd34b7796
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-024.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-cell usage with :first-letter</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="assert" content="The first letter of a table-cell cannot be the first letter of an ancestor element." />
+ <style type="text/css">
+ tr:first-letter
+ {
+ background: red;
+ font-size: 40px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-025.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-025.xht
new file mode 100644
index 0000000000..d46a852a78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-025.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter with table caption elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <meta name="assert" content="The :first-letter pseudo-element applies to table-captions." />
+ <style type="text/css">
+ caption:first-letter
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" below is green.</p>
+ <table>
+ <caption>Filler Text</caption>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-026.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-026.xht
new file mode 100644
index 0000000000..b62df8b8df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-026.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-Letter: Basic Test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-letter/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <style type="text/css">
+ p:first-letter { float: left; padding: 0.1em; border: solid; color: lime; background: green; }
+ </style>
+ </head>
+ <body>
+ <p>The first letter of this paragraph should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-027.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-027.xht
new file mode 100644
index 0000000000..1f51e18245
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-027.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-Letter: Basic Test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-letter/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
+ <style type="text/css">
+ p:first-letter { border: solid; padding: 0.1em; color: lime; background: green; }
+ </style>
+ </head>
+ <body>
+ <p>The first letter of this paragraph should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-028-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-028-ref.xht
new file mode 100644
index 0000000000..3a4b09658a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-028-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: blue;
+ font-size: 3em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 identical big blue "A" letters.</p>
+
+ <div>A</div>
+
+ <div>A</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-028.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-028.xht
new file mode 100644
index 0000000000..2780fdb830
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-028.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <!--
+ Inspired by
+ Bug 214004 - ::first-letter isn't applied if first letter is inside a child block
+ https://bugzilla.mozilla.org/show_bug.cgi?id=214004
+ -->
+
+ <title>CSS Test: First-letter - in-flow block descendant that contains text</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" title="5.12.2 The :first-letter pseudo-element" />
+ <link rel="match" href="first-letter-selector-028-ref.xht" />
+
+ <meta name="assert" content="The :first-letter pseudo-element can be used and will apply onto in-flow block descendant that contains text." />
+
+ <style type="text/css"><![CDATA[
+ div {color: white;}
+
+ div#test:first-letter, span#reference
+ {
+ color: blue;
+ font-size: 3em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 identical big blue "A" letters.</p>
+
+ <div id="test">
+ <div>Adivtest</div>
+ </div>
+
+ <div><span id="reference">A</span>spanref</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-029.xht b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-029.xht
new file mode 100644
index 0000000000..3cc9668ff5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-letter-selector-029.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <!--
+ Inspired by
+ Bug 8253: Can't dynamically add ::first-line / ::first-letter style
+ https://bugzilla.mozilla.org/show_bug.cgi?id=8253
+ -->
+
+ <title>CSS Test: First-letter - dynamic :hover pseudo-class</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" title="5.12.2 The :first-letter pseudo-element" />
+
+ <meta content="interact" name="flags" />
+ <meta content="The :first-letter pseudo-element can be used and will apply onto an :hover pseudo-class." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: white;
+ color: black;
+ font-size: 60px;
+ }
+
+ div:hover:first-letter
+ {
+ background-color: blue;
+ color: white;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the "T" letter (and only the "T" letter) becomes white on blue background when the mouse cursor hovers over "Text sample" or hovers over its right-hand side.</p>
+
+ <div>Text sample</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-001-ref.xht
new file mode 100644
index 0000000000..b94666764c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-001-ref.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <style type="text/css">
+ body { color: green }
+ </style>
+ </head>
+ <body>
+ This should be green
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-001.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-001.xht
new file mode 100644
index 0000000000..bc0bf1c4ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-001.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: :first-line</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="first-line-001-ref.xht"/>
+ <style type="text/css">
+ body { color: red }
+ body:first-line { color: green; }
+ </style>
+ </head>
+ <body>
+ This should be green
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-floats-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-floats-001-ref.xht
new file mode 100644
index 0000000000..51b9f849eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-floats-001-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <style type="text/css">
+ div { color: green }
+ </style>
+ </head>
+ <body>
+ <div><span style="float: left">This should be green</span></div>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-floats-001.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-floats-001.xht
new file mode 100644
index 0000000000..bdfab88156
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-floats-001.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-line</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="first-line-floats-001-ref.xht"/>
+ <style type="text/css">
+ div { color: green }
+ div:first-line { color: red }
+ </style>
+ </head>
+ <body>
+ <div><span style="float: left">This should be green</span></div>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-floats-002.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-floats-002.xht
new file mode 100644
index 0000000000..827e77d40e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-floats-002.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-line</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="first-line-floats-001-ref.xht"/>
+ <style type="text/css">
+ div { color: red }
+ div:first-line { color: green }
+ </style>
+ </head>
+ <body>
+ <div><span><span style="float: left">This should be green</span></span></div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-floats-003.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-floats-003.xht
new file mode 100644
index 0000000000..fd1e92e1af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-floats-003.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-line</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="first-line-floats-001-ref.xht"/>
+ <style type="text/css">
+ div { color: green }
+ div:first-line { color: red }
+ </style>
+ </head>
+ <body>
+ <div>
+ <span style="float: left" class="some value">
+ This should be green
+ </span>
+ </div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-floats-004.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-floats-004.xht
new file mode 100644
index 0000000000..e80aee2e80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-floats-004.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-line</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="first-line-floats-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+ <style type="text/css">
+ div { color: green }
+ div:first-line { color: red }
+ </style>
+ <script type="text/javascript">
+ function runTest() {
+ var s = document.createElement("span");
+ s.setAttribute("style", "float: left");
+ s.appendChild(document.createTextNode("This should be green"));
+ var i = document.getElementById("i");
+ i.parentNode.insertBefore(s, i);
+ }
+ </script>
+ </head>
+ <body onload="runTest()">
+ <div><span id="i"></span></div>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-001-ref.xht
new file mode 100644
index 0000000000..5cb18cb05b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-001-ref.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<style type="text/css">
+
+.a { overflow: scroll; }
+.b, .c { overflow: inherit; }
+
+</style>
+</head>
+<body>
+
+<div class="a"><span class="b"><div class="c"></div></span></div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-001.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-001.xht
new file mode 100644
index 0000000000..99e18fb8f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-line</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="first-line-inherit-001-ref.xht"/>
+<style type="text/css">
+
+.a:first-line { }
+.a { overflow: scroll; }
+.b, .c { overflow: inherit; }
+
+</style>
+</head>
+<body>
+
+<div class="a"><span class="b"><div class="c"></div></span></div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-002-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-002-ref.xht
new file mode 100644
index 0000000000..cd2a107456
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-002-ref.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <style type="text/css">
+ div { background: green; }
+ </style>
+ </head>
+ <body>
+ <div>OneTwo</div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-002.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-002.xht
new file mode 100644
index 0000000000..41409a6019
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-002.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-line</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="first-line-inherit-002-ref.xht"/>
+ <style type="text/css">
+ div { background: green; }
+ div:first-line { background-color: red; }
+ span.one { background: inherit; }
+ span.two { background-color: inherit; }
+ </style>
+ </head>
+ <body>
+ <div><span class="one">One</span><span class="two">Two</span></div>
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-003-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-003-ref.xht
new file mode 100644
index 0000000000..375539f89b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-003-ref.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <style type="text/css">
+ div { background: green; }
+ </style>
+ </head>
+ <body>
+ <div><p>OneTwo</p></div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-003.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-003.xht
new file mode 100644
index 0000000000..856d4a0587
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-inherit-003.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: :first-line</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="first-line-inherit-003-ref.xht"/>
+ <style type="text/css">
+ div, p { background: green; }
+ div:first-line, p:first-line { background-color: red; }
+ span.one { background: inherit; }
+ span.two { background-color: inherit; }
+ </style>
+ </head>
+ <body>
+ <div><p><span class="one">One</span><span class="two">Two</span></p></div>
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-001.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-001.xht
new file mode 100644
index 0000000000..60d38500e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS Block Box Model: first-line and anonymous boxes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/first-line/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <style type="text/css">
+ div { color: red; }
+ :first-line { color: green; }
+ p, p:first-line { color: black; background: white; }
+ </style>
+ </head>
+ <body>
+ <p>The following lines should all be green (assuming none of them wrap onto more than one line).</p>
+ <div>
+ <div> This line should be green. </div>
+ &nbsp;
+ <div> This line should be green. </div>
+ &nbsp;
+ <div> This line should be green. </div>
+ &nbsp;
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-002.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-002.xht
new file mode 100644
index 0000000000..3b745a29db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS Block Box Model: first-line and anonymous boxes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/first-line/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <style type="text/css">
+ div { color: green; }
+ :first-line { color: red; }
+ p, p:first-line { color: black; background: white; }
+ </style>
+ </head>
+ <body>
+ <p>The following lines should all be green (assuming none of them wrap onto more than one line).</p>
+ <div>
+ <div> &nbsp; </div>
+ This line should be green.
+ <div> &nbsp; </div>
+ This line should be green.
+ <div> &nbsp; </div>
+ This line should be green.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-004.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-004.xht
new file mode 100644
index 0000000000..8c652b7bec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-004.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS Block Box Model: first-line and anonymous boxes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/first-line/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <style type="text/css">
+ div { color: red; }
+ :first-line { color: green; }
+ p, p:first-line { color: black; background: white; }
+ </style>
+ </head>
+ <body>
+ <p>The following lines should all be green (assuming none of them wrap onto more than one line).</p>
+ <div>
+ This line should be green.
+ <div> This line should be green. </div>
+ &nbsp;
+ <div> This line should be green. </div>
+ &nbsp;
+ <div> This line should be green. </div>
+ &nbsp;
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-005.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-005.xht
new file mode 100644
index 0000000000..17f16d75b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS Block Box Model: first-line and anonymous boxes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/first-line/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <style type="text/css">
+ div { color: green; }
+ :first-line { color: red; }
+ p, p:first-line { color: black; background: white; }
+ </style>
+ </head>
+ <body>
+ <p>The following lines should all be green (assuming none of them wrap onto more than one line).</p>
+ <div>
+ &nbsp;
+ <div> &nbsp; </div>
+ This line should be green.
+ <div> &nbsp; </div>
+ This line should be green.
+ <div> &nbsp; </div>
+ This line should be green.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-007.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-007.xht
new file mode 100644
index 0000000000..6cdacc6058
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-007.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS Block Box Model: first-line and anonymous boxes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/first-line/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <style type="text/css">
+ div { color: red; }
+ div div { float: right; }
+ :first-line { color: green; }
+ </style>
+ </head>
+ <body>
+ <div>
+ <div></div>
+ This text should be green.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-008.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-008.xht
new file mode 100644
index 0000000000..19b867f7e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-008.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS Block Box Model: first-line and anonymous boxes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/first-line/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <style type="text/css">
+ div { color: red; }
+ div div { display: none; }
+ :first-line { color: green; }
+ </style>
+ </head>
+ <body>
+ <div>
+ <div></div>
+ This text should be green.
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-010.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-010.xht
new file mode 100644
index 0000000000..f07bb02c0b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-010.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS Block Box Model: first-line and borders</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/first-line/010.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <style type="text/css">
+ .test { border: solid green; }
+ :first-line { }
+ </style>
+ </head>
+ <body>
+ <!-- This specifically tests for an IE6 Preview bug. It only occurs
+ if the selector is a class or id selector, or a combination thereof,
+ without any other selector or combinator. -->
+ <p class="test">The text should have a solid green border.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-011.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-011.xht
new file mode 100644
index 0000000000..8d84e87fff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-011.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: :first-line and margin collapsing</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/first-line/011.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <style type="text/css">
+ td { width: 8em; padding: 0; border: solid; }
+ .test { background: orange; }
+ .test .a { margin: 0 0 1em 0; background: teal; height: 1em; }
+ .test .b { margin: 0 0 0 0; background: red; }
+ .test .c { margin: 1em 0 0 0; background: yellow; height: 1em; }
+ .test.fl .b:first-line { color: red; }
+ .control { background: red; }
+ .control .a { border-top: 1em teal solid; }
+ .control .b { border-top: 1em orange solid; }
+ .control .c { border-top: 1em yellow solid; }
+ </style>
+ </head>
+ <body>
+ <p>The next three boxes should look identical. (If the second and
+ third look different, then margin collapsing through empty elements
+ is broken. Go to <a href="../margin-collapse/">these tests</a> for
+ more details.)</p>
+ <table>
+ <tr>
+ <td class="fl test">
+ <div class="a"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ </td>
+ <td class="test">
+ <div class="a"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ </td>
+ <td class="control">
+ <div class="a"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-012-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-012-ref.xht
new file mode 100644
index 0000000000..3e867f90a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-012-ref.xht
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ .reference
+ {
+ border: solid black;
+ margin-top: 50px;
+ width: 50px;
+ }
+
+ .aqua40
+ {
+ background-color: aqua;
+ height: 40px;
+ }
+
+ .fuchsia10
+ {
+ background-color: fuchsia;
+ height: 10px;
+ }
+
+ .yellow40
+ {
+ background-color: yellow;
+ height: 40px;
+ }
+
+ .aqua50
+ {
+ background-color: aqua;
+ height: 50px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The next three boxes should be pixel-perfect identical.</p>
+
+ <div class="reference">
+ <div class="aqua40"></div>
+ <div class="fuchsia10"></div>
+ <div class="yellow40"></div>
+ <div class="aqua50"></div>
+ </div>
+
+ <div class="reference">
+ <div class="aqua40"></div>
+ <div class="fuchsia10"></div>
+ <div class="yellow40"></div>
+ <div class="aqua50"></div>
+ </div>
+
+ <div class="reference">
+ <div class="aqua40"></div>
+ <div class="fuchsia10"></div>
+ <div class="yellow40"></div>
+ <div class="aqua50"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-012.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-012.xht
new file mode 100644
index 0000000000..4961f50e82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-012.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: vertical-align: length on :first-line</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-10-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/first-line/012.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="first-line-pseudo-012-ref.xht" />
+
+ <meta name="flags" content="ahem may" />
+
+ <!--
+ vertical-align may apply to :first-line selector but is not required by the spec.
+ More info:
+ http://lists.w3.org/Archives/Public/public-css-testsuite/2013Oct/0000.html
+ -->
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .container { font-size: 3.125em; }
+ .test, .control, .reference { border: solid black; width: 1em; }
+ .test, .control { font: 1em/1 Ahem; color: aqua; background: yellow; }
+ .a { background: fuchsia; }
+ .test:first-line, .control .first-line { vertical-align: 0.8em; }
+ .reference .ra { height: 0.8em; background: aqua; }
+ .reference .rb { height: 0.2em; background: fuchsia; }
+ .reference .rc { height: 0.8em; background: yellow; }
+ .reference .rd { height: 1.0em; background: aqua; }
+ </style>
+ </head>
+ <body>
+ <p>The next three boxes should be pixel-perfect identical.</p>
+ <div class="container">
+ <p class="test">
+ <span class="a">&Eacute;</span>
+ <span class="b">X</span>
+ </p>
+ <p class="control">
+ <span class="first-line"><span class="a">&Eacute;</span></span>
+ <span class="b">X</span>
+ </p>
+ <div class="reference">
+ <div class="ra"></div>
+ <div class="rb"></div>
+ <div class="rc"></div>
+ <div class="rd"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-013-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-013-ref.xht
new file mode 100644
index 0000000000..b1594fb4b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-013-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p#expected-results {margin: 3px;}
+
+ div
+ {
+ background-color: green;
+ height: 60px;
+ margin-bottom: 27px;
+ margin-left: 12px;
+ margin-top: 12px;
+ width: 195px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p id="expected-results">Test passes if there are 2 green filled green rectangles and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-013.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-013.xht
new file mode 100644
index 0000000000..b8052b55ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-013.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: vertical-align: top on :first-line</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-10-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/first-line/013.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="first-line-pseudo-013-ref.xht" />
+
+ <meta name="flags" content="ahem may" />
+
+ <!--
+ vertical-align may apply to :first-line selector but is not required by the spec.
+ More info:
+ http://lists.w3.org/Archives/Public/public-css-testsuite/2013Oct/0000.html
+ -->
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ p#expected-results {margin: 3px;}
+ p { margin: 0.2em; }
+ .control, .test { font: 3.75em/1 Ahem; color: green; }
+ .first-line, .test:first-line { background: red; vertical-align: top; }
+ .inner { font-size: 1.25em; vertical-align: bottom; }
+ </style>
+ </head>
+ <body>
+ <p id="expected-results">Test passes if there are 2 green filled green rectangles and <strong>no red</strong>.</p>
+ <p class="control"><span class="first-line">X<span class="inner">&Eacute;</span>X</span></p>
+ <p class="test">X<span class="inner">&Eacute;</span>X</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-014.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-014.xht
new file mode 100644
index 0000000000..7df62248c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-014.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: vertical-align: top on :first-line</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-10-06 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/first-line/014.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="first-line-pseudo-013-ref.xht" />
+
+ <meta name="flags" content="ahem may" />
+
+ <!--
+ vertical-align may apply to :first-line selector but is not required by the spec.
+ More info:
+ http://lists.w3.org/Archives/Public/public-css-testsuite/2013Oct/0000.html
+ -->
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ p#expected-results {margin: 3px;}
+ p { margin: 0.2em; }
+ .control, .test { font: 3.75em/1 Ahem; color: green; }
+ .first-line, .test:first-line { background: red; vertical-align: top; }
+ .inner { font-size: 1.25em; vertical-align: top; }
+ </style>
+ </head>
+ <body>
+ <p id="expected-results">Test passes if there are 2 green filled green rectangles and <strong>no red</strong>.</p>
+ <p class="control"><span class="first-line">X<span class="inner">&Eacute;</span>X</span></p>
+ <p class="test">X<span class="inner">&Eacute;</span>X</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-015-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-015-ref.xht
new file mode 100644
index 0000000000..00d60969ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-015-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 20px;
+ margin-left: 40px;
+ width: 140px;
+ }
+
+ div#first {margin-top: 96px}
+
+ div#second {margin-top: 80px;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 unbroken green stripes.</p>
+
+ <div id="first"></div>
+
+ <div id="second"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-015.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-015.xht
new file mode 100644
index 0000000000..c41f7763ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-015.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: vertical-align: bottom on :first-line</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-28 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/first-line/015.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="first-line-pseudo-015-ref.xht" />
+
+ <meta name="flags" content="ahem may" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .control, .test { font: 1.25em/1 Ahem; color: green; margin: 0 2em; }
+ .first-line, .test:first-line { background: red; vertical-align: bottom; }
+ .inner { font-size: 5em; vertical-align: bottom; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 unbroken green stripes.</p>
+ <p class="control"><span class="first-line">X<span class="inner">p</span>X</span></p>
+ <p class="test">X<span class="inner">p</span>X</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-016.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-016.xht
new file mode 100644
index 0000000000..3c0a911456
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-016.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: vertical-align: bottom on :first-line</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-06-03 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/first-line/016.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="first-line-pseudo-015-ref.xht" />
+
+ <meta name="flags" content="ahem may"/>
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .control, .test { font: 1.25em/1 Ahem; color: green; margin: 0 2em; }
+ .first-line, .test:first-line { background: red; vertical-align: bottom; }
+ .inner { font-size: 5em; vertical-align: top; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 unbroken green stripes.</p>
+ <p class="control"><span class="first-line">X<span class="inner">p</span>X</span></p>
+ <p class="test">X<span class="inner">p</span>X</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-017.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-017.xht
new file mode 100644
index 0000000000..9f43eca806
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-017.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-Line: Innermost vs outermost</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/001.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/001.html" type="type/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <style type="text/css">
+ p:first-line { background: red; color: yellow; }
+ span { background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <p><span>This should have a green background.</span></p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-018.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-018.xht
new file mode 100644
index 0000000000..e662ccfcf3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-018.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Basic :first-line test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/002.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/002.html" type="type/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
+ <style type="text/css">
+ p:first-line { color: green; }
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-019.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-019.xht
new file mode 100644
index 0000000000..3c29e0383a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-019.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Basic :first-line test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/003.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/003.html" type="type/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
+ <style type="text/css">
+ :first-line { color: green; }
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-020.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-020.xht
new file mode 100644
index 0000000000..d0c8ddcc0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-020.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Basic :first-line test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/004.xml" type="application/xhtml+xml"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/004.html" type="type/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
+ <style type="text/css">
+ *:first-line { color: green; }
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-021.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-021.xht
new file mode 100644
index 0000000000..d071fc0004
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-021.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-Line: Inheritance</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/005.html" type="type/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
+ <style type="text/css">
+ p { color: red; }
+ p:first-line { color: green; }
+ span { color: inherit; }
+ </style>
+ </head>
+ <body>
+ <p><span>This text should be green.</span></p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-README b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-README
new file mode 100644
index 0000000000..e4935fce19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-pseudo-README
@@ -0,0 +1,9 @@
+Tests 001-011 may be invalid and need to be checked against CSS2.1.
+
+For tests 012-016 you will need Todd Fahrner's Ahem font, which you
+can download from:
+
+ http://www.hixie.ch/resources/fonts/
+
+Versions for Mac, Unix and Windows are available.
+
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-001.xht
new file mode 100644
index 0000000000..dcbe2f232a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-line pseudo-element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="assert" content="The :first-line pseudo-element matches the first line of a given element." />
+ <style type="text/css">
+ div:first-line
+ {
+ color: green;
+ width: 30%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of the text below is green, but the other lines are not.</p>
+ <div>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-002.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-002.xht
new file mode 100644
index 0000000000..06fb857b6a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-002.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-line selector applicability to table cells</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="assert" content="The :first-line pseudo-element can be attached to a table-cell." />
+ <style type="text/css">
+ table
+ {
+ width: 100%
+ }
+ table td:first-line
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <table>
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-003.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-003.xht
new file mode 100644
index 0000000000..8686eeece7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table cells usage with :first-line</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="assert" content="The first line of a table-cell cannot be the first formatted line of an ancestor element." />
+ <style type="text/css">
+ table:first-line
+ {
+ background: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-004.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-004.xht
new file mode 100644
index 0000000000..b19368d4ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-004.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-line and in-flow block level descendents</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="assert" content="The 'first formatted line' of an element can occur inside a block-level descendant in the same flow." />
+ <style type="text/css">
+ div:first-line
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>
+ <p>Filler Text</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-006.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-006.xht
new file mode 100644
index 0000000000..192e0678e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-006.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-line and inline elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="assert" content="First-line applies to inline elements." />
+ <style type="text/css">
+ span:first-line,
+ div:first-line
+ {
+ background: red;
+ }
+ div
+ {
+ display: inline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <span>Filler Text</span>
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-007.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-007.xht
new file mode 100644
index 0000000000..0a53678901
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-007.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-line and font property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="assert" content="First-line allows font property." />
+ <style type="text/css">
+ #div1:first-line
+ {
+ font: 24px sans-serif;
+ }
+ #div2
+ {
+ font: 24px sans-serif;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two lines of text below look identical.</p>
+ <div id="div1">Filler Text Filler Text</div>
+ <div id="div2">Filler Text Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-008.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-008.xht
new file mode 100644
index 0000000000..aeb3dd628a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-line and allowed properties</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="assert" content="First-line allows letter-spacing, text-decoration, text-transform and line-height properties." />
+ <style type="text/css">
+ #div1:first-line, #div2
+ {
+ font: 24px sans-serif;
+ color: gray;
+ letter-spacing: 5px;
+ text-decoration: underline;
+ text-transform: capitalize;
+ line-height: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two lines of text below look identical.</p>
+ <div id="div1">filler text filler text filler text</div>
+ <div id="div2">Filler Text Filler Text Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-009.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-009.xht
new file mode 100644
index 0000000000..e32657f154
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-009.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-line and inapplicable properties</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="assert" content="First-line does not allow the float, border or direction properties." />
+ <style type="text/css">
+ #div2:first-line
+ {
+ float: right;
+ border: 25px solid;
+ direction: rtl;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two lines of text below look identical.</p>
+ <div id="div1">Filler Text Filler Text Filler Text</div>
+ <div id="div2">Filler Text Filler Text Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-010.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-010.xht
new file mode 100644
index 0000000000..2b3f173de3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-010.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-line after a BR</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="first-letter-selector-005-ref.html" />
+ <meta name="assert" content="The :first-line pseudo-element start tag is inserted right after the start tag of the block element." />
+ <style type="text/css">
+ div:first-line
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <br />Filler Text
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-011.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-011.xht
new file mode 100644
index 0000000000..906766035d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-011.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-block usage with :first-line</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="assert" content="The first line of an inline-block cannot be the first formatted line of an ancestor element." />
+ <style type="text/css">
+ span
+ {
+ display: inline-block;
+ }
+ div
+ {
+ background: white;
+ color: red;
+ }
+ div:first-line
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <span>Text<br />Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-012.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-012.xht
new file mode 100644
index 0000000000..7909fc3032
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-012.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-line selector applicability to table captions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="assert" content="The :first-line pseudo-element can be attached to a table caption." />
+ <style type="text/css">
+ table
+ {
+ width: 100%
+ }
+ caption:first-line
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <table>
+ <caption>Filler Text</caption>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-013.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-013.xht
new file mode 100644
index 0000000000..ce1edbc5c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-013.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-line selector applicability to inline-blocks</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The :first-line pseudo-element can be attached to an inline-block." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ }
+ div:first-line
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-014.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-014.xht
new file mode 100644
index 0000000000..e7ee8d18ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-014.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :first-line pseudo-element - text-transform</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Magne Andersson" href="magne[dot]andersson(at)telia[dot]com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#viewport" />
+
+ <style type="text/css"><![CDATA[
+ div:first-line
+ {
+ text-transform: uppercase;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the first line (and only the first line) of the latin paragraph below has all characters of each word in uppercase. This may still be true after changing the window size.</p>
+
+ <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse metus nibh, sodales at interdum a, commodo vitae nisl. Curabitur cursus rutrum urna et tempus. Proin purus lectus, lobortis id pharetra lacinia, porta in mauris. Nunc ultricies tincidunt velit, at sollicitudin tortor vulputate tempor. Cras consequat mauris ac neque tempor rhoncus. Quisque at nisi nisl. Integer convallis sodales sem quis euismod. Aliquam ornare purus libero, vel cursus nunc.</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-015.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-015.xht
new file mode 100644
index 0000000000..ca9ad0f324
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-015.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :first-line pseudo-element - text-transform</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#viewport" />
+ <meta content="The :first-line pseudo-element can be attached to an unordered list because it is a block-level element. The &quot;first formatted line&quot; of an unordered list occurs inside its first list-item because it is a non-positioned and non-floated block-level descendant in the same flow. User agents may change the document's layout (preferred behavior but nonetheless optional) when the viewport is resized." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ ul:first-line
+ {
+ text-transform: uppercase;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the first line (and only the first line) of the first list-item (a latin paragraph starting with "Lorem ipsum...") below has all characters of each word in uppercase. This may still be true after changing the window size.</p>
+
+ <ul>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse metus nibh, sodales at interdum a, commodo vitae nisl. Curabitur cursus rutrum urna et tempus. Proin purus lectus, lobortis id pharetra lacinia, porta in mauris. Nunc ultricies tincidunt velit, at sollicitudin tortor vulputate tempor. Cras consequat mauris ac neque tempor rhoncus. Quisque at nisi nisl. Integer convallis sodales sem quis euismod. Aliquam ornare purus libero, vel cursus nunc.</li>
+
+ <li>Aliquam non velit et tellus dignissim tincidunt non eget metus. Quisque convallis dui odio. Sed eleifend, velit at consectetur interdum, nunc est feugiat nisi, nec tristique augue erat nec elit. Duis semper tellus non mi ornare gravida. Integer a tortor et ante ornare elementum. Nam tempor placerat nisi, sed interdum urna eleifend non. Sed fermentum nisl a arcu hendrerit sagittis. Aliquam suscipit laoreet justo, et tincidunt eros tempus eu.</li>
+ </ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-016.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-016.xht
new file mode 100644
index 0000000000..0bd663c93d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-016.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-block usage with :first-line</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="assert" content="The first line of an inline-block cannot be the first formatted line of an ancestor element." />
+ <style type="text/css">
+ .test
+ {
+ display: inline-block;
+ vertical-align:-100px;
+ }
+ div:first-line
+ {
+ background: green;
+ }
+ span, div:first-line
+ {
+ color: white;
+ }
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below and the word "FAIL" is not visible.</p>
+ <div>
+ <span class="test">&nbsp;<br />Filler Text</span><br /><span>FAIL</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-017.xht b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-017.xht
new file mode 100644
index 0000000000..8734730c03
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/first-line-selector-017.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <!--
+ Inspired by
+ Bug 8253: Can't dynamically add ::first-line / ::first-letter style
+ https://bugzilla.mozilla.org/show_bug.cgi?id=8253
+ -->
+
+ <title>CSS Test: First-line - dynamic :hover pseudo-class</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" title="5.12.1 The :first-line pseudo-element" />
+
+ <meta content="interact" name="flags" />
+ <meta content="The :first-line pseudo-element can be used and will apply onto an :hover pseudo-class." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: white;
+ color: black;
+ font-size: 60px;
+ }
+
+ div:hover:first-line
+ {
+ background-color: blue;
+ color: white;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if "Text sample" becomes white on blue background when the mouse cursor hovers over it or hovers over its right-hand side.</p>
+
+ <div>Text sample</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/focus-pseudo-class-001.xht b/testing/web-platform/tests/css/CSS2/selectors/focus-pseudo-class-001.xht
new file mode 100644
index 0000000000..dc18f911fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/focus-pseudo-class-001.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :focus pseudo-class - adjacent sibling selector</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/html4/interact/forms.html#h-17.11" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="An HTML 4 textarea must be focused in order to enter text into it. The :focus pseudo-class applies to a textarea while it has the focus (accepts keyboard events or other forms of text input)." />
+
+ <style type="text/css"><![CDATA[
+ span
+ {
+ color: white;
+ font-size: 150%;
+ }
+
+ textarea:focus + span
+ {
+ color: green;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Enter in the text field below with the pointing device or with the keyboard (with the tab key or with the "T" accesskey) and then enter some text into it. A message in green should then have appeared on its right-hand side indicating that such text field has received focus. In order to pass this test, the tester should not have to move the pointing device outside the text field.</p>
+
+ <div>
+ <textarea cols="32" rows="4" accesskey="T" tabindex="1"></textarea> <span>Focus received by text field</span>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/focus-pseudo-class-002.xht b/testing/web-platform/tests/css/CSS2/selectors/focus-pseudo-class-002.xht
new file mode 100644
index 0000000000..543e31d33b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/focus-pseudo-class-002.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :focus pseudo-class - adjacent sibling selector</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/html4/interact/forms.html#h-17.11" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="An HTML 4 text input control must be focused in order to enter text into it. The :focus pseudo-class applies to a text input control while it has the focus (accepts keyboard events or other forms of text input)." />
+
+ <style type="text/css"><![CDATA[
+ span
+ {
+ color: white;
+ }
+
+ input:focus + span
+ {
+ color: green;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Enter in the text field below with the pointing device or with the keyboard (with the tab key or with the "T" accesskey) and then enter some text into it. A message in green should then have appeared on its right-hand side indicating that such text field has received focus. In order to pass this test, the tester should not have to move the pointing device outside the text field.</p>
+
+ <div>
+ <input type="text" accesskey="T" tabindex="1" /> <span>Focus received by text field</span>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/focus-pseudo-class-003.xht b/testing/web-platform/tests/css/CSS2/selectors/focus-pseudo-class-003.xht
new file mode 100644
index 0000000000..d9942331cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/focus-pseudo-class-003.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: :focus pseudo-class - adjacent sibling selector</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/html4/interact/forms.html#h-17.11" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" />
+ <link rel="bookmark" href="http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/C15.html#C15-examples" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="An HTML 4 radio button must receive focus state when clicking on it or when selecting it with the keyboard. The :focus pseudo-class applies to a radio button while it has the focus (accepts keyboard events or other forms of input)." />
+
+ <style type="text/css"><![CDATA[
+ input[type="radio"]
+ {
+ height: 20px;
+ width: 60px;
+ }
+
+ input[type="radio"]:focus + label
+ {
+ background-color: yellow;
+ color: black;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>With the pointing device (like a mouse left-button click) or with the keyboard (with the tab key or with the "T" accesskey), activate the radio button below. The words "Text sample" on its right-hand side should then have become highlighted in yellow. In order to pass this test, the tester should not have to move the pointing device out of the radio button in order to see the yellow highlighting.</p>
+
+ <div>
+ <input type="radio" id="test" accesskey="T" /> <label for="test">Text sample</label>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/focus-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/focus-selector-001.xht
new file mode 100644
index 0000000000..75e021d929
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/focus-selector-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Focus selector on controls</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Focus pseudo-class matches any element which has input focus." />
+ <style type="text/css">
+ textarea:focus
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below turns green when the element containing the text has focus.</p>
+ <div>
+ <textarea cols="80" rows="3">Filler Text</textarea>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/grouping-002-notref.xht b/testing/web-platform/tests/css/CSS2/selectors/grouping-002-notref.xht
new file mode 100644
index 0000000000..f12986fd2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/grouping-002-notref.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+</head>
+<body>
+<p>Test passes if the "Filler Text" below is green.</p>
+<blockquote>Filler Text</blockquote>
+<div>Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/grouping-002-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/grouping-002-ref.xht
new file mode 100644
index 0000000000..aa8ce6ec22
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/grouping-002-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+blockquote {
+ color: green;
+}
+div {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the "Filler Text" below is green.</p>
+<blockquote>Filler Text</blockquote>
+<div>Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/grouping-002.xht b/testing/web-platform/tests/css/CSS2/selectors/grouping-002.xht
new file mode 100644
index 0000000000..8817411460
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/grouping-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Condensing selectors</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#grouping" />
+ <link rel="match" href="grouping-002-ref.xht"/>
+ <link rel="mismatch" href="grouping-002-notref.xht"/>
+ <meta name="assert" content="Selectors can be condensed into a single selector." />
+ <style type="text/css">
+ div, blockquote
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <blockquote>Filler Text</blockquote>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/hover-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/hover-selector-001.xht
new file mode 100644
index 0000000000..1654e1760e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/hover-selector-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Hover selector on a simple element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The :hover pseudo-class selects an element which is being hovered by the mouse cursor." />
+ <style type="text/css">
+ div:hover
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below turns green when it is hovered over.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/hover-selector-002.xht b/testing/web-platform/tests/css/CSS2/selectors/hover-selector-002.xht
new file mode 100644
index 0000000000..2401168a11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/hover-selector-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: :hover and font-weight</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/hover/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ p { color: blue; }
+ .serif { font: 1em serif; }
+ .sansSerif { font: 1em sans-serif; }
+ .monospace { font: 1em monospace; }
+ .test:hover { font-weight: bold; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if each "Text sample" becomes bold when hovering over it</p>
+ <p> <span class="serif test">Text sample</span> </p>
+ <p> <span class="sansSerif test">Text sample</span> </p>
+ <p> <span class="monospace test">Text sample</span> </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/hover-selector-003.xht b/testing/web-platform/tests/css/CSS2/selectors/hover-selector-003.xht
new file mode 100644
index 0000000000..df7543af0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/hover-selector-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: :hover and font-weight</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/hover/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ p { color: blue; }
+ p + p { text-align: center; }
+ .serif { font: 1em serif; }
+ .sansSerif { font: 1em sans-serif; }
+ .monospace { font: 1em monospace; }
+ .test:hover { font-weight: bold; }
+ </style>
+ </head>
+ <body>
+ <p>When you hover over these lines they should go bold:</p>
+ <p>| <span class="serif test">test test</span> |</p>
+ <p>| <span class="sansSerif test">test test</span> |</p>
+ <p>| <span class="monospace test">test test</span> |</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/html-case-sensitivity-001.html b/testing/web-platform/tests/css/CSS2/selectors/html-case-sensitivity-001.html
new file mode 100644
index 0000000000..d0d7d6db28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/html-case-sensitivity-001.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: HTML case sensitivity - Simple selectors</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors">
+ <link rel="match" href="../reference/filler-text-below-green.xht">
+ <meta name="flags" content="HTMLonly">
+ <meta name="assert" content="Simple selectors are not case sensitive in HTML.">
+ <style type="text/css">
+ DIV
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/id-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/id-selector-001.xht
new file mode 100644
index 0000000000..29490739b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/id-selector-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Simple ID selectors</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#id-selectors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="ID selector matches appropriate element." />
+ <style type="text/css">
+ #div1
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div id="div1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/id-selector-002.xht b/testing/web-platform/tests/css/CSS2/selectors/id-selector-002.xht
new file mode 100644
index 0000000000..706e8e84d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/id-selector-002.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: ID selector syntax - Begins with hyphen</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#id-selectors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht" />
+ <meta name="assert" content="Identifier selectors starting with a hyphen are valid." />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ }
+ #-div1
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div id="-div1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/id-selector-004.xht b/testing/web-platform/tests/css/CSS2/selectors/id-selector-004.xht
new file mode 100644
index 0000000000..66d8c517e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/id-selector-004.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid ID selector syntax - white space between # and id</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#id-selectors" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="White space is not allowed between # and identifier for selector." />
+ <style type="text/css">
+ # div1
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="div1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/id-selector-005.xht b/testing/web-platform/tests/css/CSS2/selectors/id-selector-005.xht
new file mode 100644
index 0000000000..0e9454cb9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/id-selector-005.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid ID selector syntax - Begins with numerals</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#id-selectors" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Identifier selectors are invalid if it begins with a numeral." />
+ <style type="text/css">
+ #1digit
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="1digit">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/id-selector-006.xht b/testing/web-platform/tests/css/CSS2/selectors/id-selector-006.xht
new file mode 100644
index 0000000000..319b63a03d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/id-selector-006.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Simple ID selectors specificity over attribute selectors</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#id-selectors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="ID selectors trump attribute selectors in specificity." />
+ <style type="text/css">
+ div#div1
+ {
+ color: green;
+ }
+ div[id=div1]
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div id="div1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/lang-selector-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-001-ref.xht
new file mode 100644
index 0000000000..b415f4aa6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-001-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+.green {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>Test passes if only the first line of "Filler Text" below is green.</p>
+<p class="green">Filler Text</p>
+<p>Filler Text</p>
+<div>Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/lang-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-001.xht
new file mode 100644
index 0000000000..8a2c8f165f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selectors :lang pseudo-class</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#lang" />
+ <link rel="match" href="lang-selector-001-ref.xht"/>
+ <meta name="assert" content="The :lang pseudo-class selector matches any element with a matching lang attribute." />
+ <style type="text/css">
+ p:lang(en)
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the first line of "Filler Text" below is green.</p>
+ <p lang="en-us">Filler Text</p>
+ <p>Filler Text</p>
+ <div lang="en-us">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/lang-selector-002.xht b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-002.xht
new file mode 100644
index 0000000000..b4568dc564
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty :lang selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#lang" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Language identifier cannot be empty." />
+ <style type="text/css">
+ :lang(), div
+ {
+ color:red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div lang="en-us">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/lang-selector-003.xht b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-003.xht
new file mode 100644
index 0000000000..138c4e1ee5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-003.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid language name for :lang selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#lang" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The language identifier in the :lang selector doesn't have to be a valid language name." />
+ <style type="text/css">
+ :lang(foo), div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/lang-selector-004-ref.html b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-004-ref.html
new file mode 100644
index 0000000000..6f57dfc391
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-004-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<title>CSS Reftest Reference</title>
+<style>
+ div {
+ color: green;
+ }
+</style>
+<body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text
+ <p>Filler Text</p>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/lang-selector-004.xht b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-004.xht
new file mode 100644
index 0000000000..8bbfc83960
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inherited lang attribute selected</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#lang" />
+ <link rel="match" href="lang-selector-004-ref.html" />
+ <meta name="assert" content="Lang attribute is inherited and lang selector works on children." />
+ <style type="text/css">
+ :lang(fr)
+ {
+ color: green
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div lang="fr">Filler Text
+ <p>Filler Text</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/lang-selector-005.xht b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-005.xht
new file mode 100644
index 0000000000..916028cc6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-005.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Lang selector and document language set via server's content-language</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#lang" />
+ <link rel="match" href="../reference/filler-text-below-green.xht" />
+ <meta name="flags" content="http" />
+ <meta name="assert" content="Lang attribute is selectable when specified by HTTP header." />
+ <style type="text/css">
+ #prerequisite:lang(fr)
+ {
+ display: none;
+ }
+ div:lang(fr)
+ {
+ color: green
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/lang-selector-005.xht.headers b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-005.xht.headers
new file mode 100644
index 0000000000..c2178e73ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-005.xht.headers
@@ -0,0 +1 @@
+Content-Language: fr
diff --git a/testing/web-platform/tests/css/CSS2/selectors/lang-selector-006.xht b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-006.xht
new file mode 100644
index 0000000000..77fb14811a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/lang-selector-006.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Lang selector and document language set via meta tag</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#lang" />
+ <link rel="match" href="../reference/filler-text-below-green.xht" />
+ <meta http-equiv="content-language" content="fr" />
+ <meta name="assert" content="Lang attribute is selectable when specified in a meta tag." />
+ <style type="text/css">
+ div:lang(fr)
+ {
+ color: green
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-001.xht
new file mode 100644
index 0000000000..1e55196b3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visited and link simple case</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Link matches any link which has not been visited. Visited matches a link which has been visited." />
+ <style type="text/css">
+ :link
+ {
+ color: green;
+ }
+ :visited
+ {
+ color: orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" link below is green before it is navigated to and orange after it has been navigated to.</p>
+ <div>
+ <a href="#">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-002.xht b/testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-002.xht
new file mode 100644
index 0000000000..2d743cf70c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-002.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visited and link in the same selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Link and visited are mutually exclusive states." />
+ <style type="text/css">
+ :link:visited
+ {
+ background-color: red;
+ }
+ :visited:link
+ {
+ background-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page, even after navigating to the "Filler Text" link below.</p>
+ <div>
+ <a href="#">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-003.xht b/testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-003.xht
new file mode 100644
index 0000000000..b20ff9ad2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Active and link interaction</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Active and link are not mutually exclusive." />
+ <style type="text/css">
+ :link:active
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below changes to green while the text is activated.</p>
+ <div>
+ <a href="/404error/">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-004.xht b/testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-004.xht
new file mode 100644
index 0000000000..6eb2d086ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Active and visited interaction</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Active and visited are not mutually exclusive." />
+ <style type="text/css">
+ :visited:active
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below changes to green while the text is activated. (Note: some user agents require you navigate the "Filler Text" link before running this test.)</p>
+ <div>
+ <a href="./link-visited-selector-004.htm">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-005.xht b/testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-005.xht
new file mode 100644
index 0000000000..d87c11b727
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/link-visited-selector-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visited links may return to unvisited</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes" />
+ <meta name="flags" content="interact may" />
+ <meta name="assert" content="A user agent may treat all links as unvisited." />
+ <style type="text/css">
+ :visited
+ {
+ color: green;
+ }
+ :link
+ {
+ color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is blue or green.</p>
+ <div>
+ <a href="./link-visited-selector-005.htm">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/pseudo-001.xht b/testing/web-platform/tests/css/CSS2/selectors/pseudo-001.xht
new file mode 100644
index 0000000000..daa3b72712
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/pseudo-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo elements before simple selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="A pseudo-selector cannot be followed by a simple selector." />
+ <style type="text/css">
+ p:first-line p, #p1
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <p id="p1">Filler Text</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/pseudo-002.xht b/testing/web-platform/tests/css/CSS2/selectors/pseudo-002.xht
new file mode 100644
index 0000000000..91fc609704
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/pseudo-002.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-line pseudo-element case sensitivity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="First-line is case-insensitive." />
+ <style type="text/css">
+ div:FiRSt-LiNe
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/pseudo-003.xht b/testing/web-platform/tests/css/CSS2/selectors/pseudo-003.xht
new file mode 100644
index 0000000000..90e1dbf131
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/pseudo-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Multiple pseudo-classes - hover and active</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Hover and active pseudo-classes can be applied at the same time." />
+ <style type="text/css">
+ a:active:hover
+ {
+ color:green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green when it is hovered over and activated.</p>
+ <div>
+ <a href="#">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/pseudo-005.xht b/testing/web-platform/tests/css/CSS2/selectors/pseudo-005.xht
new file mode 100644
index 0000000000..c86c70ae1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/pseudo-005.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo-classes and layout</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="flags" content="interact may" />
+ <meta name="assert" content="User agents are not required to reflow a currently displayed document due to pseudo-class transitions." />
+ <style type="text/css">
+ div
+ {
+ float: left;
+ width: 60px;
+ height: 60px;
+ }
+ #div1
+ {
+ background: blue;
+ }
+ #div1:hover
+ {
+ width: 300px;
+ height: 300px;
+ }
+ #div3
+ {
+ background: purple;
+ }
+ #div2
+ {
+ clear: left;
+ background: orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Hover over the blue box.</p>
+ <p>Test passes if the blue square width and height increase significantly.</p>
+ <p>When this happens, the purple and orange squares may or may not reflow.</p>
+ <div id="div1"></div>
+ <div id="div3"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/pseudo-006.xht b/testing/web-platform/tests/css/CSS2/selectors/pseudo-006.xht
new file mode 100644
index 0000000000..b8c3b419de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/pseudo-006.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-letter pseudo-element case sensitivity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="first-letter-selector-001-ref.html" />
+ <meta name="assert" content="First-letter is case-insensitive." />
+ <style type="text/css">
+ div:fIrSt-LeTter
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/pseudo-007.xht b/testing/web-platform/tests/css/CSS2/selectors/pseudo-007.xht
new file mode 100644
index 0000000000..4c7df356b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/pseudo-007.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First-child pseudo-element case sensitivity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="universal-selector-002-ref.xht" />
+ <meta name="assert" content="First-child is case-insensitive." />
+ <style type="text/css">
+ div:fiRsT-cHiLd
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <div>Filler Text</div>
+ <p>Test passes if the "Filler Text" above is green.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/pseudo-008-ref.html b/testing/web-platform/tests/css/CSS2/selectors/pseudo-008-ref.html
new file mode 100644
index 0000000000..8297dc3d74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/pseudo-008-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<title>CSS Reftest Reference</title>
+<body>
+ <p>Test passes if the words "Filler Text" are below.</p>
+ <div>Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/pseudo-008.xht b/testing/web-platform/tests/css/CSS2/selectors/pseudo-008.xht
new file mode 100644
index 0000000000..95868e6bf5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/pseudo-008.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: After and before case sensitivity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="pseudo-008-ref.html" />
+ <meta name="assert" content="After and before are case-insensitive." />
+ <style type="text/css">
+ div:bEfOre
+ {
+ content: "Filler";
+ }
+ div:aFtEr
+ {
+ content: "Text";
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" are below.</p>
+ <div> </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/pseudo-009.xht b/testing/web-platform/tests/css/CSS2/selectors/pseudo-009.xht
new file mode 100644
index 0000000000..1154502b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/pseudo-009.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo-class ':visited' case sensitivity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The ':visited' pseudo-class' is case-insensitive." />
+ <style type="text/css">
+ :ViSiTed
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUSITE: Navigate to the "Filler Text" link below.</p>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>
+ <a href="./pseudo-009.htm">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/pseudo-010.xht b/testing/web-platform/tests/css/CSS2/selectors/pseudo-010.xht
new file mode 100644
index 0000000000..6e49896a15
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/pseudo-010.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Active pseudo-element case sensitivity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Active is case-insensitive." />
+ <style type="text/css">
+ :AcTiVe
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below changes to green when the text is activated.</p>
+ <div>
+ <a href="#">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/pseudo-011.xht b/testing/web-platform/tests/css/CSS2/selectors/pseudo-011.xht
new file mode 100644
index 0000000000..dc0f026b8a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/pseudo-011.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Hover pseudo-element case sensitivity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Hover is case-insensitive." />
+ <style type="text/css">
+ a:hOveR
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below changes to green when the text is hovered over.</p>
+ <div>
+ <a href="#">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/pseudo-012.xht b/testing/web-platform/tests/css/CSS2/selectors/pseudo-012.xht
new file mode 100644
index 0000000000..410052d60a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/pseudo-012.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Focus pseudo-element case sensitivity</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Focus is case-insensitive." />
+ <style type="text/css">
+ a:fOcUs
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below changes to green when the text has focus.</p>
+ <div>
+ <a href="#">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/pseudo-013.xht b/testing/web-platform/tests/css/CSS2/selectors/pseudo-013.xht
new file mode 100644
index 0000000000..24894c9fb0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/pseudo-013.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Multiple pseudo-classes - Link, first-child, hover</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Link, first-child, and hover can all be applied at the same time." />
+ <style type="text/css">
+ div :link:first-child:hover
+ {
+ color:green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below changes to green when the text is hovered over.</p>
+ <div>
+ <a href="#">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/pseudo-014.xht b/testing/web-platform/tests/css/CSS2/selectors/pseudo-014.xht
new file mode 100644
index 0000000000..e7d6fc439b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/pseudo-014.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo elements before attribute selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="A pseudo-selector cannot be followed by an attribute selector." />
+ <style type="text/css">
+ p:first-line[id="p1"], #p1
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <p id="p1">Filler Text</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/pseudo-015.xht b/testing/web-platform/tests/css/CSS2/selectors/pseudo-015.xht
new file mode 100644
index 0000000000..e484191ca8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/pseudo-015.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo elements before child selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="A pseudo-selector cannot be followed by a child selector." />
+ <style type="text/css">
+ p:first-line>p, #p1
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <p id="p1">Filler Text</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/pseudo-016.xht b/testing/web-platform/tests/css/CSS2/selectors/pseudo-016.xht
new file mode 100644
index 0000000000..21b4fb1dbc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/pseudo-016.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Pseudo elements not the last (invalid) - Sibling selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="A pseudo-selector cannot be followed by a sibling selector." />
+ <style type="text/css">
+ p:first-line+p, #p1
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <p id="p1">Filler Text</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/selectors-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/selectors-001-ref.xht
new file mode 100644
index 0000000000..c20cb790b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/selectors-001-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+body * {
+ margin: 1em 0;
+ font: inherit;
+ display: block;
+ color: white;
+ background: green;
+}
+</style>
+</head>
+<body>
+<p>This text should be green. (element)</p>
+<div>This text should be green. (class)</div>
+<div>This text should be green. (id)</div>
+<div>This text should be green. (child)</div>
+<div>This text should be green. (descendant)</div>
+<blockquote>This text should be green. (sibling)</blockquote>
+<div>This text should be green. (attribute)</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/selectors-001.xht b/testing/web-platform/tests/css/CSS2/selectors/selectors-001.xht
new file mode 100644
index 0000000000..68f462e288
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/selectors-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Selectors (basic)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#pattern-matching" />
+ <link rel="match" href="selectors-001-ref.xht"/>
+ <style type="text/css">
+ body * { background: red; color: yellow; margin: 1em 0; font: inherit; display: block; }
+ p { background: green; color: white; }
+ .class { background: green; color: white; }
+ #id { background: green; color: white; }
+ div span { background: green; color: white; }
+ div > em { background: green; color: white; }
+ div + blockquote { background: green; color: white; }
+ [title=attribute] { background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <p>This text should be green. (element)</p>
+ <div class="class">This text should be green. (class)</div>
+ <div id="id">This text should be green. (id)</div>
+ <div><em>This text should be green. (child)</em></div>
+ <div><span>This text should be green. (descendant)</span></div>
+ <blockquote>This text should be green. (sibling)</blockquote>
+ <div title="attribute">This text should be green. (attribute)</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/selectors-002-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/selectors-002-ref.xht
new file mode 100644
index 0000000000..b72b47f209
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/selectors-002-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+html {
+ color: white;
+ background: green;
+}
+</style>
+</head>
+<body>
+<p>This page should be green with no red present.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/selectors-002.xht b/testing/web-platform/tests/css/CSS2/selectors/selectors-002.xht
new file mode 100644
index 0000000000..7255fde461
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/selectors-002.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Selectors (basic tests)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#type-selectors" />
+ <link rel="match" href="selectors-002-ref.xht"/>
+ <style type="text/css">
+ * { color: white ! important; background: green ! important; }
+ p { color: yellow; background: red; }
+ </style>
+ </head>
+ <body>
+ <p>This page should be green with no red present.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/selectors-parsing-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/selectors-parsing-001-ref.xht
new file mode 100644
index 0000000000..f5f0a79eaf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/selectors-parsing-001-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ color: green;
+ background: white;
+}
+</style>
+</head>
+<body>
+<p>This should be green.</p>
+<p>This should be green.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/selectors-parsing-001.xht b/testing/web-platform/tests/css/CSS2/selectors/selectors-parsing-001.xht
new file mode 100644
index 0000000000..f9864d1d62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/selectors-parsing-001.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: Selector Parsing and Invalid Pseudo-Elements</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/parsing/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="selectors-parsing-001-ref.xht"/>
+ <style type="text/css">
+ p { background: white; color: green; }
+ p:invalidPseudoClass, p.test1 { color: yellow; background: red; }
+ p::invalidPseudoElement, p.test2 { color: yellow; background: red; }
+ </style>
+ </head>
+ <body>
+ <p class="test1">This should be green.</p>
+ <p class="test2">This should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/sibling-selector-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/sibling-selector-001-ref.xht
new file mode 100644
index 0000000000..e8ab2814f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/sibling-selector-001-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+.green {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the first line of "Filler Text" below is green, but the second line of "Filler Text" below is black.</p>
+<div class="green">Filler Text</div>
+<div>Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/sibling-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/sibling-selector-001.xht
new file mode 100644
index 0000000000..bee2a6ad41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/sibling-selector-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Simple sibling selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" />
+ <link rel="match" href="sibling-selector-001-ref.xht"/>
+ <meta name="assert" content="Sibling selector only applies to immediate siblings." />
+ <style type="text/css">
+ p + div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of "Filler Text" below is green, but the second line of "Filler Text" below is black.</p>
+ <div>Filler Text</div>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/sibling-selector-002.xht b/testing/web-platform/tests/css/CSS2/selectors/sibling-selector-002.xht
new file mode 100644
index 0000000000..296a872fdd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/sibling-selector-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Sibling selector with non-element node</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Sibling selector only applies to immediate siblings ignoring non-element nodes." />
+ <style type="text/css">
+ p + div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <!--Comment-->
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/sibling-selector-003-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/sibling-selector-003-ref.xht
new file mode 100644
index 0000000000..746bbd867e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/sibling-selector-003-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+.green {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the first line of "Filler Text" below is black, but the second line of "Filler Text" below is green.</p>
+<div>Filler Text</div>
+<div class="green">Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/sibling-selector-003.xht b/testing/web-platform/tests/css/CSS2/selectors/sibling-selector-003.xht
new file mode 100644
index 0000000000..16b790ef88
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/sibling-selector-003.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Sibling selector with non element node</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" />
+ <link rel="match" href="sibling-selector-003-ref.xht"/>
+ <meta name="assert" content="Sibling selector only applies to immediate siblings ignoring text nodes." />
+ <style type="text/css">
+ p + div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first line of "Filler Text" below is black, but the second line of "Filler Text" below is green.</p>
+ Filler Text
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/selectors/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/selectors/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/selectors/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/selectors/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/selectors/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/selectors/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/selectors/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/selectors/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/a-green.css b/testing/web-platform/tests/css/CSS2/selectors/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/b-green.css b/testing/web-platform/tests/css/CSS2/selectors/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/selectors/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/c-red.css b/testing/web-platform/tests/css/CSS2/selectors/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/cat.png b/testing/web-platform/tests/css/CSS2/selectors/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/diamond.png b/testing/web-platform/tests/css/CSS2/selectors/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/green15x15.png b/testing/web-platform/tests/css/CSS2/selectors/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/selectors/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/selectors/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/selectors/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/selectors/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/ring.png b/testing/web-platform/tests/css/CSS2/selectors/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/square-purple.png b/testing/web-platform/tests/css/CSS2/selectors/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/square-teal.png b/testing/web-platform/tests/css/CSS2/selectors/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/square-white.png b/testing/web-platform/tests/css/CSS2/selectors/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/selectors/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/selectors/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/selectors/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/selectors/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/selectors/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/selectors/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/selectors/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/test-bl.png b/testing/web-platform/tests/css/CSS2/selectors/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/test-br.png b/testing/web-platform/tests/css/CSS2/selectors/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/test-outer.png b/testing/web-platform/tests/css/CSS2/selectors/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/test-tl.png b/testing/web-platform/tests/css/CSS2/selectors/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/support/test-tr.png b/testing/web-platform/tests/css/CSS2/selectors/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/selectors/type-selector-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/type-selector-001-ref.xht
new file mode 100644
index 0000000000..679c7af166
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/type-selector-001-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+.green {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the "Filler Text" below is green.</p>
+<blockquote class="green">Filler Text</blockquote>
+<div class="green">Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/type-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/type-selector-001.xht
new file mode 100644
index 0000000000..a3e3419b95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/type-selector-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Type selectors</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#type-selectors" />
+ <link rel="match" href="type-selector-001-ref.xht"/>
+ <meta name="assert" content="Basic type selectors apply to each type." />
+ <style type="text/css">
+ div, blockquote
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <blockquote>Filler Text</blockquote>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/universal-selector-001-notref.xht b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-001-notref.xht
new file mode 100644
index 0000000000..3442506503
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-001-notref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+</head>
+<body>
+<p>Test passes if all text on this page is green.</p>
+<div>Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/universal-selector-001-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-001-ref.xht
new file mode 100644
index 0000000000..f23692ee2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-001-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+body {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>Test passes if all text on this page is green.</p>
+<div>Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/universal-selector-001.xht b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-001.xht
new file mode 100644
index 0000000000..dda83a2dca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Universal selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#universal-selector" />
+ <link rel="match" href="universal-selector-001-ref.xht"/>
+ <link rel="mismatch" href="universal-selector-001-notref.xht"/>
+ <meta name="assert" content="The universal selector applies to all elements." />
+ <style type="text/css">
+ *
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all text on this page is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/universal-selector-002-notref.xht b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-002-notref.xht
new file mode 100644
index 0000000000..cbadefe14e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-002-notref.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+</head>
+<body>
+ <div>Filler Text</div>
+ <p>Test passes if there is a blue border around the viewport and
+ around "Filler Text" above.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/universal-selector-002-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-002-ref.xht
new file mode 100644
index 0000000000..10c611c97c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-002-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+html, div {
+ border: 10px solid blue;
+}
+</style>
+</head>
+<body>
+ <div>Filler Text</div>
+ <p>Test passes if there is a blue border around the viewport and
+ around "Filler Text" above.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/universal-selector-002.xht b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-002.xht
new file mode 100644
index 0000000000..27150387a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Implied universal selector for pseudo selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#universal-selector" />
+ <link rel="match" href="universal-selector-002-ref.xht"/>
+ <link rel="mismatch" href="universal-selector-002-notref.xht"/>
+ <meta name="assert" content="If the universal selector is not the only component of a simple pseudo selector the '*' can be omitted." />
+ <style type="text/css">
+ :first-child
+ {
+ /* This needs to be a non-inherited property, as :root always matches :first-child */
+ border: 10px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <div>Filler Text</div>
+ <p>Test passes if there is a blue border around the viewport and
+ around "Filler Text" above.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/universal-selector-003.xht b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-003.xht
new file mode 100644
index 0000000000..50ab88948a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-003.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Implied universal selector for class selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#universal-selector" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="If the universal selector is not the only component of a simple class selector the * can be omitted." />
+ <style type="text/css">
+ .div1
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="div1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/universal-selector-004.xht b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-004.xht
new file mode 100644
index 0000000000..82da04eeb1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-004.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Implied universal selector for ID</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#universal-selector" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="If the universal selector is not the only component of a simple id selector the * can be omitted." />
+ <style type="text/css">
+ #div1
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div id="div1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/selectors/universal-selector-005-ref.xht b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-005-ref.xht
new file mode 100644
index 0000000000..9309e974dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-005-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+body {
+ margin-left: 100px;
+}
+li {
+ list-style-image: url("support/cat.png");
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is a <strong>cat image</strong>.</p>
+<ul>
+ <li>&nbsp;</li>
+</ul>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/selectors/universal-selector-005.xht b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-005.xht
new file mode 100644
index 0000000000..1946e4f25e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/selectors/universal-selector-005.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: universal selector - list-style-image</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" />
+ <link rel="author" title="Mark McKenzie-Bell" href="mailto:info@temerity.co.uk" />
+ <link rel="author" title="Alexander Dawson" href="mailto:alexander_dawson@hotmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#universal-selector" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
+ <link rel="match" href="universal-selector-005-ref.xht"/>
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The universal selector matches the name of any element type. 'list-style-image' applies to elements with 'display: list-item'." />
+
+ <style type="text/css"><![CDATA[
+ body {margin-left: 100px;}
+ * {list-style-image: url("support/cat.png");}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a <strong>cat image</strong>.</p>
+
+ <ul>
+ <li>&nbsp;</li>
+ </ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/stacking-context/composite-change-after-scroll-preserves-stacking-order-ref.html b/testing/web-platform/tests/css/CSS2/stacking-context/composite-change-after-scroll-preserves-stacking-order-ref.html
new file mode 100644
index 0000000000..9bf223c3b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/stacking-context/composite-change-after-scroll-preserves-stacking-order-ref.html
@@ -0,0 +1,19 @@
+<!doctype HTML>
+<link rel="author" title="Chris Harrelson" href="chrishtr@chromium.org">
+<style>
+ #one, #two {
+ width: 200px; height: 200px; background: lightblue; position: relative
+ }
+ #one {
+ background: lightblue
+ }
+ #two {
+ background: lightgray;
+ margin-top: -200px;
+ }
+</style>
+<div id=scroller style="overflow: scroll; width: 300px; height: 300px; will-change: transform">
+ <div id=one></div>
+ <div id=two></div>
+ <div id=spacer style="width: 50px; height: 5000px"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/stacking-context/composite-change-after-scroll-preserves-stacking-order.html b/testing/web-platform/tests/css/CSS2/stacking-context/composite-change-after-scroll-preserves-stacking-order.html
new file mode 100644
index 0000000000..1abf6f292e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/stacking-context/composite-change-after-scroll-preserves-stacking-order.html
@@ -0,0 +1,39 @@
+<!doctype HTML>
+<link rel="author" title="Chris Harrelson" href="chrishtr@chromium.org">
+<link rel="match" href="composite-change-after-scroll-preserves-stacking-order-ref.html">
+<link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html"/>
+<script src="/common/reftest-wait.js"></script>
+<script src="/web-animations/testcommon.js"></script>
+<style>
+ #one, #two {
+ width: 200px; height: 200px; background: lightblue; position: relative
+ }
+ #one {
+ background: lightblue
+ }
+ #two {
+ background: lightgray;
+ margin-top: -200px;
+ }
+</style>
+<html class=reftest-wait>
+ <div id=scroller style="overflow: scroll; width: 300px; height: 300px; will-change: transform">
+ <div id=one></div>
+ <div id=two></div>
+ <div id=spacer style="width: 50px; height: 5000px"></div>
+ </div>
+</html>
+<script>
+ onload = () => {
+ waitForAnimationFrames(2).then(() => {
+ scroller.scrollBy(0, 1000);
+ waitForAnimationFrames(2).then(() => {
+ one.style = 'will-change: transform';
+ waitForAnimationFrames(2).then(() => {
+ scroller.scrollBy(0, -1000);
+ takeScreenshot();
+ });
+ });
+ });
+ };
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/stacking-context/opacity-affects-block-in-inline-ref.html b/testing/web-platform/tests/css/CSS2/stacking-context/opacity-affects-block-in-inline-ref.html
new file mode 100644
index 0000000000..24ed7c921a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/stacking-context/opacity-affects-block-in-inline-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<div style="width: 100px; height: 100px; background: green; opacity: 0.5;"></div>
diff --git a/testing/web-platform/tests/css/CSS2/stacking-context/opacity-affects-block-in-inline.html b/testing/web-platform/tests/css/CSS2/stacking-context/opacity-affects-block-in-inline.html
new file mode 100644
index 0000000000..340ca185d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/stacking-context/opacity-affects-block-in-inline.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=884236">
+<link rel="match" href="opacity-affects-block-in-inline-ref.html">
+<span style="opacity: 0.5;">
+ <div style="width: 100px; height: 100px; background: green;"></div>
+</span>
diff --git a/testing/web-platform/tests/css/CSS2/stacking-context/opacity-change-parent-stacking-context-ref.html b/testing/web-platform/tests/css/CSS2/stacking-context/opacity-change-parent-stacking-context-ref.html
new file mode 100644
index 0000000000..16df33369f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/stacking-context/opacity-change-parent-stacking-context-ref.html
@@ -0,0 +1,8 @@
+<!doctype HTML>
+<title>CSS Test Reference</title>
+<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org" />
+<div style="width: 100px; height: 100px; background: lightblue; will-change: transform; position: absolute">
+ <div id=target style="backface-visibility: hidden">
+ <div style="width: 50px; height: 50px; background: lightgray; top: 75px; position: relative"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/stacking-context/opacity-change-parent-stacking-context.html b/testing/web-platform/tests/css/CSS2/stacking-context/opacity-change-parent-stacking-context.html
new file mode 100644
index 0000000000..e58bf47c2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/stacking-context/opacity-change-parent-stacking-context.html
@@ -0,0 +1,21 @@
+<!doctype HTML>
+<html class="reftest-wait">
+ <title>CSS Test: Test for re-paint after stacking context removal due to opacity</title>
+ <link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org" />
+ <link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html">
+ <link rel="match" href="opacity-change-parent-stacking-context-ref.html">
+ <script src="/common/reftest-wait.js"></script>
+ <div style="width: 100px; height: 100px; background: lightblue; will-change: transform; position: absolute">
+ <div id=target style="opacity: 0; backface-visibility: hidden">
+ <div style="width: 50px; height: 50px; background: lightgray; top: 75px; position: relative"></div>
+ </div>
+ </div>
+ <script>
+ onload = function() {
+ requestAnimationFrame(() => requestAnimationFrame(() => {
+ target.style.opacity = 1;
+ takeScreenshot();
+ }));
+ }
+ </script>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/stacking-context/opacity-change-twice-stacking-context-ref.html b/testing/web-platform/tests/css/CSS2/stacking-context/opacity-change-twice-stacking-context-ref.html
new file mode 100644
index 0000000000..da17527af5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/stacking-context/opacity-change-twice-stacking-context-ref.html
@@ -0,0 +1,3 @@
+<!doctype HTML>
+<div style="width: 100px; height: 100px; z-index: 1; opacity: 0.9; background: blue; position: absolute">
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/stacking-context/opacity-change-twice-stacking-context.html b/testing/web-platform/tests/css/CSS2/stacking-context/opacity-change-twice-stacking-context.html
new file mode 100644
index 0000000000..c3c680c68f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/stacking-context/opacity-change-twice-stacking-context.html
@@ -0,0 +1,19 @@
+<!doctype HTML>
+<html class="reftest-wait">
+ <title>CSS Test: Test for re-paint after stacking context changes opacity twice</title>
+ <link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html">
+ <link rel="match" href="opacity-change-twice-stacking-context-ref.html">
+ <script src="/common/reftest-wait.js"></script>
+ <div id="target" style="width: 100px; height: 100px; z-index: 1; opacity: 0; background: blue; position: absolute">
+ </div>
+ <script>
+ onload = () => {
+ requestAnimationFrame(() => requestAnimationFrame(() => {
+ target.style.opacity = 1;
+ target.offsetHeight;
+ target.style.opacity = 0.9;
+ takeScreenshot();
+ }));
+ }
+ </script>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/stacking-context/opacity-transition-change-parent-stacking-context-ref.html b/testing/web-platform/tests/css/CSS2/stacking-context/opacity-transition-change-parent-stacking-context-ref.html
new file mode 100644
index 0000000000..65138c9a66
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/stacking-context/opacity-transition-change-parent-stacking-context-ref.html
@@ -0,0 +1,4 @@
+<!doctype HTML>
+<title>CSS Test Reference</title>
+<link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org" />
+<div style="opacity: 1; width: 100px; height: 100px; background: green;"></div> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/stacking-context/opacity-transition-change-parent-stacking-context.html b/testing/web-platform/tests/css/CSS2/stacking-context/opacity-transition-change-parent-stacking-context.html
new file mode 100644
index 0000000000..c163a4c7e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/stacking-context/opacity-transition-change-parent-stacking-context.html
@@ -0,0 +1,21 @@
+<!doctype HTML>
+<html class="reftest-wait">
+ <title>CSS Test: Test for re-paint after stacking context removal due to opacity transition</title>
+ <link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org" />
+ <link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html">
+ <link rel="match" href="opacity-transition-change-parent-stacking-context-ref.html">
+ <script src="/common/reftest-wait.js"></script>
+ <div style="position: relative;">
+ <div id=target style="transition:.00001s ease; opacity: 0; backface-visibility: hidden; width: 100px; height: 100px; background: green;"></div>
+ </div>
+ <script>
+ onload = function() {
+ requestAnimationFrame(() => requestAnimationFrame(() => {
+ target.style.opacity = 1;
+ requestAnimationFrame(() => {
+ takeScreenshot();
+ });
+ }));
+ }
+ </script>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/stacking-context/zindex-affects-block-in-inline-ref.html b/testing/web-platform/tests/css/CSS2/stacking-context/zindex-affects-block-in-inline-ref.html
new file mode 100644
index 0000000000..c0fdb338d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/stacking-context/zindex-affects-block-in-inline-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<div style="background: green; width: 100px; height: 100px;"></div>
diff --git a/testing/web-platform/tests/css/CSS2/stacking-context/zindex-affects-block-in-inline.html b/testing/web-platform/tests/css/CSS2/stacking-context/zindex-affects-block-in-inline.html
new file mode 100644
index 0000000000..5a5c9e3dcc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/stacking-context/zindex-affects-block-in-inline.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=764458">
+<link rel="match" href="zindex-affects-block-in-inline-ref.html">
+<div style="position: relative; z-index: 1; background: red; width: 100px; height: 100px;"></div>
+<span style="position: relative; z-index: 2; top: -100px;">
+ <div style="background: green; width: 100px; height: 100px;"></div>
+</span>
diff --git a/testing/web-platform/tests/css/CSS2/support/100x100-lime.png b/testing/web-platform/tests/css/CSS2/support/100x100-lime.png
new file mode 100644
index 0000000000..1b94770080
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/100x100-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/100x100-red.png b/testing/web-platform/tests/css/CSS2/support/100x100-red.png
new file mode 100644
index 0000000000..57bf3ddc52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/100x100-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/200x200-red.png b/testing/web-platform/tests/css/CSS2/support/200x200-red.png
new file mode 100644
index 0000000000..f55ed7bbb3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/200x200-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/50x50-green.png b/testing/web-platform/tests/css/CSS2/support/50x50-green.png
new file mode 100644
index 0000000000..6c1406b7df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/50x50-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/README b/testing/web-platform/tests/css/CSS2/support/README
new file mode 100644
index 0000000000..2e5f2ad073
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/README
@@ -0,0 +1,28 @@
+CSS Global Support Directory
+============================
+
+This directory contains common support files (such as images and external
+style sheets). These are sync'ed into the support directories of all our
+test suites. If you have test-suite-specific support files, please add
+them to the appropriate test-suite-specific support/ directory.
+
+If you add to a support/ directory, please run the tools/supportprop.py
+script from the top of the repository to cascade support files into the
+lower-level support directories.
+
+Description of the Common Support File Collection
+-------------------------------------------------
+
+The 1x1-* images are all exactly one pixel.
+
+The swatch-* images all use 15x15 cells.
+
+The square-* images all use 15x15 cells with one pixel borders.
+
+The pattern-* images use cells of various sizes:
+
+ pattern-grg-rgr-grg.png 20x20
+ pattern-rgr-grg-rgr.png 20x20
+ pattern-tr.png 15x15
+ pattern-grg-rrg-rgg.png 15x15
+
diff --git a/testing/web-platform/tests/css/CSS2/support/abspos-zero-width-001.png b/testing/web-platform/tests/css/CSS2/support/abspos-zero-width-001.png
new file mode 100644
index 0000000000..4049819a17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/abspos-zero-width-001.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/bar_with_corner_dot.png b/testing/web-platform/tests/css/CSS2/support/bar_with_corner_dot.png
new file mode 100644
index 0000000000..fbbc56de16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/bar_with_corner_dot.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/black15x15.png b/testing/web-platform/tests/css/CSS2/support/black15x15.png
new file mode 100644
index 0000000000..b1bbef2cd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/black15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/black96x96.png b/testing/web-platform/tests/css/CSS2/support/black96x96.png
new file mode 100644
index 0000000000..4e5a7c7546
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/black96x96.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/blue-orange-rectangle.png b/testing/web-platform/tests/css/CSS2/support/blue-orange-rectangle.png
new file mode 100644
index 0000000000..f43f193291
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/blue-orange-rectangle.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/blue20x20.png b/testing/web-platform/tests/css/CSS2/support/blue20x20.png
new file mode 100644
index 0000000000..e0af555330
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/blue20x20.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/blue96x96.png b/testing/web-platform/tests/css/CSS2/support/blue96x96.png
new file mode 100644
index 0000000000..820f8cace2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/blue96x96.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/cat.png b/testing/web-platform/tests/css/CSS2/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/diamond.png b/testing/web-platform/tests/css/CSS2/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/green15x15.png b/testing/web-platform/tests/css/CSS2/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/green200x200.png b/testing/web-platform/tests/css/CSS2/support/green200x200.png
new file mode 100644
index 0000000000..7a47c0e5e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/green200x200.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/green_box.png b/testing/web-platform/tests/css/CSS2/support/green_box.png
new file mode 100644
index 0000000000..6ed4aa506e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/green_box.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/margin-collapse-2em-space.png b/testing/web-platform/tests/css/CSS2/support/margin-collapse-2em-space.png
new file mode 100644
index 0000000000..2c381ef4dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/margin-collapse-2em-space.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/margin-collapse-4em-space.png b/testing/web-platform/tests/css/CSS2/support/margin-collapse-4em-space.png
new file mode 100644
index 0000000000..dc338c0bfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/margin-collapse-4em-space.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/orange15x15.png b/testing/web-platform/tests/css/CSS2/support/orange15x15.png
new file mode 100644
index 0000000000..f0c26367a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/orange15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/orange_box.png b/testing/web-platform/tests/css/CSS2/support/orange_box.png
new file mode 100644
index 0000000000..793e6c9094
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/orange_box.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/pattern-gg-gr-100x100.png b/testing/web-platform/tests/css/CSS2/support/pattern-gg-gr-100x100.png
new file mode 100644
index 0000000000..fd9b7e1ef2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/pattern-gg-gr-100x100.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/red15x15.png b/testing/web-platform/tests/css/CSS2/support/red15x15.png
new file mode 100644
index 0000000000..39005d7e6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/red15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/red_box.png b/testing/web-platform/tests/css/CSS2/support/red_box.png
new file mode 100644
index 0000000000..57bf3ddc52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/red_box.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/ring.png b/testing/web-platform/tests/css/CSS2/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/ruler-h-200px-400px.png b/testing/web-platform/tests/css/CSS2/support/ruler-h-200px-400px.png
new file mode 100644
index 0000000000..a6461c3d3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/ruler-h-200px-400px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/ruler-v-100px-200px.png b/testing/web-platform/tests/css/CSS2/support/ruler-v-100px-200px.png
new file mode 100644
index 0000000000..3eef21447a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/ruler-v-100px-200px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/square-outline-32x32.png b/testing/web-platform/tests/css/CSS2/support/square-outline-32x32.png
new file mode 100644
index 0000000000..917163f409
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/square-outline-32x32.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/square-purple.png b/testing/web-platform/tests/css/CSS2/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/square-teal.png b/testing/web-platform/tests/css/CSS2/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/square-white.png b/testing/web-platform/tests/css/CSS2/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/swatch-aqua.png b/testing/web-platform/tests/css/CSS2/support/swatch-aqua.png
new file mode 100644
index 0000000000..dd47e28665
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/swatch-aqua.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/swatch-fuchsia.png b/testing/web-platform/tests/css/CSS2/support/swatch-fuchsia.png
new file mode 100644
index 0000000000..746f7ce56b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/swatch-fuchsia.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/swatch-olive.png b/testing/web-platform/tests/css/CSS2/support/swatch-olive.png
new file mode 100644
index 0000000000..8fff8179ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/swatch-olive.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/swatch-teal.png b/testing/web-platform/tests/css/CSS2/support/swatch-teal.png
new file mode 100644
index 0000000000..0293ce89de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/swatch-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/test-bl.png b/testing/web-platform/tests/css/CSS2/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/test-br.png b/testing/web-platform/tests/css/CSS2/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/test-outer.png b/testing/web-platform/tests/css/CSS2/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/test-tl.png b/testing/web-platform/tests/css/CSS2/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/test-tr.png b/testing/web-platform/tests/css/CSS2/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/support/transparent_green.png b/testing/web-platform/tests/css/CSS2/support/transparent_green.png
new file mode 100644
index 0000000000..d5f50d3256
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/support/transparent_green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/.htaccess b/testing/web-platform/tests/css/CSS2/syntax/.htaccess
new file mode 100644
index 0000000000..635b1dcb70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/.htaccess
@@ -0,0 +1,7 @@
+<files ~ '^character-encoding-03[1234567]\.(xht|xhtml|xml|html|htm)$'>
+AddCharset us-ascii .xht .xhtml .xml .html .htm
+</files>
+
+<files ~ '^at-charset-07[1234567]\.(xht|xhtml|xml|html|htm)$'>
+AddCharset us-ascii .xht .xhtml .xml .html .htm
+</files>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-001-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-001-ref.xht
new file mode 100644
index 0000000000..5be793f712
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-001-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>Test passes if both lines of "Filler Text" below are green.</p>
+<div>Filler Text</div>
+<div>Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-001.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-001.xht
new file mode 100644
index 0000000000..06642b8f5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: HTTP Charset vs BOM</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="flags" content="http" />
+ <meta name="assert" content="The Byte Order Mark in the stylesheet overrides the HTTP charset setting." />
+ <style type="text/css">
+ @import "support/at-charset-001.css"; /* shift-jis encoding with UTF-8 BOM */
+ .平和
+ {
+ color: green;
+ }
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="平和">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-002.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-002.xht
new file mode 100644
index 0000000000..5db020d1e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: HTTP Charset over @charset</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="flags" content="http" />
+ <meta name="assert" content="The HTTP charset setting overrides the @charset designation in the stylesheet." />
+ <style type="text/css">
+ @import "support/at-charset-002.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="平和">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-003.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-003.xht
new file mode 100644
index 0000000000..d2b0ad7af2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: HTTP charset over link charset</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="flags" content="http" />
+ <meta name="assert" content="The HTTP charset setting overrides the charset designation in the link tag." />
+ <link charset="windows-1252" href="support/at-charset-003.css" rel="Stylesheet" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="平和">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-004.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-004.xht
new file mode 100644
index 0000000000..6d23331e95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-004.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: HTTP charset over set referring code page (UTF-8)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="flags" content="http" />
+ <meta name="assert" content="The HTTP charset setting overrides the referring document's code page." />
+ <style type="text/css">
+ @import "support/at-charset-003.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="平和">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-005.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-005.xht
new file mode 100644
index 0000000000..d76f64f650
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-005.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: HTTP charset over set referring code page (windows-1252)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="flags" content="http" />
+ <meta name="assert" content="The HTTP charset setting overrides the charset designation in the referring document's meta tag." />
+ <meta http-equiv="Content-Type" content="text/html; windows-1252" />
+ <style type="text/css">
+ @import "support/at-charset-003.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="&#x5e73;&#x548c;">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-006.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-006.xht
new file mode 100644
index 0000000000..d78b378b1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-006.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: HTTP charset over referring code page (not set)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="flags" content="http" />
+ <meta name="assert" content="The HTTP charset setting overrides the charset of referring document." />
+ <style type="text/css">
+ @import "support/at-charset-003.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="&#x5e73;&#x548c;">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-007.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-007.xht
new file mode 100644
index 0000000000..06e2b3592f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-007.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset over link charset attribute</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The @charset setting in the stylesheet overrides the charset attribute of the link element." />
+ <link rel="Stylesheet" href="support/at-charset-007.css" charset="windows-1252" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="平和">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-008.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-008.xht
new file mode 100644
index 0000000000..5419cd181e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset over referring document's code page (set)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The @charset setting in the stylesheet overrides the referring document's set code page." />
+ <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
+ <style type="text/css">
+ @import "support/at-charset-008.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="&#x5e73;&#x548c;">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-009.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-009.xht
new file mode 100644
index 0000000000..21b9c50031
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-009.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset over referring document's code page (unset)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The @charset setting in the stylesheet overrides the referring document's unset code page." />
+ <style type="text/css">
+ @import "support/at-charset-009.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="&#x5e73;&#x548c;">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-010.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-010.xht
new file mode 100644
index 0000000000..5f0b323407
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-010.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Link charset attribute over referring document's codepage (set)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet's encoding is determined by the link element's charset attribute and not the referring document's code page." />
+ <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
+ <link rel="stylesheet" href="support/at-charset-010.css" charset="shift-JIS" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="&#x5e73;&#x548c;">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-011.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-011.xht
new file mode 100644
index 0000000000..6581c75ae0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-011.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Link charset attribute over referring document's codepage (not set)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet's encoding is determined by the link element's charset attribute and not the referring document's code page." />
+ <link rel="stylesheet" href="support/at-charset-011.css" charset="shift-JIS" />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="&#x5e73;&#x548c;">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-012.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-012.xht
new file mode 100644
index 0000000000..46d24904c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-012.xht
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="shift-JIS"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Stylesheet encoding via the referring document's encoding (set)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet's encoding is determined by the set encoding of the referring document." />
+ <meta http-equiv="Content-Type" content="text/html; charset=shift-JIS" />
+ <style type="text/css">
+ @import "support/at-charset-012.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="&#x5e73;&#x548c;">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-013.html b/testing/web-platform/tests/css/CSS2/syntax/at-charset-013.html
new file mode 100644
index 0000000000..643bb3ccc7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-013.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: Stylesheet encoding via the referring document's encoding (user set)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset">
+ <meta name="flags" content="interact HTMLonly">
+ <meta name="assert" content="The stylesheet's encoding is determined by the user set referring document's encoding.">
+ <style type="text/css">
+ @import "support/at-charset-013.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Set the encoding of the page to "Shift-JIS".</p>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="&#x5e73;&#x548c;">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-014.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-014.xht
new file mode 100644
index 0000000000..346985de43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-014.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Matching BOM and @charset (utf-8)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The encoding is correctly interpreted from the matched BOM and @charset." />
+ <style type="text/css">
+ @import "support/at-charset-014.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="平和">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-015.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-015.xht
new file mode 100644
index 0000000000..c6703f9486
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-015.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Matching BOM and @charset (utf-16 LE)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The encoding is correctly interpreted from the matched BOM and @charset." />
+ <style type="text/css">
+ @import "support/at-charset-015.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="平和">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-016.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-016.xht
new file mode 100644
index 0000000000..655cc7f194
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-016.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Matching BOM and @charset (utf-16 BE)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The encoding is correctly interpreted from the matched BOM and @charset." />
+ <style type="text/css">
+ @import "support/at-charset-016.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="平和">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-019.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-019.xht
new file mode 100644
index 0000000000..61a71107b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-019.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: BOM with no @charset (utf-8)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is correctly interpreted as utf-8." />
+ <style type="text/css">
+ @import "support/at-charset-019.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="平和">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-020.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-020.xht
new file mode 100644
index 0000000000..1a80f92b68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-020.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: BOM with no @charset (utf-16LE)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is correctly interpreted as utf-16LE." />
+ <style type="text/css">
+ @import "support/at-charset-020.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="平和">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-021.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-021.xht
new file mode 100644
index 0000000000..ef88ad13e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-021.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: BOM with no @charset (utf-16BE)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is correctly interpreted as utf-16BE." />
+ <style type="text/css">
+ @import "support/at-charset-021.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="平和">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-024.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-024.xht
new file mode 100644
index 0000000000..489d4b9402
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-024.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset specified (windows-1252)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is correctly interpreted as windows-1252." />
+ <style type="text/css">
+ @import "support/at-charset-024.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="&#241;&#221;">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-025.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-025.xht
new file mode 100644
index 0000000000..e49976f75c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-025.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset specified (Shift-JIS)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is correctly interpreted as Shift-JIS." />
+ <style type="text/css">
+ @import "support/at-charset-025.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="麓火曜日靃">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-026.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-026.xht
new file mode 100644
index 0000000000..ef4feb23ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-026.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset specified (ISO-8859-6)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is correctly interpreted as ISO-8859-6." />
+ <style type="text/css">
+ @import "support/at-charset-026.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="تم">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-027.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-027.xht
new file mode 100644
index 0000000000..ed77f05c11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-027.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset specified (Big5)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is correctly interpreted as Big5." />
+ <style type="text/css">
+ @import "support/at-charset-027.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="星期六吽">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-028.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-028.xht
new file mode 100644
index 0000000000..01ff31631d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-028.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset specified (UTF-8)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is correctly interpreted as UTF-8." />
+ <style type="text/css">
+ @import "support/at-charset-028.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="星期六吽">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-029.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-029.xht
new file mode 100644
index 0000000000..95277f8ade
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-029.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset specified (UTF-16LE)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is not interpreted as UTF-16LE." />
+ <style type="text/css">
+ @import "support/at-charset-029.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="星期六吽">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-030.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-030.xht
new file mode 100644
index 0000000000..d6e34b9361
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-030.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset specified (UTF-16BE)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is not interpreted as UTF-16BE." />
+ <style type="text/css">
+ @import "support/at-charset-030.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="星期六吽">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-033.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-033.xht
new file mode 100644
index 0000000000..b8a4fdf940
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-033.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching BOM (windows-1252 with UTF-8 BOM)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The stylesheet is thrown out due to the BOM not matching the actual encoding." />
+ <style type="text/css">
+ @import "support/at-charset-033.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="òÔyiÑ">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-034.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-034.xht
new file mode 100644
index 0000000000..c11ab57c1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-034.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching BOM (UTF-8 with UTF-16LE BOM)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The stylesheet is thrown out due to the BOM not matching the actual encoding." />
+ <style type="text/css">
+ @import "support/at-charset-034.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="星期五ヷ">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-035.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-035.xht
new file mode 100644
index 0000000000..28b7c1f59d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-035.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching BOM (UTF-16LE with UTF-8 BOM)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The stylesheet is thrown out due to the BOM not matching the actual encoding." />
+ <style type="text/css">
+ @import "support/at-charset-035.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="星期五ｮヷ">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-036.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-036.xht
new file mode 100644
index 0000000000..40f044d0d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-036.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching BOM (UTF-32BE with UTF-16LE BOM)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The stylesheet is thrown out due to the BOM not matching the actual encoding." />
+ <style type="text/css">
+ @import "support/at-charset-036.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="星期五ｮヷ">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-037.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-037.xht
new file mode 100644
index 0000000000..58f62e03be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-037.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching @charset (Shift-JIS with 1252 @charset)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The selector does not match due to the mismatched @charset." />
+ <style type="text/css">
+ @import "support/at-charset-037.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="ギびヴ">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-038.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-038.xht
new file mode 100644
index 0000000000..7556ce4c9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-038.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching @charset (Big5 with Shift-JIS @charset)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The selector does not match due to the mismatched @charset." />
+ <style type="text/css">
+ @import "support/at-charset-038.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="星期二价泌">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-039-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-039-ref.xht
new file mode 100644
index 0000000000..fe07476bbe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-039-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>No red double filler text reference</title>
+ </head>
+ <body>
+ <p>Test passes if there is no red on this page.</p>
+ <div>Filler Text</div>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-039.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-039.xht
new file mode 100644
index 0000000000..b9ebae743c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-039.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Matching BOM and @charset (utf-8)</title>
+ <link rel="match" href="at-charset-039-ref.xht" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <meta name="assert" content="The encoding is correctly interpreted from the matched BOM and @charset." />
+ <style type="text/css">
+ @import "support/at-charset-039.css";
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red on this page.</p>
+ <div class="平和">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-040.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-040.xht
new file mode 100644
index 0000000000..0847080811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-040.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching @charset (UTF-16BE with UTF-8 @charset)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is thrown out due to the mismatched @charset." />
+ <style type="text/css">
+ @import "support/at-charset-040.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="星期二价泌">Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-041.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-041.xht
new file mode 100644
index 0000000000..9a2fb8f8b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-041.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching @charset (UTF-32LE with UTF-16BE @charset)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is thrown out due to the mismatched @charset." />
+ <style type="text/css">
+ @import "support/at-charset-041.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="星期二价泌">Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-042.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-042.xht
new file mode 100644
index 0000000000..6dcf764df0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-042.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset does not match BOM (UTF8 encoding and BOM with UTF-16BE @charset)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is interpreted as UTF-8." />
+ <style type="text/css">
+ @import "support/at-charset-042.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="星期二价泌">Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-043.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-043.xht
new file mode 100644
index 0000000000..8619e855c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-043.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset does not match BOM (UTF-16LE encoding and BOM with UTF-8 @charset)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is interpreted as UTF-8." />
+ <style type="text/css">
+ @import "support/at-charset-043.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="星期二价泌">Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-044.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-044.xht
new file mode 100644
index 0000000000..f752cecbb3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-044.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset does not match BOM (UTF-32BE encoding and BOM with UTF-16BE @charset)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="UTF-32 is not supported." />
+ <style type="text/css">
+ @import "support/at-charset-044.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="星期二价泌">Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-045.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-045.xht
new file mode 100644
index 0000000000..13fc471c83
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-045.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Mismatched endianness in @charset (UTF-16LE encoding and BOM with UTF-16BE @charset)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is interpreted as UTF-16LE." />
+ <style type="text/css">
+ @import "support/at-charset-045.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="星期二价泌">Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-046.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-046.xht
new file mode 100644
index 0000000000..aaa58b59cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-046.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Mismatched endianness in @charset (UTF-16BE encoding and BOM with UTF-16LE @charset)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is interpreted as UTF16BE." />
+ <style type="text/css">
+ @import "support/at-charset-046.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="星期二价泌">Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-047.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-047.xht
new file mode 100644
index 0000000000..ec5d204276
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-047.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Endianness not specified (UTF-16LE encoding with UTF-16 @charset)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is not interpreted as UTF-16LE." />
+ <style type="text/css">
+ @import "support/at-charset-047.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="星期二价泌">Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-048.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-048.xht
new file mode 100644
index 0000000000..e774180f34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-048.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Endianness not specified (UTF-16BE encoding with UTF-16 @charset)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is not interpreted as UTF16-BE." />
+ <style type="text/css">
+ @import "support/at-charset-048.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="星期二价泌">Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-049.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-049.xht
new file mode 100644
index 0000000000..d7f37af5c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-049.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset preceded by a newline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The selector does not match due to the @charset being ignored." />
+ <style type="text/css">
+ @import "support/at-charset-049.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="&#26143;&#26399;&#20108;&#20215;&#27852;">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-050.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-050.xht
new file mode 100644
index 0000000000..fe21a1f9e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-050.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset preceded by a space</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The selector does not match due to the @charset being ignored." />
+ <style type="text/css">
+ @import "support/at-charset-050.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="&#26143;&#26399;&#20108;&#20215;&#27852;">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-051.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-051.xht
new file mode 100644
index 0000000000..a5a72198b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-051.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset preceded by a declaration</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The selector does not match due to the @charset being ignored." />
+ <style type="text/css">
+ @import "support/at-charset-051.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="&#26143;&#26399;&#20108;&#20215;&#27852;">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-052.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-052.xht
new file mode 100644
index 0000000000..8e4a48b7a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-052.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset preceded by another @charset</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The selector does not match due to the second @charset being ignored." />
+ <style type="text/css">
+ @import "support/at-charset-052.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="&#26143;&#26399;&#20108;&#20215;&#27852;">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-053.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-053.xht
new file mode 100644
index 0000000000..54865d974c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-053.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset immediately followed by a declaration block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The declaration block is interpreted and applied correctly." />
+ <style type="text/css">
+ @import "support/at-charset-053.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="&#26143;&#26399;&#20108;&#20215;&#27852;">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-054.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-054.xht
new file mode 100644
index 0000000000..7532e46460
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-054.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset in uppercase</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The selector does not match due to the @charset being ignored." />
+ <style type="text/css">
+ @import "support/at-charset-054.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="&#26143;&#26399;&#20108;&#20215;&#27852;">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-055.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-055.xht
new file mode 100644
index 0000000000..4349091685
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-055.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset without quotes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The selector does not match due to the @charset being ignored." />
+ <style type="text/css">
+ @import "support/at-charset-055.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="&#26143;&#26399;&#20108;&#20215;&#27852;">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-056.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-056.xht
new file mode 100644
index 0000000000..2dd8282b8f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-056.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset missing a space</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The selector does not match due to the @charset being ignored." />
+ <style type="text/css">
+ @import "support/at-charset-056.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="&#26143;&#26399;&#20108;&#20215;&#27852;">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-057.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-057.xht
new file mode 100644
index 0000000000..5dfe915146
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-057.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset escaped numerically</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The selector does not match due to the @charset being ignored." />
+ <style type="text/css">
+ @import "support/at-charset-057.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="&#26143;&#26399;&#20108;&#20215;&#27852;">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-058.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-058.xht
new file mode 100644
index 0000000000..5eb0e38576
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-058.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset escaped char</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The selector does not match due to the @charset being ignored." />
+ <style type="text/css">
+ @import "support/at-charset-058.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="&#26143;&#26399;&#20108;&#20215;&#27852;">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-059.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-059.xht
new file mode 100644
index 0000000000..99dffe105b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-059.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset missing semi-colon</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The selector does not match due to the @charset being ignored." />
+ <style type="text/css">
+ @import "support/at-charset-059.css";
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="&#26143;&#26399;&#20108;&#20215;&#27852;">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-060.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-060.xht
new file mode 100644
index 0000000000..bfdaa966a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-060.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset with bogus name</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-001-ref.xht"/>
+ <meta name="assert" content="The stylesheet is interpreted as UTF-16LE based on BOM." />
+ <style type="text/css">
+ @import "support/at-charset-060.css";
+ div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both lines of "Filler Text" below are green.</p>
+ <div class="平和">Filler Text</div>
+ <div id="div1">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-061.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-061.xht
new file mode 100644
index 0000000000..f4d05f0e0b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-061.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @charset within style block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The selector does not match due to the @charset being ignored." />
+ <style type="text/css">@charset "ISO-8859-1";
+ .\xC3\xA9
+ {
+ color: red;
+ }
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="é">Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-071.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-071.xht
new file mode 100644
index 0000000000..5bc5ae7e81
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-071.xht
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stylesheet encodings: ISO-8859-1</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/encoding/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <meta name="flags" content="http" />
+ <style type="text/css">
+ p { background: red; color: yellow; }
+ </style>
+ <link rel="stylesheet" href="support/at-charset-071.css"/>
+ </head>
+ <body>
+ <p class="t&#xE9;st">This should have a green background.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-071.xht.headers b/testing/web-platform/tests/css/CSS2/syntax/at-charset-071.xht.headers
new file mode 100644
index 0000000000..4483f5fb71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-071.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml; charset=us-ascii
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-072.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-072.xht
new file mode 100644
index 0000000000..569c95933b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-072.xht
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stylesheet encodings: ISO-8859-11</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/encoding/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <meta name="flags" content="http" />
+ <style type="text/css">
+ p { background: red; color: yellow; }
+ </style>
+ <link rel="stylesheet" href="support/at-charset-072.css"/>
+ </head>
+ <body>
+ <p class="t&#x0E49;st">This should have a green background.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-072.xht.headers b/testing/web-platform/tests/css/CSS2/syntax/at-charset-072.xht.headers
new file mode 100644
index 0000000000..4483f5fb71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-072.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml; charset=us-ascii
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-073.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-073.xht
new file mode 100644
index 0000000000..ca07642818
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-073.xht
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stylesheet encodings: ISO-8859-5</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/encoding/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <meta name="flags" content="http" />
+ <style type="text/css">
+ p { background: red; color: yellow; }
+ </style>
+ <link rel="stylesheet" href="support/at-charset-073.css"/>
+ </head>
+ <body>
+ <p class="t&#x0449;st">This should have a green background.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-073.xht.headers b/testing/web-platform/tests/css/CSS2/syntax/at-charset-073.xht.headers
new file mode 100644
index 0000000000..4483f5fb71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-073.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml; charset=us-ascii
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-074.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-074.xht
new file mode 100644
index 0000000000..bc18d2fe44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-074.xht
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stylesheet encodings: ISO-8859-6</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/encoding/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <meta name="flags" content="http" />
+ <style type="text/css">
+ p { background: red; color: yellow; }
+ </style>
+ <link rel="stylesheet" href="support/at-charset-074.css"/>
+ </head>
+ <body>
+ <p class="t&#x0649;st">This should have a green background.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-074.xht.headers b/testing/web-platform/tests/css/CSS2/syntax/at-charset-074.xht.headers
new file mode 100644
index 0000000000..4483f5fb71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-074.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml; charset=us-ascii
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-075.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-075.xht
new file mode 100644
index 0000000000..0fbc3d3f6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-075.xht
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stylesheet encodings: ISO-8859-7</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/encoding/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <meta name="flags" content="http" />
+ <style type="text/css">
+ p { background: red; color: yellow; }
+ </style>
+ <link rel="stylesheet" href="support/at-charset-075.css"/>
+ </head>
+ <body>
+ <p class="t&#x03B9;st">This should have a green background.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-075.xht.headers b/testing/web-platform/tests/css/CSS2/syntax/at-charset-075.xht.headers
new file mode 100644
index 0000000000..4483f5fb71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-075.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml; charset=us-ascii
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-076.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-076.xht
new file mode 100644
index 0000000000..ec50107b43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-076.xht
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stylesheet encodings: ISO-8859-8</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/encoding/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <meta name="flags" content="http" />
+ <style type="text/css">
+ p { background: red; color: yellow; }
+ </style>
+ <link rel="stylesheet" href="support/at-charset-076.css"/>
+ </head>
+ <body>
+ <p class="t&#x05D9;st">This should have a green background.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-076.xht.headers b/testing/web-platform/tests/css/CSS2/syntax/at-charset-076.xht.headers
new file mode 100644
index 0000000000..4483f5fb71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-076.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml; charset=us-ascii
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-077.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-077.xht
new file mode 100644
index 0000000000..0be14e1f23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-077.xht
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stylesheet encodings: KOI8-R</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/encoding/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <meta name="flags" content="http" />
+ <style type="text/css">
+ p { background: red; color: yellow; }
+ </style>
+ <link rel="stylesheet" href="support/at-charset-077.css"/>
+ </head>
+ <body>
+ <p class="t&#x0418;st">This should have a green background.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-077.xht.headers b/testing/web-platform/tests/css/CSS2/syntax/at-charset-077.xht.headers
new file mode 100644
index 0000000000..4483f5fb71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-077.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml; charset=us-ascii
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-quotes-001.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-quotes-001.xht
new file mode 100644
index 0000000000..db4ab67c3d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-quotes-001.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: @charset quotes</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-ref.xht"/>
+ <style type="text/css">
+ body { color: green; }
+ </style>
+ <link type="text/css" charset="us-ascii" rel="stylesheet" href="support/at-charset-quotes-001.css" />
+ </head>
+ <body>
+ This should be green
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-ref.xht
new file mode 100644
index 0000000000..7367440b87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-ref.xht
@@ -0,0 +1,6 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head></head><body style="color: green">
+ This should be green
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-space-001.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-space-001.xht
new file mode 100644
index 0000000000..3d42fd86b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-space-001.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: @charset leading-space</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-ref.xht"/>
+ <style type="text/css">
+ body { color: green; }
+ </style>
+ <link type="text/css" charset="us-ascii" rel="stylesheet" href="support/at-charset-space-001.css" />
+ </head>
+ <body>
+ This should be green
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-space-002.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-space-002.xht
new file mode 100644
index 0000000000..64f19bc056
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-space-002.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: @charset trailing-space</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-ref.xht"/>
+ <style type="text/css">
+ body { color: green; }
+ </style>
+ <link type="text/css" charset="us-ascii" rel="stylesheet" href="support/at-charset-space-002.css" />
+ </head>
+ <body>
+ This should be green
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-be-001.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-be-001.xht
new file mode 100644
index 0000000000..7e47343e62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-be-001.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: @charset utf-16-be-no-bom</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-ref.xht"/>
+ <style type="text/css">
+ body { color: green; }
+ </style>
+ <link type="text/css" charset="us-ascii" rel="stylesheet" href="support/at-charset-utf16-be-001.css" />
+ </head>
+ <body>
+ This should be green
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-be-002.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-be-002.xht
new file mode 100644
index 0000000000..98649a68ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-be-002.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: @charset utf-16-be-bom</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-ref.xht"/>
+ <style type="text/css">
+ body { color: red; }
+ </style>
+ <link type="text/css" charset="us-ascii" rel="stylesheet" href="support/at-charset-utf16-be-002.css" />
+ </head>
+ <body>
+ This should be green
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-be-003.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-be-003.xht
new file mode 100644
index 0000000000..33eb27aef9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-be-003.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: @charset utf-16-bom-be</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-ref.xht"/>
+ <style type="text/css">
+ body { color: red; }
+ </style>
+ <link type="text/css" charset="us-ascii" rel="stylesheet" href="support/at-charset-utf16-be-003.css" />
+ </head>
+ <body>
+ This should be green
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-le-001.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-le-001.xht
new file mode 100644
index 0000000000..122c9dc63a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-le-001.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: @charset utf-16-le-no-bom</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-ref.xht"/>
+ <style type="text/css">
+ body { color: green; }
+ </style>
+ <link type="text/css" charset="us-ascii" rel="stylesheet" href="support/at-charset-utf16-le-001.css" />
+ </head>
+ <body>
+ This should be green
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-le-002.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-le-002.xht
new file mode 100644
index 0000000000..abbd62fb74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-le-002.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: @charset utf-16-le-bom</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-ref.xht"/>
+ <style type="text/css">
+ body { color: red; }
+ </style>
+ <link type="text/css" charset="us-ascii" rel="stylesheet" href="support/at-charset-utf16-le-002.css" />
+ </head>
+ <body>
+ This should be green
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-le-003.xht b/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-le-003.xht
new file mode 100644
index 0000000000..4b20d43772
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-charset-utf16-le-003.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: @charset utf-16-bom-le</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="match" href="at-charset-ref.xht"/>
+ <style type="text/css">
+ body { color: red; }
+ </style>
+ <link type="text/css" charset="us-ascii" rel="stylesheet" href="support/at-charset-utf16-le-003.css" />
+ </head>
+ <body>
+ This should be green
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-keywords-000.xht b/testing/web-platform/tests/css/CSS2/syntax/at-keywords-000.xht
new file mode 100644
index 0000000000..33dec42708
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-keywords-000.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: At-rules</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#at-rules"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <style type="text/css">
+
+ @import "support/import-green.css";
+
+ p { color: red; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="import">This text should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-keywords-001.xht b/testing/web-platform/tests/css/CSS2/syntax/at-keywords-001.xht
new file mode 100644
index 0000000000..104fe69995
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-keywords-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: At-rules</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#at-rules"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <style type="text/css">
+
+ @ import "support/import-red.css";
+
+ ignore {}
+
+ p { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="import">This text should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-keywords-002.xht b/testing/web-platform/tests/css/CSS2/syntax/at-keywords-002.xht
new file mode 100644
index 0000000000..f3a83635fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-keywords-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: At-rules</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#at-rules"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+
+ @impor t "support/import-red.css";
+
+ p { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="import">This text should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rule-001.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rule-001.xht
new file mode 100644
index 0000000000..b45449d7c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rule-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parser error handling with invalid at-rules: @ invalid selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="At-Rules start with an at-keyword (@ followed immediately by an identifier)." />
+ <style type="text/css">
+ @ import "support/at-rule-red.css";
+ div
+ {
+ color: red;
+ }
+ *
+ {
+ color: green;
+ }
+ p
+ {
+ color: black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rule-002.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rule-002.xht
new file mode 100644
index 0000000000..1810d73f80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rule-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing of invalid @rules</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="An at-rule consists of everything up to and including the next semi-colon or the next block." />
+ <style type="text/css">
+ @invalidimport bad at rule
+ this entire "at rule" should be ignored;
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rule-003.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rule-003.xht
new file mode 100644
index 0000000000..fee6163801
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rule-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing of invalid @rules with blocks</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="An at-rule consists of everything up to and including the next semi-colon or the next block." />
+ <style type="text/css">
+ @invalidat-block bad at rule
+ this entire "at rule" should be ignored{declaration;{sub-block;}}
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rule-004.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rule-004.xht
new file mode 100644
index 0000000000..dc8e72289f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rule-004.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @import inside block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="@import is ignored if inside a block." />
+ <style type="text/css">
+ @media page
+ {
+ @import "support/at-rule-red.css";
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rule-005.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rule-005.xht
new file mode 100644
index 0000000000..975a7bf7fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rule-005.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @import following @charset</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="@import is ignored if inside a block or after any valid statement except @charset." />
+ <style type="text/css">
+ @charset foo;
+ @import "support/at-rule-green.css";
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rule-006.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rule-006.xht
new file mode 100644
index 0000000000..7864b2ef1b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rule-006.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @import following valid statements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="@import is ignored if after any valid statement except @charset." />
+ <style type="text/css">
+ div
+ {
+ color: green;
+ }
+ @import "support/at-rule-red.css";
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rule-007.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rule-007.xht
new file mode 100644
index 0000000000..cc096841a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rule-007.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @import following an invalid statement</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="@import is ignored if inside a block or after any valid statement except @charset." />
+ <style type="text/css">
+ foo{}
+ @import "support/at-rule-red.css";
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rule-008.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rule-008.xht
new file mode 100644
index 0000000000..6bd393115a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rule-008.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @import following a bad @rule</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="@import is ignored after invalid @rule." />
+ <style type="text/css">
+ @badat-rule foo;
+ @import "support/at-rule-green.css";
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rule-009.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rule-009.xht
new file mode 100644
index 0000000000..7e84583a41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rule-009.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @import after a bad selector and rule block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="@import is not ignored if after bad selector." />
+ <style type="text/css">
+ 1badselector
+ {
+ someprop:someval;
+ }
+ @import "support/at-rule-green.css";
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rule-010.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rule-010.xht
new file mode 100644
index 0000000000..06e41bfe95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rule-010.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @rules and white space</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="White space does not affect the validity of @rules." />
+ <style type="text/css">
+
+
+
+
+
+ @import "support/at-rule-green.css";
+
+
+
+
+
+
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rule-011.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rule-011.xht
new file mode 100644
index 0000000000..694d20c9d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rule-011.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parser error handling with invalid at-rules: @ invalid selector with a number</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="At-Rules are ignored if they start with an at-keyword (@ followed immediately by an identifier)." />
+ <style type="text/css">
+ @1import "support/at-rule-red.css";
+ div
+ {
+ color: red;
+ }
+ *
+ {
+ color: green;
+ }
+ p
+ {
+ color: black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rule-012.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rule-012.xht
new file mode 100644
index 0000000000..f5e47c6692
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rule-012.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parser error handling with invalid at-rules: @ invalid selector with a hyphen</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="At-Rules are ignored it they start with an at-keyword (@ followed immediately by an identifier)." />
+ <style type="text/css">
+ @-1import "support/at-rule-red.css";
+ div
+ {
+ color: red;
+ }
+ *
+ {
+ color: green;
+ }
+ p
+ {
+ color: black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rule-013-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rule-013-ref.xht
new file mode 100644
index 0000000000..b504c6b39b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rule-013-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>This sentence must be green.</p>
+<p>This sentence must be green.</p>
+<p>This sentence must be green.</p>
+<p>This sentence must be green.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rule-013.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rule-013.xht
new file mode 100644
index 0000000000..7f51f2f026
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rule-013.xht
@@ -0,0 +1,67 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Ignoring at-rules inside @media blocks</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html#at-media-rule"/>
+ <link rel="match" href="at-rule-013-ref.xht"/>
+ <meta name="flags" content="invalid"/>
+ <meta name="assert" content="At-rules inside @media blocks are ignored up to
+ up to the end of the block that contains the invalid at-keyword, or up
+ to and including the next semicolon (;) or up to and including the next
+ block ({...}), whichever comes first."/>
+ <style type="text/css"><![CDATA[
+ p {
+ color: red;
+ background: red;
+ }
+ @media all {
+ #semicolon { background: transparent; }
+ @foo ] & | # $ % test-token \
+ [; # { background: red; } ]
+ (; #semicolon { background: red; } } } } )
+ '; #semicolon { background: red; } } } }',
+ "; #semicolon { background: red; }' } } }"
+ ;
+ #semicolon { color: green; }
+ }
+ @media all {
+ #block { background: transparent; }
+ @foo ] & | # $ % test-token \
+ [; #block { background: red; } ]
+ (; #block { background: red; } )
+ '; #block { background: red; }',
+ "; #block { background: red; }'"
+ {; #block { background: red; }
+ #block { background: red; } }
+ #block { color: green; }
+ }
+ @media all {
+ #eob { background: transparent; }
+ @import "support/import-red.css"
+ }
+ #eob {
+ color: green;
+ }
+ @media all {
+ #eob-complex { background: transparent; }
+ @import "support/import-red.css"
+ [; #eob-complex { background: red; } ]
+ (; #eob-complex { background: red; } )
+ '; #eob-complex { background: red; }',
+ "; #eob-complex { background: red; }'"
+ }
+ #eob-complex {
+ color: green;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p id="semicolon">This sentence must be green.</p>
+ <p id="block">This sentence must be green.</p>
+ <p id="eob">This sentence must be green.</p>
+ <p id="eob-complex">This sentence must be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rules-000.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rules-000.xht
new file mode 100644
index 0000000000..4f23bd2254
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rules-000.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: At-rules</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#at-rules"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+
+ p { color: red; }
+
+ @foo{}
+
+ p { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>This text should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rules-001.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rules-001.xht
new file mode 100644
index 0000000000..40a89a00c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rules-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: At-rules</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#at-rules"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <style type="text/css">
+
+ p { color: red; }
+
+ @foo bar {}
+
+ p { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>This text should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rules-002.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rules-002.xht
new file mode 100644
index 0000000000..dec4e68a80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rules-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: At-rules</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#at-rules"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <style type="text/css">
+
+ p { color: red; }
+
+ @foo;
+
+ p { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>This text should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rules-003.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rules-003.xht
new file mode 100644
index 0000000000..40dbc2a8ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rules-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: At-rules</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#at-rules"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <style type="text/css">
+
+ p { color: red; }
+
+ @foo bar baz;
+
+ p { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>This text should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/at-rules-004.xht b/testing/web-platform/tests/css/CSS2/syntax/at-rules-004.xht
new file mode 100644
index 0000000000..102a7f2a65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/at-rules-004.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: At-rules</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#at-rules"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <style type="text/css">
+
+ p { color: green; }
+
+ @foo {};
+
+ p { color: red; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>This text should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/bad-selector-001.xht b/testing/web-platform/tests/css/CSS2/syntax/bad-selector-001.xht
new file mode 100644
index 0000000000..c39d309121
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/bad-selector-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing of bad selectors</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#rule-sets" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Declarations with bad selectors are ignored." />
+ <style type="text/css">
+ body,,div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/blocks-001-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/blocks-001-ref.xht
new file mode 100644
index 0000000000..5876981868
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/blocks-001-ref.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+</head>
+<body>
+<p>Test passes if there is no red visible on the page.</p>
+<div>Filler Text</div>
+<div>Filler Text</div>
+<div>Filler Text</div>
+<div>Filler Text</div>
+<div>Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/blocks-001.xht b/testing/web-platform/tests/css/CSS2/syntax/blocks-001.xht
new file mode 100644
index 0000000000..9da1079f6f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/blocks-001.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing nested blocks and strings in style blocks</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#block" />
+ <link rel="match" href="blocks-001-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Blocks and strings are parsed with matching terminating pairs." />
+ <style type="text/css">
+ div
+ {
+ \}
+ "string}\" }" #div1{color:red}
+ {}#div5{color: red}
+ (
+ }
+ #div2{color: red}
+ )
+ [
+ }
+ #div3{color: red}
+ ]
+ [
+ (
+ ]
+ )
+ }
+ #div4{color: red}
+ ]
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="div1">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ <div id="div3">Filler Text</div>
+ <div id="div4">Filler Text</div>
+ <div id="div5">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/blocks-002.xht b/testing/web-platform/tests/css/CSS2/syntax/blocks-002.xht
new file mode 100644
index 0000000000..bc058bb7cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/blocks-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty declaration block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#block" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Declaration blocks that are empty have no effect on later declarations." />
+ <style type="text/css">
+ div
+ {}
+ div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/blocks-003.xht b/testing/web-platform/tests/css/CSS2/syntax/blocks-003.xht
new file mode 100644
index 0000000000..6ddf899b12
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/blocks-003.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Rule blocks and white space</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="White space around rule blocks do not affect the validity of the rule block." />
+ <style type="text/css">
+
+
+
+
+
+ div
+
+
+
+
+
+ {
+ color: green;
+ }
+
+
+
+
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/blocks-004.xht b/testing/web-platform/tests/css/CSS2/syntax/blocks-004.xht
new file mode 100644
index 0000000000..b28f5eb64a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/blocks-004.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing square bracket blocks</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#block" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Blocks and strings are parsed with matching terminating pairs of square brackets." />
+ <style type="text/css">
+ div
+ {
+ [color: red;]
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/blocks-005.xht b/testing/web-platform/tests/css/CSS2/syntax/blocks-005.xht
new file mode 100644
index 0000000000..aaa65a13d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/blocks-005.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing curly bracket blocks</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#block" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Blocks and strings are parsed with matching terminating pairs of curly brackets." />
+ <style type="text/css">
+ div
+ {
+ {color: red;}
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/blocks-006.xht b/testing/web-platform/tests/css/CSS2/syntax/blocks-006.xht
new file mode 100644
index 0000000000..1737764602
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/blocks-006.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing parentheses blocks</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#block" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Blocks and strings are parsed with matching terminating pairs of parentheses." />
+ <style type="text/css">
+ div
+ {
+ (color: red;)
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/blocks-and-strings-001.xht b/testing/web-platform/tests/css/CSS2/syntax/blocks-and-strings-001.xht
new file mode 100644
index 0000000000..4c91cd38ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/blocks-and-strings-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing blocks and strings in style blocks</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#block" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Nested blocks and strings are parsed accordingly." />
+ <style type="text/css">
+ div
+ {
+ "this is a string]}""[{\"'"; /*should be parsed as a string but be ignored*/
+ {{}}[]''; /*should be parsed as nested blocks and a string but be ignored*/
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-000.xht b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-000.xht
new file mode 100644
index 0000000000..82b53f637e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-000.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Case-sensitivity of Properties and Keywords (background)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <style type="text/css">
+
+ p { color: white; }
+ p { background: red; }
+ p { bACkGRounD: gREen; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>This should have a green background.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-001.xht b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-001.xht
new file mode 100644
index 0000000000..4a49758fa1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Case-sensitivity of At-rules (@media)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <style type="text/css">
+
+ p { color: white; }
+ @media all {
+ p { background: url(support/swatch-red.png); }
+ }
+
+ @MeDIa aLL {
+ p { BacKgrOUNd: UrL(support/swatch-green.png); }
+ }
+
+ </style>
+ </head>
+ <body>
+
+ <p>This should have a green background.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-003-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-003-ref.xht
new file mode 100644
index 0000000000..ef16489888
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-003-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>This sentence must be green.</p>
+<p>This sentence must be green.</p>
+<p>This sentence must be green.</p>
+<p>This sentence must be green.</p>
+<p>This sentence must be green.</p>
+<p>This sentence must be green.</p>
+<p>This sentence must be green.</p>
+<p>This sentence must be green.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-003.xht b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-003.xht
new file mode 100644
index 0000000000..0b494379f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-003.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Case-sensitivity of pseudo-classes and pseudo-elements</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="case-sensitive-003-ref.xht"/>
+ <meta name="assert" content="Pseudo-class and pseudo-element names are ASCII
+ case-insensitive."/>
+ <style type="text/css">
+ * { color: red; }
+ *:before, *:after { color: red; }
+
+ p:FiRSt-cHIlD {
+ color: green;
+ }
+
+ :LinK, :viSiTed {
+ color: green;
+ text-decoration: none;
+ font: inherit;
+ }
+
+ :lAnG(en) {
+ color: green;
+ }
+
+ .flin {
+ white-space: nowrap;
+ }
+ .flin:fIrsT-LinE {
+ color: green;
+ }
+
+ .flet span {
+ color: green;
+ }
+ .flet:fIRst-LEttEr {
+ color: green;
+ }
+
+ .bef:before, .af:after {
+ content: "This sentence must be green.";
+ }
+ .bef:BeFoRe, .af:aFtEr {
+ color: green;
+ }
+
+ /* test for ASCII (not UNICODE) case-insensitivity */
+ p:fİrst-child {
+ color: red;
+ }
+ p:fırst-child {
+ color: red;
+ }
+ :lin&#x212a; {
+ color: red;
+ }
+ </style>
+
+ </head>
+ <body>
+ <p>This sentence must be green.</p>
+ <p><a href="">This sentence must be green.</a></p>
+ <p><a href="unvisited:link">This sentence must be green.</a></p>
+ <p lang="en">This sentence must be green.</p>
+ <p class="flin">This sentence must be green.</p>
+ <p class="flet">T<span>his sentence must be green.</span></p>
+ <p class="bef"></p>
+ <p class="af"></p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-004.xht b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-004.xht
new file mode 100644
index 0000000000..998187db59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-004.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Case-sensitivity of :lang() arguments</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="case-sensitive-003-ref.xht"/>
+ <meta name="assert" content="The argument to :lang() is ASCII case-insensitive."/>
+ <style type="text/css">
+ .test-folding { color: red; }
+
+ :lang(en) {
+ color: green;
+ }
+ :lang(FR) {
+ color: green;
+ }
+
+ /* test for ASCII (not UNICODE) case-insensitivity */
+ .test-unicode { color: green; }
+ :lang(fİ) {
+ color: red;
+ }
+ :lang(Fı) {
+ color: red;
+ }
+ :lang(&#x212a;l) {
+ color: red;
+ }
+ </style>
+
+ </head>
+ <body>
+ <div class="test-folding">
+ <p lang="En">This sentence must be green.</p>
+ <p xml:lang="eN">This sentence must be green.</p>
+ <p lang="fr">This sentence must be green.</p>
+ <p xml:lang="fR">This sentence must be green.</p>
+ </div>
+ <div class="test-unicode">
+ <p xml:lang="kl">This sentence must be green.</p>
+ <p lang="KL">This sentence must be green.</p>
+ <p xml:lang="fi">This sentence must be green.</p>
+ <p lang="FI">This sentence must be green.</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-005-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-005-ref.xht
new file mode 100644
index 0000000000..38ebfd8f31
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-005-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+span {
+ color: blue;
+ font: larger bold monospace;
+}
+</style>
+</head>
+<body>
+<p>The number 99 must appear below.</p>
+<p><span>9</span><span>9</span></p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-005.xht b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-005.xht
new file mode 100644
index 0000000000..35bbc4b62b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-005.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Case-sensitivity of counter names</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="case-sensitive-005-ref.xht"/>
+ <meta name="assert" content="Counter names are case-sensitive."/>
+ <style type="text/css">
+ .reset { counter-reset: test 5 tEsT 9; }
+ .incr { counter-reset: TEST 0 tEsT 0; counter-increment: TEST 5 tEsT 9; }
+ span:before { content: counter(tEsT); }
+ span { color: blue; font: larger bold monospace; }
+ </style>
+
+ </head>
+ <body>
+
+ <p>The number 99 must appear below.</p>
+
+ <p><span class="reset"></span><span class="incr"></span></p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-006.html b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-006.html
new file mode 100644
index 0000000000..0f140f4216
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-006.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS Test: Case sensitivity with element selectors</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters">
+ <link rel="match" href="../reference/filler-text-below-green.xht">
+ <meta name="flags" content="HTMLonly">
+ <meta name="assert" content="Element selectors are case-insensitive in HTML.">
+ <style type="text/css">
+ DIV
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-007.xht b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-007.xht
new file mode 100644
index 0000000000..027f84ce8c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-007.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Case sensitivity with element selectors</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="nonHTML" />
+ <meta name="assert" content="Element selectors are case-sensitive in XHTML and XML." />
+ <style type="text/css">
+ DIV
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-008.xht b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-008.xht
new file mode 100644
index 0000000000..6182e071ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-008.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Case sensitive attributes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters" />
+ <meta name="assert" content="CSS style sheets parts that are not under the control of CSS are case dependant on the language being used." />
+ <style type="text/css">
+ #myid,
+ #MYID,
+ .myclass,
+ .MYCLASS,
+ [title="MYTITLE"],
+ [title="mytitle"]
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div title="MyTitle">Filler Text</div>
+ <div class="MyClass">Filler Text</div>
+ <div id="MyID">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-encoding-031.xht b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-031.xht
new file mode 100644
index 0000000000..3e8bac6a3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-031.xht
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stylesheet encodings: ISO-8859-1</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/encoding/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <meta name="flags" content="http" />
+ <style type="text/css">
+ p { background: red; color: yellow; }
+ </style>
+ <link rel="stylesheet" href="support/character-encoding-031.css"/>
+ </head>
+ <body>
+ <p class="t&#xE9;st">This line should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-encoding-031.xht.headers b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-031.xht.headers
new file mode 100644
index 0000000000..4483f5fb71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-031.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml; charset=us-ascii
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-encoding-032.xht b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-032.xht
new file mode 100644
index 0000000000..04c6cf4d1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-032.xht
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stylesheet encodings: ISO-8859-11</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/encoding/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <meta name="flags" content="http" />
+ <style type="text/css">
+ p { background: red; color: yellow; }
+ </style>
+ <link rel="stylesheet" href="support/character-encoding-032.css"/>
+ </head>
+ <body>
+ <p class="t&#x0E49;st">This line should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-encoding-032.xht.headers b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-032.xht.headers
new file mode 100644
index 0000000000..4483f5fb71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-032.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml; charset=us-ascii
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-encoding-033.xht b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-033.xht
new file mode 100644
index 0000000000..8042c899f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-033.xht
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stylesheet encodings: ISO-8859-5</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/encoding/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <meta name="flags" content="http" />
+ <style type="text/css">
+ p { background: red; color: yellow; }
+ </style>
+ <link rel="stylesheet" href="support/character-encoding-033.css"/>
+ </head>
+ <body>
+ <p class="t&#x0449;st">This line should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-encoding-033.xht.headers b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-033.xht.headers
new file mode 100644
index 0000000000..4483f5fb71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-033.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml; charset=us-ascii
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-encoding-034.xht b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-034.xht
new file mode 100644
index 0000000000..ab6ded6bd3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-034.xht
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stylesheet encodings: ISO-8859-6</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/encoding/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <meta name="flags" content="http" />
+ <style type="text/css">
+ p { background: red; color: yellow; }
+ </style>
+ <link rel="stylesheet" href="support/character-encoding-034.css"/>
+ </head>
+ <body>
+ <p class="t&#x0649;st">This line should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-encoding-034.xht.headers b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-034.xht.headers
new file mode 100644
index 0000000000..4483f5fb71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-034.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml; charset=us-ascii
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-encoding-035.xht b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-035.xht
new file mode 100644
index 0000000000..12896b0f75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-035.xht
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stylesheet encodings: ISO-8859-7</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/encoding/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <meta name="flags" content="http" />
+ <style type="text/css">
+ p { background: red; color: yellow; }
+ </style>
+ <link rel="stylesheet" href="support/character-encoding-035.css"/>
+ </head>
+ <body>
+ <p class="t&#x03B9;st">This line should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-encoding-035.xht.headers b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-035.xht.headers
new file mode 100644
index 0000000000..4483f5fb71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-035.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml; charset=us-ascii
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-encoding-036.xht b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-036.xht
new file mode 100644
index 0000000000..2a9ab495c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-036.xht
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stylesheet encodings: ISO-8859-8</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/encoding/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <meta name="flags" content="http" />
+ <style type="text/css">
+ p { background: red; color: yellow; }
+ </style>
+ <link rel="stylesheet" href="support/character-encoding-036.css"/>
+ </head>
+ <body>
+ <p class="t&#x05D9;st">This line should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-encoding-036.xht.headers b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-036.xht.headers
new file mode 100644
index 0000000000..4483f5fb71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-036.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml; charset=us-ascii
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-encoding-037.xht b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-037.xht
new file mode 100644
index 0000000000..02c28caf1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-037.xht
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stylesheet encodings: KOI8-R</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/encoding/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <meta name="flags" content="http" />
+ <style type="text/css">
+ p { background: red; color: yellow; }
+ </style>
+ <link rel="stylesheet" href="support/character-encoding-037.css"/>
+ </head>
+ <body>
+ <p class="t&#x0418;st">This line should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-encoding-037.xht.headers b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-037.xht.headers
new file mode 100644
index 0000000000..4483f5fb71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-037.xht.headers
@@ -0,0 +1 @@
+Content-Type: application/xhtml+xml; charset=us-ascii
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-encoding-038.xht b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-038.xht
new file mode 100644
index 0000000000..880ff58955
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-038.xht
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stylesheet encodings: malformed UTF-8</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/encoding/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <meta content="http" name="flags" />
+ <style type="text/css">
+ p { color: white; background: green; }
+ </style>
+ <link rel="stylesheet" href="support/character-encoding-038.css"/>
+ </head>
+ <body>
+ <p class="t&#xE9;st">This line should be green.</p>
+ <p class="t&#x0E49;st">This line should be green.</p>
+ <p class="t&#x0449;st">This line should be green.</p>
+ <p class="t&#x0649;st">This line should be green.</p>
+ <p class="t&#x03B9;st">This line should be green.</p>
+ <p class="t&#x05D9;st">This line should be green.</p>
+ <p class="t&#x0418;st">This line should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-encoding-041-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-041-ref.xht
new file mode 100644
index 0000000000..6839a38aea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-041-ref.xht
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stylesheet encodings UTF with a BOM override</title>
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org"/>
+ <style type="text/css">
+ p { color: white; background: green; }
+ </style>
+ </head>
+ <body>
+ <p class="test">This line should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-encoding-041.xht b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-041.xht
new file mode 100644
index 0000000000..fd6ae89ead
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-encoding-041.xht
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="us-ascii"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stylesheet encodings UTF with a BOM override</title>
+ <link rel="help" href="http://www.w3.org/TR/CSS22/syndata.html#charset" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.4.4" />
+ <link rel="match" href="character-encoding-041-ref.xht" />
+ <meta content="http" name="flags" />
+ <meta name="assert" content='If rule 1 above (an HTTP "charset" parameter or similar) yields a character encoding and it is one of UTF-8, UTF-16 or UTF-32, then a BOM, if any, at the start of the file overrides that character encoding, as follows: [...]'/>
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org"/>
+ <style type="text/css">
+ p { color: white; background: red; }
+ </style>
+ <link rel="stylesheet" href="support/character-encoding-041.css"/>
+ </head>
+ <body>
+ <p class="t&#xE9;st">This line should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/character-representation-001.xht b/testing/web-platform/tests/css/CSS2/syntax/character-representation-001.xht
new file mode 100644
index 0000000000..8798e93feb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/character-representation-001.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Character representation in other encoding</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#escaping" />
+ <meta name="assert" content="Characters in the stylesheet that cannot be represented in the current character encoding are written as escaped references to ISO 10646 characters." />
+ <style type="text/css">
+ div:before
+ {
+ content: "\611B";
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two characters below are identical.</p>
+ <div>&#24859;</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/characters-0080-009F-001-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/characters-0080-009F-001-ref.xht
new file mode 100644
index 0000000000..f3aeb9994d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/characters-0080-009F-001-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Valid control characters in identifiers</title>
+
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+ <style type="text/css">
+ div p::before {content: counter(item, lower-latin) ". "}
+ div p {counter-increment: item}
+ </style>
+ </head>
+
+ <body>
+ <p>The next items should be numbered a to f.</p>
+ <div>
+ <p>Item</p>
+ <p>Item</p>
+ <p>Item</p>
+ <p>Item</p>
+ <p>Item</p>
+ <p>Item</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/characters-0080-009F-001.xht b/testing/web-platform/tests/css/CSS2/syntax/characters-0080-009F-001.xht
new file mode 100644
index 0000000000..40a7ad939c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/characters-0080-009F-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Valid control characters in identifiers</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/syndata.html#characters" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.4.1.3d" />
+ <link rel="match" href="characters-0080-009F-001-ref.xht" />
+ <meta name="assert" content="identifiers [...] can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+0080 and higher, [...]" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+ <style type="text/css">
+ /* Warning: the next lines contain control characters \201..\237 */
+ div p::before {content: counter(item) ". "}
+ div p::before {content: counter(‚ƒžŸ, lower-latin) ". "}
+ div p {counter-increment: ‚ƒžŸ}
+ </style>
+ </head>
+
+ <body>
+ <p>The next items should be numbered a to f.</p>
+ <div>
+ <p>Item</p>
+ <p>Item</p>
+ <p>Item</p>
+ <p>Item</p>
+ <p>Item</p>
+ <p>Item</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/charset-attr-001.xht b/testing/web-platform/tests/css/CSS2/syntax/charset-attr-001.xht
new file mode 100644
index 0000000000..298633eca4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/charset-attr-001.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: @charset test-attribute</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#charset" />
+ <link rel="help" href="http://www.w3.org/TR/html40/struct/links.html#adef-charset" />
+ <link rel="match" href="at-charset-ref.xht"/>
+ <style type="text/css">
+ body { color: red; }
+ </style>
+ <link type="text/css" charset="UTF-16BE" rel="stylesheet" href="support/charset-attr-001.css" />
+ </head>
+ <body>
+ This should be green
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/colors-001.xht b/testing/web-platform/tests/css/CSS2/syntax/colors-001.xht
new file mode 100644
index 0000000000..b570eb7085
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/colors-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing rgb color values with white space</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#color-units" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="White space is allowed in the color rgb declaration." />
+ <style type="text/css">
+ div
+ {
+ color: rgb(
+ 0%
+ , 50%
+ , 0%
+ );
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/colors-002.xht b/testing/web-platform/tests/css/CSS2/syntax/colors-002.xht
new file mode 100644
index 0000000000..55cebd10c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/colors-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing invalid hexadecimal RGB units - white space in hexadecimal values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#color-units" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="White space is not allowed in a hexadecimal color assignment." />
+ <style type="text/css">
+ div
+ {
+ color: # ff0000;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/colors-003.xht b/testing/web-platform/tests/css/CSS2/syntax/colors-003.xht
new file mode 100644
index 0000000000..a747620f39
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/colors-003.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing invalid RGB functional notation - two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#color-units" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="An RGB value is invalid if it has only two values." />
+ <style type="text/css">
+ div
+ {
+ color: rgb(255, 0);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/colors-004.xht b/testing/web-platform/tests/css/CSS2/syntax/colors-004.xht
new file mode 100644
index 0000000000..40cd9f7ebf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/colors-004.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing invalid RGB functional notation - Percentages and Numbers</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#color-units" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="An RGB value is invalid if it has both percentages and number assignments." />
+ <style type="text/css">
+ div
+ {
+ color: rgb(100%, 0, 0);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/colors-005.xht b/testing/web-platform/tests/css/CSS2/syntax/colors-005.xht
new file mode 100644
index 0000000000..a20349d316
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/colors-005.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clipping of RGB color values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#color-units" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Values outside the device gamut are clipped: the red, green, and blue values are changed to fall within the range supported by the device." />
+ <style type="text/css">
+ div
+ {
+ color: rgb(-500, 128, -1);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/colors-006-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/colors-006-ref.xht
new file mode 100644
index 0000000000..9d8985cd2a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/colors-006-ref.xht
@@ -0,0 +1,107 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+.maroonhex {
+ background: #800000;
+}
+.redhex {
+ background: #ff0000;
+}
+.orangehex {
+ background: #ffa500;
+}
+.yellowhex {
+ background: #ffff00;
+}
+.olivehex {
+ background: #808000;
+}
+.purplehex {
+ background: #800080;
+}
+.fuchsiahex {
+ background: #ff00ff;
+}
+.whitehex {
+ background: #ffffff;
+}
+.limehex {
+ background: #00ff00;
+}
+.greenhex {
+ background: #008000;
+}
+.navyhex {
+ background: #000080;
+}
+.bluehex {
+ background: #0000ff;
+}
+.aquahex {
+ background: #00ffff;
+}
+.tealhex {
+ background: #008080;
+}
+.blackhex {
+ background: #000000;
+}
+.silverhex {
+ background: #c0c0c0;
+}
+.grayhex {
+ background: #808080;
+}
+td {
+ height: 0.5in;
+ width: 0.5in;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the first row of boxes below match the second row of boxes below.</p>
+<table>
+ <tr>
+ <td class="maroonhex"/>
+ <td class="redhex"/>
+ <td class="orangehex"/>
+ <td class="yellowhex"/>
+ <td class="olivehex"/>
+ <td class="purplehex"/>
+ <td class="fuchsiahex"/>
+ <td class="whitehex"/>
+ <td class="limehex"/>
+ <td class="greenhex"/>
+ <td class="navyhex"/>
+ <td class="bluehex"/>
+ <td class="aquahex"/>
+ <td class="tealhex"/>
+ <td class="blackhex"/>
+ <td class="silverhex"/>
+ <td class="grayhex"/>
+ </tr>
+ <tr>
+ <td class="maroonhex"/>
+ <td class="redhex"/>
+ <td class="orangehex"/>
+ <td class="yellowhex"/>
+ <td class="olivehex"/>
+ <td class="purplehex"/>
+ <td class="fuchsiahex"/>
+ <td class="whitehex"/>
+ <td class="limehex"/>
+ <td class="greenhex"/>
+ <td class="navyhex"/>
+ <td class="bluehex"/>
+ <td class="aquahex"/>
+ <td class="tealhex"/>
+ <td class="blackhex"/>
+ <td class="silverhex"/>
+ <td class="grayhex"/>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/colors-006.xht b/testing/web-platform/tests/css/CSS2/syntax/colors-006.xht
new file mode 100644
index 0000000000..c518a2110c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/colors-006.xht
@@ -0,0 +1,196 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Comparing color keywords and hex values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#color-units" />
+ <link rel="match" href="colors-006-ref.xht" />
+ <meta name="assert" content="Color matching of keywords and hex values." />
+ <style type="text/css">
+ #maroon
+ {
+ background: maroon;
+ }
+ #maroonhex
+ {
+ background: #800000;
+ }
+ #red
+ {
+ background: red;
+ }
+ #redhex
+ {
+ background: #ff0000;
+ }
+ #orange
+ {
+ background: orange;
+ }
+ #orangehex
+ {
+ background: #ffa500;
+ }
+ #yellow
+ {
+ background: yellow;
+ }
+ #yellowhex
+ {
+ background: #ffff00;
+ }
+ #olive
+ {
+ background: olive;
+ }
+ #olivehex
+ {
+ background: #808000;
+ }
+ #purple
+ {
+ background: purple;
+ }
+ #purplehex
+ {
+ background: #800080;
+ }
+ #fuchsia
+ {
+ background: fuchsia;
+ }
+ #fuchsiahex
+ {
+ background: #ff00ff;
+ }
+ #white
+ {
+ background: white;
+ }
+ #whitehex
+ {
+ background: #ffffff;
+ }
+ #lime
+ {
+ background: lime;
+ }
+ #limehex
+ {
+ background: #00ff00;
+ }
+ #green
+ {
+ background: green;
+ }
+ #greenhex
+ {
+ background: #008000;
+ }
+ #navy
+ {
+ background: navy;
+ }
+ #navyhex
+ {
+ background: #000080;
+ }
+ #blue
+ {
+ background: blue;
+ }
+ #bluehex
+ {
+ background: #0000ff;
+ }
+ #aqua
+ {
+ background: aqua;
+ }
+ #aquahex
+ {
+ background: #00ffff;
+ }
+ #teal
+ {
+ background: teal;
+ }
+ #tealhex
+ {
+ background: #008080;
+ }
+ #black
+ {
+ background: black;
+ }
+ #blackhex
+ {
+ background: #000000;
+ }
+ #silver
+ {
+ background: silver;
+ }
+ #silverhex
+ {
+ background: #c0c0c0;
+ }
+ #gray
+ {
+ background: gray;
+ }
+ #grayhex
+ {
+ background: #808080;
+ }
+ td
+ {
+ height: 0.5in;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first row of boxes below match the second row of boxes below.</p>
+ <table>
+ <tr>
+ <td id="maroon"></td>
+ <td id="red"></td>
+ <td id="orange"></td>
+ <td id="yellow"></td>
+ <td id="olive"></td>
+ <td id="purple"></td>
+ <td id="fuchsia"></td>
+ <td id="white"></td>
+ <td id="lime"></td>
+ <td id="green"></td>
+ <td id="navy"></td>
+ <td id="blue"></td>
+ <td id="aqua"></td>
+ <td id="teal"></td>
+ <td id="black"></td>
+ <td id="silver"></td>
+ <td id="gray"></td>
+ </tr>
+ <tr>
+ <td id="maroonhex"></td>
+ <td id="redhex"></td>
+ <td id="orangehex"></td>
+ <td id="yellowhex"></td>
+ <td id="olivehex"></td>
+ <td id="purplehex"></td>
+ <td id="fuchsiahex"></td>
+ <td id="whitehex"></td>
+ <td id="limehex"></td>
+ <td id="greenhex"></td>
+ <td id="navyhex"></td>
+ <td id="bluehex"></td>
+ <td id="aquahex"></td>
+ <td id="tealhex"></td>
+ <td id="blackhex"></td>
+ <td id="silverhex"></td>
+ <td id="grayhex"></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/comments-001.xht b/testing/web-platform/tests/css/CSS2/syntax/comments-001.xht
new file mode 100644
index 0000000000..97fd63798d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/comments-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing comments within style tag</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Comments are allowed anywhere within a style tag declaration and are ignored." />
+ <style type="text/css">
+ /*Comment*/div/*Comment*/
+ {
+ /*Comment*/color/*Comment*/: /*Comment*/green/*Comment*/;
+ /*Comment*/
+ }/*Comment*/
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/comments-002.xht b/testing/web-platform/tests/css/CSS2/syntax/comments-002.xht
new file mode 100644
index 0000000000..73c765f080
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/comments-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Nested comments</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Comments cannot be nested." />
+ <style type="text/css">
+ div
+ {
+ /*/**/color:green;*/
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/comments-003.xht b/testing/web-platform/tests/css/CSS2/syntax/comments-003.xht
new file mode 100644
index 0000000000..b578504c0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/comments-003.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: HTML comments and CSS comments</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="SGML comment delimiters do not delimit CSS comments." />
+ <style type="text/css">
+ <![CDATA[
+ div
+ {
+ color: green;
+ }
+ <!--
+ /*
+ #div1
+ {
+ color: red;
+ }
+ -->
+ #div1
+ {
+ color: red;
+ }
+ ]]>
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div id="div1">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/comments-004.xht b/testing/web-platform/tests/css/CSS2/syntax/comments-004.xht
new file mode 100644
index 0000000000..bdeddb2764
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/comments-004.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing of invalid comments</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Comments that are invalid are ignored." />
+ <style type="text/css">
+ div
+ {
+ /*/*/color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/comments-005.xht b/testing/web-platform/tests/css/CSS2/syntax/comments-005.xht
new file mode 100644
index 0000000000..614ef25a02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/comments-005.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing of escaped "/" within a valid comment</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-27 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="A slash '/' escaped with a backslash will remove its special meaning." />
+ <style type="text/css">
+ div
+ {
+ /* *\/*/color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/comments-006.xht b/testing/web-platform/tests/css/CSS2/syntax/comments-006.xht
new file mode 100644
index 0000000000..016d90b240
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/comments-006.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing of escaped "*" within a valid comment</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="A star '*' escaped with a backslash will not remove its special meaning." />
+ <style type="text/css">
+ *
+ {
+ color: green;
+ }
+ p
+ {
+ color: black;
+ }
+ div
+ {
+ /*\*/*/color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/comments-007.xht b/testing/web-platform/tests/css/CSS2/syntax/comments-007.xht
new file mode 100644
index 0000000000..77ea32cdec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/comments-007.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing of valid comment that is empty</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Empty comments do not affect parsing of rule." />
+ <style type="text/css">
+ div
+ {
+ /**/color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/comments-008.xht b/testing/web-platform/tests/css/CSS2/syntax/comments-008.xht
new file mode 100644
index 0000000000..f0bcc7e054
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/comments-008.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing of escaped opening comment</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Escaping a slash '/' for an opening comment makes the comment invalid." />
+ <style type="text/css">
+ div
+ {
+ \/*;color: green;*/
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/comments-009.xht b/testing/web-platform/tests/css/CSS2/syntax/comments-009.xht
new file mode 100644
index 0000000000..56dbd48744
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/comments-009.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing of invalid escaped "*" in open comment</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Escaping a star '*' for an opening comment makes the comment invalid." />
+ <style type="text/css">
+ div
+ {
+ /\*;color: green;*/
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/content-type-000-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/content-type-000-ref.xht
new file mode 100644
index 0000000000..246ea7e0db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/content-type-000-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="David Hammond" href="http://www.webdevout.net/contact" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: lime;
+ font-size: 2em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the background of the text sample is bright green. There should be <strong>no red</strong>.</p>
+
+ <div>Text sample</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/content-type-000.xht b/testing/web-platform/tests/css/CSS2/syntax/content-type-000.xht
new file mode 100644
index 0000000000..e98809dc27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/content-type-000.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: text/css content type</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="David Hammond" href="http://www.webdevout.net/contact" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/conform.html#text-css" />
+ <link rel="match" href="content-type-000-ref.xht" />
+ <meta content="http" name="flags" />
+ <meta content="A stylesheet sent as text/plain should not be interpreted by user agents as CSS. It should instead be ignored." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: lime;
+ font-size: 2em;
+ }
+ ]]></style>
+
+ <link href="support/plaintext.css" rel="stylesheet" type="text/css" />
+ <!--
+ in .htaccess
+ <Files plaintext.css>
+ ForceType text/plain
+ </Files>
+ -->
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the background of the text sample is bright green. There should be <strong>no red</strong>.</p>
+
+ <div>Text sample</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/content-type-001.xht b/testing/web-platform/tests/css/CSS2/syntax/content-type-001.xht
new file mode 100644
index 0000000000..4ac59e4754
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/content-type-001.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: text/css content type</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/conform.html#text-css" />
+ <link rel="match" href="content-type-000-ref.xht" />
+ <meta content="http" name="flags" />
+ <meta content="A stylesheet sent as text/plain should not be interpreted by user agents as CSS. It should instead be ignored." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: lime;
+ font-size: 2em;
+ }
+ ]]></style>
+
+ <link href="support/plaintext-css.txt" rel="stylesheet" type="text/css" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the background of the text sample is bright green. There should be <strong>no red</strong>.</p>
+
+ <div>Text sample</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/core-syntax-001-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/core-syntax-001-ref.xht
new file mode 100644
index 0000000000..bb4955bfb5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/core-syntax-001-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ color: green;
+ text-decoration: underline;
+}
+</style>
+</head>
+<body>
+<p>This sentence should be green and underlined.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/core-syntax-001.xht b/testing/web-platform/tests/css/CSS2/syntax/core-syntax-001.xht
new file mode 100644
index 0000000000..6d8ec7ceba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/core-syntax-001.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Nested blocks in unexpected places</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/core-syntax/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="core-syntax-001-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <style type="text/css">
+ .test { color: green; }
+ .test { test { :nested; color: yellow; background: red; }: not-nested; text-decoration: underline; }
+ </style>
+ </head>
+ <body>
+ <p class="test">This sentence should be green and underlined.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/core-syntax-006-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/core-syntax-006-ref.xht
new file mode 100644
index 0000000000..aadeac2300
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/core-syntax-006-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+body {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>This line should be green.</p>
+<div>This line should be green.</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/core-syntax-006.xht b/testing/web-platform/tests/css/CSS2/syntax/core-syntax-006.xht
new file mode 100644
index 0000000000..eb5d380af0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/core-syntax-006.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Parsing invalid '!' declarations</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/core-syntax/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="core-syntax-006-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <style type="text/css">
+ body { color: green; }
+ p { background: red ! fail; color: yellow ! fail }
+ div { background: red ! important fail; color: yellow ! important fail }
+ </style>
+ </head>
+ <body>
+ <p>This line should be green.</p>
+ <div>This line should be green.</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/core-syntax-007-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/core-syntax-007-ref.xht
new file mode 100644
index 0000000000..964fc317a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/core-syntax-007-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+body {
+ font-size: 16px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if this text is not dramatically taller than the text below.</p>
+<div>Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/core-syntax-007.xht b/testing/web-platform/tests/css/CSS2/syntax/core-syntax-007.xht
new file mode 100644
index 0000000000..b0d99e3729
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/core-syntax-007.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Parsing invalid '!' declarations</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/core-syntax/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="core-syntax-007-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <style type="text/css">
+ body { font-size: 200px; }
+ p { font-size: 16px; font-size: 200!invalid; }
+ div { font-size: 16px; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if this text is not dramatically taller than the text below.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/core-syntax-008.xht b/testing/web-platform/tests/css/CSS2/syntax/core-syntax-008.xht
new file mode 100644
index 0000000000..08e08c0e01
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/core-syntax-008.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Parsing invalid 'color' declarations</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/core-syntax/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <style type="text/css">
+ body { color: green; }
+ p { color: 1111ff; }
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/core-syntax-009.xht b/testing/web-platform/tests/css/CSS2/syntax/core-syntax-009.xht
new file mode 100644
index 0000000000..2ffa3e4b9a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/core-syntax-009.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Syntactic White Space</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#tokenization"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="assert" content="Only the characters U+0020, U+0009, U+000A,
+ U+000D, and U+000C are considered white space."/>
+ <meta name="flags" content="invalid" />
+ <style type="text/css">
+ @import "support/core-syntax-009.css";
+ div&#x2003;p { color: red; }
+ div&#x200B;p { color: red; }
+ div&#x200F;p { color: red; }
+ div&#x3000;p { color: red; }
+ div&#x2028;p { color: red; }
+ div&#x2029;p { color: red; }
+ div&#x00A0;p { color: red; }
+ div&#xFEFF;p { color: red; }
+ </style>
+
+ </head>
+ <body>
+ <div>
+ <p>This text should be green.</p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/counters-001-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/counters-001-ref.xht
new file mode 100644
index 0000000000..0d1058629b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/counters-001-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is a number "1" below.</p>
+<div>1</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/counters-001.xht b/testing/web-platform/tests/css/CSS2/syntax/counters-001.xht
new file mode 100644
index 0000000000..cf46887947
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/counters-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing counter functions with just the identifier</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html" />
+ <link rel="match" href="counters-001-ref.xht"/>
+ <meta name="assert" content="Counters can be referred to using only the identifier." />
+ <style type="text/css">
+ body
+ {
+ counter-reset: chapter;
+ }
+ div:before
+ {
+ content: counter(chapter);
+ color: green;
+ counter-increment: chapter;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a number "1" below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/counters-002.xht b/testing/web-platform/tests/css/CSS2/syntax/counters-002.xht
new file mode 100644
index 0000000000..5966468290
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/counters-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing invalid counter functions - Too many arguments</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="A counter is invalid if it has too many arguments." />
+ <style type="text/css">
+ div:before
+ {
+ content: "FAIL" counter(chapter, square, bogus) ":";
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/counters-003-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/counters-003-ref.xht
new file mode 100644
index 0000000000..681a92ad7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/counters-003-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+</head>
+<body>
+<p>Test passes if the equation below is true.</p>
+<p>I = I</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/counters-003.xht b/testing/web-platform/tests/css/CSS2/syntax/counters-003.xht
new file mode 100644
index 0000000000..5df8e1b242
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/counters-003.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing counter() function with no white space</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="counters-003-ref.xht"/>
+ <meta name="assert" content="The counter function can be parsed with no white space separating the function values." />
+ <style type="text/css">
+ body
+ {
+ counter-reset: chapter;
+ }
+ div p:before
+ {
+ content: counter(chapter,upper-roman);
+ counter-increment: chapter;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the equation below is true.</p>
+ <div>
+ <p> = I</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/counters-004-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/counters-004-ref.xht
new file mode 100644
index 0000000000..1e1ac9f310
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/counters-004-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+</head>
+<body>
+<p>Test passes if the equation below is true.</p>
+<p>1 = 1</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/counters-004.xht b/testing/web-platform/tests/css/CSS2/syntax/counters-004.xht
new file mode 100644
index 0000000000..47cd08bfbc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/counters-004.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing counters() function with no white space and two function values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="counters-004-ref.xht"/>
+ <meta name="assert" content="The counters function can be parsed with no white space separating the two function values." />
+ <style type="text/css">
+ body
+ {
+ counter-reset: chapter;
+ }
+ div p:before
+ {
+ content: counters(chapter,".");
+ counter-increment: chapter;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the equation below is true.</p>
+ <div>
+ <p> = 1</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/counters-005.xht b/testing/web-platform/tests/css/CSS2/syntax/counters-005.xht
new file mode 100644
index 0000000000..b466c9d999
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/counters-005.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing counters() function with no white space and three function values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="counters-003-ref.xht"/>
+ <meta name="assert" content="The counters function can be parsed with no white space separating the three function values." />
+ <style type="text/css">
+ body
+ {
+ counter-reset: chapter;
+ }
+ div p:before
+ {
+ content: counters(chapter,".",upper-roman);
+ counter-increment: chapter;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the equation below is true.</p>
+ <div>
+ <p> = I</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/counters-006.xht b/testing/web-platform/tests/css/CSS2/syntax/counters-006.xht
new file mode 100644
index 0000000000..163d1e8b02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/counters-006.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing counter() function with white space</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="counters-004-ref.xht"/>
+ <meta name="assert" content="The counter function can be parsed with white space separating the function value." />
+ <style type="text/css">
+ body
+ {
+ counter-reset: chapter;
+ }
+ div p:before
+ {
+ content:
+ counter(
+ chapter
+ )
+ ;
+ counter-increment: chapter;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the equation below is true.</p>
+ <div>
+ <p> = 1</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/counters-007.xht b/testing/web-platform/tests/css/CSS2/syntax/counters-007.xht
new file mode 100644
index 0000000000..a97452625d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/counters-007.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing counter() function with white space and two function values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="counters-003-ref.xht"/>
+ <meta name="assert" content="The counter function can be parsed with white space separating the two function values." />
+ <style type="text/css">
+ body
+ {
+ counter-reset: chapter;
+ }
+ div p:before
+ {
+ content:
+ counter(
+ chapter
+ ,
+ upper-roman
+ )
+ ;
+ counter-increment: chapter;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the equation below is true.</p>
+ <div>
+ <p> = I</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/counters-008.xht b/testing/web-platform/tests/css/CSS2/syntax/counters-008.xht
new file mode 100644
index 0000000000..e9980948db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/counters-008.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing counters() function with white space and two function values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="counters-004-ref.xht"/>
+ <meta name="assert" content="The counters function can be parsed with white space separating the two function values." />
+ <style type="text/css">
+ body
+ {
+ counter-reset: chapter;
+ }
+ div p:before
+ {
+ content:
+ counters(
+ chapter
+ ,
+ "."
+ )
+ ;
+ counter-increment: chapter;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the equation below is true.</p>
+ <div>
+ <p> = 1</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/counters-009.xht b/testing/web-platform/tests/css/CSS2/syntax/counters-009.xht
new file mode 100644
index 0000000000..add7032f2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/counters-009.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing counters() function with white space and three function values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="counters-003-ref.xht"/>
+ <meta name="assert" content="The counters function can be parsed with white space separating the three function values." />
+ <style type="text/css">
+ body
+ {
+ counter-reset: chapter;
+ }
+ div p:before
+ {
+ content:
+ counters(
+ chapter
+ ,
+ "."
+ ,
+ upper-roman
+ )
+ ;
+ counter-increment: chapter;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the equation below is true.</p>
+ <div>
+ <p> = I</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/counters-010-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/counters-010-ref.xht
new file mode 100644
index 0000000000..c20c5698de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/counters-010-ref.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+</head>
+<body>
+<p>Test passes if the equations below are true.</p>
+<p>1 = 1</p>
+<p>1.1 = 1.1</p>
+<p>1.2 = 1.2</p>
+<p>i.iii = i.iii</p>
+<p>I.IV = I.IV</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/counters-010.xht b/testing/web-platform/tests/css/CSS2/syntax/counters-010.xht
new file mode 100644
index 0000000000..d5f91b2ffd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/counters-010.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing counters() functions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="counters-010-ref.xht"/>
+ <meta name="assert" content="To refer to a sequence of nested counters of the same name, the notation is 'counters(identifier, string)' or 'counters(identifier, string, list-style-type)'." />
+ <style type="text/css">
+ body
+ {
+ counter-reset: chapter;
+ }
+ #p1
+ {
+ counter-reset: chapter;
+ }
+ div p:before
+ {
+ content: counter(chapter);
+ counter-increment: chapter;
+ }
+ #p1:before
+ {
+ content: counters(chapter, ".");
+ counter-increment: chapter;
+ }
+ #p2:before
+ {
+ content: counters(chapter, ".");
+ counter-increment: chapter;
+ }
+ #p3:before
+ {
+ content: counters(chapter, ".", lower-roman);
+ counter-increment: chapter;
+ }
+ #p4:before
+ {
+ content: counters(chapter, ".", upper-roman);
+ counter-increment: chapter;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the equations below are true.</p>
+ <div>
+ <p> = 1</p>
+ <p id="p1"> = 1.1</p>
+ <p id="p2"> = 1.2</p>
+ <p id="p3"> = i.iii</p>
+ <p id="p4"> = I.IV</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/declaration-001.xht b/testing/web-platform/tests/css/CSS2/syntax/declaration-001.xht
new file mode 100644
index 0000000000..ffc7f8d19e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/declaration-001.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: malformed declaration missing ':', value, part 1</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+ p { color:green; color }
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/declaration-002.xht b/testing/web-platform/tests/css/CSS2/syntax/declaration-002.xht
new file mode 100644
index 0000000000..8b905c21f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/declaration-002.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: malformed declaration missing ':', value, part 2</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+ p { color:red; color; color:green }
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/declaration-003.xht b/testing/web-platform/tests/css/CSS2/syntax/declaration-003.xht
new file mode 100644
index 0000000000..9e488e41b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/declaration-003.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: malformed declaration missing value, part 1</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+ p { color:green; color: }
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/declaration-004.xht b/testing/web-platform/tests/css/CSS2/syntax/declaration-004.xht
new file mode 100644
index 0000000000..cd262d02c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/declaration-004.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: malformed declaration missing value, part 2</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+ p { color:red; color:; color:green }
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/declaration-005.xht b/testing/web-platform/tests/css/CSS2/syntax/declaration-005.xht
new file mode 100644
index 0000000000..406c72cb0b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/declaration-005.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: malformed declaration: unexpected tokens { }, part 1</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+ p { color:green; color{;color:maroon} }
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/declaration-006.xht b/testing/web-platform/tests/css/CSS2/syntax/declaration-006.xht
new file mode 100644
index 0000000000..0f37aa4b9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/declaration-006.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: malformed declaration: unexpected tokens { }, part 2</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+ p { color:red; color{;color:maroon}; color:green }
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/declaration-whitespace-001.xht b/testing/web-platform/tests/css/CSS2/syntax/declaration-whitespace-001.xht
new file mode 100644
index 0000000000..c941cf716a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/declaration-whitespace-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing white space in style declaration</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#declaration" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Various white space are allowed anywhere within the declaration and are ignored." />
+ <style type="text/css">
+ div
+ {
+
+
+
+ color
+ :
+
+
+
+
+ green
+
+
+
+
+ ;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/declarations-009-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/declarations-009-ref.xht
new file mode 100644
index 0000000000..ac64a7b976
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/declarations-009-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>This sentence must be green</p>
+<p>This sentence must be green</p>
+<p>This sentence must be green</p>
+<p>This sentence must be green</p>
+<p>This sentence must be green</p>
+<p>This sentence must be green</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/declarations-009.xht b/testing/web-platform/tests/css/CSS2/syntax/declarations-009.xht
new file mode 100644
index 0000000000..33abc0a924
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/declarations-009.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Ignoring at-rules inside declaration blocks</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="match" href="declarations-009-ref.xht"/>
+ <meta name="flags" content="invalid"/>
+ <meta name="assert" content="At-rules inside declaration blocks are parsed as malformed declarations."/>
+ <style type="text/css">
+ #a {
+ color: green;
+ @import "support/import-red.css" color: red;
+ }
+ #b {
+ color: red;
+ @import "support/import-red.css";
+ color: green;
+ }
+ #c {
+ color: green;
+ @media { #c { color: red !important } }
+ color: red;
+ }
+ #d {
+ color: red;
+ @media { #c { color: red !important } };
+ color: green;
+ }
+ #e {
+ color: green;
+ @foo [ color: red; } #e { color: red; } ]
+ }
+ #f {
+ color: green;
+ color: red @import "support/import-red.css";
+ }
+ </style>
+ </head>
+ <body>
+ <p id="a">This sentence must be green</p>
+ <p id="b">This sentence must be green</p>
+ <p id="c">This sentence must be green</p>
+ <p id="d">This sentence must be green</p>
+ <p id="e">This sentence must be green</p>
+ <p id="f">This sentence must be green</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/eof-001.xht b/testing/web-platform/tests/css/CSS2/syntax/eof-001.xht
new file mode 100644
index 0000000000..d675167528
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/eof-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing unexpected end of declaration block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The parser implicitly terminates the block and applies the styles if the declaration block is not terminated." />
+ <style type="text/css">
+ div
+ {
+ color: green
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/eof-002.xht b/testing/web-platform/tests/css/CSS2/syntax/eof-002.xht
new file mode 100644
index 0000000000..00d6559b28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/eof-002.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing unexpected end of function</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="User agents close all open parentheses at the end of the style sheet." />
+ <style type="text/css">
+ div
+ {
+ color: rgb(0, 128, 0
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/eof-003.xht b/testing/web-platform/tests/css/CSS2/syntax/eof-003.xht
new file mode 100644
index 0000000000..f4050c9b21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/eof-003.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing unexpected end of string</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Close all open strings at the end of the style sheet." />
+ <style type="text/css">
+ div:before
+ {
+ color: green;
+ content: "Filler Text\
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/eof-004.xht b/testing/web-platform/tests/css/CSS2/syntax/eof-004.xht
new file mode 100644
index 0000000000..60147c67ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/eof-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing unexpected end of @media block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="User agents close all open blocks at the end of the style sheet." />
+ <style type="text/css">
+ @media screen
+ {
+ div
+ {
+ color: green
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/eof-005.xht b/testing/web-platform/tests/css/CSS2/syntax/eof-005.xht
new file mode 100644
index 0000000000..37b74bee16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/eof-005.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing unexpected end of @import</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="User agents close all open rules at the end of the style sheet." />
+ <style type="text/css">
+ @import "support/eof-green.css</style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/eof-006.xht b/testing/web-platform/tests/css/CSS2/syntax/eof-006.xht
new file mode 100644
index 0000000000..c079cffdaa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/eof-006.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing unexpected end of @import with closed quote</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="User agents close all open quotes at the end of the style sheet." />
+ <style type="text/css">
+ @import "support/eof-green.css"</style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/eof-007.xht b/testing/web-platform/tests/css/CSS2/syntax/eof-007.xht
new file mode 100644
index 0000000000..58bdc02a6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/eof-007.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing unexpected end of shorthand rule</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="User agents close all open rules at the end of the style sheet." />
+ <style type="text/css">
+ div
+ {
+ color: green
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-001.xht b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-001.xht
new file mode 100644
index 0000000000..332c9c15fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing escaped identifiers as selectors, property and value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Escaped identifiers are parsed and applied." />
+ <style type="text/css">
+ \64\69\76
+ {
+ \63\6F\6C\6F\72: \67\72\65\65\6E;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-002.xht b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-002.xht
new file mode 100644
index 0000000000..1dbf76c88b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-002.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing escaped special CSS characters</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Escaped special CSS characters are no longer meaningful." />
+ <style type="text/css">
+ .\31st\'Class\27 /* escaped "1st'Class'" */
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div class="1st'Class'">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-003.xht b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-003.xht
new file mode 100644
index 0000000000..689dfedb4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing escaped newlines within identifiers</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Newlines cannot be escaped within identifiers." />
+ <style type="text/css">
+ #my\
+id
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <p id="myid">Filler Text</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-004.xht b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-004.xht
new file mode 100644
index 0000000000..47b839ad1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-004.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing escaped chars in the range of 0-9a-f</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The {unicode} chars are not treated like {escape} chars." />
+ <style type="text/css">
+ .\a\b\c\1\2\3
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <p class="abc123">Filler Text</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-char-001.xht b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-char-001.xht
new file mode 100644
index 0000000000..d8beee4a4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-char-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing escaped characters as selector and property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Escaped characters are treated as normal characters." />
+ <style type="text/css">
+ di\v
+ {
+ c\o\l\o\r: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-001.xht b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-001.xht
new file mode 100644
index 0000000000..2dbad085c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing escaped identifiers with spaces</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Escaped identifiers are parsed and spaces between them are ignored." />
+ <style type="text/css">
+ \64\69\76 /*Escaped 'div{color:green}'*/
+ {
+ \63 \6F \6C \6F \72 : \67 \72 \65 \65 \6E ;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-002.xht b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-002.xht
new file mode 100644
index 0000000000..a5012faab5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-002.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Termination of escaped character sequences with white space</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Escaped character sequences are terminated by white space." />
+ <style type="text/css">
+ div
+ {
+ \63 \06F \006C \0006F \72 : \067 \0072 \00065 \00065 \6E ; /* color:green */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-003.xht b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-003.xht
new file mode 100644
index 0000000000..6a1992b663
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-003.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Termination of escaped character sequences with six digits</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Escaped character sequences are terminated by exactly six hex digits." />
+ <style type="text/css">
+ div
+ {
+ c\00006Fl\00006Fr:\000067r\000065e\00006E; /* color:green */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-004.xht b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-004.xht
new file mode 100644
index 0000000000..d09ded2f3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-004.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Termination of escaped character sequences with six digits and white space</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Escaped character sequences are terminated by exactly six hex digits and white space." />
+ <style type="text/css">
+ div
+ {
+ \000063 \00006F \00006C \00006F \000072 : \000067 \000072 \000065 \000065 \00006E ; /* color:green */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-005.xht b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-005.xht
new file mode 100644
index 0000000000..d8c5a79c54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-005.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Termination of escaped character sequences with less than 6 digits and white space</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Escaped character sequences are terminated by white space." />
+ <style type="text/css">
+ div
+ {
+ \63 \06F \006C \0006F \72 : \067 \0072 \00065 \00065 \6E ; /* color:green */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-006.xht b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-006.xht
new file mode 100644
index 0000000000..4935ee1fdf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-006.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Termination of escaped character sequences with two digits terminated by white space</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Escaped character sequences (two hex digits) are terminated by white space." />
+ <style type="text/css">
+ div
+ {
+ \63 \6F \6C \6F \72 : \67 \72 ee\6E ; /* color:green */
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-007.xht b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-007.xht
new file mode 100644
index 0000000000..0feac95ef5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escaped-ident-spaces-007.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Termination of escaped character sequences with less than six digits terminated by linefeeds and tabs</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Escaped character sequences (less than six hex digits) are terminated by white space, tabs and linefeeds." />
+ <style type="text/css">
+ div /* 'color : green' terminated with tabs and linefeeds */
+ {
+ \63
+\06F
+l\0006F
+r : g\0072 \00065
+e\6E ;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escaped-newline-001-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/escaped-newline-001-ref.xht
new file mode 100644
index 0000000000..80e85ab8b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escaped-newline-001-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+</head>
+<body>
+<p>Test passes if the words "Filler Text" below are all on the same line.</p>
+<div>Filler Text Filler Text</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escaped-newline-001.xht b/testing/web-platform/tests/css/CSS2/syntax/escaped-newline-001.xht
new file mode 100644
index 0000000000..e576eb371e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escaped-newline-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing strings with escaped newlines</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#strings" />
+ <link rel="match" href="escaped-newline-001-ref.xht"/>
+ <meta name="assert" content="Strings with escaped newlines are treated as a single whole string." />
+ <style type="text/css">
+ div:before
+ {
+ content: "Filler\
+ Text\00000a
+ Filler Text";
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" below are all on the same line.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escaped-url-001-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/escaped-url-001-ref.xht
new file mode 100644
index 0000000000..2df64b591a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escaped-url-001-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Escapes in a URI token</title>
+
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+ <style type="text/css">
+ div {width: 5em; height: 1em; background: url(support/1x1-green.png)}
+ </style>
+ </head>
+
+ <body>
+ <p>There should be no red.</p>
+ <div id="div0"></div>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ <div id="div3"></div>
+ <div id="div4"></div>
+ <div id="div5"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escaped-url-001.xht b/testing/web-platform/tests/css/CSS2/syntax/escaped-url-001.xht
new file mode 100644
index 0000000000..caaa644a95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escaped-url-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Escapes in a URI token</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/syndata.html#tokenization" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.4.1.1a" />
+ <link rel="match" href="escaped-url-001-ref.xht" />
+ <meta name="assert" content="URI {U}{R}{L}\({w}{string}{w}\)|
+ {U}{R}{L}\({w}([!#$%&amp;*-\[\]-~]|{nonascii}|{escape})*{w}\)" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+ <style type="text/css">
+ div {background: red; width: 5em; height: 1em}
+ #div0 {background: url(support/1x1-green.png)}
+ #div1 {background: \url(support/1x1-green.png)}
+ #div2 {background: U\Rl(support/1x1-green.png)}
+ #div3 {background: U\R\l(support/1x1-green.png)}
+ #div4 {background: \55Rl(support/1x1-green.png)}
+ #div5 {background: \000075 rl(support/1x1-green.png)}
+ </style>
+ </head>
+
+ <body>
+ <p>There should be no red.</p>
+ <div id="div0"></div>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ <div id="div3"></div>
+ <div id="div4"></div>
+ <div id="div5"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-000-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-000-ref.xht
new file mode 100644
index 0000000000..f2358a636e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-000-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+</head>
+<body>
+<p>The following three paragraphs should look identical:</p>
+<p>This is a test paragraph.</p>
+<p>This is a test paragraph.</p>
+<p>This is a test paragraph.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-000.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-000.xht
new file mode 100644
index 0000000000..0937229a54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-000.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Escaped Newline in String</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="escapes-000-ref.xht"/>
+ <style type="text/css">
+
+ p.one:before { content: "This "; }
+ p.two:before { content: "Th\
+is "; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The following three paragraphs should look identical:</p>
+
+ <p>This is a test paragraph.</p>
+ <p class="one">is a test paragraph.</p>
+ <p class="two">is a test paragraph.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-001.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-001.xht
new file mode 100644
index 0000000000..0018bd9361
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Escaped Quote Marks in String</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <style type="text/css">
+
+ p { background: red; color: white; }
+ p { font-family: "\"", '\'', serif; background: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>This should have a green background.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-002.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-002.xht
new file mode 100644
index 0000000000..1ab1f62131
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid Punctuation Escapes</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <style type="text/css">
+
+ p.class#id { background: green; color: white; }
+
+ p\.class#id { background: red; }
+
+ p.class\#id { background: red; }
+
+ p.class#id { background\: red; }
+
+ p.class#id { background: red\; }
+
+ p.class#id \{ background: red; \}
+ p.class#id { background: red; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="class" id="id">This should have a green background.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-003.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-003.xht
new file mode 100644
index 0000000000..38f735df74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-003.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Class and Keyword Letter Escapes</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <style type="text/css">
+
+ p.class { background: red; color: white; }
+ p.c\lass { bac\kground: g\reen; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="class">This should have a green background.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-004.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-004.xht
new file mode 100644
index 0000000000..080016d11c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-004.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode Escapes</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <style type="text/css">
+
+ p.class { background: red; color: white; }
+ p.c\00006Cas\000073 { back\000067round: gr\000065en; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="class">This should have a green background.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-005.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-005.xht
new file mode 100644
index 0000000000..78e5533f58
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-005.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode Escapes and Case Insensitivity</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <style type="text/css">
+
+ p.class { background: red; color: white; }
+ p.c\00006Cas\000073 { back\000047round: gr\000045en; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="class">This should have a green background.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-006.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-006.xht
new file mode 100644
index 0000000000..ad5173419d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-006.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Incorrect Letter Escape (Class Selector)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <style type="text/css">
+
+ p.class { background: green; color: white; }
+ p.cl\ass { background: red; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="class">This should have a green background.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-007.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-007.xht
new file mode 100644
index 0000000000..62e4129840
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-007.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Space-terminated Unicode Escapes</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <style type="text/css">
+
+ p.class { background: red; color: white; }
+ p.c\06C ass { back\67 round: gr\000065 en; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="class">This should have a green background.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-008.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-008.xht
new file mode 100644
index 0000000000..92fec1ceef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid Space-terminated Character Escapes</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+
+ p.class { background: green; color: white; }
+ p.c\06C ass { back\67round: r\000065 ed; }
+ p.c\06Cass { back\67
+ round: r\000065ed; }
+ p.c\06Cass { back\67round: r\000065
+ed; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="class">This should have a green background.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-009.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-009.xht
new file mode 100644
index 0000000000..11ad3c14a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-009.xht
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Characters and case: Escaping a character inside a keyword</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Browsers should be able to ignore the keyword"/>
+<style type="text/css">
+p {color: green}
+p {color: r\ed}
+</style>
+ </head>
+ <body>
+<p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-010.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-010.xht
new file mode 100644
index 0000000000..564ff1bb77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-010.xht
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unicode-escaped Braces</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Unicode escapes cannot substitute for '{' or '}' in CSS syntax."/>
+<style type="text/css">
+
+p { color: green }
+
+p \7B color: red \7D
+</style>
+ </head>
+ <body>
+<p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-011.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-011.xht
new file mode 100644
index 0000000000..850f5ae13e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-011.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Parsing: Escaped keywords</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/quotes/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#rule-sets" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <style type="text/css">
+ p { color: green; color: \r\e\d; } /* '\r\e\d' is 'r^N^M', which isn't valid */
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-012.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-012.xht
new file mode 100644
index 0000000000..5ff2542b3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-012.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Parsing: Escaped keywords</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/quotes/002.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <style type="text/css">
+ p { color: red; color: \g\r\45\65\n; } /* 'grEen' */
+ </style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-013-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-013-ref.xht
new file mode 100644
index 0000000000..9b5b290f62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-013-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+.green {
+ color: white;
+ background: green;
+}
+</style>
+</head>
+<body>
+<p>This line should be unstyled.</p>
+<p class="green">This should have a green background.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-013.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-013.xht
new file mode 100644
index 0000000000..abfd3275b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-013.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Escaping and spaces with classes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/escaping/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#rule-sets" />
+ <link rel="match" href="escapes-013-ref.xht"/>
+ <style type="text/css">
+ .css\0031 p { color: yellow; background: red; }
+ .css\0032 p { color: white; background: green; }
+ </style>
+ </head>
+ <body>
+ <div class="css1"><p>This line should be unstyled.</p></div>
+ <p class="css2p">This should have a green background.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-014.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-014.xht
new file mode 100644
index 0000000000..4b1cc49adc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-014.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Escaping and spaces with declarations</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/escaping/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#rule-sets" />
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <style type="text/css">
+ .test { color: white; background: green; }
+ .test { color:\0020yellow; background:\0020red; }
+ </style>
+ </head>
+ <body>
+ <p class="test">This should have a green background.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-015.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-015.xht
new file mode 100644
index 0000000000..be2ff6b242
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-015.xht
@@ -0,0 +1,151 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Escape of non-printable characters within declarations, applying to property values</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#rule-sets" title="4.1.7 Rule sets, declaration blocks, and selectors" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta content="invalid" name="flags" />
+ <meta content="red is a reserved (color name) keyword while red\9 is not a reserved keyword. red\9 is made of red with an escaped horizontal tab. That is why the parsing of the declaration should fail. Same thing with the other 23 tests (see test escapes-016)." name="assert" />
+
+ <!--
+ This test is a much more elaborated version of the test
+ http://test.csswg.org/suites/css2.1/nightly-unstable/html4/escapes-002.htm
+ and
+ http://test.csswg.org/suites/css2.1/nightly-unstable/html4/escapes-014.htm
+ -->
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: white;
+ font-size: 1.25em;
+ line-height: 1.2;
+ }
+
+ /*
+ U+0009 is an horizontal tab
+ U+000A is a line feed
+ U+000B is a vertical tab
+ U+000C is a form feed
+ U+000D is a carriage return
+ U+0020 is a blank white space
+ */
+
+ div#first
+ {
+ color: red \9;
+ }
+
+ div#second
+ {
+ color: red\9;
+ }
+
+ div#third
+ {
+ color: red \A;
+ }
+
+ div#fourth
+ {
+ color: red\A;
+ }
+
+ div#fifth
+ {
+ color: red \B;
+ }
+
+ div#sixth
+ {
+ color: red\B;
+ }
+
+ /*
+ U+0009 is an horizontal tab
+ U+000A is a line feed
+ U+000B is a vertical tab
+ U+000C is a form feed
+ U+000D is a carriage return
+ U+0020 is a blank white space
+ */
+
+ div#seventh
+ {
+ color: red \C;
+ }
+
+ div#eighth
+ {
+ color: red\C;
+ }
+
+ div#ninth
+ {
+ color: red \D;
+ }
+
+ div#tenth
+ {
+ color: red\D;
+ }
+
+ div#eleventh
+ {
+ color: red \20;
+ }
+
+ div#twelfth
+ {
+ color: red\20;
+ }
+
+ /*
+ U+0009 is an horizontal tab
+ U+000A is a line feed
+ U+000B is a vertical tab
+ U+000C is a form feed
+ U+000D is a carriage return
+ U+0020 is a blank white space
+ */
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="first">1st test FAILED</div>
+
+ <div id="second">2nd test FAILED</div>
+
+ <div id="third">3rd test FAILED</div>
+
+ <div id="fourth">4th test FAILED</div>
+
+ <div id="fifth">5th test FAILED</div>
+
+ <div id="sixth">6th test FAILED</div>
+
+ <div id="seventh">7th test FAILED</div>
+
+ <div id="eighth">8th test FAILED</div>
+
+ <div id="ninth">9th test FAILED</div>
+
+ <div id="tenth">10th test FAILED</div>
+
+ <div id="eleventh">11th test FAILED</div>
+
+ <div id="twelfth">12th test FAILED</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/escapes-016.xht b/testing/web-platform/tests/css/CSS2/syntax/escapes-016.xht
new file mode 100644
index 0000000000..128c74a1d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/escapes-016.xht
@@ -0,0 +1,151 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Escape of non-printable characters within declarations, applying to property values</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#rule-sets" title="4.1.7 Rule sets, declaration blocks, and selectors" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta content="invalid" name="flags" />
+ <meta content="red is a reserved (color name) keyword while red\9 is not a reserved keyword. red\9 is made of red with an escaped horizontal tab. That is why the parsing of the declaration should fail. Same thing with the other 23 tests (see test escapes-015)." name="assert" />
+
+ <!--
+ This test is a much more elaborated version of the test
+ http://test.csswg.org/suites/css2.1/nightly-unstable/html4/escapes-002.htm
+ and
+ http://test.csswg.org/suites/css2.1/nightly-unstable/html4/escapes-014.htm
+ -->
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: white;
+ font-size: 1.25em;
+ line-height: 1.2;
+ }
+
+ /*
+ U+0009 is an horizontal tab
+ U+000A is a line feed
+ U+000B is a vertical tab
+ U+000C is a form feed
+ U+000D is a carriage return
+ U+0020 is a blank white space
+ */
+
+ div#thirteenth
+ {
+ color: \9 red;
+ }
+
+ div#fourteenth
+ {
+ color: \9red;
+ }
+
+ div#fifteenth
+ {
+ color: \A red;
+ }
+
+ div#sixteenth
+ {
+ color: \Ared;
+ }
+
+ div#seventeenth
+ {
+ color: \B red;
+ }
+
+ div#eighteenth
+ {
+ color: \Bred;
+ }
+
+ /*
+ U+0009 is an horizontal tab
+ U+000A is a line feed
+ U+000B is a vertical tab
+ U+000C is a form feed
+ U+000D is a carriage return
+ U+0020 is a blank white space
+ */
+
+ div#nineteenth
+ {
+ color: \C red;
+ }
+
+ div#twentieth
+ {
+ color: \Cred;
+ }
+
+ div#twenty-first
+ {
+ color: \D red;
+ }
+
+ div#twenty-second
+ {
+ color: \Dred;
+ }
+
+ div#twenty-third
+ {
+ color: \20 red;
+ }
+
+ div#twenty-fourth
+ {
+ color: \20red;
+ }
+
+ /*
+ U+0009 is an horizontal tab
+ U+000A is a line feed
+ U+000B is a vertical tab
+ U+000C is a form feed
+ U+000D is a carriage return
+ U+0020 is a blank white space
+ */
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="thirteenth">13th test FAILED</div>
+
+ <div id="fourteenth">14th test FAILED</div>
+
+ <div id="fifteenth">15th test FAILED</div>
+
+ <div id="sixteenth">16th test FAILED</div>
+
+ <div id="seventeenth">17th test FAILED</div>
+
+ <div id="eighteenth">18th test FAILED</div>
+
+ <div id="nineteenth">19th test FAILED</div>
+
+ <div id="twentieth">20th test FAILED</div>
+
+ <div id="twenty-first">21st test FAILED</div>
+
+ <div id="twenty-second">22nd test FAILED</div>
+
+ <div id="twenty-third">23rd test FAILED</div>
+
+ <div id="twenty-fourth">24th test FAILED</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-000-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-000-ref.xht
new file mode 100644
index 0000000000..56f90ae64b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-000-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>This should be green.</p>
+<p>This should be green.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-000.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-000.xht
new file mode 100644
index 0000000000..0cb3051a14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-000.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Valid Identifiers (a-z) as Classes and IDs</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="ident-000-ref.xht"/>
+ <style type="text/css">
+
+ .one { color: red; background: white; }
+ .ident, .one { color: green; }
+
+ .two { color: red; background: white; }
+ #ident, .two { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="one">This should be green.</p>
+ <p class="two">This should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-001.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-001.xht
new file mode 100644
index 0000000000..ec79def258
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Valid Identifiers (-_a-zA-Z0-9) as Classes and IDs</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="ident-000-ref.xht"/>
+ <style type="text/css">
+
+ .one { color: red; background: white; }
+ .IdE6n-3t0_6, .one { color: green; }
+
+ .two { color: red; background: white; }
+ #IdE6n-3t0_6, .two { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="one">This should be green.</p>
+ <p class="two">This should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-002.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-002.xht
new file mode 100644
index 0000000000..8de86433e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-002.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Valid Identifiers (starting with _) as Classes and IDs</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="ident-000-ref.xht"/>
+ <style type="text/css">
+
+ .one { color: red; background: white; }
+ ._ident, .one { color: green; }
+
+ .two { color: red; background: white; }
+ #_ident, .two { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="one">This should be green.</p>
+ <p class="two">This should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-003-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-003-ref.xht
new file mode 100644
index 0000000000..1588dc1975
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-003-ref.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>This should be green.</p>
+<p>This should be green.</p>
+<p>This should be green.</p>
+<p>This should be green.</p>
+<p>This should be green.</p>
+<p>This should be green.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-003.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-003.xht
new file mode 100644
index 0000000000..e09d970069
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-003.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Valid Identifiers (starting with -) as Classes and IDs</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="author" title="Ray Kiddy" href="mailto:ray@ganymede.org"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="ident-003-ref.xht"/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+
+ .one { color: red; background: white; }
+ .-ident, .one { color: green; }
+
+ .two { color: red; background: white; }
+ #-ident, .two { color: green; }
+
+ .three { color: green; background: white; }
+ .-1ident, .three { color: red; }
+
+ .four { color: green; background: white; }
+ #-1ident, .four { color: red; }
+
+ .five { color: red; background: white; }
+ .-\31ident, .five { color: green; }
+
+ .six { color: red; background: white; }
+ #-\31ident, .six { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="one">This should be green.</p>
+ <p class="two">This should be green.</p>
+ <p class="three">This should be green.</p>
+ <p class="four">This should be green.</p>
+ <p class="five">This should be green.</p>
+ <p class="six">This should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-004.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-004.xht
new file mode 100644
index 0000000000..ff079e5ffb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-004.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Valid Identifiers (starting with ideographic) as Classes and IDs</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="ident-000-ref.xht"/>
+ <style type="text/css">
+
+ .one { color: red; background: white; }
+ .怀ident, .one { color: green; }
+
+ .two { color: red; background: white; }
+ #怀ident, .two { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="one">This should be green.</p>
+ <p class="two">This should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-005.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-005.xht
new file mode 100644
index 0000000000..346e3e3662
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-005.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Valid Identifiers (including ideographic) as Classes and IDs</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="ident-000-ref.xht"/>
+ <style type="text/css">
+
+ .one { color: red; background: white; }
+ .iden怀t怀, .one { color: green; }
+
+ .two { color: red; background: white; }
+ #iden怀t怀, .two { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="one">This should be green.</p>
+ <p class="two">This should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-006.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-006.xht
new file mode 100644
index 0000000000..a4fcf1884a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-006.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Valid Identifiers (starting with escape) as Classes and IDs</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="ident-000-ref.xht"/>
+ <style type="text/css">
+
+ .one { color: red; background: white; }
+ .\6000ident, .one { color: green; }
+
+ .two { color: red; background: white; }
+ #\6000ident, .two { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="one">This should be green.</p>
+ <p class="two">This should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-007.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-007.xht
new file mode 100644
index 0000000000..c91e35e698
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-007.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Valid Identifiers (including escape) as Classes and IDs</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="ident-000-ref.xht"/>
+ <style type="text/css">
+
+ .one { color: red; background: white; }
+ .iden\6000t\6000, .one { color: green; }
+
+ .two { color: red; background: white; }
+ #iden\6000t\6000, .two { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="one">This should be green.</p>
+ <p class="two">This should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-008.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-008.xht
new file mode 100644
index 0000000000..7e80153fff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid Identifiers (starting with digit) as Classes and IDs</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="ident-000-ref.xht"/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+
+ .one { color: green; background: white; }
+ .6ident, .one { color: red; }
+
+ .two { color: green; background: white; }
+ #6ident, .two { color: red; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="one">This should be green.</p>
+ <p class="two">This should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-009.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-009.xht
new file mode 100644
index 0000000000..1dceb48e2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-009.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Valid Identifiers (including digits) as Classes and IDs</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="ident-000-ref.xht"/>
+ <style type="text/css">
+
+ .one { color: red; background: white; }
+ .id4ent6, .one { color: green; }
+
+ .two { color: red; background: white; }
+ #id4ent6, .two { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="one">This should be green.</p>
+ <p class="two">This should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-010.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-010.xht
new file mode 100644
index 0000000000..00130844f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-010.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Valid Identifiers (starting with escape) as Classes and IDs</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="ident-000-ref.xht"/>
+ <style type="text/css">
+
+ .one { color: red; background: white; }
+ .\ident, .one { color: green; }
+
+ .two { color: red; background: white; }
+ #\ident, .two { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="one">This should be green.</p>
+ <p class="two">This should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-011.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-011.xht
new file mode 100644
index 0000000000..228b873b0d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-011.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Valid Identifiers (including escapes) as Classes and IDs</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="ident-000-ref.xht"/>
+ <style type="text/css">
+
+ .one { color: red; background: white; }
+ .ide\n\t, .one { color: green; }
+
+ .two { color: red; background: white; }
+ #ide\n\t, .two { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="one">This should be green.</p>
+ <p class="two">This should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-012-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-012-ref.xht
new file mode 100644
index 0000000000..0e0ff2e2e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-012-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>This should be green.</p>
+<p>This should be green.</p>
+<p>This should be green.</p>
+<p>This should be green.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-012.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-012.xht
new file mode 100644
index 0000000000..8dc09bc154
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-012.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Valid Identifiers (starting with escaped digits, control codes) as Classes and IDs</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="ident-012-ref.xht"/>
+ <style type="text/css">
+
+ .one { color: red; background: white; }
+ .\6ident, .one { color: green; }
+
+ .two { color: red; background: white; }
+ #\6ident, .two { color: green; }
+
+ .three { color: red; background: white; }
+ .\36ident, .three { color: green; }
+
+ .four { color: red; background: white; }
+ #\36ident, .four { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="one">This should be green.</p>
+ <p class="two">This should be green.</p>
+ <p class="three">This should be green.</p>
+ <p class="four">This should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-013.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-013.xht
new file mode 100644
index 0000000000..2dc65a35d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-013.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Valid Identifiers (starting with escaped -) as Classes and IDs</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
+ <link rel="match" href="ident-000-ref.xht"/>
+ <style type="text/css">
+
+ .one { color: red; background: white; }
+ .\-ident, .one { color: green; }
+
+ .two { color: red; background: white; }
+ #\-ident, .two { color: green; }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="one">This should be green.</p>
+ <p class="two">This should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-014.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-014.xht
new file mode 100644
index 0000000000..44a53c7f7f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-014.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Selector attributes and hyphens</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Attribute selectors can begin with hyphens." />
+ <style type="text/css">
+ [-hyphen="true"], div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-015.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-015.xht
new file mode 100644
index 0000000000..65349fc0dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-015.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute selectors and underscores</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Attribute selectors can begin with underscores." />
+ <style type="text/css">
+ [_underscore="true"], div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-016.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-016.xht
new file mode 100644
index 0000000000..cedc7fb659
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-016.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute selectors with hyphens and underscores</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Attribute selectors are valid if they begin with hyphens and then underscores." />
+ <style type="text/css">
+ [-_hyphenunderscore="true"], div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-017.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-017.xht
new file mode 100644
index 0000000000..355fb4a423
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-017.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute selection with digits</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Attribute selectors cannot begin with digits." />
+ <style type="text/css">
+ [1digit="true"], div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-018.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-018.xht
new file mode 100644
index 0000000000..c4457cde39
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-018.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute selectors starting with hyphens and digits</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Attribute selectors cannot begin with hyphens then digits." />
+ <style type="text/css">
+ [-1hyphendigit="true"], div
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ident-019.xht b/testing/web-platform/tests/css/CSS2/syntax/ident-019.xht
new file mode 100644
index 0000000000..ce0d5d473c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ident-019.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Attribute selectors starting with underscore and digits</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Attribute selectors can begin with underscore then digits." />
+ <style type="text/css">
+ [_1underscoredigit="true"], div
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-001.xht b/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-001.xht
new file mode 100644
index 0000000000..2317baa5bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing invalid rules that precede good rules</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#declaration" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Bad rules are ignored while following good rules are applied." />
+ <style type="text/css">
+ div
+ {
+ badrule: value;
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-002.xht b/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-002.xht
new file mode 100644
index 0000000000..c7b1dcbb8c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing invalid rules that follow good rules</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#declaration" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Good rules are applied while following bad rules are ignored." />
+ <style type="text/css">
+ div
+ {
+ color: green;
+ badrule: value;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-003.xht b/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-003.xht
new file mode 100644
index 0000000000..5d0cf7d0bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing invalid values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#declaration" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Invalid values are ignored while valid properties are applied." />
+ <style type="text/css">
+ div
+ {
+ color: green;
+ color: rainbow;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-004.xht b/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-004.xht
new file mode 100644
index 0000000000..3987b7fbd9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing invalid values with spaces</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#declaration" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Invalid values with spaces are ignored while valid properties are applied." />
+ <style type="text/css">
+ div
+ {
+ color: green;
+ color: red and white;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-005.xht b/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-005.xht
new file mode 100644
index 0000000000..d740829c80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-005.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing invalid values that start with a valid value name</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#declaration" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Invalid values that begin with a valid keyword are ignored while valid properties are applied." />
+ <style type="text/css">
+ div
+ {
+ color: green;
+ color: redish;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-006.xht b/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-006.xht
new file mode 100644
index 0000000000..54ab39efa4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-006.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing invalid values with slashes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#declaration" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Invalid values with slashes are ignored while valid properties are applied." />
+ <style type="text/css">
+ div
+ {
+ color: green;
+ color: /red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-007.xht b/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-007.xht
new file mode 100644
index 0000000000..c816e8ea5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/ignored-rules-007.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing invalid values that are functions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#declaration" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Invalid values that are functions are ignored while valid properties are applied." />
+ <style type="text/css">
+ div
+ {
+ color: green;
+ color: expression('red');
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/import-000.xht b/testing/web-platform/tests/css/CSS2/syntax/import-000.xht
new file mode 100644
index 0000000000..1ede841af4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/import-000.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: At-rules</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#at-rules"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+
+ <meta name="flags" content="invalid" />
+ <style type="text/css">
+
+ p { color: green; }
+ @import "support/import-red.css";
+
+ </style>
+ </head>
+ <body>
+
+ <p class="import">This text should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/import-001.xht b/testing/web-platform/tests/css/CSS2/syntax/import-001.xht
new file mode 100644
index 0000000000..95f1319748
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/import-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: At-rules</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#at-rules"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+
+ <meta name="flags" content="invalid" />
+ <style type="text/css">
+
+ @media all {
+ @import "support/import-red.css";
+ p { color: green; }
+ }
+
+ </style>
+ </head>
+ <body>
+
+ <p class="import">This text should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/invalid-at-rule-001.xht b/testing/web-platform/tests/css/CSS2/syntax/invalid-at-rule-001.xht
new file mode 100644
index 0000000000..6062e3dda4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/invalid-at-rule-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parser error handling with invalid at-rules: @ invalid selector invalidates entire block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The entire block of an invalid at-rule is ignored." />
+ <style type="text/css">
+ @badAtRule screen
+ {
+ div
+ {
+ color: red;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/invalid-decl-at-rule-001.xht b/testing/web-platform/tests/css/CSS2/syntax/invalid-decl-at-rule-001.xht
new file mode 100644
index 0000000000..a1aa604240
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/invalid-decl-at-rule-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing invalid declarations in at-rules where valid declaration precedes an invalid rule</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Invalid declarations at the end of at-rules are ignored while the remaining preceding valid declarations are applied." />
+ <style type="text/css">
+ /*<![CDATA[*/
+ @media screen
+ {
+ div
+ {
+ color: green;
+ }
+ div&p
+ {
+ red: isbad;
+ }
+ }
+ /*]]>*/
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/invalid-decl-at-rule-002.xht b/testing/web-platform/tests/css/CSS2/syntax/invalid-decl-at-rule-002.xht
new file mode 100644
index 0000000000..80f8c18b09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/invalid-decl-at-rule-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing invalid declarations in at-rules where valid declaration follows invalid rule</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Invalid declarations at the beginning of at-rules are ignored while the remaining following valid declarations are applied." />
+ <style type="text/css">
+ /*<![CDATA[*/
+ @media screen
+ {
+ div&p
+ {
+ red: isbad;
+ }
+ div
+ {
+ color: green;
+ }
+ }
+ /*]]>*/
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/keywords-000.xht b/testing/web-platform/tests/css/CSS2/syntax/keywords-000.xht
new file mode 100644
index 0000000000..3ffa554f60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/keywords-000.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Keywords v. Strings (background)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#keywords"/>
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <style type="text/css">
+
+ p { background: green; }
+ p { background: "red"; }
+ p { color: white; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>This should have a green background.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/keywords-001-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/keywords-001-ref.xht
new file mode 100644
index 0000000000..db3b4bd92c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/keywords-001-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p.test {
+ width: 10em;
+ border: medium solid;
+}
+</style>
+</head>
+<body>
+<p>The next two paragraphs should look identical:</p>
+<p class="test">Test.</p>
+<p class="test">Test.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/keywords-001.xht b/testing/web-platform/tests/css/CSS2/syntax/keywords-001.xht
new file mode 100644
index 0000000000..07b0807636
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/keywords-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Keywords v. Strings (width)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#keywords"/>
+ <link rel="match" href="keywords-001-ref.xht"/>
+ <style type="text/css">
+
+ p.one, p.two { width: 10em; border: medium solid; }
+ p.two { width: "auto"; }
+
+ </style>
+ </head>
+ <body>
+
+ <p>The next two paragraphs should look identical:</p>
+
+ <p class="one">Test.</p>
+ <p class="two">Test.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-001.xht b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-001.xht
new file mode 100644
index 0000000000..0362f172f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing malformed rules: Property with no value and no ending semicolon</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Malformed rules (property with no value and no ending semicolon) are ignored while valid rules are applied." />
+ <style type="text/css">
+ div
+ {
+ color: green;
+ color
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-002.xht b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-002.xht
new file mode 100644
index 0000000000..417c7d61a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing malformed rules: Property with no value assigned</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Malformed rules (property with no value) are ignored while valid ones are applied." />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ color;
+ color: green
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-003.xht b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-003.xht
new file mode 100644
index 0000000000..f35192c5be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing malformed rules: No value and no semi-colon</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Malformed rules with no value or semi-colon are ignored while valid rules are applied." />
+ <style type="text/css">
+ div
+ {
+ color: green;
+ color:
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-004.xht b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-004.xht
new file mode 100644
index 0000000000..f803ed5baf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-004.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing malformed rules: No value with property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Malformed rules with no value are ignored while valid rules are applied." />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ color: ;
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-005.xht b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-005.xht
new file mode 100644
index 0000000000..01591b61ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-005.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing malformed rules: Semi-colon before property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Malformed rules with semi-colon before property are ignored while valid rules are applied." />
+ <style type="text/css">
+ div
+ {
+ color: green;
+ color{;color: red;}
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-006.xht b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-006.xht
new file mode 100644
index 0000000000..79adb28e01
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-006.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing malformed rules: Valid rule after malformed rule</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Malformed rules are ignored while valid rules are applied." />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ color{;color: red};
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-007.xht b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-007.xht
new file mode 100644
index 0000000000..c79416d978
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-007.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing malformed rules: Double colon separating property and value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Malformed rules with double colons between property and value are ignored while valid rules are applied." />
+ <style type="text/css">
+ div
+ {
+ color:green;
+ color::red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-008.xht b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-008.xht
new file mode 100644
index 0000000000..b68ab7f046
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-008.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing malformed rules: Missing property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Malformed rules with missing property names are ignored while valid rules are applied." />
+ <style type="text/css">
+ div
+ {
+ :red;
+ color:green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-block-001-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-block-001-ref.xht
new file mode 100644
index 0000000000..15d069c411
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-block-001-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+ <style type="text/css">
+ body {background: white; color: green}
+ </style>
+ </head>
+
+ <body>
+ <p id="p1">This text must be green.</p>
+ <p id="p2">This text must be green.</p>
+ <p id="p3">This text must be green.</p>
+ <p id="p4">This text must be green.</p>
+ <p id="p5">This text must be green.</p>
+ <p id="p6">This text must be green.</p>
+ <p id="p7">This text must be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-block-001.xht b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-block-001.xht
new file mode 100644
index 0000000000..8e389615ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/malformed-decl-block-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing malformed declaration blocks</title>
+ <link rel="help" href="http://www.w3.org/TR/CSS22/syndata.html#parsing-errors" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.4.1.1e" />
+ <link rel="match" href="malformed-decl-block-001-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="When the UA expects the start of a declaration or at-rule (i.e., an IDENT token or an ATKEYWORD token) but finds an unexpected token instead, that token is considered to be the first token of a malformed declaration. I.e., the rule for malformed declarations, rather than malformed statements is used to determine which tokens to ignore in that case." />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+ <style type="text/css">
+ body {background: white; color: red}
+ #p1 {color: green}
+ #p2 {@charset utf-8; color: green}
+ #p3 {@foo {color: red} color: green}
+ #p4 {12; color: green}
+ #p5 {color: green; 12 color: red}
+ #p6 {color: orange; 12 @page {color: red} color: green}
+ #p7 {@foo {color: red}; color: green}
+ </style>
+ </head>
+
+ <body>
+ <p id="p1">This text must be green.</p>
+ <p id="p2">This text must be green.</p>
+ <p id="p3">This text must be green.</p>
+ <p id="p4">This text must be green.</p>
+ <p id="p5">This text must be green.</p>
+ <p id="p6">This text must be green.</p>
+ <p id="p7">This text must be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/matching-brackets-001-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/matching-brackets-001-ref.xht
new file mode 100644
index 0000000000..13de25fa14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/matching-brackets-001-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>This sentence must be green.</p>
+<p>This sentence must be green.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/matching-brackets-001.xht b/testing/web-platform/tests/css/CSS2/syntax/matching-brackets-001.xht
new file mode 100644
index 0000000000..e1520ddd6f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/matching-brackets-001.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Matching brackets and quotes for @rules</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html#at-media-rule"/>
+ <link rel="match" href="matching-brackets-001-ref.xht"/>
+ <meta name="flags" content="invalid"/>
+ <meta name="assert" content="User agents must handle unexpected tokens
+ encountered while parsing an at-rule by reading until the end of the
+ statement, while observing the rules for matching pairs of brackets
+ and quotes, and correctly handling escapes. "/>
+ <style type="text/css"><![CDATA[
+ p {
+ color: red;
+ background: red;
+ }
+ #semicolon { background: transparent; }
+ @foo ] } ) test-token \
+ ~ ` ! @ # $ % ^ & * - _ + = | : > < ? / , .
+ [\]\5D ']' "]"; # { background: red; } ]
+ (\)\29 ')' ")"; #semicolon { background: red; } } } } )
+ '; #semicolon { background: red; } } } }',
+ "; #semicolon { background: red; }' } } }"
+ ;
+ #semicolon { color: green; }
+ #block { background: transparent; }
+ @foo ] } ) test-token \
+ ~ ` ! @ # $ % ^ & * - _ + = | : > < ? / , .
+ [\]\5D ']' "]"; #block { background: red; } ]
+ (\)\29 ')' ")"; #block { background: red; } )
+ '\'; #block { background: red; }',
+ "\"; #block { background: red; }'"
+ {\}\79 '}' "}"; #block { background: red; }
+ #block { background: red; } }
+ #block { color: green; }
+ ]]></style>
+ </head>
+ <body>
+ <p id="semicolon">This sentence must be green.</p>
+ <p id="block">This sentence must be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/matching-brackets-002-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/matching-brackets-002-ref.xht
new file mode 100644
index 0000000000..43133ba618
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/matching-brackets-002-ref.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>This sentence must be green.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/matching-brackets-002.xht b/testing/web-platform/tests/css/CSS2/syntax/matching-brackets-002.xht
new file mode 100644
index 0000000000..1812984e9a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/matching-brackets-002.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Matching brackets and quotes for declarations</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html#at-media-rule"/>
+ <link rel="match" href="matching-brackets-002-ref.xht"/>
+ <meta name="flags" content="invalid"/>
+ <meta name="assert" content="User agents must handle unexpected tokens
+ encountered while parsing a declaration by reading until the end of the
+ statement, while observing the rules for matching pairs of brackets
+ and quotes, and correctly handling escapes. "/>
+ <style type="text/css"><![CDATA[
+ p {
+ background: red;
+ color: green;
+ color: red ] ) test-token \
+ ~ ` ! @ # $ % ^ & * - _ + = | : > < ? / , .
+ [\]\5D ']' "]"; background: red; } p { color: red; } ]
+ (\)\29 ')' ")"; background: red; } p { color: red; } )
+ '\'; background: red; } p { color: red; }',
+ "\"; background: red; } p { color: red; }' p { color: red; } "
+ ;
+ background: white;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>This sentence must be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/matching-brackets-003.xht b/testing/web-platform/tests/css/CSS2/syntax/matching-brackets-003.xht
new file mode 100644
index 0000000000..4ed40b34f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/matching-brackets-003.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Matching brackets and quotes for selectors</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html#at-media-rule"/>
+ <link rel="match" href="matching-brackets-001-ref.xht"/>
+ <meta name="flags" content="invalid"/>
+ <meta name="assert" content="User agents must handle unexpected tokens
+ encountered while parsing a declaration by reading until the end of the
+ statement, while observing the rules for matching pairs of brackets
+ and quotes, and correctly handling escapes. "/>
+ <!-- simple -->
+ <style type="text/css"><![CDATA[
+ p { color: green; }
+ p ( { border: solid red; } p { background: red; } )
+ p { color: red; }
+ ]]></style>
+ <!-- complex -->
+ <style type="text/css"><![CDATA[
+ div {
+ background: red;
+ color: green;
+ }
+ ] ) test-token \
+ ~ ` ! @ # $ % ^ & * - _ + = | : > < ? / , .
+ [\]\5D ']' "]"; background: red; } div { color: red; } ]
+ (\)\29 ')' ")"; background: red; } div { color: red; } )
+ '\'; background: red; } div { color: red; }',
+ "\"; background: red; } div { color: red; }' div { color: red; } "
+ div { color: red; }
+ div { background: white; }
+ ]]></style>
+ </head>
+ <body>
+ <p>This sentence must be green.</p>
+ <div>This sentence must be green.</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/quoted-keywords-001.xht b/testing/web-platform/tests/css/CSS2/syntax/quoted-keywords-001.xht
new file mode 100644
index 0000000000..a34b1a31ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/quoted-keywords-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing single quoted property keywords</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#keywords" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Rules with property keywords which are surrounded by single quotes are ignored." />
+ <style type="text/css">
+ div
+ {
+ 'color': red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/quoted-keywords-002.xht b/testing/web-platform/tests/css/CSS2/syntax/quoted-keywords-002.xht
new file mode 100644
index 0000000000..0fc31abc3d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/quoted-keywords-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing double quoted value keywords</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#keywords" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Rules with value keywords which are surrounded by double quotes are ignored." />
+ <style type="text/css">
+ div
+ {
+ color: "red";
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/quoted-string-001-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/quoted-string-001-ref.xht
new file mode 100644
index 0000000000..16bde273ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/quoted-string-001-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+</head>
+<body>
+<p>Test passes if the words "Filler Text" below are single quoted (').</p>
+<div>'Filler Text'</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/quoted-string-001.xht b/testing/web-platform/tests/css/CSS2/syntax/quoted-string-001.xht
new file mode 100644
index 0000000000..4aeffd92e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/quoted-string-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing of single quotes inside double quotes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#strings" />
+ <link rel="match" href="quoted-string-001-ref.xht"/>
+ <meta name="assert" content="Single quotes are allowed in strings that are double quoted." />
+ <style type="text/css">
+ div:before
+ {
+ content: "'Filler Text'";
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" below are single quoted (').</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/quoted-string-002-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/quoted-string-002-ref.xht
new file mode 100644
index 0000000000..2345b8b687
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/quoted-string-002-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+</head>
+<body>
+<p>Test passes if the words "Filler Text" below are double quoted (").</p>
+<div>"Filler Text"</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/quoted-string-002.xht b/testing/web-platform/tests/css/CSS2/syntax/quoted-string-002.xht
new file mode 100644
index 0000000000..fdaaff8443
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/quoted-string-002.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing of double quotes inside single quotes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#strings" />
+ <link rel="match" href="quoted-string-002-ref.xht"/>
+ <meta name="assert" content="Double quotes are allowed in strings that are single quoted." />
+ <style type="text/css">
+ div:before
+ {
+ content: '"Filler Text"';
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" below are double quoted (").</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/quoted-string-003.xht b/testing/web-platform/tests/css/CSS2/syntax/quoted-string-003.xht
new file mode 100644
index 0000000000..07e1a3e58a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/quoted-string-003.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing of escaped quotes (single within single)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#strings" />
+ <link rel="match" href="quoted-string-001-ref.xht"/>
+ <meta name="assert" content="Single quotes cannot occur inside single quotes unless escaped." />
+ <style type="text/css">
+ div:before
+ {
+ content: '\'Filler Text\'';
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" below are single quoted (').</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/quoted-string-004.xht b/testing/web-platform/tests/css/CSS2/syntax/quoted-string-004.xht
new file mode 100644
index 0000000000..059a15f833
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/quoted-string-004.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing of escaped double quotes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#strings" />
+ <link rel="match" href="quoted-string-002-ref.xht"/>
+ <meta name="assert" content="Double quotes cannot occur inside double quotes unless escaped." />
+ <style type="text/css">
+ div:before
+ {
+ content: "\"Filler Text\"";
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" below are double quoted (").</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/scientific-notation-001-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/scientific-notation-001-ref.xht
new file mode 100644
index 0000000000..a5712ffb9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/scientific-notation-001-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+ <style type="text/css">
+ #container {height: 2em; background: red}
+ #child1 {height: 1em; background: green}
+ #child2 {height: 1em; background: green}
+ </style>
+ </head>
+
+ <body>
+ <p>There should be no red.</p>
+
+ <div id="container">
+ <div id="child1"></div>
+ <div id="child2"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/scientific-notation-001.xht b/testing/web-platform/tests/css/CSS2/syntax/scientific-notation-001.xht
new file mode 100644
index 0000000000..d6aafc87f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/scientific-notation-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS test: scientific notation</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/syndata.html#tokenization" title="4.1.1 Tokenization" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.4.1.1d" title="C.1 Changes since the Recommendation of 7 June 2011" />
+ <meta name="assert" content="num [+-]?([0-9]+|[0-9]*\.[0-9]+)(e[+-]?[0-9]+)?" />
+ <link rel="match" href="scientific-notation-001-ref.xht" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css">
+ #container {height: 2em; background: red}
+ #child1 {height: 1e0em; background: green}
+ #child2 {height: 0.1e1em; background: green}
+ </style>
+ </head>
+
+ <body>
+ <p>There should be no red.</p>
+
+ <div id="container">
+ <div id="child1"></div>
+ <div id="child2"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/sgml-comments-000.xht b/testing/web-platform/tests/css/CSS2/syntax/sgml-comments-000.xht
new file mode 100644
index 0000000000..6cdf5a11c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/sgml-comments-000.xht
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: SGML comments</title>
+ <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" />
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="assert" content="UAs must ignore SGML comment delimiters between statements."/>
+<style type="text/css"><![CDATA[
+p {color: red}
+<!--
+p {color: green}
+-->
+]]></style>
+ </head>
+ <body>
+
+<p>This text should be green.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/sgml-comments-001.xht b/testing/web-platform/tests/css/CSS2/syntax/sgml-comments-001.xht
new file mode 100644
index 0000000000..e59c8e861a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/sgml-comments-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing SGML comments</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="SGML comment tokens are parsed and ignored." />
+ <style type="text/css">
+ <![CDATA[
+ <!--
+ div
+ {
+ color: green;
+ }
+ -->
+ ]]>
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/sgml-comments-002-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/sgml-comments-002-ref.xht
new file mode 100644
index 0000000000..eedd2a9ff8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/sgml-comments-002-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>This text should be green.</p>
+<p>This text should be green.</p>
+<p>This text should be green.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/sgml-comments-002.xht b/testing/web-platform/tests/css/CSS2/syntax/sgml-comments-002.xht
new file mode 100644
index 0000000000..c26e310226
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/sgml-comments-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Parsing of CDO/CDC in stylesheets</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/core-syntax/cdocdc/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#comments" />
+ <link rel="match" href="sgml-comments-002-ref.xht"/>
+ <style type="text/css"><![CDATA[
+ <!--
+ .a { color: green; } -->
+ <!-- .b { color: green; }
+ --> --> --> .c { color: green; }
+ <!--
+ ]]></style>
+ </head>
+ <body>
+ <p class="a">This text should be green.</p>
+ <p class="b">This text should be green.</p>
+ <p class="c">This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/signed-numbers-001-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/signed-numbers-001-ref.xht
new file mode 100644
index 0000000000..7b97855435
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/signed-numbers-001-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS syntax: signed numbers</title>
+<link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+<style type="text/css">
+ div {background: green; width: 20px; height: 100px}
+</style>
+</head>
+<body>
+ <p>This should show a tall green bar, and no red.</p>
+ <div></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/signed-numbers-001.xht b/testing/web-platform/tests/css/CSS2/syntax/signed-numbers-001.xht
new file mode 100644
index 0000000000..6c3c54779f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/signed-numbers-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS syntax: signed numbers</title>
+<link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+<link rel="help" href="http://www.w3.org/TR/CSS22/syndata.html#numbers" />
+<link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.4.3.1" />
+<link rel="match" href="signed-numbers-001-ref.xht" />
+<meta name="assert" content='Both integers and real numbers may immediately be preceded by a "-" or "+" to indicate the sign.' />
+<style type="text/css">
+ div {background: red; width: 20px; height: 100px}
+ .s1 {background: green; height: 20px}
+ .s2 {background: green; height: 10px; height: +20px}
+ .s3 {background: green; height: 20px; height: 1 0px}
+ .s4 {background: green; height: 20px; height: 1/*comment*/0px}
+ .s5 {background: green; height: 20px; height: + 10px}
+</style>
+</head>
+<body>
+ <p>This should show a tall green bar, and no red.</p>
+ <div>
+ <div class="s1"></div>
+ <div class="s2"></div>
+ <div class="s3"></div>
+ <div class="s4"></div>
+ <div class="s5"></div>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/signed-numbers-002.xht b/testing/web-platform/tests/css/CSS2/syntax/signed-numbers-002.xht
new file mode 100644
index 0000000000..cf38d7aed6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/signed-numbers-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS syntax: signed numbers</title>
+<link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+<link rel="help" href="http://www.w3.org/TR/CSS22/syndata.html#numbers" />
+<link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.4.3.1" />
+<link rel="match" href="signed-numbers-001-ref.xht" />
+<meta name="assert" content='Both integers and real numbers may immediately be preceded by a "-" or "+" to indicate the sign.' />
+<style type="text/css">
+ div {background: red; width: 20px; height: 100px}
+ div div {background: green; height: 20px}
+ .s1 {margin-left: + 30px} /* Invalid */
+ .s2 {margin-left: - 10px} /* Invalid */
+ .s3 {margin-left: -/**/10px} /* Invalid */
+ .s4 {margin-left: 30px; margin-left: +00px} /* Valid */
+ .s5 {margin-left: 30px; margin-left: -0.00px} /* Valid */
+</style>
+</head>
+<body>
+ <p>This should show a tall green bar, and no red.</p>
+ <div>
+ <div class="s1"></div>
+ <div class="s2"></div>
+ <div class="s3"></div>
+ <div class="s4"></div>
+ <div class="s5"></div>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/square-brackets-001.xht b/testing/web-platform/tests/css/CSS2/syntax/square-brackets-001.xht
new file mode 100644
index 0000000000..fd3bed7f48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/square-brackets-001.xht
@@ -0,0 +1,216 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parser recovery after invalid '['</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="reviewer" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="help" href="https://drafts.csswg.org/css-syntax-3/#css-stylesheets"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="When an invalid '[' is encountered where a
+ selector is expected, the CSS parser skips to
+ the matching ']' and then ignores the following
+ ruleset."/>
+ <style type="text/css"><![CDATA[
+ p { color: red; }
+ [
+ p { color: red !important; }
+ p { color: red !important; }
+ ] p { color: red !important; }
+ p { color: green; }
+ ]]></style>
+ </head>
+ <body>
+ <p>This text should be green.</p>
+ </body>
+</html>
+<!--
+<https://drafts.csswg.org/css-syntax/#tokenization>:
+line 1
+ <whitespace-token>
+ <ident-token> p
+ <whitespace-token>
+ <{-token>
+ <whitespace-token>
+ <ident-token> color
+ <colon-token>
+ <whitespace-token>
+ <ident-token> red
+ <semicolon-token>
+ <whitespace-token>
+ <}-token>
+line 2
+ <whitespace-token>
+ <[-token>
+line 3
+ <whitespace-token>
+ <ident-token> p
+ <whitespace-token>
+ <{-token>
+ <whitespace-token>
+ <ident-token> color
+ <colon-token>
+ <whitespace-token>
+ <ident-token> red
+ <whitespace-token>
+ <delim-token> !
+ <ident-token> important
+ <semicolon-token>
+ <whitespace-token>
+ <}-token>
+line 4
+ <whitespace-token>
+ <ident-token> p
+ <whitespace-token>
+ <{-token>
+ <whitespace-token>
+ <ident-token> color
+ <colon-token>
+ <whitespace-token>
+ <ident-token> red
+ <whitespace-token>
+ <delim-token> !
+ <ident-token> important
+ <semicolon-token>
+ <whitespace-token>
+ <}-token>
+line 5
+ <whitespace-token>
+ <]-token>
+ <ident-token> p
+ <whitespace-token>
+ <{-token>
+ <whitespace-token>
+ <ident-token> color
+ <colon-token>
+ <whitespace-token>
+ <ident-token> red
+ <whitespace-token>
+ <delim-token> !
+ <ident-token> important
+ <semicolon-token>
+ <whitespace-token>
+ <}-token>
+line 6
+ <whitespace-token>
+ <ident-token> p
+ <whitespace-token>
+ <{-token>
+ <whitespace-token>
+ <ident-token> color
+ <colon-token>
+ <whitespace-token>
+ <ident-token> green
+ <semicolon-token>
+ <whitespace-token>
+ <}-token>
+line 7
+ <whitespace-token>
+
+<https://drafts.csswg.org/css-syntax/#consume-a-list-of-rules>:
+[
+ qualified rule {
+ prelude: [
+ <ident-token> p
+ <whitespace-token>
+ ]
+ block:
+ simple block {
+ associated token: <{-token>
+ value: [
+ <whitespace-token>
+ <ident-token> color
+ <colon-token>
+ <whitespace-token>
+ <ident-token> red
+ <semicolon-token>
+ <whitespace-token>
+ ]
+ }
+ }
+ qualified rule {
+ prelude: [
+ simple block {
+ associated token: <[-token>
+ value: [
+ <whitespace-token>
+ <ident-token> p
+ <whitespace-token>
+ simple block {
+ associated token: <{-token>
+ value: [
+ <whitespace-token>
+ <ident-token> color
+ <colon-token>
+ <whitespace-token>
+ <ident-token> red
+ <whitespace-token>
+ <delim-token> !
+ <ident-token> important
+ <semicolon-token>
+ <whitespace-token>
+ ]
+ }
+ <whitespace-token>
+ <ident-token> p
+ <whitespace-token>
+ simple block {
+ associated token: <{-token>
+ value: [
+ <whitespace-token>
+ <ident-token> color
+ <colon-token>
+ <whitespace-token>
+ <ident-token> red
+ <whitespace-token>
+ <delim-token> !
+ <ident-token> important
+ <semicolon-token>
+ <whitespace-token>
+ ]
+ }
+ <whitespace-token>
+ ]
+ }
+ <ident-token> p
+ <whitespace-token>
+ ]
+ block:
+ simple block {
+ associated token: <{-token>
+ value: [
+ <whitespace-token>
+ <ident-token> color
+ <colon-token>
+ <whitespace-token>
+ <ident-token> red
+ <whitespace-token>
+ <delim-token> !
+ <ident-token> important
+ <semicolon-token>
+ <whitespace-token>
+ ]
+ }
+ }
+ qualified rule {
+ prelude: [
+ <ident-token> p
+ <whitespace-token>
+ ]
+ block:
+ simple block {
+ associated token: <{-token>
+ value: [
+ <whitespace-token>
+ <ident-token> color
+ <colon-token>
+ <whitespace-token>
+ <ident-token> green
+ <semicolon-token>
+ <whitespace-token>
+ ]
+ }
+ }
+]
+-->
diff --git a/testing/web-platform/tests/css/CSS2/syntax/strings-000.xht b/testing/web-platform/tests/css/CSS2/syntax/strings-000.xht
new file mode 100644
index 0000000000..185941c492
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/strings-000.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Newlines in strings</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#strings"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <style type="text/css">
+ p { color: red }
+ p[title="this is\
+ a test"] { color: green }
+ </style>
+ </head>
+ <body>
+ <p title="this is a test">This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/'green block.png b/testing/web-platform/tests/css/CSS2/syntax/support/'green block.png
new file mode 100644
index 0000000000..6ed4aa506e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/'green block.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/,uri-014.png b/testing/web-platform/tests/css/CSS2/syntax/support/,uri-014.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/,uri-014.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/syntax/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/syntax/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/syntax/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/syntax/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/syntax/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/syntax/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/syntax/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/syntax/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/a-green.css b/testing/web-platform/tests/css/CSS2/syntax/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-001.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-001.css
new file mode 100644
index 0000000000..2096ad5b89
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-001.css
@@ -0,0 +1,9 @@
+#div2
+{
+ color: green;
+}
+
+.a
+{
+ color: red;
+}
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-001.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-001.css.headers
new file mode 100644
index 0000000000..b2d94d0699
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-001.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css; charset=Shift_JIS
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-002.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-002.css
new file mode 100644
index 0000000000..f56dc888c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-002.css
@@ -0,0 +1,5 @@
+@charset "windows-1252";
+.a, #div2
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-002.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-002.css.headers
new file mode 100644
index 0000000000..b2d94d0699
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-002.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css; charset=Shift_JIS
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-003.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-003.css
new file mode 100644
index 0000000000..a9b14d8dfb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-003.css
@@ -0,0 +1,4 @@
+.a, #div2
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-003.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-003.css.headers
new file mode 100644
index 0000000000..b2d94d0699
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-003.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css; charset=Shift_JIS
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-007.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-007.css
new file mode 100644
index 0000000000..abb7b12957
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-007.css
@@ -0,0 +1,5 @@
+@charset "shift-JIS";
+.a, #div2
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-008.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-008.css
new file mode 100644
index 0000000000..abb7b12957
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-008.css
@@ -0,0 +1,5 @@
+@charset "shift-JIS";
+.a, #div2
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-009.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-009.css
new file mode 100644
index 0000000000..abb7b12957
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-009.css
@@ -0,0 +1,5 @@
+@charset "shift-JIS";
+.a, #div2
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-010.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-010.css
new file mode 100644
index 0000000000..a9b14d8dfb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-010.css
@@ -0,0 +1,4 @@
+.a, #div2
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-011.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-011.css
new file mode 100644
index 0000000000..a9b14d8dfb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-011.css
@@ -0,0 +1,4 @@
+.a, #div2
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-012.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-012.css
new file mode 100644
index 0000000000..a9b14d8dfb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-012.css
@@ -0,0 +1,4 @@
+.a, #div2
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-013.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-013.css
new file mode 100644
index 0000000000..a9b14d8dfb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-013.css
@@ -0,0 +1,4 @@
+.a, #div2
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-014.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-014.css
new file mode 100644
index 0000000000..a6245a45bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-014.css
@@ -0,0 +1,5 @@
+@charset "UTF-8";
+.平和, #div2
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-015.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-015.css
new file mode 100644
index 0000000000..dc392ba35f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-015.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-016.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-016.css
new file mode 100644
index 0000000000..9674b166dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-016.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-017.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-017.css
new file mode 100644
index 0000000000..c01f8e7aa2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-017.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-018.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-018.css
new file mode 100644
index 0000000000..88cb55f68a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-018.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-019.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-019.css
new file mode 100644
index 0000000000..5a4894313a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-019.css
@@ -0,0 +1,4 @@
+.平和, #div2
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-020.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-020.css
new file mode 100644
index 0000000000..46455a888f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-020.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-021.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-021.css
new file mode 100644
index 0000000000..4d50dd8267
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-021.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-022.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-022.css
new file mode 100644
index 0000000000..1173872338
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-022.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-023.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-023.css
new file mode 100644
index 0000000000..3bf3bc989f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-023.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-024.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-024.css
new file mode 100644
index 0000000000..e9bedb85b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-024.css
@@ -0,0 +1,5 @@
+@charset "windows-1252";
+., #div2
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-025.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-025.css
new file mode 100644
index 0000000000..946c6c85fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-025.css
@@ -0,0 +1,5 @@
+@charset "shift-JIS";
+.[Ηj, #div2
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-026.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-026.css
new file mode 100644
index 0000000000..dc129d7662
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-026.css
@@ -0,0 +1,5 @@
+@charset "ISO-8859-6";
+., #div2
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-027.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-027.css
new file mode 100644
index 0000000000..f4d596d2fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-027.css
@@ -0,0 +1,5 @@
+@charset "Big5";
+.Pʡ, #div2
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-028.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-028.css
new file mode 100644
index 0000000000..efdfd4d42a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-028.css
@@ -0,0 +1,5 @@
+@charset "UTF-8";
+.星期六吽, #div2
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-029.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-029.css
new file mode 100644
index 0000000000..d62e544619
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-029.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-030.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-030.css
new file mode 100644
index 0000000000..0e813e9173
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-030.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-031.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-031.css
new file mode 100644
index 0000000000..d339da38bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-031.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-032.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-032.css
new file mode 100644
index 0000000000..a7c8c29e10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-032.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-033.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-033.css
new file mode 100644
index 0000000000..0027fd9562
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-033.css
@@ -0,0 +1,4 @@
+.yi
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-034.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-034.css
new file mode 100644
index 0000000000..cf7222b31c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-034.css
@@ -0,0 +1,4 @@
+.星期五ヷ
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-035.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-035.css
new file mode 100644
index 0000000000..4b56873b6f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-035.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-036.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-036.css
new file mode 100644
index 0000000000..dd8e07d98e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-036.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-037.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-037.css
new file mode 100644
index 0000000000..e6993d5840
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-037.css
@@ -0,0 +1,5 @@
+@charset "windows-1252";
+.Mу
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-038.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-038.css
new file mode 100644
index 0000000000..e785138021
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-038.css
@@ -0,0 +1,5 @@
+@charset "Shift-JIS";
+.PGɲc
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-039.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-039.css
new file mode 100644
index 0000000000..b0193946cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-039.css
@@ -0,0 +1,6 @@
+test;
+@charset "UTF-8";
+.平和, #div2
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-040.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-040.css
new file mode 100644
index 0000000000..752bd9afd6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-040.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-041.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-041.css
new file mode 100644
index 0000000000..cc27bffd3b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-041.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-042.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-042.css
new file mode 100644
index 0000000000..4c20e1c9b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-042.css
@@ -0,0 +1,5 @@
+@charset "UTF-16BE";
+.星期二价泌, #div1
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-043.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-043.css
new file mode 100644
index 0000000000..11d1d82fe9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-043.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-044.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-044.css
new file mode 100644
index 0000000000..98aae3e1d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-044.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-045.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-045.css
new file mode 100644
index 0000000000..ebcfc4b2d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-045.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-046.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-046.css
new file mode 100644
index 0000000000..296a3f28df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-046.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-047.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-047.css
new file mode 100644
index 0000000000..df4f6c909e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-047.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-048.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-048.css
new file mode 100644
index 0000000000..e926b444c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-048.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-049.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-049.css
new file mode 100644
index 0000000000..08c40cfbf0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-049.css
@@ -0,0 +1,6 @@
+
+@charset "Shift-JIS";
+.
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-050.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-050.css
new file mode 100644
index 0000000000..70b3329176
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-050.css
@@ -0,0 +1,5 @@
+ @charset "Shift-JIS";
+.
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-051.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-051.css
new file mode 100644
index 0000000000..8bc0ee7342
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-051.css
@@ -0,0 +1,8 @@
+div
+{
+ color: red;
+}@charset "Shift-JIS";
+.
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-052.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-052.css
new file mode 100644
index 0000000000..ec420e1cfc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-052.css
@@ -0,0 +1,5 @@
+@charset "windows-1252";@charset "Shift-JIS";
+.
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-053.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-053.css
new file mode 100644
index 0000000000..e40d66b503
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-053.css
@@ -0,0 +1 @@
+@charset "Shift-JIS";.{color: green;} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-054.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-054.css
new file mode 100644
index 0000000000..1d3ceed76c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-054.css
@@ -0,0 +1,5 @@
+@CHARSET "Shift-JIS";
+.
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-055.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-055.css
new file mode 100644
index 0000000000..a007ba1612
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-055.css
@@ -0,0 +1,5 @@
+@charset Shift-JIS;
+.
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-056.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-056.css
new file mode 100644
index 0000000000..46c0df07e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-056.css
@@ -0,0 +1,5 @@
+@charset"Shift-JIS";
+.
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-057.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-057.css
new file mode 100644
index 0000000000..26db82edc7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-057.css
@@ -0,0 +1,5 @@
+@\63\68\61\72\73\65\74 "Shift-JIS"; /* escaped "charset" */
+.
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-058.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-058.css
new file mode 100644
index 0000000000..26db82edc7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-058.css
@@ -0,0 +1,5 @@
+@\63\68\61\72\73\65\74 "Shift-JIS"; /* escaped "charset" */
+.
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-059.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-059.css
new file mode 100644
index 0000000000..852f23c339
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-059.css
@@ -0,0 +1,5 @@
+@charset "Shift-JIS"
+.
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-060.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-060.css
new file mode 100644
index 0000000000..c84969de3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-060.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-071.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-071.css
new file mode 100644
index 0000000000..c06645b7eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-071.css
@@ -0,0 +1,2 @@
+@charset "iso-8859-1";
+.tst { color: white; background: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-071.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-071.css.headers
new file mode 100644
index 0000000000..74e07a14e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-071.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-072.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-072.css
new file mode 100644
index 0000000000..3e49dee2bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-072.css
@@ -0,0 +1,2 @@
+@charset "iso-8859-11";
+.tst { color: white; background: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-072.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-072.css.headers
new file mode 100644
index 0000000000..74e07a14e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-072.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-073.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-073.css
new file mode 100644
index 0000000000..87b716b6cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-073.css
@@ -0,0 +1,2 @@
+@charset "iso-8859-5";
+.tst { color: white; background: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-073.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-073.css.headers
new file mode 100644
index 0000000000..74e07a14e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-073.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-074.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-074.css
new file mode 100644
index 0000000000..3729378566
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-074.css
@@ -0,0 +1,2 @@
+@charset "iso-8859-6";
+.tst { color: white; background: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-074.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-074.css.headers
new file mode 100644
index 0000000000..74e07a14e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-074.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-075.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-075.css
new file mode 100644
index 0000000000..d632a46f99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-075.css
@@ -0,0 +1,2 @@
+@charset "iso-8859-7";
+.tst { color: white; background: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-075.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-075.css.headers
new file mode 100644
index 0000000000..74e07a14e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-075.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-076.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-076.css
new file mode 100644
index 0000000000..9ab994c5ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-076.css
@@ -0,0 +1,2 @@
+@charset "iso-8859-8";
+.tst { color: white; background: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-076.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-076.css.headers
new file mode 100644
index 0000000000..74e07a14e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-076.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-077.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-077.css
new file mode 100644
index 0000000000..9a978061ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-077.css
@@ -0,0 +1,2 @@
+@charset "koi8-r";
+.tst { color: white; background: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-077.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-077.css.headers
new file mode 100644
index 0000000000..74e07a14e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-077.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-quotes-001.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-quotes-001.css
new file mode 100644
index 0000000000..67f9f21f45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-quotes-001.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-space-001.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-space-001.css
new file mode 100644
index 0000000000..69b4324aaf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-space-001.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-space-002.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-space-002.css
new file mode 100644
index 0000000000..c1f9d451e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-space-002.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-be-001.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-be-001.css
new file mode 100644
index 0000000000..f877df030c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-be-001.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-be-002.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-be-002.css
new file mode 100644
index 0000000000..8fac5d47f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-be-002.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-be-003.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-be-003.css
new file mode 100644
index 0000000000..21e4206f72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-be-003.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-le-001.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-le-001.css
new file mode 100644
index 0000000000..b2a1129c04
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-le-001.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-le-002.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-le-002.css
new file mode 100644
index 0000000000..8fffadd4e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-le-002.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-le-003.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-le-003.css
new file mode 100644
index 0000000000..ddf7fd00ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-charset-utf16-le-003.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-rule-green.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-rule-green.css
new file mode 100644
index 0000000000..d08dd8ce64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-rule-green.css
@@ -0,0 +1,5 @@
+/* at-rule-green.css */
+div
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/at-rule-red.css b/testing/web-platform/tests/css/CSS2/syntax/support/at-rule-red.css
new file mode 100644
index 0000000000..a906e9dab7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/at-rule-red.css
@@ -0,0 +1,5 @@
+/* at-rule-red.css */
+div
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/b-green.css b/testing/web-platform/tests/css/CSS2/syntax/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/c-red.css b/testing/web-platform/tests/css/CSS2/syntax/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/cat.png b/testing/web-platform/tests/css/CSS2/syntax/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-031.css b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-031.css
new file mode 100644
index 0000000000..9c9d8d1684
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-031.css
@@ -0,0 +1 @@
+.tst { color: white; background: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-031.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-031.css.headers
new file mode 100644
index 0000000000..8a52752d9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-031.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css; charset=iso-8859-1
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-032.css b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-032.css
new file mode 100644
index 0000000000..9c9d8d1684
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-032.css
@@ -0,0 +1 @@
+.tst { color: white; background: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-032.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-032.css.headers
new file mode 100644
index 0000000000..6a8f2ab0aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-032.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css; charset=iso-8859-11
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-033.css b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-033.css
new file mode 100644
index 0000000000..9c9d8d1684
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-033.css
@@ -0,0 +1 @@
+.tst { color: white; background: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-033.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-033.css.headers
new file mode 100644
index 0000000000..f102eeec9a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-033.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css; charset=iso-8859-5
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-034.css b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-034.css
new file mode 100644
index 0000000000..9c9d8d1684
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-034.css
@@ -0,0 +1 @@
+.tst { color: white; background: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-034.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-034.css.headers
new file mode 100644
index 0000000000..6e38041543
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-034.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css; charset=iso-8859-6
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-035.css b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-035.css
new file mode 100644
index 0000000000..9c9d8d1684
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-035.css
@@ -0,0 +1 @@
+.tst { color: white; background: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-035.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-035.css.headers
new file mode 100644
index 0000000000..0f43e9e302
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-035.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css; charset=iso-8859-7
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-036.css b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-036.css
new file mode 100644
index 0000000000..9c9d8d1684
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-036.css
@@ -0,0 +1 @@
+.tst { color: white; background: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-036.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-036.css.headers
new file mode 100644
index 0000000000..d866aa5224
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-036.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css; charset=iso-8859-8
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-037.css b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-037.css
new file mode 100644
index 0000000000..9c9d8d1684
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-037.css
@@ -0,0 +1 @@
+.tst { color: white; background: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-037.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-037.css.headers
new file mode 100644
index 0000000000..40cd2c7b68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-037.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css; charset=koi8-r
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-038.css b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-038.css
new file mode 100644
index 0000000000..9c9d8d1684
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-038.css
@@ -0,0 +1 @@
+.tst { color: white; background: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-041.css b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-041.css
new file mode 100644
index 0000000000..6205636485
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-041.css
@@ -0,0 +1,3 @@
+
+/* Warning: the line above starts with a BOM */
+.tést { color: white; background: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-041.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-041.css.headers
new file mode 100644
index 0000000000..1108b9a65b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/character-encoding-041.css.headers
@@ -0,0 +1 @@
+Content-Type: text/css; charset=utf-16be
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/charset-attr-001.css b/testing/web-platform/tests/css/CSS2/syntax/support/charset-attr-001.css
new file mode 100644
index 0000000000..8fcd96f5d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/charset-attr-001.css
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/core-syntax-009.css b/testing/web-platform/tests/css/CSS2/syntax/support/core-syntax-009.css
new file mode 100644
index 0000000000..7fe2fe1b4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/core-syntax-009.css
@@ -0,0 +1,12 @@
+/* This file contains significant white space below this line. Edit carefully. */
+* { color: red; }
+ div
+ p
+ {
+ color
+ :
+ green
+ ;
+ }
+
+div p { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/diamond.png b/testing/web-platform/tests/css/CSS2/syntax/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/eof-green.css b/testing/web-platform/tests/css/CSS2/syntax/support/eof-green.css
new file mode 100644
index 0000000000..5ac13b555b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/eof-green.css
@@ -0,0 +1,5 @@
+/* eof-green.css */
+div
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/green15x15.png b/testing/web-platform/tests/css/CSS2/syntax/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/import-green.css b/testing/web-platform/tests/css/CSS2/syntax/support/import-green.css
new file mode 100644
index 0000000000..537104e663
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/import-green.css
@@ -0,0 +1 @@
+.import { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/import-red.css b/testing/web-platform/tests/css/CSS2/syntax/support/import-red.css
new file mode 100644
index 0000000000..9945ef4711
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/import-red.css
@@ -0,0 +1 @@
+.import { color: red; }
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/syntax/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/syntax/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/syntax/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/syntax/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/plaintext-css.txt b/testing/web-platform/tests/css/CSS2/syntax/support/plaintext-css.txt
new file mode 100644
index 0000000000..06283232e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/plaintext-css.txt
@@ -0,0 +1,5 @@
+div
+{
+background-color: red !important;
+font-size: 2em;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/plaintext.css b/testing/web-platform/tests/css/CSS2/syntax/support/plaintext.css
new file mode 100644
index 0000000000..06283232e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/plaintext.css
@@ -0,0 +1,5 @@
+div
+{
+background-color: red !important;
+font-size: 2em;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/plaintext.css.headers b/testing/web-platform/tests/css/CSS2/syntax/support/plaintext.css.headers
new file mode 100644
index 0000000000..a1f9e38d90
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/plaintext.css.headers
@@ -0,0 +1 @@
+Content-Type: text/plain
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/ring.png b/testing/web-platform/tests/css/CSS2/syntax/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/square-purple.png b/testing/web-platform/tests/css/CSS2/syntax/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/square-teal.png b/testing/web-platform/tests/css/CSS2/syntax/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/square-white.png b/testing/web-platform/tests/css/CSS2/syntax/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/syntax/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/syntax/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/syntax/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/syntax/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/syntax/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/syntax/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/syntax/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/test-bl.png b/testing/web-platform/tests/css/CSS2/syntax/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/test-br.png b/testing/web-platform/tests/css/CSS2/syntax/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/test-outer.png b/testing/web-platform/tests/css/CSS2/syntax/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/test-tl.png b/testing/web-platform/tests/css/CSS2/syntax/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/test-tr.png b/testing/web-platform/tests/css/CSS2/syntax/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/uri-001.css b/testing/web-platform/tests/css/CSS2/syntax/support/uri-001.css
new file mode 100644
index 0000000000..19e0f83c0b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/uri-001.css
@@ -0,0 +1,4 @@
+#p1
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/support/uri-002.css b/testing/web-platform/tests/css/CSS2/syntax/support/uri-002.css
new file mode 100644
index 0000000000..d19071939d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/support/uri-002.css
@@ -0,0 +1,5 @@
+/* bad.css */
+div
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/unterminated-string-001.xht b/testing/web-platform/tests/css/CSS2/syntax/unterminated-string-001.xht
new file mode 100644
index 0000000000..276d88f345
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/unterminated-string-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Error handling of unterminated strings</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="When the parser encounters an unterminated string, the parser drops everything up to the next ';'." />
+ <style type="text/css">
+ div
+ {
+ color: green;
+ font-family: 'Courier;
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-001.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-001.xht
new file mode 100644
index 0000000000..55e389bf86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-001.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing valid URIs with white space and no quotes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="A url function is valid if it is 'url(', followed by the URI, followed by ')', even with white space between." />
+ <style type="text/css">
+ @import url(
+ support/uri-001.css
+ );
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <p id="p1">Filler Text</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-002.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-002.xht
new file mode 100644
index 0000000000..c58748593e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-002.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing URL with an invalid space</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="URL functions with invalid spaces are ignored." />
+ <style type="text/css">
+ @import url ("support/uri-002.css");
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-003.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-003.xht
new file mode 100644
index 0000000000..b0520fa689
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-003.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: URL with missing closing parenthesis</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Url functions with missing closing parenthesis are ignored." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/red_box.png";
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-004.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-004.xht
new file mode 100644
index 0000000000..2b46909e96
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-004.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: URL function with URI that has escaped special chars</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri" />
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <meta name="flags" content="image" />
+ <meta name="assert" content="URI escapes are allowed in URL functions." />
+ <style type="text/css">
+ p
+ {
+ color: white;
+ background: red url(support/%27green%20block.png);
+ }
+ </style>
+ </head>
+ <body>
+ <p>This should have a green background.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-005.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-005.xht
new file mode 100644
index 0000000000..0f69207e4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-005.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: URL function with escaped special chars - single quote</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri" />
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Single quote characters appearing in an unquoted URI need to be escaped with a backslash so that the resulting URI value is a URI token." />
+ <style type="text/css">
+ p
+ {
+ color: white;
+ background: red url(support/\'green\ block.png);
+ }
+ </style>
+ </head>
+ <body>
+ <p>This should have a green background.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-006.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-006.xht
new file mode 100644
index 0000000000..2895d23010
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-006.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid character (*) after URL function values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Special CSS characters following URL strings invalidate the entire url assignment." />
+ <style type="text/css">
+ div
+ {
+ background: url("support/red_box.png"*);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-007.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-007.xht
new file mode 100644
index 0000000000..62259e1452
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-007.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid character (&amp;) after URL functions values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Invalid characters following URL strings invalidate the entire url assignment." />
+ <style type="text/css">
+ /*<![CDATA[*/
+ div
+ {
+ background: url("support/red_box.png"&);
+ }
+ /*]]>*/
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-008.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-008.xht
new file mode 100644
index 0000000000..14804b4423
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-008.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid characters (alpha) before URL function values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="Alpha characters preceding URL strings invalidate the entire url assignment." />
+ <style type="text/css">
+ div
+ {
+ background: url(abc"support/red_box.png");
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-009.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-009.xht
new file mode 100644
index 0000000000..036c9c2b4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-009.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid character (/) before URL functions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="A slash character preceding URL string invalidates the entire url assignment." />
+ <style type="text/css">
+ div
+ {
+ background: url(/"support/red_box.png");
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-010.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-010.xht
new file mode 100644
index 0000000000..d88d5d3449
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-010.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid character (_) before URL functions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="An underscore character preceding URL string invalidates the entire url assignment." />
+ <style type="text/css">
+ div
+ {
+ background: url(_"support/red_box.png");
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-011.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-011.xht
new file mode 100644
index 0000000000..87b1ebc044
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-011.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Invalid character (=) before URL functions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="flags" content="image invalid" />
+ <meta name="assert" content="An equal sign character preceding URL string invalidates the entire url assignment." />
+ <style type="text/css">
+ div
+ {
+ background: url(="support/red_box.png");
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-012-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-012-ref.xht
new file mode 100644
index 0000000000..6cd52001f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-012-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ color: green;
+ border: solid green;
+}
+</style>
+</head>
+<body>
+<p>This sentence should be green with a green border.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-012.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-012.xht
new file mode 100644
index 0000000000..e53030135b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-012.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Error handling of broken url() - balancing braces</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/uri/010.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri" />
+ <link rel="match" href="uri-012-ref.xht"/>
+ <meta name="flags" content="invalid"/>
+ <style>
+ .control {
+ color: white;
+ border: none;
+ }
+ p {
+ color: red;
+ border: solid red;
+ background: red url( { test ); border: solid green; }
+ p {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>This sentence should be green with a green border.</p>
+ <p class="control">FAIL if there is any red on this page.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-013-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-013-ref.xht
new file mode 100644
index 0000000000..650138349e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-013-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: handling of invalid url() functions (reference)</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <style type="text/css">
+ div { background-color: green }
+ </style>
+ </head>
+ <body>
+ <div id="one">This should have a green background</div>
+ <div id="two">This should have a green background</div>
+ <div id="three">This should have a green background</div>
+ <div id="four">This should have a green background</div>
+ <div id="five">This should have a green background</div>
+ <div id="six">This should have a green background</div>
+ <div id="seven">This should have a green background</div>
+ <div id="eight">This should have a green background</div>
+ <div id="nine">This should have a green background</div>
+ <div id="ten">This should have a green background</div>
+ <div id="eleven">This should have a green background</div>
+ <div id="twelve">This should have a green background</div>
+ <div id="thirteen">This should have a green background</div>
+ <div id="fourteen">This should have a green background</div>
+ <div id="fifteen">This should have a green background</div>
+ <div id="sixteen">This should have a green background</div>
+ <div id="seventeen">This should have a green background</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-013.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-013.xht
new file mode 100644
index 0000000000..24bd73f61d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-013.xht
@@ -0,0 +1,118 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: handling of invalid url() functions</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#tokenization" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="uri-013-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <style type="text/css">
+ div { background-color: red }
+ </style>
+ <style type="text/css">
+ /* not a URI token, but handled according to rules for parsing errors */
+ #one { background: url(foo"bar") }
+ #one { background-color: green; }
+ </style>
+ <style type="text/css">
+ /* not a URI token, but handled according to rules for parsing errors */
+ #foo { background: url(foo"bar
+ ) }
+ #two { background-color: green; }
+ </style>
+ <style type="text/css">
+ /* not a URI token; the unterminated string ends at end of line, so
+ the brace never matches */
+ #three { background-color: green; }
+ #foo { background: url(foo"bar) }
+ #three { background-color: red; }
+ </style>
+ <style type="text/css">
+ /* not a URI token; the unterminated string ends at end of line */
+ #foo { background: url(foo"bar) }
+ ) }
+ #four { background-color: green; }
+ </style>
+ <style type="text/css">
+ /* not a URI token; the unterminated string ends at end of line, so
+ the brace never matches */
+ #five { background-color: green; }
+ #foo { background: url("bar) }
+ #five { background-color: red; }
+ </style>
+ <style type="text/css">
+ /* not a URI token; the unterminated string ends at end of line */
+ #foo { background: url("bar) }
+ ) }
+ #six { background-color: green; }
+ </style>
+ <style type="text/css">
+ /* not a URI token, but brace matching should work */
+ #seven { background: url(()); background-color: green; }
+ </style>
+ <style type="text/css">
+ /* not a URI token, but brace matching should work */
+ #eight { background: url([{}]); background-color: green; }
+ </style>
+ <style type="text/css">
+ /* not a URI token, but brace matching should work */
+ #nine { background: url([)]); background-color: green; }
+ </style>
+ <style type="text/css">
+ /* perfectly good URI token (image is a 404, though) */
+ #ten { background: url({) green; }
+ </style>
+ <style type="text/css">
+ /* perfectly good URI token (image is a 404, though) */
+ #eleven { background: url([) green; }
+ </style>
+ <style type="text/css">
+ /* not a URI token; brace matching should work only after invalid URI token */
+ #twelve { background: url(}{""{)}); background-color: green; }
+ </style>
+ <style type="text/css">
+ /* invalid URI token absorbs the [ */
+ #thirteen { background: url([""); background-color: green; }
+ </style>
+ <style type="text/css">
+ /* not a URI token; the opening ( is never matched */
+ #fourteen { background-color: green; }
+ #foo { background: url(() }
+ #fourteen { background-color: red; }
+ </style>
+ <!-- The next three tests test that invalid URI tokens absorb [ and { -->
+ <style type="text/css">
+ #foo { background: url(a()); }
+ #fifteen { background-color: green }
+ </style>
+ <style type="text/css">
+ #foo { background: url([()); }
+ #sixteen { background-color: green }
+ </style>
+ <style type="text/css">
+ #foo { background: url({()); }
+ #seventeen { background-color: green }
+ </style>
+ </head>
+ <body>
+ <div id="one">This should have a green background</div>
+ <div id="two">This should have a green background</div>
+ <div id="three">This should have a green background</div>
+ <div id="four">This should have a green background</div>
+ <div id="five">This should have a green background</div>
+ <div id="six">This should have a green background</div>
+ <div id="seven">This should have a green background</div>
+ <div id="eight">This should have a green background</div>
+ <div id="nine">This should have a green background</div>
+ <div id="ten">This should have a green background</div>
+ <div id="eleven">This should have a green background</div>
+ <div id="twelve">This should have a green background</div>
+ <div id="thirteen">This should have a green background</div>
+ <div id="fourteen">This should have a green background</div>
+ <div id="fifteen">This should have a green background</div>
+ <div id="sixteen">This should have a green background</div>
+ <div id="seventeen">This should have a green background</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-014.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-014.xht
new file mode 100644
index 0000000000..a854c075cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-014.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unquoted commas in url()</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri"/>
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <meta name="assert" content="Unquoted commas inside url() are valid."/>
+ <style type="text/css"><![CDATA[
+ p {
+ background: red;
+ background: red url(support/,uri-014.png);
+ color: white;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>This should have a green background.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-015.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-015.xht
new file mode 100644
index 0000000000..ed247f279c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-015.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Escaped url() functional notation</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri"/>
+ <link rel="match" href="../reference/ref-green-background.xht"/>
+ <meta name="assert" content="url() notation is case-insensitive and can be escaped."/>
+ <style type="text/css"><![CDATA[
+ p {
+ color: white;
+ background: red;
+ background: red U\r\4c ("support/swatch-green.png");
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>This should have a green background.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-016-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-016-ref.xht
new file mode 100644
index 0000000000..064daf5781
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-016-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p.green {
+ color: green;
+}
+p.white {
+ color: white;
+}
+</style>
+</head>
+<body>
+<p class="green">This sentence must be green and there must be no red.</p>
+<p class="white">There must be no red on this page.</p>
+<p class="white">There must be no red on this page.</p>
+<p class="green">This sentence must be green and there must be no red.</p>
+<p class="white">There must be no red on this page.</p>
+<p class="white">There must be no red on this page.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-016.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-016.xht
new file mode 100644
index 0000000000..0be5565c4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-016.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Error handling of broken url() with open /*</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/uri/007.html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#uri" />
+ <link rel="match" href="uri-016-ref.xht"/>
+ <meta name="assert" content="Comments are just regular tokens inside
+ unquoted URLs."/>
+ <style type="text/css">
+ * { color: red; }
+ .one { background: red url(test/* test); color: green; }
+ .two { background: red; background: white url( test/*test ); color: white; }
+ .three { background: xtest url( test/*test ); color: white; }
+
+ .four { background: red url(/* test); color: green; }
+ .five { background: red; background: white url( /*test ); color: white; }
+ .six { background: xtest url( /*test ); color: white; }
+ </style>
+ </head>
+ <body>
+ <p class="one">This sentence must be green and there must be no red.</p>
+ <p class="two">There must be no red on this page.</p>
+ <p class="three">There must be no red on this page.</p>
+ <p class="four">This sentence must be green and there must be no red.</p>
+ <p class="five">There must be no red on this page.</p>
+ <p class="six">There must be no red on this page.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-017-ref.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-017-ref.xht
new file mode 100644
index 0000000000..7bd499a755
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-017-ref.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ color: white;
+ background: green;
+}
+</style>
+</head>
+<body>
+<p>This sentence must have a green background.</p>
+<p>This sentence must have a green background.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-017.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-017.xht
new file mode 100644
index 0000000000..c3989a1ee6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-017.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unclosed URI Token at EOF (in declaration)</title>
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="match" href="uri-017-ref.xht"/>
+ <meta name="flags" content="invalid image" />
+ <meta name="assert" content="User agents must close open URI constructs and style rules at the end of the style sheet." />
+ <style type="text/css">
+ .import { color: red; }
+ .one { background: url("support/swatch-red.png"); color: white;
+ background: url("support/swatch-green.png</style>
+ <style type="text/css">
+ .two { background: url(support/swatch-red.png); color: white;
+ background: url(support/swatch-green.png</style>
+ </head>
+ <body>
+ <p class="one">This sentence must have a green background.</p>
+ <p class="two">This sentence must have a green background.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/uri-018.xht b/testing/web-platform/tests/css/CSS2/syntax/uri-018.xht
new file mode 100644
index 0000000000..040828b163
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/uri-018.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unclosed URI Token at EOF (in @import)</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/>
+ <link rel="match" href="../reference/ref-this-text-should-be-green.xht"/>
+ <meta name="flags" content="invalid image" />
+ <meta name="assert" content="User agents must close open URI constructs and statements at the end of the style sheet." />
+ <style type="text/css">
+ @import url(support/import-green.css</style>
+ p { color: red; }
+ </head>
+ <body>
+ <p class="import">This text should be green.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/syntax/whitespace-001.xht b/testing/web-platform/tests/css/CSS2/syntax/whitespace-001.xht
new file mode 100644
index 0000000000..cde16d1a14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/whitespace-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White space - em-space (U+2003)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#tokenization" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="Em-space is not treated as white space." />
+ <style type="text/css">
+ div\2003p
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <p>Filler Text</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/syntax/whitespace-002.xht b/testing/web-platform/tests/css/CSS2/syntax/whitespace-002.xht
new file mode 100644
index 0000000000..ef0062c815
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/syntax/whitespace-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White space - ideographic space (U+3000)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#tokenization" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="Ideographic space is not treated as white space." />
+ <style type="text/css">
+ div\3000p
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <p>Filler Text</p>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/anonymous-table-box-width-001.xht b/testing/web-platform/tests/css/CSS2/tables/anonymous-table-box-width-001.xht
new file mode 100644
index 0000000000..15bd489365
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/anonymous-table-box-width-001.xht
@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Width of anonymous table box versus caption box in the automatic table layout</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="17.5.2.2 Automatic table layout" href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout" />
+ <link rel="bookmark" title="Issue 172: table-caption content overflows" href="http://wiki.csswg.org/spec/css2.1#issue-172" />
+ <link rel="bookmark" title="Anonymous table box is as wide as max(table-width, table-caption-min-intrinsic-width)" href="http://lists.w3.org/Archives/Public/www-style/2010Sep/0186.html" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="Anonymous table box should be as wide as max(table-width, table-caption-min-intrinsic-width)." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ p
+ {
+ font: 1em/1.25 serif;
+ margin: 1em 0;
+ }
+
+ strong {vertical-align: bottom;}
+
+ div#overlapped-red
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ top: 3.25em;
+ /*
+ 16px : max(8px, 16px): maximum of body's margin-top and p's margin-top
+ + 20px : p's line-height
+ + 16px : p's margin-bottom
+ ---------
+ 52px == 3.25em
+ */
+ width: 100px;
+ z-index: -1;
+ }
+
+ table#overlapping-green
+ {
+ border-bottom: green solid 100px;
+ border-spacing: 0;
+ }
+
+ caption {width: 100px;}
+
+ td {padding: 0;}
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red"></div>
+
+ <table id="overlapping-green">
+ <caption></caption>
+ <tr><td></td></tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/background-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/background-table-001.xht
new file mode 100644
index 0000000000..eee1a39070
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/background-table-001.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: background-repeat on table rows</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/table/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <style type="text/css">
+ table { background: green; color: white; }
+ tr { background: url(support/1x1-red.png) -1em 0 no-repeat; } /* -1em means it's outside the element */
+ </style>
+ </head>
+ <body>
+ <table><tbody><tr><td>This text should have a green background.</td></tr></tbody></table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/background-table-002.xht b/testing/web-platform/tests/css/CSS2/tables/background-table-002.xht
new file mode 100644
index 0000000000..50c549902b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/background-table-002.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: background-repeat on table rows</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/table/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <style type="text/css">
+ table { background: green; color: white; }
+ tr { background: url(support/1x1-red.png) -1em 0 no-repeat; } /* -1em means it's outside the element */
+ td { background-repeat: repeat; }
+ </style>
+ </head>
+ <body>
+ <table><tbody><tr><td>This text should have a green background.</td></tr></tbody></table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/background-table-003.xht b/testing/web-platform/tests/css/CSS2/tables/background-table-003.xht
new file mode 100644
index 0000000000..1c64224bbd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/background-table-003.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: background-repeat on table rows</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/table/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
+ <style type="text/css">
+ table { background: green; color: white; }
+ tr { background: url(support/1x1-red.png) -1em 0 no-repeat; } /* -1em means it's outside the element */
+ td { background-repeat: no-repeat; }
+ </style>
+ </head>
+ <body>
+ <table><tbody><tr><td>This text should have a green background.</td></tr></tbody></table>
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/background-table-README b/testing/web-platform/tests/css/CSS2/tables/background-table-README
new file mode 100644
index 0000000000..9ab51bc6a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/background-table-README
@@ -0,0 +1,5 @@
+See also:
+ http://fantasai.tripod.com/www-style/2002/table-backgrounds/tests/
+ https://dbaron.org/css/test/sec170501
+ https://dbaron.org/css/test/sec170501a
+ https://dbaron.org/css/test/sec170501b \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/basic-css-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/basic-css-table-001.xht
new file mode 100644
index 0000000000..c2c0268d6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/basic-css-table-001.xht
@@ -0,0 +1,85 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS table display types</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="CSS display table types are supported." />
+ <style type="text/css">
+ .table
+ {
+ display: table;
+ border: 1px solid gray;
+ }
+ .caption
+ {
+ display: table-caption;
+ background: black;
+ }
+ .colgroup
+ {
+ display: table-column-group;
+ }
+ .col
+ {
+ display: table-column;
+ }
+ .thead
+ {
+ display: table-header-group;
+ }
+ .tfoot
+ {
+ display: table-footer-group;
+ }
+ .tbody
+ {
+ display: table-row-group;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ border: 1px solid gray;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a solid bar on top of a three-by-three grid of boxes below.</p>
+ <div class="table">
+ <div class="caption">X</div>
+ <div class="colgroup">
+ <div class="col"></div>
+ <div class="col"></div>
+ </div>
+ <div class="colgroup">
+ <div class="col"></div>
+ </div>
+ <div class="thead">
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ <div class="tfoot">
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ <div class="tbody">
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/basic-html-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/basic-html-table-001.xht
new file mode 100644
index 0000000000..c194844a58
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/basic-html-table-001.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: HTML table with every table element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <link rel="help" href="http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2" />
+ <meta name="assert" content="HTML table elements are supported." />
+ <style type="text/css">
+ caption, td, th
+ {
+ background: black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a solid bar on top of a three-by-three grid of boxes below.</p>
+ <table border="1">
+ <caption>X</caption>
+ <colgroup>
+ <col />
+ <col />
+ </colgroup>
+ <colgroup>
+ <col />
+ </colgroup>
+ <thead>
+ <tr>
+ <th>XXXXX</th>
+ <th>XXXXX</th>
+ <th>XXXXX</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-001.xht b/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-001.xht
new file mode 100644
index 0000000000..4e034e4dc8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-001.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders"/>
+ <meta name="assert" content="Collapsed borders should behave the same way in ltr and rtl contexts"/>
+ <title>CSS Test: border-collapse in bidi context - border-right</title>
+ <style type="text/css"><![CDATA[
+ table {
+ border-collapse:collapse;
+ margin-bottom: 1em;
+ }
+ tr {
+ border-left: 5px solid fuchsia;
+ border-right: 5px solid purple;
+ }
+ td.right {
+ background-color: yellow;
+ border-right: 5px solid orange;
+ }
+ td.left {
+ background-color: aqua;
+ border-right: 5px solid teal;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>The two tables should be identical:</p>
+
+ <table dir="rtl">
+ <tr>
+ <td class="right">XX XX XX</td>
+ <td class="left">XX</td>
+ </tr>
+ </table>
+
+
+ <table dir="ltr">
+ <tr>
+ <td class="left">XX</td>
+ <td class="right">XX XX XX</td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-002.xht b/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-002.xht
new file mode 100644
index 0000000000..60daa3e010
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-002.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders"/>
+ <meta name="assert" content="Collapsed borders should behave the same way in ltr and rtl contexts"/>
+ <title>CSS Test: border-collapse in bidi context - border-left</title>
+ <style type="text/css"><![CDATA[
+ table {
+ border-collapse:collapse;
+ margin-bottom: 1em;
+ }
+ tr {
+ border-left: 5px solid fuchsia;
+ border-right: 5px solid purple;
+ }
+ td.right {
+ background-color: yellow;
+ border-left: 5px solid orange;
+ }
+ td.left {
+ background-color: aqua;
+ border-left: 5px solid teal;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>The two tables should be identical:</p>
+
+ <table dir="rtl">
+ <tr>
+ <td class="right">XX XX XX</td>
+ <td class="left">XX</td>
+ </tr>
+ </table>
+
+ <table dir="ltr">
+ <tr>
+ <td class="left">XX</td>
+ <td class="right">XX XX XX</td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-003.xht b/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-003.xht
new file mode 100644
index 0000000000..b360b82bdb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-003.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders"/>
+ <meta name="assert" content="Collapsed borders should behave the same way in ltr and rtl contexts"/>
+ <title>CSS Test: border-collapse in bidi context - border-top</title>
+ <style type="text/css"><![CDATA[
+ table {
+ border-collapse:collapse;
+ margin-bottom: 1em;
+ }
+ tr {
+ border-left: 5px solid fuchsia;
+ border-right: 5px solid purple;
+ }
+ td.right {
+ background-color: yellow;
+ border-top: 5px solid orange;
+ }
+ td.left {
+ background-color: aqua;
+ border-top: 5px solid teal;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>The two tables should be identical:</p>
+
+ <table dir="rtl">
+ <tr>
+ <td class="right">XX XX XX</td>
+ <td class="left">XX</td>
+ </tr>
+ </table>
+
+ <table dir="ltr">
+ <tr>
+ <td class="left">XX</td>
+ <td class="right">XX XX XX</td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-004.xht b/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-004.xht
new file mode 100644
index 0000000000..d6a4c754e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-004.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders"/>
+ <meta name="assert" content="Collapsed borders should behave the same way in ltr and rtl contexts"/>
+ <title>CSS Test: border-collapse in bidi context - border-bottom</title>
+ <style type="text/css"><![CDATA[
+ table {
+ border-collapse:collapse;
+ margin-bottom: 1em;
+ }
+ tr {
+ border-left: 5px solid fuchsia;
+ border-right: 5px solid purple;
+ }
+ td.right {
+ background-color: yellow;
+ border-bottom: 5px solid orange;
+ }
+ td.left {
+ background-color: aqua;
+ border-bottom: 5px solid teal;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>The two tables should be identical:</p>
+
+ <table dir="rtl">
+ <tr>
+ <td class="right">XX XX XX</td>
+ <td class="left">XX</td>
+ </tr>
+ </table>
+
+ <table dir="ltr">
+ <tr>
+ <td class="left">XX</td>
+ <td class="right">XX XX XX</td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-001.xht
new file mode 100644
index 0000000000..ab0367f7d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-001.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse set to 'collapse'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="A table with 'border-collapse' set to 'collapse' collapses the borders between its cells." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ border-spacing: 5px;
+ }
+ td
+ {
+ background: black;
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a single box appears below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-002.xht
new file mode 100644
index 0000000000..dcbab34801
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-002.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse set to 'separate'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="A table with 'border-collapse' set to 'separate' separates the borders between its cells." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: separate;
+ border-spacing: 5px;
+ }
+ td
+ {
+ background: black;
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if four separate boxes appear below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-003.xht
new file mode 100644
index 0000000000..76bfe73971
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-003.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="A table can inherit its 'border-collapse' behavior from its parent container." />
+ <style type="text/css">
+ #parent
+ {
+ border-collapse: collapse;
+ }
+ table
+ {
+ border-collapse: inherit;
+ border-spacing: 3px;
+ border-style: none;
+ }
+ td
+ {
+ background: black;
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a single box appears below this line.</p>
+ <div id="parent">
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-004.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-004.xht
new file mode 100644
index 0000000000..8aa1548222
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-004.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: overflow: hidden and border-collapse: collapse</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/border-collapse/collapse/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <style type="text/css">
+ table { border-collapse: collapse; }
+ div { margin-top: 0.25em; }
+ td, div {
+ border-left: 2em solid;
+ overflow: hidden;
+ padding-left: 0.25em;
+ font: 4em sans-serif;
+ color: navy;
+ }
+ </style>
+ </head>
+ <body>
+ <p>There should be two identical blocks below, each with the word "Test" to the right.</p>
+ <table><tr><td>Test</td></tr></table>
+ <div>Test</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-005-ref.html b/testing/web-platform/tests/css/CSS2/tables/border-collapse-005-ref.html
new file mode 100644
index 0000000000..d5bfd99c48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-005-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8" />
+ <title>CSS (Tables) Reference File</title>
+ <link rel="author" title="Chris Rebert" href="http://chrisrebert.com" />
+ <style>
+table {
+ border-collapse: collapse;
+ border: 2px solid blue;
+}
+th {
+ font-weight: normal;
+ text-align: left;
+}
+ </style>
+</head>
+<body>
+ <table>
+ <tbody>
+ <tr>
+ <td>One</td>
+ <td>Two</td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td>Three</td>
+ <td>Four</td>
+ </tr>
+ </tfoot>
+ </table>
+ <p>Test passes if there is a solid blue border around the <strong>entire perimeter</strong> of the table.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-005.html b/testing/web-platform/tests/css/CSS2/tables/border-collapse-005.html
new file mode 100644
index 0000000000..0f3fabce3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-005.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8" />
+ <title>CSS Test (Tables): collapsing borders with empty tbody</title>
+ <link rel="author" title="Chris Rebert" href="http://chrisrebert.com" />
+ <link rel="help" href="http://www.w3.org/TR/CSS2/tables.html#collapsing-borders" />
+ <link rel="help" href="https://drafts.csswg.org/css2/tables.html#collapsing-borders" />
+ <link rel="help" href="https://drafts.csswg.org/css3-tables/#collapsing-borders" />
+ <link rel="match" href="border-collapse-005-ref.html " />
+ <meta name="assert" content="border-collapse should work correctly when a table has an empty tbody" />
+ <style>
+table {
+ border-collapse: collapse;
+ border: 2px solid blue;
+}
+th {
+ font-weight: normal;
+ text-align: left;
+}
+ </style>
+</head>
+<body>
+ <table>
+ <thead>
+ <tr>
+ <th>One</th>
+ <th>Two</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ <tfoot>
+ <tr>
+ <td>Three</td>
+ <td>Four</td>
+ </tr>
+ </tfoot>
+ </table>
+ <p>Test passes if there is a solid blue border around the <strong>entire perimeter</strong> of the table.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-001.xht
new file mode 100644
index 0000000000..309c5ab699
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse and 'display: inline' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="Border-collapse does not apply to 'display: inline' elements." />
+ <style type="text/css">
+ div
+ {
+ border-collapse: collapse;
+ color: white;
+ display: inline;
+ font-size: 4em;
+ }
+ #left
+ {
+ border-right: 10px solid blue;
+ }
+ #right
+ {
+ border-left: 10px dotted orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p>
+ <div id="left">X</div>
+ <div id="right">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-002.xht
new file mode 100644
index 0000000000..a3db353c80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-002.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse and 'display: block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="Border-collapse does not apply to 'display: block' elements." />
+ <style type="text/css">
+ #bottom, span
+ {
+ border-collapse: collapse;
+ display: block;
+ height: 100px;
+ width: 100px;
+ }
+ span
+ {
+ border-bottom: 10px solid blue;
+ }
+ #bottom
+ {
+ border-top: 10px dotted orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if below there is a horizontal solid blue line above a dotted orange line.</p>
+ <div>
+ <span></span>
+ </div>
+ <div id="bottom"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-003.xht
new file mode 100644
index 0000000000..88752cbc3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-003.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse and 'display: list-item' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="Border-collapse and 'display: list-item' elements." />
+ <style type="text/css">
+ div
+ {
+ border-collapse: collapse;
+ display: list-item;
+ height: 100px;
+ margin-left: 2em;
+ width: 100px;
+ }
+ #top
+ {
+ border-bottom: 10px solid blue;
+ }
+ #bottom
+ {
+ border-top: 10px dotted orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if below there is a horizontal solid blue line above a dotted orange line and there are two marker bullets on the left-hand side of the lines. (Note the marker bullets do not need to be aligned with the lines.)</p>
+ <div id="top"></div>
+ <div id="bottom"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-005.xht
new file mode 100644
index 0000000000..f4ea7165eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-005.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse and 'display: inline-block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="Border-collapse does not apply to 'display: inline-block' elements." />
+ <style type="text/css">
+ div
+ {
+ border-collapse: collapse;
+ display: inline-block;
+ height: 100px;
+ width: 100px;
+ }
+ #left
+ {
+ border-right: 10px solid blue;
+ }
+ #right
+ {
+ border-left: 10px dotted orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p>
+ <div id="left"></div>
+ <div id="right"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-006.xht
new file mode 100644
index 0000000000..0da1b3bf3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-006.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse and 'display: table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="Border-collapse applies to 'display: table' elements." />
+ <style type="text/css">
+ #test
+ {
+ border-collapse: collapse;
+ display: table;
+ }
+ #tr
+ {
+ display: table-row;
+ }
+ #left, #right
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ #left
+ {
+ border-right: 10px solid black;
+ }
+ #right
+ {
+ border-left: 10px dotted red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="test">
+ <div id="tr">
+ <div id="left"></div>
+ <div id="right"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-007.xht
new file mode 100644
index 0000000000..a82845d12d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-007.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse and 'display: inline-table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="Border-collapse applies to 'display: inline-table' elements." />
+ <style type="text/css">
+ #test
+ {
+ border-collapse: collapse;
+ display: inline-table;
+ }
+ #tr
+ {
+ display: table-row;
+ }
+ #left, #right
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ #left
+ {
+ border-right: 10px solid black;
+ }
+ #right
+ {
+ border-left: 10px dotted red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="test">
+ <div id="tr">
+ <div id="left"></div>
+ <div id="right"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-008.xht
new file mode 100644
index 0000000000..a495635b63
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-008.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse and 'display: table-row-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="Border-collapse does not apply to 'display: table-row-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ border-collapse: collapse;
+ display: table-row-group;
+ }
+ #tr
+ {
+ display: table-row;
+ }
+ #left, #right
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ #left
+ {
+ border-right: 10px solid blue;
+ }
+ #right
+ {
+ border-left: 10px dotted orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p>
+ <div id="table">
+ <div id="test">
+ <div id="tr">
+ <div id="left"></div>
+ <div id="right"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-009.xht
new file mode 100644
index 0000000000..0ff5c92e8d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-009.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse and 'display: table-header-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="Border-collapse does not apply to 'display: table-header-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ border-collapse: collapse;
+ display: table-header-group;
+ }
+ #tr
+ {
+ display: table-row;
+ }
+ #left, #right
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ #left
+ {
+ border-right: 10px solid blue;
+ }
+ #right
+ {
+ border-left: 10px dotted orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p>
+ <div id="table">
+ <div id="test">
+ <div id="tr">
+ <div id="left"></div>
+ <div id="right"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-010.xht
new file mode 100644
index 0000000000..4a5bbdab09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-010.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse and 'display: table-footer-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="Border-collapse does not apply to 'display: table-footer-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ border-collapse: collapse;
+ display: table-footer-group;
+ }
+ #tr
+ {
+ display: table-row;
+ }
+ #left, #right
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ #left
+ {
+ border-right: 10px solid blue;
+ }
+ #right
+ {
+ border-left: 10px dotted orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p>
+ <div id="table">
+ <div id="test">
+ <div id="tr">
+ <div id="left"></div>
+ <div id="right"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-011.xht
new file mode 100644
index 0000000000..f841d78cbb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-011.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse and 'display: table-row' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="Border-collapse does not apply to 'display: table-row' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ border-collapse: collapse;
+ display: table-row;
+ }
+ #left, #right
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ #left
+ {
+ border-right: 10px solid blue;
+ }
+ #right
+ {
+ border-left: 10px dotted orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p>
+ <div id="table">
+ <div id="test">
+ <div id="left"></div>
+ <div id="right"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-012.xht
new file mode 100644
index 0000000000..fa886ae9d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-012.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse and 'display: table-column' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="Border-collapse does not apply to 'display: table-column' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ border-collapse: collapse;
+ display: table-column;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ #top, #bottom
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ #top
+ {
+ border-bottom: 10px solid blue;
+ }
+ #bottom
+ {
+ border-top: 10px dotted orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if below there is a horizontal solid blue line above a dotted orange line.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div class="tr">
+ <div id="top"></div>
+ </div>
+ <div class="tr">
+ <div id="bottom"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-013.xht
new file mode 100644
index 0000000000..3419ea6dd9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-013.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse and 'display: table-column-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="Border-collapse does not apply to 'display: table-column-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ border-collapse: collapse;
+ display: table-column-group;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ #top, #bottom
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ #top
+ {
+ border-bottom: 10px solid blue;
+ }
+ #bottom
+ {
+ border-top: 10px dotted orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if below there is a horizontal solid blue line above a dotted orange line.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div class="tr">
+ <div id="top"></div>
+ </div>
+ <div class="tr">
+ <div id="bottom"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-014.xht
new file mode 100644
index 0000000000..79f9dbed27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-014.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse and 'display: table-cell' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="Border-collapse does not apply to 'display: table-cell' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #tr
+ {
+ display: table-row;
+ }
+ .test
+ {
+ border-collapse: collapse;
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ #left
+ {
+ border-right: 10px solid blue;
+ }
+ #right
+ {
+ border-left: 10px dotted orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p>
+ <div id="table">
+ <div id="tr">
+ <div id="left" class="test"></div>
+ <div id="right" class="test"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-015.xht
new file mode 100644
index 0000000000..95082a3a28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-015.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse and 'display: table-caption' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="Border-collapse does not apply to 'display: table-caption' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ height: 100px;
+ width: 100px;
+ }
+ .test
+ {
+ border-collapse: collapse;
+ display: table-caption;
+ height: 100px;
+ width: 100px;
+ }
+ #top
+ {
+ border-bottom: 10px solid blue;
+ }
+ #tr
+ {
+
+ display: table-row;
+ }
+ #bottom
+ {
+ display: table-cell;
+ border-top: 10px dotted orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if below there is a horizontal solid blue line above a dotted orange line.</p>
+ <div id="table">
+ <div id="top" class="test"></div>
+ <div id="tr">
+ <div id="bottom"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-016.xht
new file mode 100644
index 0000000000..f102d6a799
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-016.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse and 'display: none' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="Border-collapse does not apply to 'display: none' elements." />
+ <style type="text/css">
+ div
+ {
+ border: 10px solid red;
+ border-collapse: collapse;
+ display: none;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-017.xht
new file mode 100644
index 0000000000..35e6bc2b01
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-017.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse and 'display: inherit' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="Border-collapse does not apply to 'display: inherit' elements which do not inherit the value of 'table' or 'inline-table'." />
+ <style type="text/css">
+ #container
+ {
+ display: block;
+ }
+ .test
+ {
+ border-collapse: collapse;
+ display: inherit;
+ height: 100px;
+ width: 100px;
+ }
+ #top
+ {
+ border-bottom: 10px solid blue;
+ }
+ #bottom
+ {
+ border-top: 10px dotted orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if below there is a horizontal solid blue line above a dotted orange line.</p>
+ <div id="container">
+ <div id="top" class="test"></div>
+ <div id="bottom" class="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-001-ref.xht
new file mode 100644
index 0000000000..add46203dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-001-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>border collapse dynamic change to cell style</title>
+<style type="text/css">
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse">
+ <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr><td>c21</td><td style="border-style:solid">c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</tbody></table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-001.xht
new file mode 100644
index 0000000000..821dfc3fe8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to cell style</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-cell-001-ref.xht"/>
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderStyle="solid";
+}
+</script>
+<style type="text/css">
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest();">
+<table style="border-collapse:collapse">
+ <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr><td>c21</td><td style="border-style:none" id="target">c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</tbody></table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-002-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-002-ref.xht
new file mode 100644
index 0000000000..834558df50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-002-ref.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>border collapse dynamic change to cell color</title>
+
+<style type="text/css">
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse">
+ <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr><td>c21</td><td style="border-width:11px;border-color:yellow">c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</tbody></table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-002.xht
new file mode 100644
index 0000000000..1c1928a004
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-002.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to cell color</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-cell-002-ref.xht"/>
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderColor="yellow";
+}
+</script>
+<style type="text/css">
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest();">
+<table style="border-collapse:collapse">
+ <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr><td>c21</td><td style="border-width:11px" id="target">c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</tbody></table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-003-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-003-ref.xht
new file mode 100644
index 0000000000..2e3b282fb6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-003-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>border collapse dynamic change to cell border width</title>
+<style type="text/css">
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse">
+ <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr><td>c21</td><td style="border-width:20px">c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</tbody></table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-003.xht
new file mode 100644
index 0000000000..7ef31d2519
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to cell border width</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-cell-003-ref.xht"/>
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderWidth="20px";
+}
+</script>
+<style type="text/css">
+td { border: 10px green solid;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest();">
+<table style="border-collapse:collapse">
+ <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr><td>c21</td><td id="target">c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</tbody></table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-004-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-004-ref.xht
new file mode 100644
index 0000000000..f0d1a6ee68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-004-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>border collapse dynamic change to colspan cell style</title>
+<style type="text/css">
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse">
+ <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr><td colspan="3" style="border-style:solid;">c21</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</tbody></table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-004.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-004.xht
new file mode 100644
index 0000000000..ff92f9dcca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-004.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to colspan cell style</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-cell-004-ref.xht"/>
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderStyle="solid";
+}
+</script>
+<style type="text/css">
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest();">
+<table style="border-collapse:collapse">
+ <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr><td colspan="3" style="border-style:none" id="target">c21</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</tbody></table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-005-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-005-ref.xht
new file mode 100644
index 0000000000..e60a30af51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-005-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>border collapse dynamic change to rowspan cell style </title>
+<style type="text/css">
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body>
+<table style="border-collapse:collapse">
+ <tbody><tr><td>c11</td><td style="border-style:solid" rowspan="3">c12</td><td>c13</td></tr>
+ <tr><td>c21</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c33</td></tr>
+</tbody></table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-005.xht
new file mode 100644
index 0000000000..0bd00bd17e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-005.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to rowspan cell style </title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-cell-005-ref.xht"/>
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderStyle="solid";
+}
+</script>
+<style type="text/css">
+td { border: 10px green outset;}
+table {margin: 30px}
+</style>
+</head>
+<body onload="doTest();">
+<table style="border-collapse:collapse">
+ <tbody><tr><td>c11</td><td style="border-style:none" rowspan="3" id="target">c12</td><td>c13</td></tr>
+ <tr><td>c21</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c33</td></tr>
+</tbody></table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-001-ref.xht
new file mode 100644
index 0000000000..143abdab76
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-001-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>border collapse dynamic change to colgroup border color</title>
+<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+<style type="text/css"><![CDATA[
+td { border: 10px green solid;}
+table {margin: 30px; border-collapse:collapse}
+colgroup#reference {border:solid yellow 11px}
+]]></style>
+</head>
+<body>
+
+<p>There should be a continuous solid yellow border around the center column. All other borders should be a continuous solid green.</p>
+
+<table>
+<colgroup><col /></colgroup>
+<colgroup id="reference"><col /></colgroup>
+<colgroup><col /></colgroup>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-001.xht
new file mode 100644
index 0000000000..66d9700192
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to colgroup border color</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-colgroup-001-ref.xht"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderColor="yellow";
+}
+</script>
+<style type="text/css"><![CDATA[
+td { border: 10px green solid;}
+table {margin: 30px; border-collapse:collapse}
+colgroup#target {border:solid green 11px}
+]]></style>
+</head>
+<body onload="doTest();">
+
+<p>There should be a continuous solid yellow border around the center column. All other borders should be a continuous solid green.</p>
+
+<table>
+
+<colgroup><col /></colgroup>
+<colgroup id="target"><col /></colgroup>
+<colgroup><col /></colgroup>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-002-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-002-ref.xht
new file mode 100644
index 0000000000..a7e304befc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-002-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>border collapse dynamic change to colgroup border width</title>
+<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+<style type="text/css"><![CDATA[
+td { border: 10px green solid;}
+table {margin: 30px; border-collapse:collapse}
+colgroup#reference {border:solid green 20px}
+]]></style>
+</head>
+<body>
+
+<p>There should be continuous solid thicker border around the center column. The text inside the cells should not overlap any of the borders.</p>
+
+<table>
+<colgroup><col /></colgroup>
+<colgroup id="reference"><col /></colgroup>
+<colgroup><col /></colgroup>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-002.xht
new file mode 100644
index 0000000000..e42dc3ac63
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-002.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to colgroup border width</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-colgroup-002-ref.xht"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderWidth="20px";
+}
+</script>
+<style type="text/css"><![CDATA[
+td { border: 10px green solid;}
+table {margin: 30px; border-collapse:collapse}
+colgroup#target {border:solid green 11px}
+]]></style>
+</head>
+<body onload="doTest();">
+
+<p>There should be continuous solid thicker border around the center column. The text inside the cells should not overlap any of the borders.</p>
+
+<table>
+
+<colgroup><col /></colgroup>
+<colgroup id="target"><col /></colgroup>
+<colgroup><col /></colgroup>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-003-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-003-ref.xht
new file mode 100644
index 0000000000..4ffe0b0ea7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-003-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>border collapse dynamic change to colgroup border style</title>
+<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+<style type="text/css"><![CDATA[
+td { border: 10px green outset;}
+table {margin: 30px; border-collapse:collapse}
+colgroup#reference {border:solid green 10px}
+]]></style>
+</head>
+<body>
+
+<p>There should be a continuous solid green border around the center column. All other borders should look as though they are coming out of the canvas.</p>
+
+<table>
+<colgroup><col /></colgroup>
+<colgroup id="reference"><col /></colgroup>
+<colgroup><col /></colgroup>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-003.xht
new file mode 100644
index 0000000000..15cf88b158
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-003.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to colgroup border style</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-colgroup-003-ref.xht"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderStyle="solid";
+}
+</script>
+<style type="text/css"><![CDATA[
+td { border: 10px green outset;}
+table {margin: 30px; border-collapse:collapse}
+colgroup#target {border:outset green 10px}
+]]></style>
+</head>
+<body onload="doTest();">
+
+<p>There should be a continuous solid green border around the center column. All other borders should look as though they are coming out of the canvas.</p>
+
+<table>
+
+<colgroup><col /></colgroup>
+<colgroup id="target"><col /></colgroup>
+<colgroup><col /></colgroup>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-001.xht
new file mode 100644
index 0000000000..44210248c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to col border color</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-colgroup-001-ref.xht"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderColor="yellow";
+}
+</script>
+<style type="text/css"><![CDATA[
+td { border: 10px green solid;}
+table {margin: 30px; border-collapse:collapse}
+col#target {border:solid green 11px}
+]]></style>
+</head>
+<body onload="doTest();">
+
+<p>There should be a continuous solid yellow border around the center column. All other borders should be a continuous solid green.</p>
+
+<table>
+
+<colgroup><col /></colgroup>
+<colgroup><col id="target" /></colgroup>
+<colgroup><col /></colgroup>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-002.xht
new file mode 100644
index 0000000000..8a488dd5e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-002.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to col border width</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-colgroup-002-ref.xht"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderWidth="20px";
+}
+</script>
+<style type="text/css"><![CDATA[
+td { border: 10px green solid;}
+table {margin: 30px; border-collapse:collapse}
+col#target {border:solid green 11px}
+]]></style>
+</head>
+<body onload="doTest();">
+
+<p>There should be continuous solid thicker border around the center column. The text inside the cells should not overlap any of the borders.</p>
+
+<table>
+
+<colgroup><col /></colgroup>
+<colgroup><col id="target" /></colgroup>
+<colgroup><col /></colgroup>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-003.xht
new file mode 100644
index 0000000000..5acb0f0501
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-003.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to col border style</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-colgroup-003-ref.xht"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderStyle="solid";
+}
+</script>
+<style type="text/css"><![CDATA[
+td { border: 10px green outset;}
+table {margin: 30px; border-collapse:collapse}
+col#target {border:outset green 10px}
+]]></style>
+</head>
+<body onload="doTest();">
+
+<p>There should be a continuous solid green border around the center column. All other borders should look as though they are coming out of the canvas.</p>
+
+<table>
+
+<colgroup><col /></colgroup>
+<colgroup><col id="target" /></colgroup>
+<colgroup><col /></colgroup>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-001.xht
new file mode 100644
index 0000000000..7c6e724342
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to row border color</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-rowgroup-001-ref.xht"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderColor="yellow";
+}
+</script>
+<style type="text/css"><![CDATA[
+td { border: 10px green solid;}
+table {margin: 30px; border-collapse:collapse}
+tr#target {border:solid green 11px}
+]]></style>
+</head>
+<body onload="doTest();">
+
+<p>There should be a continuous solid yellow border around the middle row. All other borders should be a continuous solid green.</p>
+
+<table>
+
+ <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr id="target"><td>c21</td><td>c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</tbody></table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-002.xht
new file mode 100644
index 0000000000..129e152a10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to row border width</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-rowgroup-002-ref.xht"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderWidth="20px";
+}
+</script>
+<style type="text/css"><![CDATA[
+td { border: 10px green solid;}
+table {margin: 30px; border-collapse:collapse}
+tr#target {border:solid green 2px}
+]]></style>
+</head>
+<body onload="doTest();">
+
+<p>There should be continuous solid thicker border around the middle row. The text inside the cells should not overlap any of the borders.</p>
+
+<table>
+
+ <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr id="target"><td>c21</td><td>c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</tbody></table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-003.xht
new file mode 100644
index 0000000000..8b700d8983
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-003.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to row border style</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-rowgroup-003-ref.xht"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderStyle="solid";
+}
+</script>
+<style type="text/css"><![CDATA[
+td { border: 10px green outset;}
+table {margin: 30px; border-collapse:collapse}
+tr#target {border:outset green 10px}
+]]></style>
+</head>
+<body onload="doTest();">
+
+<p>There should be a continuous solid green border around the middle row. All other borders should look as though they are coming out of the canvas.</p>
+
+<table>
+
+ <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
+ <tr id="target"><td>c21</td><td>c22</td><td>c23</td></tr>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+</tbody></table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-001-ref.xht
new file mode 100644
index 0000000000..d3caf63d97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-001-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>border collapse dynamic change to rowgroup border color</title>
+<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+<style type="text/css"><![CDATA[
+td { border: 10px green solid;}
+table {margin: 30px; border-collapse:collapse}
+tbody#reference {border:solid yellow 11px}
+]]></style>
+</head>
+<body>
+
+<p>There should be a continuous solid yellow border around the middle row. All other borders should be a continuous solid green.</p>
+
+<table>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody id="reference">
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-001.xht
new file mode 100644
index 0000000000..e4812a156e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-001.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to rowgroup border color</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-rowgroup-001-ref.xht"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderColor="yellow";
+}
+</script>
+<style type="text/css"><![CDATA[
+td { border: 10px green solid;}
+table {margin: 30px; border-collapse:collapse}
+tbody#target {border:solid green 11px}
+]]></style>
+</head>
+<body onload="doTest();">
+
+<p>There should be a continuous solid yellow border around the middle row. All other borders should be a continuous solid green.</p>
+
+<table>
+
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody id="target">
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-002-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-002-ref.xht
new file mode 100644
index 0000000000..133adfa54c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-002-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>border collapse dynamic change to rowgroup border width</title>
+<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+<style type="text/css"><![CDATA[
+td { border: 10px green solid;}
+table {margin: 30px; border-collapse:collapse}
+tbody#reference {border:solid green 20px}
+]]></style>
+</head>
+<body>
+
+<p>There should be continuous solid thicker border around the middle row. The text inside the cells should not overlap any of the borders.</p>
+
+<table>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody id="reference">
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-002.xht
new file mode 100644
index 0000000000..a456eb6c68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-002.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to rowgroup border width</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-rowgroup-002-ref.xht"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderWidth="20px";
+}
+</script>
+<style type="text/css"><![CDATA[
+td { border: 10px green solid;}
+table {margin: 30px; border-collapse:collapse}
+tbody#target {border:solid green 11px}
+]]></style>
+</head>
+<body onload="doTest();">
+
+<p>There should be continuous solid thicker border around the middle row. The text inside the cells should not overlap any of the borders.</p>
+
+<table>
+
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody id="target">
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-003-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-003-ref.xht
new file mode 100644
index 0000000000..fc88485f9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-003-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>border collapse dynamic change to rowgroup border style</title>
+<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+<style type="text/css"><![CDATA[
+td { border: 10px green outset;}
+table {margin: 30px; border-collapse:collapse}
+tbody#reference {border:solid green 10px}
+]]></style>
+</head>
+<body>
+
+<p>There should be a continuous solid green border around the middle row. All other borders should look as though they are coming out of the canvas.</p>
+
+<table>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody id="reference">
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-003.xht
new file mode 100644
index 0000000000..703d6d7a37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-003.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to rowgroup border style</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-rowgroup-003-ref.xht"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderStyle="solid";
+}
+</script>
+<style type="text/css"><![CDATA[
+td { border: 10px green outset;}
+table {margin: 30px; border-collapse:collapse}
+tbody#target {border:outset green 10px}
+]]></style>
+</head>
+<body onload="doTest();">
+
+<p>There should be a continuous solid green border around the middle row. All other borders should look as though they are coming out of the canvas.</p>
+
+<table>
+
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody id="target">
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-001-ref.xht
new file mode 100644
index 0000000000..523f47df03
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-001-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>border collapse dynamic change to table border color</title>
+<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+<style type="text/css"><![CDATA[
+td { border: 10px green solid;}
+table {margin: 30px; border-collapse:collapse; border:solid yellow 11px}
+]]></style>
+</head>
+<body>
+
+<p>There should be a continuous solid yellow border around a grid of 3 rows and 3 columns. All borders inside the grid should be continuous solid green.</p>
+
+<table>
+<colgroup><col /></colgroup>
+<colgroup><col /></colgroup>
+<colgroup><col /></colgroup>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-001.xht
new file mode 100644
index 0000000000..23988d0f4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to table border color</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-table-001-ref.xht"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderColor="yellow";
+}
+</script>
+<style type="text/css"><![CDATA[
+td { border: 10px green solid;}
+table {margin: 30px; border-collapse:collapse; border:solid green 11px}
+]]></style>
+</head>
+<body onload="doTest();">
+
+<p>There should be a continuous solid yellow border around a grid of 3 rows and 3 columns. All borders inside the grid should be continuous solid green.</p>
+
+<table id="target">
+
+<colgroup><col /></colgroup>
+<colgroup><col /></colgroup>
+<colgroup><col /></colgroup>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-002-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-002-ref.xht
new file mode 100644
index 0000000000..05998fae94
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-002-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>border collapse dynamic change to table border width</title>
+<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+<style type="text/css"><![CDATA[
+td { border: 10px green solid;}
+table {margin: 30px; border-collapse:collapse; border:solid green 20px}
+]]></style>
+</head>
+<body>
+
+<p>There should be a continuous solid thick border around a grid of 3 rows and 3 columns. The borders inside the grid should be half the thickness of the outside border of the grid.</p>
+
+<table>
+<colgroup><col /></colgroup>
+<colgroup><col /></colgroup>
+<colgroup><col /></colgroup>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-002.xht
new file mode 100644
index 0000000000..77e57f1cf2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-002.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to table border width</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-table-002-ref.xht"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderWidth="20px";
+}
+</script>
+<style type="text/css"><![CDATA[
+td { border: 10px green solid;}
+table {margin: 30px; border-collapse:collapse; border:solid green 11px}
+]]></style>
+</head>
+<body onload="doTest();">
+
+<p>There should be a continuous solid thick border around a grid of 3 rows and 3 columns. The borders inside the grid should be half the thickness of the outside border of the grid.</p>
+
+<table id="target">
+
+<colgroup><col /></colgroup>
+<colgroup><col /></colgroup>
+<colgroup><col /></colgroup>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-003-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-003-ref.xht
new file mode 100644
index 0000000000..f7a02c8e04
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-003-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>border collapse dynamic change to table border style</title>
+<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+<style type="text/css"><![CDATA[
+td { border: 10px green outset;}
+table {margin: 30px; border-collapse:collapse; border:solid green 10px}
+]]></style>
+</head>
+<body>
+
+<p>There should be a continuous solid green border around the outside of a grid of 3 rows and 3 columns. The borders inside the grid should look as though they are coming out of the canvas.</p>
+
+<table>
+<colgroup><col /></colgroup>
+<colgroup><col /></colgroup>
+<colgroup><col /></colgroup>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-003.xht
new file mode 100644
index 0000000000..162eb9f74b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-003.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: border collapse dynamic change to table border style</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-dynamic-table-003-ref.xht"/>
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta name="flags" content="dom" />
+<script type="text/javascript">
+function doTest(){
+ var t1 =document.getElementById('target');
+ t1.style.borderStyle="solid";
+}
+</script>
+<style type="text/css"><![CDATA[
+td { border: 10px green outset;}
+table {margin: 30px; border-collapse:collapse; border:none green 10px}
+]]></style>
+</head>
+<body onload="doTest();">
+
+<p>There should be a continuous solid green border around the outside of a grid of 3 rows and 3 columns. The borders inside the grid should look as though they are coming out of the canvas.</p>
+
+<table id="target">
+
+<colgroup><col /></colgroup>
+<colgroup><col /></colgroup>
+<colgroup><col /></colgroup>
+<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
+ <tbody>
+ <tr><td>c21</td><td>c22</td><td>c23</td></tr>
+ </tbody>
+ <tbody>
+
+ <tr><td>c31</td><td>c32</td><td>c33</td></tr>
+ </tbody>
+</table>
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-empty-row-ref.html b/testing/web-platform/tests/css/CSS2/tables/border-collapse-empty-row-ref.html
new file mode 100644
index 0000000000..ca1108ccd7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-empty-row-ref.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1819266">
+<meta name="assert" content="This test checks that collapsed border does not paint outside of its expected area.">
+<style>
+table {
+ display: inline-table;
+ border-collapse: collapse;
+}
+
+td {
+ border: 10px solid black;
+ line-height: 0;
+ padding: 0;
+}
+
+span {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ background: grey;
+}
+
+.spacer-1 tr:not(:last-child) td {
+ border-bottom: 12px solid black;
+}
+
+.spacer-2 tr:not(:last-child) td {
+ border-bottom: 15px solid black;
+}
+
+.spacer-3 tr:not(:last-child) td {
+ border-bottom: 20px solid black;
+}
+
+</style>
+<table>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+</table>
+<table class="spacer-1">
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+</table>
+<table class="spacer-2">
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+</table>
+<table class="spacer-3">
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+</table>
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-empty-row.html b/testing/web-platform/tests/css/CSS2/tables/border-collapse-empty-row.html
new file mode 100644
index 0000000000..c4114a145d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-empty-row.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1819266">
+<link rel="match" href="border-collapse-empty-row-ref.html">
+<meta name="assert" content="This test checks that collapsed border does not paint outside of its expected area.">
+<style>
+table {
+ display: inline-table;
+ border-collapse: collapse;
+}
+
+td {
+ border: 10px solid black;
+ line-height: 0;
+ padding: 0;
+}
+
+span {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ background: grey;
+}
+
+.spacer-1 {
+ height: 2px;
+}
+
+.spacer-2 {
+ height: 5px;
+}
+
+.spacer-3 {
+ height: 10px;
+}
+</style>
+<!-- Empty rows -->
+<table>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+</table>
+<!-- Empty rows, sized less than collapsed border offset (10px / 2 = 5px). -->
+<table>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr class="spacer-1"></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr class="spacer-1"></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr class="spacer-1"></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr class="spacer-1"></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr class="spacer-1"></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+</table>
+<!-- Empty rows, sized exactly at collapsed border offset. -->
+<table>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr class="spacer-2"></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr class="spacer-2"></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr class="spacer-2"></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr class="spacer-2"></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr class="spacer-2"></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+</table>
+<!-- Empty rows, sized larger than collapsed border offset. -->
+<table>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr class="spacer-3"></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr class="spacer-3"></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr class="spacer-3"></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr class="spacer-3"></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+<tr class="spacer-3"></tr>
+<tr><td><span></span></td><td><span></span></td></tr>
+</table>
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-inherited-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-inherited-001.xht
new file mode 100644
index 0000000000..15aaf2f83b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-inherited-001.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-collapse is inherited by default</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="Border-collapse is inherited by default." />
+ <style type="text/css">
+ #container
+ {
+ border-collapse: collapse;
+ }
+ #table
+ {
+ background: red;
+ border-spacing: 10px;
+ border-style: none;
+ display: table;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ background: black;
+ border: 3px solid black;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single box below and there is no red visible on the page.</p>
+ <div id="container">
+ <div id="table">
+ <div class="row">
+ <div class="cell">XXXXX</div>
+ <div class="cell">XXXXX</div>
+ </div>
+ <div class="row">
+ <div class="cell">XXXXX</div>
+ <div class="cell">XXXXX</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-initial-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-initial-001.xht
new file mode 100644
index 0000000000..6dcc0fe8d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-initial-001.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Initial value of border-collapse</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
+ <meta name="assert" content="The initial value of border-collapse is 'separate'." />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 3px;
+ border-style: none;
+ }
+ td
+ {
+ background: black;
+ border: 3px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are four boxes below.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-no-interpolation.html b/testing/web-platform/tests/css/CSS2/tables/border-collapse-no-interpolation.html
new file mode 100644
index 0000000000..800cc68d0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-no-interpolation.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<link rel=author href="mailto:jarhar@chromium.org">
+<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/interpolation-testcommon.js"></script>
+
+<body>
+<script>
+test_no_interpolation({
+ property: 'border-collapse',
+ from: 'initial',
+ to: 'collapse'
+});
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-001-ref.xht
new file mode 100644
index 0000000000..245d49c10b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-001-ref.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<style type="text/css">
+td {width: 100px; text-align:center}
+div {position:absolute; border:green 4px solid}
+
+</style>
+</head>
+
+<body>
+<!-- the height for table cells includes the border -->
+<div>
+<table cellspacing="0">
+ <tbody><tr><td style="border:solid 4px orange; height:30px">cell 1</td></tr>
+</tbody></table>
+</div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-001.xht
new file mode 100644
index 0000000000..68dde59a0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: border collapse</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-offset-001-ref.xht"/>
+<style type="text/css">
+td {width: 100px; text-align:center}
+div {position:absolute; border:green 4px solid}
+
+</style>
+</head>
+
+<body>
+<div>
+<table style="border-collapse:collapse;">
+ <tbody><tr><td style="border:solid 4px orange; height:30px">cell 1</td></tr>
+</tbody></table>
+</div>
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-002-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-002-ref.xht
new file mode 100644
index 0000000000..c2658c7a1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-002-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<style type="text/css">
+td {width: 100px; text-align:center}
+caption {border:solid 4px green}
+
+</style>
+</head>
+
+<body>
+
+
+<table cellpadding="0" cellspacing="0"><caption>caption</caption>
+ <tbody><tr>
+ <td style="border:solid 4px orange; width:102px; height:32px">cell 1</td>
+ </tr>
+</tbody></table>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-002.xht
new file mode 100644
index 0000000000..3b1c6b6f25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+ <title>CSS Test: border collapse</title>
+ <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="border-collapse-offset-002-ref.xht"/>
+<style type="text/css">
+td {width: 100px; text-align:center}
+caption {border:solid 4px green}
+
+</style>
+</head>
+
+<body>
+
+<table style="border-collapse:collapse;"><caption>caption</caption>
+ <tbody><tr><td style="border:solid 4px orange; height:30px">cell 1</td></tr>
+</tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001.xht
new file mode 100644
index 0000000000..2f6a48ca9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (element) - cell vs. cell - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent cells of same border-style and width, border collapsing favors the cell furthest to the top and left (in a 'left-to-right' table)." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ td
+ {
+ border: 5px solid black;
+ }
+ .collapsing1
+ {
+ border-left-color: red;
+ }
+ #collapsing2
+ {
+ border-top-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td class="collapsing1"></td>
+ <td class="collapsing1"></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td id="collapsing2"></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001a.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001a.xht
new file mode 100644
index 0000000000..585957f13b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001a.xht
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Border conflict resolution - adjacent cells with same border-style and border-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="When two adjacent cells have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the leftmost cell wins (if the table's 'direction' is 'ltr'; right, if it is 'rtl') and the color of the border from the topmost cell wins." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table {border-collapse: collapse;}
+
+ td
+ {
+ border-style: solid solid solid solid;
+ border-width: 20px 20px 20px 20px;
+ padding: 0px;
+ }
+
+ td#one {border-color: green green green green;}
+ td#two {border-color: green green green red;}
+ td#three {border-color: green green green red;}
+ td#four {border-color: green green green red;}
+
+ td#five {border-color: red green green green;}
+ td#six {border-color: red green green red;}
+ td#seven {border-color: red green green red;}
+ td#eight {border-color: red green green red;}
+
+ td#nine {border-color: red green green green;}
+ td#ten {border-color: red green green red;}
+ td#eleven {border-color: red green green red;}
+ td#twelve {border-color: red green green red;}
+
+ td#thirteen {border-color: red green green green;}
+ td#fourteen {border-color: red green green red;}
+ td#fifteen {border-color: red green green red;}
+ td#sixteen {border-color: red green green red;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+
+ <tr>
+ <td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
+ </tr>
+
+ <tr>
+ <td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
+ </tr>
+
+ <tr>
+ <td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
+ </tr>
+
+ <tr>
+ <td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
+ </tr>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001b.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001b.xht
new file mode 100644
index 0000000000..cc8331cf0b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001b.xht
@@ -0,0 +1,74 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Border conflict resolution - adjacent cells with same border-style and border-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="When two adjacent cells have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the topmost cell wins." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table {border-collapse: collapse;}
+
+ td
+ {
+ border-style: solid none solid none;
+ border-width: 20px 0px 20px 0px;
+ padding: 0px;
+ width: 25px;
+ }
+
+ td#one {border-color: green red green red;}
+ td#two {border-color: green red green red;}
+ td#three {border-color: green red green red;}
+ td#four {border-color: green red green red;}
+
+ td#five {border-color: red red green red;}
+ td#six {border-color: red red green red;}
+ td#seven {border-color: red red green red;}
+ td#eight {border-color: red red green red;}
+
+ td#nine {border-color: red red green red;}
+ td#ten {border-color: red red green red;}
+ td#eleven {border-color: red red green red;}
+ td#twelve {border-color: red red green red;}
+
+ td#thirteen {border-color: red red green red;}
+ td#fourteen {border-color: red red green red;}
+ td#fifteen {border-color: red red green red;}
+ td#sixteen {border-color: red red green red;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+
+ <tr>
+ <td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
+ </tr>
+
+ <tr>
+ <td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
+ </tr>
+
+ <tr>
+ <td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
+ </tr>
+
+ <tr>
+ <td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
+ </tr>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001c.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001c.xht
new file mode 100644
index 0000000000..1c42b86f94
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001c.xht
@@ -0,0 +1,74 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Border conflict resolution - adjacent cells with same border-style and border-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="When two adjacent cells have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the leftmost cell wins (if the table's 'direction' is 'ltr'; rightmost, if it is 'rtl')." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table {border-collapse: collapse;}
+
+ td
+ {
+ border-style: none solid none solid;
+ border-width: 0px 20px 0px 20px;
+ height: 25px;
+ padding: 0px;
+ }
+
+ td#one {border-color: red green red green;}
+ td#two {border-color: red green red red;}
+ td#three {border-color: red green red red;}
+ td#four {border-color: red green red red;}
+
+ td#five {border-color: red green red green;}
+ td#six {border-color: red green red red;}
+ td#seven {border-color: red green red red;}
+ td#eight {border-color: red green red red;}
+
+ td#nine {border-color: red green red green;}
+ td#ten {border-color: red green red red;}
+ td#eleven {border-color: red green red red;}
+ td#twelve {border-color: red green red red;}
+
+ td#thirteen {border-color: red green red green;}
+ td#fourteen {border-color: red green red red;}
+ td#fifteen {border-color: red green red red;}
+ td#sixteen {border-color: red green red red;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+
+ <tr>
+ <td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
+ </tr>
+
+ <tr>
+ <td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
+ </tr>
+
+ <tr>
+ <td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
+ </tr>
+
+ <tr>
+ <td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
+ </tr>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001d-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001d-ref.xht
new file mode 100644
index 0000000000..16eb48348c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001d-ref.xht
@@ -0,0 +1,123 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ color: white;
+ font: 1.25em/1 Ahem;
+ margin: auto auto 2em 2em;
+ }
+
+ td {padding: 0px;}
+
+ img
+ {
+ height: 1em;
+ vertical-align: bottom;
+ /*
+ With 'vertical-align: bottom', swatch-[color] images "sit"
+ at the bottom of the cell's line box and not on its baseline
+ */
+ width: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if both grids are <strong>perfectly identical</strong>.</p>
+
+ <table>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-green.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-orange.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ </table>
+
+ <table>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-green.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-orange.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ </table>
+
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001d.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001d.xht
new file mode 100644
index 0000000000..bddd4781d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001d.xht
@@ -0,0 +1,134 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Border conflict resolution - adjacent cells with same border-style and border-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
+ <link rel="match" href="border-conflict-element-001d-ref.xht" />
+
+ <meta content="ahem image" name="flags" />
+ <meta content="When two adjacent cells have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the leftmost cell wins (if the table's 'direction' is 'ltr'; right, if it is 'rtl') and the color of the border from the topmost cell wins." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ color: white;
+ font: 1.25em/1 Ahem;
+ margin: auto auto 2em 2em;
+ }
+
+ td {padding: 0px;}
+
+ table#test td
+ {
+ border-style: solid;
+ border-width: 1em;
+ }
+
+ td#one {border-color: blue blue blue blue;}
+ td#two {border-color: yellow yellow yellow red;}
+ td#three {border-color: green green green red;}
+ td#four {border-color: orange orange orange red;}
+
+ td#five {border-color: red yellow yellow yellow;}
+ td#six {border-color: red green green red;}
+ td#seven {border-color: red orange orange red;}
+ td#eight {border-color: red blue blue red;}
+
+ td#nine {border-color: red green green green;}
+ td#ten {border-color: red orange orange red;}
+ td#eleven {border-color: red blue blue red;}
+ td#twelve {border-color: red yellow yellow red;}
+
+ td#thirteen {border-color: red orange orange orange;}
+ td#fourteen {border-color: red blue blue red;}
+ td#fifteen {border-color: red yellow yellow red;}
+ td#sixteen {border-color: red green green red;}
+
+ img
+ {
+ height: 1em;
+ vertical-align: bottom;
+ /*
+ With 'vertical-align: bottom', swatch-[color] images "sit"
+ at the bottom of the cell's line box and not on its baseline
+ */
+ width: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if both grids are <strong>perfectly identical</strong>.</p>
+
+ <table id="test">
+
+ <tr>
+ <td id="one">B</td> <td id="two">Y</td> <td id="three">G</td> <td id="four">O</td>
+ </tr>
+
+ <tr>
+ <td id="five">Y</td> <td id="six">G</td> <td id="seven">O</td> <td id="eight">B</td>
+ </tr>
+
+ <tr>
+ <td id="nine">G</td> <td id="ten">O</td> <td id="eleven">B</td> <td id="twelve">Y</td>
+ </tr>
+
+ <tr>
+ <td id="thirteen">O</td> <td id="fourteen">B</td> <td id="fifteen">Y</td> <td id="sixteen">G</td>
+ </tr>
+
+ </table>
+
+
+ <table id="reference">
+
+ <tr>
+ <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" />B<img src="support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="support/swatch-green.png" alt="Image download support must be enabled" />O<img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-yellow.png" alt="Image download support must be enabled" />Y<img src="support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="support/swatch-green.png" alt="Image download support must be enabled" />O<img src="support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="support/swatch-blue.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-green.png" alt="Image download support must be enabled" />G<img src="support/swatch-green.png" alt="Image download support must be enabled" />O<img src="support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="support/swatch-yellow.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-orange.png" alt="Image download support must be enabled" />O<img src="support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="support/swatch-green.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001e-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001e-ref.xht
new file mode 100644
index 0000000000..43c2e41b2c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001e-ref.xht
@@ -0,0 +1,108 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ color: white;
+ font: 1.25em/1 Ahem;
+ margin: auto auto 2em 2em;
+ }
+
+ td {padding: 0px;}
+
+ img
+ {
+ height: 1em;
+ vertical-align: bottom;
+ /*
+ With 'vertical-align: bottom', swatch-[color] images "sit"
+ at the bottom of the cell's line box and not on its baseline
+ */
+ width: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if both grids are <strong>perfectly identical</strong>.</p>
+
+ <table>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ </table>
+
+
+ <table>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ </table>
+
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001e.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001e.xht
new file mode 100644
index 0000000000..0e4b723767
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001e.xht
@@ -0,0 +1,112 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Border conflict resolution - adjacent cells with same border-style and border-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" title="8.5.2 Border color" />
+ <link rel="match" href="border-conflict-element-001e-ref.xht" />
+
+
+ <meta content="image" name="flags" />
+ <meta content="If a table cell's border color is not specified with a border property, then user agents must use the value of the element's 'color' property as the computed value for the border color. When two adjacent cells have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the leftmost cell wins (if the table's 'direction' is 'ltr'; right, if it is 'rtl')." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table#test
+ {
+ border: red solid 1em;
+ }
+
+ table
+ {
+ border-collapse: collapse;
+ font: 1.25em/1 serif;
+ margin: auto auto 2em 2em;
+ }
+
+ table#test td
+ {
+ border: solid 1em;
+ padding: 0.5em;
+ }
+
+ td.blue {color: blue;}
+
+ td.yellow {color: yellow;}
+
+ td.orange {color: orange;}
+
+ table#reference td {padding: 0em;}
+
+ img
+ {
+ height: 1em;
+ vertical-align: bottom;
+ /*
+ With 'vertical-align: bottom', swatch-[color] images "sit"
+ at the bottom of the cell's line box and not on its baseline
+ */
+ width: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if both grids are <strong>perfectly identical</strong>.</p>
+
+ <table id="test">
+ <tr>
+ <td class="blue"></td> <td class="yellow"></td> <td class="yellow"></td> <td class="orange"></td>
+ </tr>
+
+ <tr>
+ <td class="blue"></td> <td class="yellow"></td> <td class="yellow"></td> <td class="orange"></td>
+ </tr>
+
+ <tr>
+ <td class="blue"></td> <td class="yellow"></td> <td class="yellow"></td> <td class="orange"></td>
+ </tr>
+
+ </table>
+
+
+ <table id="reference">
+
+ <tr>
+ <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-002.xht
new file mode 100644
index 0000000000..fa78a9fad6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-002.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (element) - cell vs. cell - element with highest priority is the dominant border (rtl table)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent cells of same border-style and width, border collapsing favors the cell furthest to the top right for a 'right-to-left' table." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ direction: rtl;
+ height: 2in;
+ width: 2in;
+ }
+ td
+ {
+ border: 5px solid black;
+ direction: ltr;
+ }
+ .collapsing1
+ {
+ border-right-color: red;
+ }
+ #collapsing2
+ {
+ border-top-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td class="collapsing1"></td>
+ <td class="collapsing1"></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td id="collapsing2"></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-003.xht
new file mode 100644
index 0000000000..229cfbbdfc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-003.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): cell in row - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (cell, row) of same border-style and width, border collapsing favors the cell." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ tr
+ {
+ border: 5px solid red;
+ }
+ td
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-004.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-004.xht
new file mode 100644
index 0000000000..4ef5a31ac6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-004.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): cell vs. row - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (cell, row) of same border-style and width, border collapsing favors the cell." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ #collapsing1
+ {
+ border-bottom: 5px solid red;
+ border-top: 5px solid black;
+ }
+ #collapsing2
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid red;
+ }
+ td
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid black;
+ }
+ #test
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr id="collapsing1">
+ <td></td>
+ </tr>
+ <tr>
+ <td id="test"></td>
+ </tr>
+ <tr id="collapsing2">
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-005.xht
new file mode 100644
index 0000000000..f159517fb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-005.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): cell in row group - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (cell, row group) of same border-style and width, border collapsing favors the cell." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ tbody
+ {
+ border: 5px solid red;
+ }
+ td
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-006.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-006.xht
new file mode 100644
index 0000000000..5cba3d74d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-006.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): cell vs. row group - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (cell, row group) of same border-style and width, border collapsing favors the cell." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ tbody
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid black;
+ }
+ #collapsing1
+ {
+ border-bottom: 5px solid red;
+ border-top: 5px solid black;
+ }
+ #collapsing2
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid red;
+ }
+ #test
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tbody id="collapsing1">
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody>
+ <tr>
+ <td id="test"></td>
+ </tr>
+ </tbody>
+ <tbody id="collapsing2">
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-007.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-007.xht
new file mode 100644
index 0000000000..3bcda9b138
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-007.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): cell in column - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (cell, column) of same border-style and width, border collapsing favors the cell." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ col
+ {
+ border: 5px solid red;
+ }
+ td
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <col />
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-008.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-008.xht
new file mode 100644
index 0000000000..17042a93ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-008.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): cell vs. column - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (cell, column) of same border-style and width, border collapsing favors the cell." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ col
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid black;
+ }
+ #collapsing1
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid red;
+ }
+ #collapsing2
+ {
+ border-left: 5px solid red;
+ border-right: 5px solid black;
+ }
+ #test
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <col id="collapsing1" />
+ <col />
+ <col id="collapsing2" />
+ <tr>
+ <td></td>
+ <td id="test"></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-009.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-009.xht
new file mode 100644
index 0000000000..4b40c5580a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-009.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): cell in column group - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (cell, column group) of same border-style and width, border collapsing favors the cell." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ colgroup
+ {
+ border: 5px solid red;
+ }
+ td
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup></colgroup>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-010.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-010.xht
new file mode 100644
index 0000000000..786bd3e8f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-010.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): cell vs. column group - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (cell, column group) of same border-style and width, border collapsing favors the cell." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ colgroup
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid black;
+ }
+ #collapsing1
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid red;
+ }
+ #collapsing2
+ {
+ border-left: 5px solid red;
+ border-right: 5px solid black;
+ }
+ #test
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup id="collapsing1"></colgroup>
+ <colgroup></colgroup>
+ <colgroup id="collapsing2"></colgroup>
+ <tr>
+ <td></td>
+ <td id="test"></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-011.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-011.xht
new file mode 100644
index 0000000000..80e805f89d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-011.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): cell vs. table - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (cell, table) of same border-style and width, border collapsing favors the cell." />
+ <style type="text/css">
+ table
+ {
+ border: 5px solid red;
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ td
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-012.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-012.xht
new file mode 100644
index 0000000000..0a7a7a5954
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-012.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): row vs. cell - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (row, cell) of same border-style and width, border collapsing favors the cell." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ #test
+ {
+ border-bottom: 5px solid red;
+ border-top: 5px solid red;
+ }
+ td
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid black;
+ }
+ .winning
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td class="winning"></td>
+ <td class="winning"></td>
+ <td class="winning"></td>
+ </tr>
+ <tr id="test">
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td class="winning"></td>
+ <td class="winning"></td>
+ <td class="winning"></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-013.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-013.xht
new file mode 100644
index 0000000000..88cac31a31
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-013.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): row vs. row - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (row, row) of same border-style and width, border collapsing favors the row furthest to the top." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ tr
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid black;
+ }
+ .collapsing
+ {
+ border-top: 5px solid red;
+ }
+ td
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr class="collapsing">
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr class="collapsing">
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-014.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-014.xht
new file mode 100644
index 0000000000..f694a7726a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-014.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): row in row group - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (row, row group) of same border-style and width, border collapsing favors the row." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ tbody
+ {
+ border: 5px solid red;
+ }
+ tr
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-015.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-015.xht
new file mode 100644
index 0000000000..09eb902a19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-015.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): row vs. row group - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (row, row group) of same border-style and width, border collapsing favors the row." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ tbody
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid black;
+ }
+ #collapsing1
+ {
+ border-bottom: 5px solid red;
+ border-top: 5px solid black;
+ }
+ #collapsing2
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid red;
+ }
+ #test
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tbody id="collapsing1">
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody>
+ <tr id="test">
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody id="collapsing2">
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-016.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-016.xht
new file mode 100644
index 0000000000..a4e9d9cf3d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-016.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): row vs. column - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (row, column) of same border-style and width, border collapsing favors the row." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ col
+ {
+ border: 5px solid red;
+ }
+ tr
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <col />
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-017.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-017.xht
new file mode 100644
index 0000000000..d95b573509
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-017.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): row vs. column group - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (row, column group) of same border-style and width, border collapsing favors the row." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ colgroup
+ {
+ border: 5px solid red;
+ }
+ tr
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup></colgroup>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-018.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-018.xht
new file mode 100644
index 0000000000..55506bf7d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-018.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): row vs. table - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (row, table) of same border-style and width, border collapsing favors the row." />
+ <style type="text/css">
+ table
+ {
+ border: 5px solid red;
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ tr
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-019.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-019.xht
new file mode 100644
index 0000000000..06f26074a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-019.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): row group vs. cell - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (row group, cell) of same border-style and width, border collapsing favors the cell." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ #test
+ {
+ border-bottom: 5px solid red;
+ border-top: 5px solid red;
+ }
+ td
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid black;
+ }
+ .winning
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tbody>
+ <tr>
+ <td class="winning"></td>
+ <td class="winning"></td>
+ <td class="winning"></td>
+ </tr>
+ </tbody>
+ <tbody id="test">
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody>
+ <tr>
+ <td class="winning"></td>
+ <td class="winning"></td>
+ <td class="winning"></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-020.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-020.xht
new file mode 100644
index 0000000000..7afba0d654
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-020.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): row group vs. row - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (row group, row) of same border-style and width, border collapsing favors the row." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ #test
+ {
+ border-bottom: 5px solid red;
+ border-top: 5px solid red;
+ }
+ .winning
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid black;
+ }
+ td
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tbody>
+ <tr class="winning">
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody id="test">
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody>
+ <tr class="winning">
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-021.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-021.xht
new file mode 100644
index 0000000000..bbee28295a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-021.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): row group vs. row group - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (row group, row group) of same border-style and width, border collapsing favors the row group furthest to the top." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ tbody
+ {
+ border: 5px solid black;
+ }
+ .collapsing
+ {
+ border-top: 5px solid red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody class="collapsing">
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody class="collapsing">
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-021a.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-021a.xht
new file mode 100644
index 0000000000..1038ecf4c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-021a.xht
@@ -0,0 +1,105 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Border conflict resolution - adjacent table row groups with same border-style and border-width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
+
+ <meta content="image" name="flags" />
+ <meta content="When two adjacent table row groups (eg. thead, tbody, tfoot) have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the topmost table row group wins: so, a thead wins over a tbody which wins over tfoot." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ table#test {border: red solid 1em;}
+
+ table
+ {
+ border-collapse: collapse;
+ color: white;
+ font: 1.25em/1 Ahem;
+ margin: auto auto 2em 2em;
+ }
+
+ thead, tbody, tfoot {border: solid 1em;}
+
+ thead {border-color: blue;}
+ tbody {border-color: yellow;}
+ tfoot {border-color: orange;}
+
+ td {padding: 0px;}
+
+ table#reference > tbody {border: red none 0em;}
+
+ img
+ {
+ height: 1em;
+ vertical-align: bottom;
+ /*
+ With 'vertical-align: bottom', swatch-[color] images "sit"
+ at the bottom of the cell's line box and not on its baseline
+ */
+ width: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if both multi-colored rectangular structures are <strong>perfectly identical</strong>.</p>
+
+ <table id="test">
+
+ <thead>
+ <tr><td>B</td><td>L</td><td>U</td><td>E</td></tr>
+ </thead>
+
+ <tfoot>
+ <tr><td>O</td><td>R</td><td>A</td><td>N</td></tr>
+ </tfoot>
+
+ <tbody>
+ <tr><td>Y</td><td>E</td><td>L</td><td>L</td></tr>
+ </tbody>
+
+ </table>
+
+
+ <table id="reference">
+
+ <tr>
+ <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ <tr>
+ <td><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
+ </tr>
+
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-022.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-022.xht
new file mode 100644
index 0000000000..962083c3a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-022.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): row group vs. column - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (row group, column) of same border-style and width, border collapsing favors the row group." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ tbody
+ {
+ border: 5px solid black;
+ }
+ col
+ {
+ border: 5px solid red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <col />
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-023.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-023.xht
new file mode 100644
index 0000000000..ee2f2505ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-023.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): row group vs. column group - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (row group, column group) of same border-style and width, border collapsing favors the row group." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ tbody
+ {
+ border: 5px solid black;
+ }
+ colgroup
+ {
+ border: 5px solid red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup></colgroup>
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-024.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-024.xht
new file mode 100644
index 0000000000..d94081daf2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-024.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): row group vs. table - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (row group, table) of same border-style and width, border collapsing favors the row group." />
+ <style type="text/css">
+ table
+ {
+ border: 5px solid red;
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ tbody
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-025.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-025.xht
new file mode 100644
index 0000000000..979c13e437
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-025.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): column vs. cell - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (column, cell) of same border-style and width, border collapsing favors the cell." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ #test
+ {
+ border-left: 5px solid red;
+ border-right: 5px solid red;
+ }
+ td
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid black;
+ }
+ .winning
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <col />
+ <col id="test" />
+ <col />
+ <tr>
+ <td class="winning"></td>
+ <td></td>
+ <td class="winning"></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-026.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-026.xht
new file mode 100644
index 0000000000..7546590089
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-026.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): column vs. row - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (column, row) of same border-style and width, border collapsing favors the row." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ tr
+ {
+ border: 5px solid black;
+ }
+ col
+ {
+ border: 5px solid red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <col />
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-027.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-027.xht
new file mode 100644
index 0000000000..3883d5262b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-027.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): column vs. row group - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (column, row group) of same border-style and width, border collapsing favors the row group." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ col
+ {
+ border: 5px solid red;
+ }
+ tbody
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <col />
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-028.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-028.xht
new file mode 100644
index 0000000000..313b6abadf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-028.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): column vs. column - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (column, column) of same border-style and width, border collapsing favors the column farthest to the left (in a 'left-to-right' table." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ col
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid black;
+ }
+ #winning
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid black;
+ }
+ .collapsing
+ {
+ border-left: 5px solid red;
+ border-right: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <col id="winning" />
+ <col class="collapsing" />
+ <col class="collapsing" />
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-029.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-029.xht
new file mode 100644
index 0000000000..3e03fbca03
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-029.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): column vs. column - element with highest priority is the dominant border (rtl table)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (column, column) of same border-style and width, border collapsing favors the column farthest to the right in a 'right-to-left' table." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ direction: rtl;
+ height: 2in;
+ width: 2in;
+ }
+ col
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid black;
+ }
+ #winning
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid black;
+ }
+ .collapsing
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid red;
+ }
+ td
+ {
+ direction: ltr;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <col id="winning" />
+ <col class="collapsing" />
+ <col class="collapsing" />
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-030.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-030.xht
new file mode 100644
index 0000000000..4c73c868c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-030.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): column in column group - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (column, column group) of same border-style and width, border collapsing favors the column." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ colgroup
+ {
+ border: 5px solid red;
+ }
+ col
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup>
+ <col />
+ </colgroup>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-031.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-031.xht
new file mode 100644
index 0000000000..b270c7f358
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-031.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): column vs. column group - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (column, column group) of same border-style and width, border collapsing favors the column." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ #collapsing1
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid red;
+ }
+ #collapsing2
+ {
+ border-left: 5px solid red;
+ border-right: 5px solid black;
+ }
+ col
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid black;
+ }
+ #test
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup id="collapsing1">
+ <col />
+ </colgroup>
+ <colgroup>
+ <col id="test" />
+ </colgroup>
+ <colgroup id="collapsing2">
+ <col />
+ </colgroup>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-032.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-032.xht
new file mode 100644
index 0000000000..f0054c88f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-032.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): column vs. table - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (column, table) of same border-style and width, border collapsing favors the column." />
+ <style type="text/css">
+ table
+ {
+ border: 5px solid red;
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ col
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <col />
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-033.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-033.xht
new file mode 100644
index 0000000000..d3f9fc41fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-033.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): column group vs. cell - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (column group, cell) of same border-style and width, border collapsing favors the cell." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ #test
+ {
+ border-left: 5px solid red;
+ border-right: 5px solid red;
+ }
+ td
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid black;
+ }
+ .winning
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup>
+ <col />
+ </colgroup>
+ <colgroup id="test">
+ <col />
+ </colgroup>
+ <colgroup>
+ <col />
+ </colgroup>
+ <tr>
+ <td class="winning"></td>
+ <td></td>
+ <td class="winning"></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-034.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-034.xht
new file mode 100644
index 0000000000..18fa1ac491
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-034.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): column group vs. row - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (column group, row) of same border-style and width, border collapsing favors the row." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ colgroup
+ {
+ border: 5px solid red;
+ }
+ tr
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup>
+ <col />
+ </colgroup>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-035.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-035.xht
new file mode 100644
index 0000000000..c969f5b5cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-035.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): column group vs. row group - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (column group, row group) of same border-style and width, border collapsing favors the row group." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ colgroup
+ {
+ border: 5px solid red;
+ }
+ tbody
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup>
+ <col />
+ </colgroup>
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-036.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-036.xht
new file mode 100644
index 0000000000..d7f3a7d2d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-036.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): column group vs. column - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (column group, column) of same border-style and width, border collapsing favors the column." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ #test
+ {
+ border-left: 5px solid red;
+ border-right: 5px solid red;
+ }
+ col
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid black;
+ }
+ .winning
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup>
+ <col class="winning" />
+ </colgroup>
+ <colgroup id="test">
+ <col />
+ </colgroup>
+ <colgroup>
+ <col class="winning" />
+ </colgroup>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-037.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-037.xht
new file mode 100644
index 0000000000..6d282de52b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-037.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): column group vs. column group - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (column group, column group) of same border-style and width, border collapsing favors the column group farthest to the left (in a 'ltr' table)." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ colgroup
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid black;
+ }
+ .collapsing
+ {
+ border-left: 5px solid red;
+ border-right: 5px solid black;
+ }
+ #winning
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup id="winning">
+ <col />
+ </colgroup>
+ <colgroup class="collapsing">
+ <col />
+ </colgroup>
+ <colgroup class="collapsing">
+ <col />
+ </colgroup>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-038.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-038.xht
new file mode 100644
index 0000000000..bfb77ed01e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-038.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): column group vs. column group - element with highest priority is the dominant border (rtl table)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With adjacent elements (column group, column group) of same border-style and width, border collapsing favors the column group farthest to the right in a 'right-to-left' table." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ direction: rtl;
+ height: 2in;
+ width: 2in;
+ }
+ colgroup
+ {
+ border-bottom: 5px solid black;
+ border-top: 5px solid black;
+ }
+ #winning
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid black;
+ }
+ .collapsing
+ {
+ border-left: 5px solid black;
+ border-right: 5px solid red;
+ }
+ td
+ {
+ direction: ltr;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup id="winning">
+ <col />
+ </colgroup>
+ <colgroup class="collapsing">
+ <col />
+ </colgroup>
+ <colgroup class="collapsing">
+ <col />
+ </colgroup>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-039.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-039.xht
new file mode 100644
index 0000000000..3a280b0279
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-039.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by element): column group vs. table - element with highest priority is the dominant border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="With embedded elements (column group, table) of same border-style and width, border collapsing favors the column group." />
+ <style type="text/css">
+ table
+ {
+ border: 5px solid red;
+ border-collapse: collapse;
+ height: 2in;
+ width: 2in;
+ }
+ colgroup
+ {
+ border: 5px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup>
+ <col />
+ </colgroup>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-example-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-example-001.xht
new file mode 100644
index 0000000000..fff95eec76
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-example-001.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border conflict resolution - borders are collapsed according to precdence rules (example 1)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Borders are collapsed according to the precedence rules (example from spec section 17.6.2.1)." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ border: 5px solid yellow;
+ }
+ *#col1
+ {
+ border: 3px solid black;
+ }
+ td
+ {
+ border: 1px solid red;
+ padding: 1em;
+ width: 2em;
+ height: 2em;
+ }
+ td.cell5
+ {
+ border: 5px dashed blue;
+ }
+ td.cell6
+ {
+ border: 5px solid lime;
+ }
+ </style>
+ </head>
+ <body>
+ <table>
+ <col id="col1" />
+ <col id="col2" />
+ <col id="col3" />
+ <tr id="row1">
+ <td> 1</td>
+ <td> 2</td>
+ <td> 3</td>
+ </tr>
+ <tr id="row2">
+ <td> 4</td>
+ <td class="cell5"> 5</td>
+ <td class="cell6"> 6</td>
+ </tr>
+ <tr id="row3">
+ <td> 7</td>
+ <td> 8</td>
+ <td> 9</td>
+ </tr>
+ <tr id="row4">
+ <td> 10</td>
+ <td> 11</td>
+ <td> 12</td>
+ </tr>
+ <tr id="row5">
+ <td> 13</td>
+ <td> 14</td>
+ <td> 15</td>
+ </tr>
+ </table>
+ <p>Test passes if the table above has the same border colors and styles as the table below. (Note: colors in the bottom image might appear slightly faded.)</p>
+ <div>
+ <img alt="Illustration of proper border collapsing (from spec)" src="support/border_conflict_example_001.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-example-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-example-002.xht
new file mode 100644
index 0000000000..0310962b89
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-example-002.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border conflict resolution - borders are collapsed according to the precedence rules (example 2)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Borders are collapsed according to the precedence rules (example from spec section 17.6.2.1)." />
+ <style type="text/css">
+ </style>
+ </head>
+ <body>
+ <table style="border-collapse: collapse; border: solid;">
+ <tr>
+ <td style="border-right: hidden; border-bottom: hidden">foo</td>
+ <td style="border: solid">bar</td>
+ </tr>
+ <tr>
+ <td style="border: none">foo</td>
+ <td style="border: solid">bar</td>
+ </tr>
+ </table>
+ <p>Test passes if the tables above has the same border outlines as the tables below. (Note: border and cell shading may vary between the two tables.)</p>
+ <div>
+ <img alt="Illustration of proper border collapsing (from spec)" src="support/border_conflict_example_002.png" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-001.xht
new file mode 100644
index 0000000000..04a2a241db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-001.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cell borders are set by a cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="Borders on every edge (top, right, bottom, left) of a cell can be set by the cell's border properties, which can vary in width, style and color." />
+ <style type="text/css">
+ td
+ {
+ border-bottom: 8px dashed orange;
+ border-left: 16px double purple;
+ border-right: 12px dotted yellow;
+ border-top: 4px solid blue;
+ height: 6em;
+ width: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an outline of a box with each edge looking different from the other edges.</p>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-002.xht
new file mode 100644
index 0000000000..e0cfc590af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-002.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cell borders are set by a row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="Borders on every edge (top, right, bottom, left) of a cell can be set by the row's border properties, which can vary in width, style and color." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ tr
+ {
+ border-bottom: 8px dashed orange;
+ border-left: 16px double purple;
+ border-right: 12px dotted yellow;
+ border-top: 4px solid blue;
+ }
+ td
+ {
+ width: 6em;
+ height: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an outline of a box with each edge looking different from the other edges.</p>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-003.xht
new file mode 100644
index 0000000000..0e817f7e3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-003.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cell borders are set by a row group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="Borders on every edge (top, right, bottom, left) of a cell can be set by the row group's border properties, which can vary in width, style and color." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ tbody
+ {
+ border-top: 4px solid blue;
+ border-bottom: 8px dashed orange;
+ border-left: 16px double purple;
+ border-right: 12px dotted yellow;
+ }
+ td
+ {
+ width: 6em;
+ height: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an outline of a box with each edge looking different from the other edges.</p>
+ <table>
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-004.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-004.xht
new file mode 100644
index 0000000000..5981296d58
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-004.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cell borders are set by a column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="Borders on every edge (top, right, bottom, left) of a cell can be set by the column's border properties, which can vary in width, style and color." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ col
+ {
+ border-bottom: 8px dashed orange;
+ border-left: 16px double purple;
+ border-right: 12px dotted yellow;
+ border-top: 4px solid blue;
+ }
+ td
+ {
+ width: 6em;
+ height: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an outline of a box with each edge looking different from the other edges.</p>
+ <table>
+ <col />
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-005.xht
new file mode 100644
index 0000000000..e7db52578e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-005.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cell borders are set by a column group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="Borders on every edge (top, right, bottom, left) of a cell can be set by the column group's border properties, which can vary in width, style and color." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ colgroup
+ {
+ border-bottom: 8px dashed orange;
+ border-left: 16px double purple;
+ border-right: 12px dotted yellow;
+ border-top: 4px solid blue;
+ }
+ td
+ {
+ width: 6em;
+ height: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an outline of a box with each edge looking different from the other edges.</p>
+ <table>
+ <colgroup>
+ <col />
+ </colgroup>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-006.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-006.xht
new file mode 100644
index 0000000000..c1787e644c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-006.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cell borders are set by the table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="Borders on every edge (top, right, bottom, left) of a cell can be set by the table's border properties, which can vary in width, style and color." />
+ <style type="text/css">
+ table
+ {
+ border-bottom: 8px dashed orange;
+ border-left: 16px double purple;
+ border-right: 12px dotted yellow;
+ border-top: 4px solid blue;
+ }
+ td
+ {
+ width: 6em;
+ height: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an outline of a box with each edge looking different from the other edges.</p>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-001.xht
new file mode 100644
index 0000000000..44eb1e278a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-001.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dashed' vs. 'dashed' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="Only one 'dashed' border appears when two 'dashed' borders of the same size are collapsed together." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px dashed lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td>dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="center">dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td>dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-002.xht
new file mode 100644
index 0000000000..f405d936ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-002.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dashed' vs. 'dotted' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'dotted' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px dotted red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td>dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="center">dotted</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td>dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-003.xht
new file mode 100644
index 0000000000..6d139d7974
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-003.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dashed' vs. 'double' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'dashed' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px double lime;
+ }
+ #top
+ {
+ border-top: 5px dashed red;
+ }
+ #left
+ {
+ border-left: 5px dashed red;
+ }
+ #bottom
+ {
+ border-bottom: 5px dashed red;
+ }
+ #right
+ {
+ border-right: 5px dashed red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td id="bottom">dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td id="right">dashed</td>
+ <td id="center">double</td>
+ <td id="left">dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="top">dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-004.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-004.xht
new file mode 100644
index 0000000000..4d9dba014e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-004.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dashed' vs. 'groove' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'groove' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px groove red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td>dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="center">groove</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td>dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-005.xht
new file mode 100644
index 0000000000..0066448e4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-005.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dashed' vs. 'hidden' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'dashed' border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px hidden red;
+ }
+ #top
+ {
+ border-top: 5px dashed red;
+ }
+ #left
+ {
+ border-left: 5px dashed red;
+ }
+ #bottom
+ {
+ border-bottom: 5px dashed red;
+ }
+ #right
+ {
+ border-right: 5px dashed red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has no border.</p>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td id="bottom">dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td id="right">dashed</td>
+ <td id="center">hidden</td>
+ <td id="left">dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="top">dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-006.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-006.xht
new file mode 100644
index 0000000000..d3657cb581
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-006.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dashed' vs. 'inset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'inset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px inset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td>dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="center">inset</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td>dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-007.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-007.xht
new file mode 100644
index 0000000000..c9d317c78e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-007.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dashed' vs. 'none' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'none' border." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td>dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="center">none</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td>dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-008.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-008.xht
new file mode 100644
index 0000000000..4f41eab9e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-008.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dashed' vs. 'outset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'outset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px outset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td>dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="center">outset</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td>dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-009.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-009.xht
new file mode 100644
index 0000000000..e8f02086db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-009.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dashed' vs. 'ridge' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'ridge' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px ridge red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td>dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="center">ridge</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td>dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-010.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-010.xht
new file mode 100644
index 0000000000..51e8e89d00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-010.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dashed' vs. 'solid' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'dashed' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px solid lime;
+ }
+ #top
+ {
+ border-top: 5px dashed red;
+ }
+ #left
+ {
+ border-left: 5px dashed red;
+ }
+ #bottom
+ {
+ border-bottom: 5px dashed red;
+ }
+ #right
+ {
+ border-right: 5px dashed red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td id="bottom">dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td id="right">dashed</td>
+ <td id="center">solid</td>
+ <td id="left">dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="top">dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-011.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-011.xht
new file mode 100644
index 0000000000..e98ee0b731
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-011.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dotted' vs. 'dashed' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'dotted' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px dashed lime;
+ }
+ #top
+ {
+ border-top: 5px dotted red;
+ }
+ #left
+ {
+ border-left: 5px dotted red;
+ }
+ #bottom
+ {
+ border-bottom: 5px dotted red;
+ }
+ #right
+ {
+ border-right: 5px dotted red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td id="bottom">dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td id="right">dotted</td>
+ <td id="center">dashed</td>
+ <td id="left">dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="top">dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-012.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-012.xht
new file mode 100644
index 0000000000..5daf0c70ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-012.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dotted' vs. 'dotted' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="Only one 'dotted' border appears when two 'dotted' borders of the same size are collapsed together." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px dotted lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td>dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="center">dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td>dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-013.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-013.xht
new file mode 100644
index 0000000000..18dfa1adbc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-013.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dotted' vs. 'double' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'dotted' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px double lime;
+ }
+ #top
+ {
+ border-top: 5px dotted red;
+ }
+ #left
+ {
+ border-left: 5px dotted red;
+ }
+ #bottom
+ {
+ border-bottom: 5px dotted red;
+ }
+ #right
+ {
+ border-right: 5px dotted red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td id="bottom">dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td id="right">dotted</td>
+ <td id="center">double</td>
+ <td id="left">dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="top">dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-014.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-014.xht
new file mode 100644
index 0000000000..cf41d57bfa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-014.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dotted' vs. 'groove' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with a 'groove' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px groove red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td>dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="center">groove</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td>dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-015.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-015.xht
new file mode 100644
index 0000000000..3b95b2bf95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-015.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dotted' vs. 'hidden' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'dotted' border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px hidden red;
+ }
+ #top
+ {
+ border-top: 5px dotted red;
+ }
+ #left
+ {
+ border-left: 5px dotted red;
+ }
+ #bottom
+ {
+ border-bottom: 5px dotted red;
+ }
+ #right
+ {
+ border-right: 5px dotted red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has no border.</p>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td id="bottom">dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td id="right">dotted</td>
+ <td id="center">hidden</td>
+ <td id="left">dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="top">dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-016.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-016.xht
new file mode 100644
index 0000000000..5f50e9fdb1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-016.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dotted' vs. 'inset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with a 'inset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px inset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td>dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="center">inset</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td>dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-017.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-017.xht
new file mode 100644
index 0000000000..847e325123
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-017.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dotted' vs. 'none' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with a 'none' border." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td>dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="center">none</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td>dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-018.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-018.xht
new file mode 100644
index 0000000000..f12a73b1fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-018.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dotted' vs. 'outset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with a 'outset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px outset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td>dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="center">outset</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td>dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-019.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-019.xht
new file mode 100644
index 0000000000..f5e310721a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-019.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dotted' vs. 'ridge' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with a 'ridge' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px ridge red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td>dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="center">ridge</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td>dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-020.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-020.xht
new file mode 100644
index 0000000000..8652940956
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-020.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'dotted' vs. 'solid' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'dotted' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px solid lime;
+ }
+ #top
+ {
+ border-top: 5px dotted red;
+ }
+ #left
+ {
+ border-left: 5px dotted red;
+ }
+ #bottom
+ {
+ border-bottom: 5px dotted red;
+ }
+ #right
+ {
+ border-right: 5px dotted red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td id="bottom">dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td id="right">dotted</td>
+ <td id="center">solid</td>
+ <td id="left">dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="top">dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-021.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-021.xht
new file mode 100644
index 0000000000..38341a5c5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-021.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'double' vs. 'dashed' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'dashed' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px dashed red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="center">dashed</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-022.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-022.xht
new file mode 100644
index 0000000000..4925c4b2b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-022.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'double' vs. 'dotted' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'dotted' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px dotted red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="center">dotted</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-023.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-023.xht
new file mode 100644
index 0000000000..f0dc098886
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-023.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'double' vs. 'double' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="Only a single 'double' border appears when two 'double' borders of the same size are collapsed together." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px double lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="center">double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-024.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-024.xht
new file mode 100644
index 0000000000..e1d71bff6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-024.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'double' vs. 'groove' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'groove' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px groove red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="center">groove</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-025.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-025.xht
new file mode 100644
index 0000000000..4eb21220e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-025.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'double' vs. 'hidden' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'double' border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px hidden red;
+ }
+ #top
+ {
+ border-top: 5px double red;
+ }
+ #left
+ {
+ border-left: 5px double red;
+ }
+ #bottom
+ {
+ border-bottom: 5px double red;
+ }
+ #right
+ {
+ border-right: 5px double red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has no border.</p>
+ <table>
+ <tr>
+ <td>double</td>
+ <td id="bottom">double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td id="right">double</td>
+ <td id="center">hidden</td>
+ <td id="left">double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="top">double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-026.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-026.xht
new file mode 100644
index 0000000000..c8f833096e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-026.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'double' vs. 'inset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'inset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px inset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="center">inset</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-027.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-027.xht
new file mode 100644
index 0000000000..453fe621e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-027.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'double' vs. 'none' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'none' border." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="center">none</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-028.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-028.xht
new file mode 100644
index 0000000000..1673b7cf34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-028.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'double' vs. 'outset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'outset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px outset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="center">outset</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-029.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-029.xht
new file mode 100644
index 0000000000..f643c648db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-029.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'double' vs. 'ridge' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'ridge' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px ridge red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="center">ridge</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-030.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-030.xht
new file mode 100644
index 0000000000..98ff081c85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-030.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'double' vs. 'solid' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'solid' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px solid red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="center">solid</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-031.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-031.xht
new file mode 100644
index 0000000000..b265c69acc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-031.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'groove' vs. 'dashed' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'groove' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px dashed lime;
+ }
+ #top
+ {
+ border-top: 5px groove red;
+ }
+ #left
+ {
+ border-left: 5px groove red;
+ }
+ #bottom
+ {
+ border-bottom: 5px groove red;
+ }
+ #right
+ {
+ border-right: 5px groove red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td id="bottom">groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td id="right">groove</td>
+ <td id="center">dashed</td>
+ <td id="left">groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="top">groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-032.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-032.xht
new file mode 100644
index 0000000000..663ef22b67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-032.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'groove' vs. 'dotted' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with a 'groove' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px dotted lime;
+ }
+ #top
+ {
+ border-top: 5px groove red;
+ }
+ #left
+ {
+ border-left: 5px groove red;
+ }
+ #bottom
+ {
+ border-bottom: 5px groove red;
+ }
+ #right
+ {
+ border-right: 5px groove red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td id="bottom">groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td id="right">groove</td>
+ <td id="center">dotted</td>
+ <td id="left">groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="top">groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-033.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-033.xht
new file mode 100644
index 0000000000..8cfb3fc862
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-033.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'groove' vs. 'double' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'groove' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px double lime;
+ }
+ #top
+ {
+ border-top: 5px groove red;
+ }
+ #left
+ {
+ border-left: 5px groove red;
+ }
+ #bottom
+ {
+ border-bottom: 5px groove red;
+ }
+ #right
+ {
+ border-right: 5px groove red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td id="bottom">groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td id="right">groove</td>
+ <td id="center">double</td>
+ <td id="left">groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="top">groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-034.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-034.xht
new file mode 100644
index 0000000000..d2bf07909f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-034.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'groove' vs. 'groove' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="Only a single 'groove' border appears when two of 'groove' borders of the same size are collapsed together." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px groove lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td>groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="center">groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td>groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-035.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-035.xht
new file mode 100644
index 0000000000..5571ef0b21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-035.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'groove' vs. 'hidden' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'groove' border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px hidden red;
+ }
+ #top
+ {
+ border-top: 5px groove red;
+ }
+ #left
+ {
+ border-left: 5px groove red;
+ }
+ #bottom
+ {
+ border-bottom: 5px groove red;
+ }
+ #right
+ {
+ border-right: 5px groove red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has no border.</p>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td id="bottom">groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td id="right">groove</td>
+ <td id="center">hidden</td>
+ <td id="left">groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="top">groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-036.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-036.xht
new file mode 100644
index 0000000000..b78e70a911
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-036.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'groove' vs. 'inset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'groove' border is the dominant border when it is collapsed with a 'inset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px inset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td>groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="center">inset</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td>groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-037.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-037.xht
new file mode 100644
index 0000000000..a823d61bb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-037.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'groove' vs. 'none' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'groove' border is the dominant border when it is collapsed with a 'none' border." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td>groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="center">none</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td>groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-038.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-038.xht
new file mode 100644
index 0000000000..415ddacd6a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-038.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'groove' vs. 'outset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'outset' border is the dominant border when it is collapsed with a 'groove' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px outset lime;
+ }
+ #top
+ {
+ border-top: 5px groove red;
+ }
+ #left
+ {
+ border-left: 5px groove red;
+ }
+ #bottom
+ {
+ border-bottom: 5px groove red;
+ }
+ #right
+ {
+ border-right: 5px groove red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td id="bottom">groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td id="right">groove</td>
+ <td id="center">outset</td>
+ <td id="left">groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="top">groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-039.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-039.xht
new file mode 100644
index 0000000000..f4401ae2d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-039.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'groove' vs. 'ridge' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'ridge' border is the dominant border when it is collapsed with a 'groove' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px ridge lime;
+ }
+ #top
+ {
+ border-top: 5px groove red;
+ }
+ #left
+ {
+ border-left: 5px groove red;
+ }
+ #bottom
+ {
+ border-bottom: 5px groove red;
+ }
+ #right
+ {
+ border-right: 5px groove red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td id="bottom">groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td id="right">groove</td>
+ <td id="center">ridge</td>
+ <td id="left">groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="top">groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-040.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-040.xht
new file mode 100644
index 0000000000..2014ad7610
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-040.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'groove' vs. 'solid' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'groove' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px solid lime;
+ }
+ #top
+ {
+ border-top: 5px groove red;
+ }
+ #left
+ {
+ border-left: 5px groove red;
+ }
+ #bottom
+ {
+ border-bottom: 5px groove red;
+ }
+ #right
+ {
+ border-right: 5px groove red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td id="bottom">groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td id="right">groove</td>
+ <td id="center">solid</td>
+ <td id="left">groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="top">groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-041.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-041.xht
new file mode 100644
index 0000000000..883787a523
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-041.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'hidden' vs. 'dashed' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'dashed' border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden red;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px dashed red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has no border.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="center">dashed</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-042.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-042.xht
new file mode 100644
index 0000000000..1958d52060
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-042.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'hidden' vs. 'dotted' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'dotted' border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden red;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px dotted red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has no border.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="center">dotted</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-043.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-043.xht
new file mode 100644
index 0000000000..8f6fd2602a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-043.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'hidden' vs. 'double' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'double' border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden red;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px double red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has no border.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="center">double</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-044.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-044.xht
new file mode 100644
index 0000000000..18fe457100
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-044.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'hidden' vs. 'groove' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'groove' border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden red;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px groove red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has no border.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="center">groove</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-045.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-045.xht
new file mode 100644
index 0000000000..198e933cba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-045.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'hidden' vs. 'hidden' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border collapsed with a 'hidden' border yields no border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden red;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px hidden red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has no border.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="center">hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-046.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-046.xht
new file mode 100644
index 0000000000..3201711512
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-046.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'hidden' vs. 'inset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'inset' border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden red;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px inset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has no border.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="center">inset</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-047.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-047.xht
new file mode 100644
index 0000000000..99e50168b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-047.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'hidden' vs. 'none' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="A 'hidden' border collapsed with a 'none' border yields no border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden red;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="center">none</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-048.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-048.xht
new file mode 100644
index 0000000000..1cf8dd9b05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-048.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'hidden' vs. 'outset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'outset' border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden red;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px outset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has no border.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="center">outset</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-049.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-049.xht
new file mode 100644
index 0000000000..c5b022ad08
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-049.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'hidden' vs. 'ridge' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'ridge' border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden red;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px ridge red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has no border.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="center">ridge</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-050.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-050.xht
new file mode 100644
index 0000000000..1d59dd6d59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-050.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'hidden' vs. 'solid' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'solid' border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden red;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px solid red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has no border.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="center">solid</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-051.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-051.xht
new file mode 100644
index 0000000000..61fe8e2fe3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-051.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'dashed' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with an 'inset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px dashed lime;
+ }
+ #top
+ {
+ border-top: 5px inset red;
+ }
+ #left
+ {
+ border-left: 5px inset red;
+ }
+ #bottom
+ {
+ border-bottom: 5px inset red;
+ }
+ #right
+ {
+ border-right: 5px inset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td id="bottom">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td id="right">inset</td>
+ <td id="center">dashed</td>
+ <td id="left">inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="top">inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-052.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-052.xht
new file mode 100644
index 0000000000..d67c09c033
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-052.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'dotted' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with an 'inset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px dotted lime;
+ }
+ #top
+ {
+ border-top: 5px inset red;
+ }
+ #left
+ {
+ border-left: 5px inset red;
+ }
+ #bottom
+ {
+ border-bottom: 5px inset red;
+ }
+ #right
+ {
+ border-right: 5px inset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td id="bottom">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td id="right">inset</td>
+ <td id="center">dotted</td>
+ <td id="left">inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="top">inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-053.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-053.xht
new file mode 100644
index 0000000000..f64937eae8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-053.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'double' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with an 'inset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px double lime;
+ }
+ #top
+ {
+ border-top: 5px inset red;
+ }
+ #left
+ {
+ border-left: 5px inset red;
+ }
+ #bottom
+ {
+ border-bottom: 5px inset red;
+ }
+ #right
+ {
+ border-right: 5px inset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td id="bottom">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td id="right">inset</td>
+ <td id="center">double</td>
+ <td id="left">inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="top">inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-054.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-054.xht
new file mode 100644
index 0000000000..76426d26df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-054.xht
@@ -0,0 +1,75 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'groove' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'groove' border is the dominant border when it is collapsed with an 'inset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ #winner
+ {
+ border: 5px groove black;
+ width: 3em;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px groove lime;
+ }
+ #top
+ {
+ border-top: 5px inset red;
+ }
+ #left
+ {
+ border-left: 5px inset red;
+ }
+ #bottom
+ {
+ border-bottom: 5px inset red;
+ }
+ #right
+ {
+ border-right: 5px inset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td id="bottom">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td id="right">inset</td>
+ <td id="center">groove</td>
+ <td id="left">inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="top">inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-055.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-055.xht
new file mode 100644
index 0000000000..35b618551b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-055.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'hidden' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with an 'inset' border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px hidden red;
+ }
+ #top
+ {
+ border-top: 5px inset red;
+ }
+ #left
+ {
+ border-left: 5px inset red;
+ }
+ #bottom
+ {
+ border-bottom: 5px inset red;
+ }
+ #right
+ {
+ border-right: 5px inset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has no border.</p>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td id="bottom">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td id="right">inset</td>
+ <td id="center">hidden</td>
+ <td id="left">inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="top">inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-056.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-056.xht
new file mode 100644
index 0000000000..43f33ed271
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-056.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'inset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="Only one 'inset' border appears when two 'inset' borders of the same size are collapsed." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px inset lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td>inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="center">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td>inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-057.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-057.xht
new file mode 100644
index 0000000000..7b8d4431ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-057.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'none' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'inset' border is the dominant border when it is collapsed with a 'none' border." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td>inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="center">none</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td>inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-058.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-058.xht
new file mode 100644
index 0000000000..d22fc13e14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-058.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'outset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'outset' border is the dominant border when it is collapsed with an 'inset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px outset lime;
+ }
+ #top
+ {
+ border-top: 5px inset red;
+ }
+ #left
+ {
+ border-left: 5px inset red;
+ }
+ #bottom
+ {
+ border-bottom: 5px inset red;
+ }
+ #right
+ {
+ border-right: 5px inset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td id="bottom">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td id="right">inset</td>
+ <td id="center">outset</td>
+ <td id="left">inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="top">inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-059.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-059.xht
new file mode 100644
index 0000000000..b91b915eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-059.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'ridge' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'ridge' border is the dominant border when it is collapsed with an 'inset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px ridge lime;
+ }
+ #top
+ {
+ border-top: 5px inset red;
+ }
+ #left
+ {
+ border-left: 5px inset red;
+ }
+ #bottom
+ {
+ border-bottom: 5px inset red;
+ }
+ #right
+ {
+ border-right: 5px inset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td id="bottom">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td id="right">inset</td>
+ <td id="center">ridge</td>
+ <td id="left">inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="top">inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-060.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-060.xht
new file mode 100644
index 0000000000..c9eaf92953
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-060.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'solid' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with an 'inset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px solid lime;
+ }
+ #top
+ {
+ border-top: 5px inset red;
+ }
+ #left
+ {
+ border-left: 5px inset red;
+ }
+ #bottom
+ {
+ border-bottom: 5px inset red;
+ }
+ #right
+ {
+ border-right: 5px inset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td id="bottom">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td id="right">inset</td>
+ <td id="center">solid</td>
+ <td id="left">inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="top">inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-061.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-061.xht
new file mode 100644
index 0000000000..d0565cd39c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-061.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'none' vs. 'dashed' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'none' border." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none red;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px dashed lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="center">dashed</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-062.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-062.xht
new file mode 100644
index 0000000000..48229765ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-062.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'none' vs. 'dotted' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with a 'none' border." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none red;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px dotted lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="center">dotted</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-063.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-063.xht
new file mode 100644
index 0000000000..e98caaf20e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-063.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'none' vs. 'double' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'none' border." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none red;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px double lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="center">double</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-064.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-064.xht
new file mode 100644
index 0000000000..caf69ee772
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-064.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'none' vs. 'groove' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'groove' border is the dominant border when it is collapsed with a 'none' border." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none red;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px groove lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="center">groove</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-065.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-065.xht
new file mode 100644
index 0000000000..b6f16da83e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-065.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'none' vs. 'hidden' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="A 'none' border collapsed with a 'hidden' border yields no border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none red;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px hidden red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are no borders around the text below.</p>
+ <table>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="center">hidden</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-066.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-066.xht
new file mode 100644
index 0000000000..e8ddf4e3cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-066.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'none' vs. 'inset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'inset' border is the dominant border when it is collapsed with a 'none' border." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none red;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px inset lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="center">inset</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-067.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-067.xht
new file mode 100644
index 0000000000..62671062e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-067.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'none' vs. 'none' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="A 'none' border collapsed with a 'none' border yields no border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none red;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are no borders around the text below.</p>
+ <table>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="center">none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-068.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-068.xht
new file mode 100644
index 0000000000..e8989e7d38
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-068.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'none' vs. 'outset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'outset' border is the dominant border when it is collapsed with a 'none' border." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none red;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px outset lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="center">outset</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-069.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-069.xht
new file mode 100644
index 0000000000..6799a0fc9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-069.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'none' vs. 'ridge' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'ridge' border is the dominant border when it is collapsed with a 'none' border." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none red;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px ridge lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="center">ridge</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-070.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-070.xht
new file mode 100644
index 0000000000..f77d09354d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-070.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'none' vs. 'solid' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'none' border." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none red;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px solid lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="center">solid</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-071.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-071.xht
new file mode 100644
index 0000000000..0b367ec232
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-071.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'outset' vs. 'dashed' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'outset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px dashed lime;
+ }
+ #top
+ {
+ border-top: 5px outset red;
+ }
+ #left
+ {
+ border-left: 5px outset red;
+ }
+ #bottom
+ {
+ border-bottom: 5px outset red;
+ }
+ #right
+ {
+ border-right: 5px outset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td id="bottom">outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td id="right">outset</td>
+ <td id="center">dashed</td>
+ <td id="left">outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="top">outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-072.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-072.xht
new file mode 100644
index 0000000000..1b15d348a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-072.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'outset' vs. 'dotted' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with an 'outset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px dotted lime;
+ }
+ #top
+ {
+ border-top: 5px outset red;
+ }
+ #left
+ {
+ border-left: 5px outset red;
+ }
+ #bottom
+ {
+ border-bottom: 5px outset red;
+ }
+ #right
+ {
+ border-right: 5px outset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td id="bottom">outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td id="right">outset</td>
+ <td id="center">dotted</td>
+ <td id="left">outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="top">outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-073.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-073.xht
new file mode 100644
index 0000000000..1ef97a1a37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-073.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'outset' vs. 'double' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with an 'outset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px double lime;
+ }
+ #top
+ {
+ border-top: 5px outset red;
+ }
+ #left
+ {
+ border-left: 5px outset red;
+ }
+ #bottom
+ {
+ border-bottom: 5px outset red;
+ }
+ #right
+ {
+ border-right: 5px outset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td id="bottom">outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td id="right">outset</td>
+ <td id="center">double</td>
+ <td id="left">outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="top">outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-074.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-074.xht
new file mode 100644
index 0000000000..f058b510df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-074.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'outset' vs. 'groove' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'outset' border is the dominant border when it is collapsed with a 'groove' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px groove red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td>outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="center">groove</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td>outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-075.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-075.xht
new file mode 100644
index 0000000000..ec935cafdc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-075.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'outset' vs. 'hidden' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with an 'outset' border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px hidden red;
+ }
+ #top
+ {
+ border-top: 5px outset red;
+ }
+ #left
+ {
+ border-left: 5px outset red;
+ }
+ #bottom
+ {
+ border-bottom: 5px outset red;
+ }
+ #right
+ {
+ border-right: 5px outset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has no border.</p>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td id="bottom">outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td id="right">outset</td>
+ <td id="center">hidden</td>
+ <td id="left">outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="top">outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-076.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-076.xht
new file mode 100644
index 0000000000..e664cc383b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-076.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'outset' vs. 'inset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'outset' border is the dominant border when it is collapsed with an 'inset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px inset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td>outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="center">inset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td>outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-077.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-077.xht
new file mode 100644
index 0000000000..160a81eae8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-077.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'outset' vs. 'none' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'outset' border is the dominant border when it is collapsed with a 'none' border." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td>outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="center">none</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td>outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-078.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-078.xht
new file mode 100644
index 0000000000..1bdb159a4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-078.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'outset' vs. 'outset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="Only one 'outset' border appears when two 'outset' borders of the same size are collapsed together." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px outset lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td>outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="center">outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td>outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-079.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-079.xht
new file mode 100644
index 0000000000..9df653eae0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-079.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'outset' vs. 'ridge' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'ridge' border is the dominant border when it is collapsed with an 'outset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px ridge lime;
+ }
+ #top
+ {
+ border-top: 5px outset red;
+ }
+ #left
+ {
+ border-left: 5px outset red;
+ }
+ #bottom
+ {
+ border-bottom: 5px outset red;
+ }
+ #right
+ {
+ border-right: 5px outset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td id="bottom">outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td id="right">outset</td>
+ <td id="center">ridge</td>
+ <td id="left">outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="top">outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-080.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-080.xht
new file mode 100644
index 0000000000..2f8cc18c9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-080.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'outset' vs. 'solid' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with an 'outset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px solid lime;
+ }
+ #top
+ {
+ border-top: 5px outset red;
+ }
+ #left
+ {
+ border-left: 5px outset red;
+ }
+ #bottom
+ {
+ border-bottom: 5px outset red;
+ }
+ #right
+ {
+ border-right: 5px outset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td id="bottom">outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td id="right">outset</td>
+ <td id="center">solid</td>
+ <td id="left">outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="top">outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-081.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-081.xht
new file mode 100644
index 0000000000..d52d1f2c6a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-081.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'ridge' vs. 'dashed' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'ridge' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px dashed lime;
+ }
+ #top
+ {
+ border-top: 5px ridge red;
+ }
+ #left
+ {
+ border-left: 5px ridge red;
+ }
+ #bottom
+ {
+ border-bottom: 5px ridge red;
+ }
+ #right
+ {
+ border-right: 5px ridge red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td id="bottom">ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td id="right">ridge</td>
+ <td id="center">dashed</td>
+ <td id="left">ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="top">ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-082.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-082.xht
new file mode 100644
index 0000000000..5393fd6fe2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-082.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'ridge' vs. 'dotted' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with a 'ridge' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px dotted lime;
+ }
+ #top
+ {
+ border-top: 5px ridge red;
+ }
+ #left
+ {
+ border-left: 5px ridge red;
+ }
+ #bottom
+ {
+ border-bottom: 5px ridge red;
+ }
+ #right
+ {
+ border-right: 5px ridge red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td id="bottom">ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td id="right">ridge</td>
+ <td id="center">dotted</td>
+ <td id="left">ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="top">ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-083.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-083.xht
new file mode 100644
index 0000000000..3d976a3c3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-083.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'ridge' vs. 'double' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'ridge' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px double lime;
+ }
+ #top
+ {
+ border-top: 5px ridge red;
+ }
+ #left
+ {
+ border-left: 5px ridge red;
+ }
+ #bottom
+ {
+ border-bottom: 5px ridge red;
+ }
+ #right
+ {
+ border-right: 5px ridge red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td id="bottom">ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td id="right">ridge</td>
+ <td id="center">double</td>
+ <td id="left">ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="top">ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-084.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-084.xht
new file mode 100644
index 0000000000..b58f592719
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-084.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'ridge' vs. 'groove' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'ridge' border is the dominant border when it is collapsed with a 'groove' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px groove red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td>ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="center">groove</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td>ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-085.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-085.xht
new file mode 100644
index 0000000000..6816c374e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-085.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'ridge' vs. 'hidden' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'ridge' border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px hidden red;
+ }
+ #top
+ {
+ border-top: 5px ridge red;
+ }
+ #left
+ {
+ border-left: 5px ridge red;
+ }
+ #bottom
+ {
+ border-bottom: 5px ridge red;
+ }
+ #right
+ {
+ border-right: 5px ridge red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has no border.</p>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td id="bottom">ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td id="right">ridge</td>
+ <td id="center">hidden</td>
+ <td id="left">ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="top">ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-086.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-086.xht
new file mode 100644
index 0000000000..1191d43678
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-086.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'ridge' vs. 'inset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'ridge' border is the dominant border when it is collapsed with a 'inset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px inset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td>ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="center">inset</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td>ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-087.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-087.xht
new file mode 100644
index 0000000000..6e0816cff0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-087.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'ridge' vs. 'none' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'ridge' border is the dominant border when it is collapsed with a 'none' border." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td>ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="center">none</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td>ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-088.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-088.xht
new file mode 100644
index 0000000000..d2a6d220e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-088.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'ridge' vs. 'outset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'ridge' border is the dominant border when it is collapsed with an 'outset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px outset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td>ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="center">outset</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td>ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-089.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-089.xht
new file mode 100644
index 0000000000..bf2051a045
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-089.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'ridge' vs. 'ridge' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="Only one 'ridge' border appears when two 'ridge' borders of the same size are collapsed together." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px ridge lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td>ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="center">ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td>ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-090.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-090.xht
new file mode 100644
index 0000000000..62eca53a63
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-090.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'ridge' vs. 'solid' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'ridge' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px solid lime;
+ }
+ #top
+ {
+ border-top: 5px ridge red;
+ }
+ #left
+ {
+ border-left: 5px ridge red;
+ }
+ #bottom
+ {
+ border-bottom: 5px ridge red;
+ }
+ #right
+ {
+ border-right: 5px ridge red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td id="bottom">ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td id="right">ridge</td>
+ <td id="center">solid</td>
+ <td id="left">ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="top">ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-091.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-091.xht
new file mode 100644
index 0000000000..4cdfdad05f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-091.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'solid' vs. 'dashed' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'dashed' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px dashed red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="center">dashed</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-092.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-092.xht
new file mode 100644
index 0000000000..a36f695b97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-092.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'solid' vs. 'dotted' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'dotted' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px dotted red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="center">dotted</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-093.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-093.xht
new file mode 100644
index 0000000000..01a4ca73d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-093.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'solid' vs. 'double' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'solid' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px double lime;
+ }
+ #top
+ {
+ border-top: 5px solid red;
+ }
+ #left
+ {
+ border-left: 5px solid red;
+ }
+ #bottom
+ {
+ border-bottom: 5px solid red;
+ }
+ #right
+ {
+ border-right: 5px solid red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td id="bottom">solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td id="right">solid</td>
+ <td id="center">double</td>
+ <td id="left">solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="top">solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-094.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-094.xht
new file mode 100644
index 0000000000..c61e28084f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-094.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'solid' vs. 'groove' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'groove' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px groove red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="center">groove</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-095.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-095.xht
new file mode 100644
index 0000000000..8362e0d1cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-095.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'solid' vs. 'hidden' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'solid' border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px hidden red;
+ }
+ #top
+ {
+ border-top: 5px solid red;
+ }
+ #left
+ {
+ border-left: 5px solid red;
+ }
+ #bottom
+ {
+ border-bottom: 5px solid red;
+ }
+ #right
+ {
+ border-right: 5px solid red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has no border.</p>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td id="bottom">solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td id="right">solid</td>
+ <td id="center">hidden</td>
+ <td id="left">solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="top">solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-096.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-096.xht
new file mode 100644
index 0000000000..f7364f5ae7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-096.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'solid' vs. 'inset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'inset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px inset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="center">inset</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-097.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-097.xht
new file mode 100644
index 0000000000..bad0e972f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-097.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'solid' vs. 'none' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'none' border." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="center">none</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-098.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-098.xht
new file mode 100644
index 0000000000..c5adf48e10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-098.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'solid' vs. 'outset' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'outset' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px outset red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="center">outset</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-099.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-099.xht
new file mode 100644
index 0000000000..47eda6a8f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-099.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'solid' vs. 'ridge' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'ridge' border of the same size." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center
+ {
+ border: 5px ridge red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="center">ridge</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-100.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-100.xht
new file mode 100644
index 0000000000..02dad48ddc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-100.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border style): 'solid' vs. 'solid' - border with highest priority border style should dominate</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="Only a single 'solid' border appears when two 'solid' borders of the same size are collapsed together." />
+ <style type="text/css">
+ #table1
+ {
+ margin-bottom: 20px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid lime;
+ height: 3em;
+ width: 3em;
+ }
+ #center, #table1 td
+ {
+ border: 5px solid lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the center box in the table below has a border similar to this:</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="center">solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-000.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-000.xht
new file mode 100644
index 0000000000..9a3131cd24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-000.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - hidden/hidden</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px hidden red; height: 3em; }
+ .c5 { border-width: 10px; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td>
+ </tr>
+ <tr>
+ <td class="c4">hidden</td><td class="c5">hidden</td><td class="c6">hidden</td>
+ </tr>
+ <tr>
+ <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-001.xht
new file mode 100644
index 0000000000..bf718960e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-001.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - hidden/double</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px double lime; height: 3em; }
+ .c5 { border: 10px hidden red; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td>
+ </tr>
+ <tr>
+ <td class="c4">double</td><td class="c5">hidden</td><td class="c6">double</td>
+ </tr>
+ <tr>
+ <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-002.xht
new file mode 100644
index 0000000000..a9334facd2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-002.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - hidden/solid</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px solid lime; height: 3em; }
+ .c5 { border: 10px hidden red; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td>
+ </tr>
+ <tr>
+ <td class="c4">solid</td><td class="c5">hidden</td><td class="c6">solid</td>
+ </tr>
+ <tr>
+ <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-003.xht
new file mode 100644
index 0000000000..0cc8fc489e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-003.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - hidden/dashed</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dashed lime; height: 3em; }
+ .c5 { border: 10px hidden red; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td>
+ </tr>
+ <tr>
+ <td class="c4">dashed</td><td class="c5">hidden</td><td class="c6">dashed</td>
+ </tr>
+ <tr>
+ <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-004.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-004.xht
new file mode 100644
index 0000000000..4153835069
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-004.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - hidden/dotted</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dotted lime; height: 3em; }
+ .c5 { border: 10px hidden red; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td>
+ </tr>
+ <tr>
+ <td class="c4">dotted</td><td class="c5">hidden</td><td class="c6">dotted</td>
+ </tr>
+ <tr>
+ <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-005.xht
new file mode 100644
index 0000000000..ff1cb15fea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-005.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - hidden/ridge</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px ridge lime; height: 3em; }
+ .c5 { border: 10px hidden red; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td>
+ </tr>
+ <tr>
+ <td class="c4">ridge</td><td class="c5">hidden</td><td class="c6">ridge</td>
+ </tr>
+ <tr>
+ <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-006.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-006.xht
new file mode 100644
index 0000000000..d74f47667d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-006.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - hidden/outset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px outset lime; height: 3em; }
+ .c5 { border: 10px hidden red; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td>
+ </tr>
+ <tr>
+ <td class="c4">outset</td><td class="c5">hidden</td><td class="c6">outset</td>
+ </tr>
+ <tr>
+ <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-007.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-007.xht
new file mode 100644
index 0000000000..1e25a9ffe1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-007.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - hidden/groove</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px groove lime; height: 3em; }
+ .c5 { border: 10px hidden red; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td>
+ </tr>
+ <tr>
+ <td class="c4">groove</td><td class="c5">hidden</td><td class="c6">groove</td>
+ </tr>
+ <tr>
+ <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-008.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-008.xht
new file mode 100644
index 0000000000..6f53322822
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-008.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - hidden/inset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px inset lime; height: 3em; }
+ .c5 { border: 10px hidden red; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td>
+ </tr>
+ <tr>
+ <td class="c4">inset</td><td class="c5">hidden</td><td class="c6">inset</td>
+ </tr>
+ <tr>
+ <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-009.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-009.xht
new file mode 100644
index 0000000000..24c166d94c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-009.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - hidden/none</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px none red; height: 3em; }
+ .c5 { border-width: 10px; border-style: hidden; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td>
+ </tr>
+ <tr>
+ <td class="c4">none</td><td class="c5">hidden</td><td class="c6">none</td>
+ </tr>
+ <tr>
+ <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-010.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-010.xht
new file mode 100644
index 0000000000..b9741905b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-010.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - double/hidden</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px hidden red; height: 3em; }
+ .c5 { border-width: 10px; border-style: double; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td>
+ </tr>
+ <tr>
+ <td class="c4">hidden</td><td class="c5">double</td><td class="c6">hidden</td>
+ </tr>
+ <tr>
+ <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-011.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-011.xht
new file mode 100644
index 0000000000..e4b962a48d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-011.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - double/double</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px double lime; height: 3em; }
+ .c5 { border-width: 10px; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td>
+ </tr>
+ <tr>
+ <td class="c4">double</td><td class="c5">double</td><td class="c6">double</td>
+ </tr>
+ <tr>
+ <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-012.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-012.xht
new file mode 100644
index 0000000000..99c0397a87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-012.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - double/solid</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px solid lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: double; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td>
+ </tr>
+ <tr>
+ <td class="c4">solid</td><td class="c5">double</td><td class="c6">solid</td>
+ </tr>
+ <tr>
+ <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-013.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-013.xht
new file mode 100644
index 0000000000..1a8ea02927
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-013.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - double/dashed</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dashed lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: double; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td>
+ </tr>
+ <tr>
+ <td class="c4">dashed</td><td class="c5">double</td><td class="c6">dashed</td>
+ </tr>
+ <tr>
+ <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-014.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-014.xht
new file mode 100644
index 0000000000..15b606ae42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-014.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - double/dashed</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dotted lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: double; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td>
+ </tr>
+ <tr>
+ <td class="c4">dotted</td><td class="c5">double</td><td class="c6">dotted</td>
+ </tr>
+ <tr>
+ <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-015.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-015.xht
new file mode 100644
index 0000000000..3c19ba079a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-015.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - double/ridge</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px ridge lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: double; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td>
+ </tr>
+ <tr>
+ <td class="c4">ridge</td><td class="c5">double</td><td class="c6">ridge</td>
+ </tr>
+ <tr>
+ <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-016.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-016.xht
new file mode 100644
index 0000000000..2f759e95f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-016.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - double/outset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px outset lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: double; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td>
+ </tr>
+ <tr>
+ <td class="c4">outset</td><td class="c5">double</td><td class="c6">outset</td>
+ </tr>
+ <tr>
+ <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-017.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-017.xht
new file mode 100644
index 0000000000..7cd76cee75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-017.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - double/groove</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px groove lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: double; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td>
+ </tr>
+ <tr>
+ <td class="c4">groove</td><td class="c5">double</td><td class="c6">groove</td>
+ </tr>
+ <tr>
+ <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-018.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-018.xht
new file mode 100644
index 0000000000..523bd2c9fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-018.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - double/inset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px inset lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: double; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td>
+ </tr>
+ <tr>
+ <td class="c4">inset</td><td class="c5">double</td><td class="c6">inset</td>
+ </tr>
+ <tr>
+ <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-019.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-019.xht
new file mode 100644
index 0000000000..88dff257bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-019.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - double/none</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px none red; height: 3em; }
+ .c5 { border: 10px double lime; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td>
+ </tr>
+ <tr>
+ <td class="c4">none</td><td class="c5">double</td><td class="c6">none</td>
+ </tr>
+ <tr>
+ <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-020.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-020.xht
new file mode 100644
index 0000000000..e8d44f8e32
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-020.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - solid/hidden</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px hidden red; height: 3em; }
+ .c5 { border-width: 10px; border-style: solid; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td>
+ </tr>
+ <tr>
+ <td class="c4">hidden</td><td class="c5">solid</td><td class="c6">hidden</td>
+ </tr>
+ <tr>
+ <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-021.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-021.xht
new file mode 100644
index 0000000000..ba46341263
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-021.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - solid/double</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px double lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: solid; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td>
+ </tr>
+ <tr>
+ <td class="c4">double</td><td class="c5">solid</td><td class="c6">double</td>
+ </tr>
+ <tr>
+ <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-022.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-022.xht
new file mode 100644
index 0000000000..7b912bba46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-022.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - solid/solid</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px solid lime; height: 3em; }
+ .c5 { border-width: 10px; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td>
+ </tr>
+ <tr>
+ <td class="c4">solid</td><td class="c5">solid</td><td class="c6">solid</td>
+ </tr>
+ <tr>
+ <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-023.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-023.xht
new file mode 100644
index 0000000000..7325f7db5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-023.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - solid/dashed</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dashed lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: solid; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td>
+ </tr>
+ <tr>
+ <td class="c4">dashed</td><td class="c5">solid</td><td class="c6">dashed</td>
+ </tr>
+ <tr>
+ <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-024.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-024.xht
new file mode 100644
index 0000000000..95bc3d5720
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-024.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - solid/dotted</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dotted lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: solid; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td>
+ </tr>
+ <tr>
+ <td class="c4">dotted</td><td class="c5">solid</td><td class="c6">dotted</td>
+ </tr>
+ <tr>
+ <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-025.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-025.xht
new file mode 100644
index 0000000000..54159bf773
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-025.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - solid/ridge</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px ridge lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: solid; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td>
+ </tr>
+ <tr>
+ <td class="c4">ridge</td><td class="c5">solid</td><td class="c6">ridge</td>
+ </tr>
+ <tr>
+ <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-026.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-026.xht
new file mode 100644
index 0000000000..1eee022951
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-026.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - solid/outset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px outset lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: solid; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td>
+ </tr>
+ <tr>
+ <td class="c4">outset</td><td class="c5">solid</td><td class="c6">outset</td>
+ </tr>
+ <tr>
+ <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-027.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-027.xht
new file mode 100644
index 0000000000..f6ffae3cb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-027.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - solid/groove</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px groove lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: solid; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td>
+ </tr>
+ <tr>
+ <td class="c4">groove</td><td class="c5">solid</td><td class="c6">groove</td>
+ </tr>
+ <tr>
+ <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-028.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-028.xht
new file mode 100644
index 0000000000..e83970b7be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-028.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - solid/inset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px inset lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: solid; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td>
+ </tr>
+ <tr>
+ <td class="c4">inset</td><td class="c5">solid</td><td class="c6">inset</td>
+ </tr>
+ <tr>
+ <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-029.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-029.xht
new file mode 100644
index 0000000000..50fec4029b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-029.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - solid/none</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px none red; height: 3em; }
+ .c5 { border: 10px solid lime; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td>
+ </tr>
+ <tr>
+ <td class="c4">none</td><td class="c5">solid</td><td class="c6">none</td>
+ </tr>
+ <tr>
+ <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-030.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-030.xht
new file mode 100644
index 0000000000..8b135b897b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-030.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dashed/hidden</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px hidden red; height: 3em; }
+ .c5 { border-width: 10px; border-style: dashed; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td>
+ </tr>
+ <tr>
+ <td class="c4">hidden</td><td class="c5">dashed</td><td class="c6">hidden</td>
+ </tr>
+ <tr>
+ <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-031.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-031.xht
new file mode 100644
index 0000000000..fd6dfced42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-031.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dashed/double</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px double lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: dashed; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td>
+ </tr>
+ <tr>
+ <td class="c4">double</td><td class="c5">dashed</td><td class="c6">double</td>
+ </tr>
+ <tr>
+ <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-032.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-032.xht
new file mode 100644
index 0000000000..1c294dda7f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-032.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dashed/solid</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px solid lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: dashed; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td>
+ </tr>
+ <tr>
+ <td class="c4">solid</td><td class="c5">dashed</td><td class="c6">solid</td>
+ </tr>
+ <tr>
+ <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-033.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-033.xht
new file mode 100644
index 0000000000..379f8c852c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-033.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dashed/dashed</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dashed lime; height: 3em; }
+ .c5 { border-width: 10px; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td>
+ </tr>
+ <tr>
+ <td class="c4">dashed</td><td class="c5">dashed</td><td class="c6">dashed</td>
+ </tr>
+ <tr>
+ <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-034.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-034.xht
new file mode 100644
index 0000000000..9a3fdc2666
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-034.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dashed/dotted</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dotted lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: dashed; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td>
+ </tr>
+ <tr>
+ <td class="c4">dotted</td><td class="c5">dashed</td><td class="c6">dotted</td>
+ </tr>
+ <tr>
+ <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-035.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-035.xht
new file mode 100644
index 0000000000..b095afdee0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-035.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dashed/ridge</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px ridge lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: dashed; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td>
+ </tr>
+ <tr>
+ <td class="c4">ridge</td><td class="c5">dashed</td><td class="c6">ridge</td>
+ </tr>
+ <tr>
+ <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-036.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-036.xht
new file mode 100644
index 0000000000..0f433550ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-036.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dashed/outset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px outset lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: dashed; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td>
+ </tr>
+ <tr>
+ <td class="c4">outset</td><td class="c5">dashed</td><td class="c6">outset</td>
+ </tr>
+ <tr>
+ <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-037.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-037.xht
new file mode 100644
index 0000000000..99b2c9ad59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-037.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dashed/groove</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px groove lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: dashed; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td>
+ </tr>
+ <tr>
+ <td class="c4">groove</td><td class="c5">dashed</td><td class="c6">groove</td>
+ </tr>
+ <tr>
+ <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-038.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-038.xht
new file mode 100644
index 0000000000..b56d45ba27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-038.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dashed/inset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px inset lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: dashed; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td>
+ </tr>
+ <tr>
+ <td class="c4">inset</td><td class="c5">dashed</td><td class="c6">inset</td>
+ </tr>
+ <tr>
+ <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-039.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-039.xht
new file mode 100644
index 0000000000..2efa91ca41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-039.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dashed/none</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px none red; height: 3em; }
+ .c5 { border: 10px dashed lime; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td>
+ </tr>
+ <tr>
+ <td class="c4">none</td><td class="c5">dashed</td><td class="c6">none</td>
+ </tr>
+ <tr>
+ <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-040.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-040.xht
new file mode 100644
index 0000000000..8814da0825
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-040.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dotted/hidden</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px hidden red; height: 3em; }
+ .c5 { border-width: 10px; border-style: dotted; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td>
+ </tr>
+ <tr>
+ <td class="c4">hidden</td><td class="c5">dotted</td><td class="c6">hidden</td>
+ </tr>
+ <tr>
+ <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-041.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-041.xht
new file mode 100644
index 0000000000..80f0ad4384
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-041.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dotted/double</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px double lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: dotted; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td>
+ </tr>
+ <tr>
+ <td class="c4">double</td><td class="c5">dotted</td><td class="c6">double</td>
+ </tr>
+ <tr>
+ <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-042.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-042.xht
new file mode 100644
index 0000000000..21d8094120
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-042.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dotted/solid</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px solid lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: dotted; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td>
+ </tr>
+ <tr>
+ <td class="c4">solid</td><td class="c5">dotted</td><td class="c6">solid</td>
+ </tr>
+ <tr>
+ <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-043.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-043.xht
new file mode 100644
index 0000000000..0314042f68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-043.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dotted/dashed</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dashed lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: dotted; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td>
+ </tr>
+ <tr>
+ <td class="c4">dashed</td><td class="c5">dotted</td><td class="c6">dashed</td>
+ </tr>
+ <tr>
+ <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-044.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-044.xht
new file mode 100644
index 0000000000..6ce9b05e24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-044.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dotted/dotted</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dotted lime; height: 3em; }
+ .c5 { border-width: 10px; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td>
+ </tr>
+ <tr>
+ <td class="c4">dotted</td><td class="c5">dotted</td><td class="c6">dotted</td>
+ </tr>
+ <tr>
+ <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-045.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-045.xht
new file mode 100644
index 0000000000..9e1821b25a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-045.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dotted/ridge</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px ridge lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: dotted; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td>
+ </tr>
+ <tr>
+ <td class="c4">ridge</td><td class="c5">dotted</td><td class="c6">ridge</td>
+ </tr>
+ <tr>
+ <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-046.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-046.xht
new file mode 100644
index 0000000000..8e2017e3f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-046.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dotted/outset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px outset lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: dotted; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td>
+ </tr>
+ <tr>
+ <td class="c4">outset</td><td class="c5">dotted</td><td class="c6">outset</td>
+ </tr>
+ <tr>
+ <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-047.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-047.xht
new file mode 100644
index 0000000000..8e170e013d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-047.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dotted/groove</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px groove lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: dotted; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td>
+ </tr>
+ <tr>
+ <td class="c4">groove</td><td class="c5">dotted</td><td class="c6">groove</td>
+ </tr>
+ <tr>
+ <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-048.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-048.xht
new file mode 100644
index 0000000000..c76e29c30e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-048.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dotted/inset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px inset lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: dotted; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td>
+ </tr>
+ <tr>
+ <td class="c4">inset</td><td class="c5">dotted</td><td class="c6">inset</td>
+ </tr>
+ <tr>
+ <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-049.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-049.xht
new file mode 100644
index 0000000000..9d3ec37727
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-049.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - dotted/none</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px none red; height: 3em; }
+ .c5 { border: 10px dotted lime; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td>
+ </tr>
+ <tr>
+ <td class="c4">none</td><td class="c5">dotted</td><td class="c6">none</td>
+ </tr>
+ <tr>
+ <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-050.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-050.xht
new file mode 100644
index 0000000000..68df0e259a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-050.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - ridge/hidden</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px hidden red; height: 3em; }
+ .c5 { border-width: 10px; border-style: ridge; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td>
+ </tr>
+ <tr>
+ <td class="c4">hidden</td><td class="c5">ridge</td><td class="c6">hidden</td>
+ </tr>
+ <tr>
+ <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-051.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-051.xht
new file mode 100644
index 0000000000..9f11957a97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-051.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - ridge/double</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px double lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: ridge; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td>
+ </tr>
+ <tr>
+ <td class="c4">double</td><td class="c5">ridge</td><td class="c6">double</td>
+ </tr>
+ <tr>
+ <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-052.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-052.xht
new file mode 100644
index 0000000000..f2aee28d2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-052.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - ridge/solid</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px solid lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: ridge; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td>
+ </tr>
+ <tr>
+ <td class="c4">solid</td><td class="c5">ridge</td><td class="c6">solid</td>
+ </tr>
+ <tr>
+ <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-053.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-053.xht
new file mode 100644
index 0000000000..55a580c6da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-053.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - ridge/dashed</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dashed lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: ridge; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td>
+ </tr>
+ <tr>
+ <td class="c4">dashed</td><td class="c5">ridge</td><td class="c6">dashed</td>
+ </tr>
+ <tr>
+ <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-054.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-054.xht
new file mode 100644
index 0000000000..969da5898d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-054.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - ridge/dotted</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dotted lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: ridge; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td>
+ </tr>
+ <tr>
+ <td class="c4">dotted</td><td class="c5">ridge</td><td class="c6">dotted</td>
+ </tr>
+ <tr>
+ <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-055.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-055.xht
new file mode 100644
index 0000000000..f21c74ae73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-055.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - ridge/ridge</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px ridge lime; height: 3em; }
+ .c5 { border-width: 10px; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td>
+ </tr>
+ <tr>
+ <td class="c4">ridge</td><td class="c5">ridge</td><td class="c6">ridge</td>
+ </tr>
+ <tr>
+ <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-056.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-056.xht
new file mode 100644
index 0000000000..fb5d46871b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-056.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - ridge/outset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px outset lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: ridge; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td>
+ </tr>
+ <tr>
+ <td class="c4">outset</td><td class="c5">ridge</td><td class="c6">outset</td>
+ </tr>
+ <tr>
+ <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-057.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-057.xht
new file mode 100644
index 0000000000..6fa3cca7a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-057.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - ridge/groove</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px groove lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: ridge; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td>
+ </tr>
+ <tr>
+ <td class="c4">groove</td><td class="c5">ridge</td><td class="c6">groove</td>
+ </tr>
+ <tr>
+ <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-058.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-058.xht
new file mode 100644
index 0000000000..e9ca042468
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-058.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - ridge/inset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px inset lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: ridge; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td>
+ </tr>
+ <tr>
+ <td class="c4">inset</td><td class="c5">ridge</td><td class="c6">inset</td>
+ </tr>
+ <tr>
+ <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-059.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-059.xht
new file mode 100644
index 0000000000..2bed71e0ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-059.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - ridge/none</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px none red; height: 3em; }
+ .c5 { border: 10px ridge lime; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td>
+ </tr>
+ <tr>
+ <td class="c4">none</td><td class="c5">ridge</td><td class="c6">none</td>
+ </tr>
+ <tr>
+ <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-060.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-060.xht
new file mode 100644
index 0000000000..5471352d68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-060.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - outset/hidden</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px hidden red; height: 3em; }
+ .c5 { border-width: 10px; border-style: outset; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td>
+ </tr>
+ <tr>
+ <td class="c4">hidden</td><td class="c5">outset</td><td class="c6">hidden</td>
+ </tr>
+ <tr>
+ <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-061.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-061.xht
new file mode 100644
index 0000000000..6e8beb7c1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-061.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - outset/double</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px double lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: outset; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td>
+ </tr>
+ <tr>
+ <td class="c4">double</td><td class="c5">outset</td><td class="c6">double</td>
+ </tr>
+ <tr>
+ <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-062.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-062.xht
new file mode 100644
index 0000000000..8b633224cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-062.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - outset/solid</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px solid lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: outset; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td>
+ </tr>
+ <tr>
+ <td class="c4">solid</td><td class="c5">outset</td><td class="c6">solid</td>
+ </tr>
+ <tr>
+ <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-063.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-063.xht
new file mode 100644
index 0000000000..ff7ebae7ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-063.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - outset/dashed</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dashed lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: outset; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td>
+ </tr>
+ <tr>
+ <td class="c4">dashed</td><td class="c5">outset</td><td class="c6">dashed</td>
+ </tr>
+ <tr>
+ <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-064.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-064.xht
new file mode 100644
index 0000000000..8b3d684110
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-064.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - outset/dotted</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dotted lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: outset; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td>
+ </tr>
+ <tr>
+ <td class="c4">dotted</td><td class="c5">outset</td><td class="c6">dotted</td>
+ </tr>
+ <tr>
+ <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-065.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-065.xht
new file mode 100644
index 0000000000..f3e0cd8ccf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-065.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - outset/ridge</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px ridge lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: outset; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td>
+ </tr>
+ <tr>
+ <td class="c4">ridge</td><td class="c5">outset</td><td class="c6">ridge</td>
+ </tr>
+ <tr>
+ <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-066.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-066.xht
new file mode 100644
index 0000000000..0afc92ffa3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-066.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - outset/outset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px outset lime; height: 3em; }
+ .c5 { border-width: 10px; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td>
+ </tr>
+ <tr>
+ <td class="c4">outset</td><td class="c5">outset</td><td class="c6">outset</td>
+ </tr>
+ <tr>
+ <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-067.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-067.xht
new file mode 100644
index 0000000000..14ec5c7990
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-067.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - outset/groove</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px groove lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: outset; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td>
+ </tr>
+ <tr>
+ <td class="c4">groove</td><td class="c5">outset</td><td class="c6">groove</td>
+ </tr>
+ <tr>
+ <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-068.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-068.xht
new file mode 100644
index 0000000000..4f7b487903
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-068.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - outset/inset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px inset lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: outset; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td>
+ </tr>
+ <tr>
+ <td class="c4">inset</td><td class="c5">outset</td><td class="c6">inset</td>
+ </tr>
+ <tr>
+ <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-069.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-069.xht
new file mode 100644
index 0000000000..85fb07c0f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-069.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - outset/none</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px none red; height: 3em; }
+ .c5 { border: 10px outset lime; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td>
+ </tr>
+ <tr>
+ <td class="c4">none</td><td class="c5">outset</td><td class="c6">none</td>
+ </tr>
+ <tr>
+ <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-070.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-070.xht
new file mode 100644
index 0000000000..651390c3f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-070.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - groove/hidden</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px hidden red; height: 3em; }
+ .c5 { border-width: 10px; border-style: groove; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td>
+ </tr>
+ <tr>
+ <td class="c4">hidden</td><td class="c5">groove</td><td class="c6">hidden</td>
+ </tr>
+ <tr>
+ <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-071.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-071.xht
new file mode 100644
index 0000000000..010aebe4a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-071.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - groove/double</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px double lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: groove; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td>
+ </tr>
+ <tr>
+ <td class="c4">double</td><td class="c5">groove</td><td class="c6">double</td>
+ </tr>
+ <tr>
+ <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-072.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-072.xht
new file mode 100644
index 0000000000..1f283cbb6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-072.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - groove/solid</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px solid lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: groove; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td>
+ </tr>
+ <tr>
+ <td class="c4">solid</td><td class="c5">groove</td><td class="c6">solid</td>
+ </tr>
+ <tr>
+ <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-073.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-073.xht
new file mode 100644
index 0000000000..68f7a09846
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-073.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - groove/dashed</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dashed lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: groove; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td>
+ </tr>
+ <tr>
+ <td class="c4">dashed</td><td class="c5">groove</td><td class="c6">dashed</td>
+ </tr>
+ <tr>
+ <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-074.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-074.xht
new file mode 100644
index 0000000000..77fcc56369
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-074.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - groove/dotted</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dotted lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: groove; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td>
+ </tr>
+ <tr>
+ <td class="c4">dotted</td><td class="c5">groove</td><td class="c6">dotted</td>
+ </tr>
+ <tr>
+ <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-075.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-075.xht
new file mode 100644
index 0000000000..2f3b2f1cc7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-075.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - groove/ridge</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px ridge lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: groove; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td>
+ </tr>
+ <tr>
+ <td class="c4">ridge</td><td class="c5">groove</td><td class="c6">ridge</td>
+ </tr>
+ <tr>
+ <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-076.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-076.xht
new file mode 100644
index 0000000000..6496884dd9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-076.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - groove/outset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px outset lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: groove; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td>
+ </tr>
+ <tr>
+ <td class="c4">outset</td><td class="c5">groove</td><td class="c6">outset</td>
+ </tr>
+ <tr>
+ <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-077.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-077.xht
new file mode 100644
index 0000000000..81074a604d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-077.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - groove/groove</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px groove lime; height: 3em; }
+ .c5 { border-width: 10px; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td>
+ </tr>
+ <tr>
+ <td class="c4">groove</td><td class="c5">groove</td><td class="c6">groove</td>
+ </tr>
+ <tr>
+ <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-078.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-078.xht
new file mode 100644
index 0000000000..7e07984bb3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-078.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - groove/inset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px inset lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: groove; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td>
+ </tr>
+ <tr>
+ <td class="c4">inset</td><td class="c5">groove</td><td class="c6">inset</td>
+ </tr>
+ <tr>
+ <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-079.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-079.xht
new file mode 100644
index 0000000000..88aeac0c17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-079.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - groove/none</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px none red; height: 3em; }
+ .c5 { border: 10px groove lime; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td>
+ </tr>
+ <tr>
+ <td class="c4">none</td><td class="c5">groove</td><td class="c6">none</td>
+ </tr>
+ <tr>
+ <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-080.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-080.xht
new file mode 100644
index 0000000000..ac17c9e9f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-080.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - inset/hidden</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px hidden red; height: 3em; }
+ .c5 { border-width: 10px; border-style: inset; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td>
+ </tr>
+ <tr>
+ <td class="c4">hidden</td><td class="c5">inset</td><td class="c6">hidden</td>
+ </tr>
+ <tr>
+ <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-081.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-081.xht
new file mode 100644
index 0000000000..29fc6cf596
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-081.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - inset/double</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px double lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: inset; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td>
+ </tr>
+ <tr>
+ <td class="c4">double</td><td class="c5">inset</td><td class="c6">double</td>
+ </tr>
+ <tr>
+ <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-082.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-082.xht
new file mode 100644
index 0000000000..7a07390b8b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-082.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - inset/solid</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px solid lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: inset; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td>
+ </tr>
+ <tr>
+ <td class="c4">solid</td><td class="c5">inset</td><td class="c6">solid</td>
+ </tr>
+ <tr>
+ <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-083.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-083.xht
new file mode 100644
index 0000000000..ae8a146744
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-083.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - inset/dashed</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dashed lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: inset; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td>
+ </tr>
+ <tr>
+ <td class="c4">dashed</td><td class="c5">inset</td><td class="c6">dashed</td>
+ </tr>
+ <tr>
+ <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-084.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-084.xht
new file mode 100644
index 0000000000..14f8a66814
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-084.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - inset/dotted</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dotted lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: inset; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td>
+ </tr>
+ <tr>
+ <td class="c4">dotted</td><td class="c5">inset</td><td class="c6">dotted</td>
+ </tr>
+ <tr>
+ <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-085.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-085.xht
new file mode 100644
index 0000000000..b7a68ba20e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-085.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - inset/ridge</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px ridge lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: inset; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td>
+ </tr>
+ <tr>
+ <td class="c4">ridge</td><td class="c5">inset</td><td class="c6">ridge</td>
+ </tr>
+ <tr>
+ <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-086.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-086.xht
new file mode 100644
index 0000000000..79a967008a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-086.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - inset/outset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px outset lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: inset; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td>
+ </tr>
+ <tr>
+ <td class="c4">outset</td><td class="c5">inset</td><td class="c6">outset</td>
+ </tr>
+ <tr>
+ <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-087.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-087.xht
new file mode 100644
index 0000000000..2ce3eab861
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-087.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - inset/groove</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px groove lime; height: 3em; }
+ .c5 { border-width: 10px; border-style: inset; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td>
+ </tr>
+ <tr>
+ <td class="c4">groove</td><td class="c5">inset</td><td class="c6">groove</td>
+ </tr>
+ <tr>
+ <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-088.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-088.xht
new file mode 100644
index 0000000000..9752a37f36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-088.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - inset/inset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px inset lime; height: 3em; }
+ .c5 { border-width: 10px; }
+ .c2 { border-bottom-color: red; }
+ .c6 { border-left-color: red; }
+ .c8 { border-top-color: red; }
+ .c4 { border-right-color: red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td>
+ </tr>
+ <tr>
+ <td class="c4">inset</td><td class="c5">inset</td><td class="c6">inset</td>
+ </tr>
+ <tr>
+ <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-089.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-089.xht
new file mode 100644
index 0000000000..664fb782f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-089.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - inset/none</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px none red; height: 3em; }
+ .c5 { border: 10px inset lime; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td>
+ </tr>
+ <tr>
+ <td class="c4">none</td><td class="c5">inset</td><td class="c6">none</td>
+ </tr>
+ <tr>
+ <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-090.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-090.xht
new file mode 100644
index 0000000000..9b34572e9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-090.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - none/hidden</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px hidden red; height: 3em; }
+ .c5 { border-width: 10px; border-style: none; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td>
+ </tr>
+ <tr>
+ <td class="c4">hidden</td><td class="c5">none</td><td class="c6">hidden</td>
+ </tr>
+ <tr>
+ <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-091.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-091.xht
new file mode 100644
index 0000000000..794b9ccad2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-091.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - none/double</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px double lime; height: 3em; }
+ .c5 { border: 10px none red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td>
+ </tr>
+ <tr>
+ <td class="c4">double</td><td class="c5">none</td><td class="c6">double</td>
+ </tr>
+ <tr>
+ <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-092.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-092.xht
new file mode 100644
index 0000000000..88ffd49ef6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-092.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - none/solid</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px solid lime; height: 3em; }
+ .c5 { border: 10px none red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td>
+ </tr>
+ <tr>
+ <td class="c4">solid</td><td class="c5">none</td><td class="c6">solid</td>
+ </tr>
+ <tr>
+ <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-093.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-093.xht
new file mode 100644
index 0000000000..4f7b704902
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-093.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - none/dashed</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dashed lime; height: 3em; }
+ .c5 { border: 10px none red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td>
+ </tr>
+ <tr>
+ <td class="c4">dashed</td><td class="c5">none</td><td class="c6">dashed</td>
+ </tr>
+ <tr>
+ <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-094.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-094.xht
new file mode 100644
index 0000000000..f53c4a378d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-094.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - none/dotted</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px dotted lime; height: 3em; }
+ .c5 { border: 10px none red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td>
+ </tr>
+ <tr>
+ <td class="c4">dotted</td><td class="c5">none</td><td class="c6">dotted</td>
+ </tr>
+ <tr>
+ <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-095.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-095.xht
new file mode 100644
index 0000000000..9387122327
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-095.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - none/ridge</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px ridge lime; height: 3em; }
+ .c5 { border: 10px none red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td>
+ </tr>
+ <tr>
+ <td class="c4">ridge</td><td class="c5">none</td><td class="c6">ridge</td>
+ </tr>
+ <tr>
+ <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-096.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-096.xht
new file mode 100644
index 0000000000..b1d9a62136
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-096.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - inset/outset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px outset lime; height: 3em; }
+ .c5 { border: 10px none red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td>
+ </tr>
+ <tr>
+ <td class="c4">outset</td><td class="c5">none</td><td class="c6">outset</td>
+ </tr>
+ <tr>
+ <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-097.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-097.xht
new file mode 100644
index 0000000000..d67ffe1bdb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-097.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - none/groove</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px groove lime; height: 3em; }
+ .c5 { border: 10px none red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td>
+ </tr>
+ <tr>
+ <td class="c4">groove</td><td class="c5">none</td><td class="c6">groove</td>
+ </tr>
+ <tr>
+ <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-098.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-098.xht
new file mode 100644
index 0000000000..5ccb599896
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-098.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - none/inset</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px inset lime; height: 3em; }
+ .c5 { border: 10px none red; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td>
+ </tr>
+ <tr>
+ <td class="c4">inset</td><td class="c5">none</td><td class="c6">inset</td>
+ </tr>
+ <tr>
+ <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-099.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-099.xht
new file mode 100644
index 0000000000..4b32a4018f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-099.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (width) - none/none</title>
+ <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/>
+ <style type="text/css"><![CDATA[
+ table { border-collapse: collapse; }
+ td { border: 5px none red; height: 3em; }
+ .c5 { border-width: 10px; }
+ ]]></style>
+ <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/>
+ </head>
+ <body>
+ <p>There should be no red borders on the table below</p>
+ <table>
+ <tr>
+ <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td>
+ </tr>
+ <tr>
+ <td class="c4">none</td><td class="c5">none</td><td class="c6">none</td>
+ </tr>
+ <tr>
+ <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-001.xht
new file mode 100644
index 0000000000..a6a4f6dcd4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-001.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'dashed' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dashed black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td id="cell1">dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td id="cell2">dashed</td>
+ <td id="cell3">dashed</td>
+ <td id="cell4">dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="cell5">dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-002.xht
new file mode 100644
index 0000000000..7f2203b4d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-002.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'dotted' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dotted black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td id="cell1">dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td id="cell2">dashed</td>
+ <td id="cell3">dotted</td>
+ <td id="cell4">dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="cell5">dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-003.xht
new file mode 100644
index 0000000000..aadb9bafef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-003.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'double' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px double black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td id="cell1">dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td id="cell2">dashed</td>
+ <td id="cell3">double</td>
+ <td id="cell4">dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="cell5">dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-004.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-004.xht
new file mode 100644
index 0000000000..f0568a4a2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-004.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'groove' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px groove black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td id="cell1">dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td id="cell2">dashed</td>
+ <td id="cell3">groove</td>
+ <td id="cell4">dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="cell5">dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-005.xht
new file mode 100644
index 0000000000..73c5beb469
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-005.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px hidden black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td id="cell1">dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td id="cell2">dashed</td>
+ <td id="cell3">hidden</td>
+ <td id="cell4">dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="cell5">dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-006.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-006.xht
new file mode 100644
index 0000000000..d68f06acf4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-006.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'inset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px inset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td id="cell1">dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td id="cell2">dashed</td>
+ <td id="cell3">inset</td>
+ <td id="cell4">dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="cell5">dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-007.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-007.xht
new file mode 100644
index 0000000000..89b334fe23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-007.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'none' - a border style of 'none' is never the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed black;
+ height: 3em;
+ }
+ #cell1
+ {
+ border: 10px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td>dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="cell1">none</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td>dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-008.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-008.xht
new file mode 100644
index 0000000000..47cb3d2375
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-008.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'outset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px outset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td id="cell1">dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td id="cell2">dashed</td>
+ <td id="cell3">outset</td>
+ <td id="cell4">dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="cell5">dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-009.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-009.xht
new file mode 100644
index 0000000000..c3cc0d96af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-009.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'ridge' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px ridge black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td id="cell1">dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td id="cell2">dashed</td>
+ <td id="cell3">ridge</td>
+ <td id="cell4">dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="cell5">dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-010.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-010.xht
new file mode 100644
index 0000000000..65843258e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-010.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'solid' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dashed black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px solid black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dashed</td>
+ <td id="cell1">dashed</td>
+ <td>dashed</td>
+ </tr>
+ <tr>
+ <td id="cell2">dashed</td>
+ <td id="cell3">solid</td>
+ <td id="cell4">dashed</td>
+ </tr>
+ <tr>
+ <td>dashed</td>
+ <td id="cell5">dashed</td>
+ <td>dashed</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-011.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-011.xht
new file mode 100644
index 0000000000..a8312df21d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-011.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'dashed' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dashed black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td id="cell1">dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td id="cell2">dotted</td>
+ <td id="cell3">dashed</td>
+ <td id="cell4">dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="cell5">dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-012.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-012.xht
new file mode 100644
index 0000000000..0b77380265
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-012.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'dotted' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dotted black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td id="cell1">dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td id="cell2">dotted</td>
+ <td id="cell3">dotted</td>
+ <td id="cell4">dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="cell5">dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-013.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-013.xht
new file mode 100644
index 0000000000..ced790226c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-013.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'double' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px double black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td id="cell1">dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td id="cell2">dotted</td>
+ <td id="cell3">double</td>
+ <td id="cell4">dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="cell5">dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-014.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-014.xht
new file mode 100644
index 0000000000..418702562f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-014.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'groove' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px groove black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td id="cell1">dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td id="cell2">dotted</td>
+ <td id="cell3">groove</td>
+ <td id="cell4">dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="cell5">dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-015.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-015.xht
new file mode 100644
index 0000000000..95ce2efcd8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-015.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px hidden black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td id="cell1">dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td id="cell2">dotted</td>
+ <td id="cell3">hidden</td>
+ <td id="cell4">dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="cell5">dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-016.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-016.xht
new file mode 100644
index 0000000000..16a94ab1f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-016.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'inset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px inset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td id="cell1">dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td id="cell2">dotted</td>
+ <td id="cell3">inset</td>
+ <td id="cell4">dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="cell5">dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-017.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-017.xht
new file mode 100644
index 0000000000..9905c4a30c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-017.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'none' - a border style of 'none' is never the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted black;
+ height: 3em;
+ }
+ #cell1
+ {
+ border: 10px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td>dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="cell1">none</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td>dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-018.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-018.xht
new file mode 100644
index 0000000000..01b45fc77a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-018.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'outset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px outset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td id="cell1">dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td id="cell2">dotted</td>
+ <td id="cell3">outset</td>
+ <td id="cell4">dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="cell5">dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-019.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-019.xht
new file mode 100644
index 0000000000..ce67d5c815
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-019.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'ridge' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px ridge black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td id="cell1">dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td id="cell2">dotted</td>
+ <td id="cell3">ridge</td>
+ <td id="cell4">dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="cell5">dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-020.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-020.xht
new file mode 100644
index 0000000000..791b1f543c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-020.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'solid' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px dotted black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px solid black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>dotted</td>
+ <td id="cell1">dotted</td>
+ <td>dotted</td>
+ </tr>
+ <tr>
+ <td id="cell2">dotted</td>
+ <td id="cell3">solid</td>
+ <td id="cell4">dotted</td>
+ </tr>
+ <tr>
+ <td>dotted</td>
+ <td id="cell5">dotted</td>
+ <td>dotted</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-021.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-021.xht
new file mode 100644
index 0000000000..82fd63b046
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-021.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'dashed' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dashed black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>double</td>
+ <td id="cell1">double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td id="cell2">double</td>
+ <td id="cell3">dashed</td>
+ <td id="cell4">double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="cell5">double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-022.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-022.xht
new file mode 100644
index 0000000000..974fe88525
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-022.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'dotted' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dotted black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>double</td>
+ <td id="cell1">double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td id="cell2">double</td>
+ <td id="cell3">dotted</td>
+ <td id="cell4">double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="cell5">double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-023.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-023.xht
new file mode 100644
index 0000000000..07676443f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-023.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'double' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px double black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>double</td>
+ <td id="cell1">double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td id="cell2">double</td>
+ <td id="cell3">double</td>
+ <td id="cell4">double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="cell5">double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-024.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-024.xht
new file mode 100644
index 0000000000..47e2988381
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-024.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'groove' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px groove black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>double</td>
+ <td id="cell1">double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td id="cell2">double</td>
+ <td id="cell3">groove</td>
+ <td id="cell4">double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="cell5">double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-025.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-025.xht
new file mode 100644
index 0000000000..4ef3667e52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-025.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px hidden black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>double</td>
+ <td id="cell1">double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td id="cell2">double</td>
+ <td id="cell3">hidden</td>
+ <td id="cell4">double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="cell5">double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-026.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-026.xht
new file mode 100644
index 0000000000..feb4905252
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-026.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'inset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px inset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>double</td>
+ <td id="cell1">double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td id="cell2">double</td>
+ <td id="cell3">inset</td>
+ <td id="cell4">double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="cell5">double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-027.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-027.xht
new file mode 100644
index 0000000000..10ad21827f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-027.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'none' - a border style of 'none' is never the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double black;
+ height: 3em;
+ }
+ #cell1
+ {
+ border: 10px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="cell1">none</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td>double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-028.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-028.xht
new file mode 100644
index 0000000000..6ed585c832
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-028.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'outset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px outset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>double</td>
+ <td id="cell1">double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td id="cell2">double</td>
+ <td id="cell3">outset</td>
+ <td id="cell4">double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="cell5">double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-029.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-029.xht
new file mode 100644
index 0000000000..7a04d0107e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-029.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'ridge' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px ridge black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>double</td>
+ <td id="cell1">double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td id="cell2">double</td>
+ <td id="cell3">ridge</td>
+ <td id="cell4">double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="cell5">double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-030.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-030.xht
new file mode 100644
index 0000000000..3555d6a1de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-030.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'solid' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px double black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px solid black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>double</td>
+ <td id="cell1">double</td>
+ <td>double</td>
+ </tr>
+ <tr>
+ <td id="cell2">double</td>
+ <td id="cell3">solid</td>
+ <td id="cell4">double</td>
+ </tr>
+ <tr>
+ <td>double</td>
+ <td id="cell5">double</td>
+ <td>double</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-031.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-031.xht
new file mode 100644
index 0000000000..b788001728
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-031.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'dashed' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dashed black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td id="cell1">groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td id="cell2">groove</td>
+ <td id="cell3">dashed</td>
+ <td id="cell4">groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="cell5">groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-032.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-032.xht
new file mode 100644
index 0000000000..4ee49208de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-032.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'dotted' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dotted black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td id="cell1">groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td id="cell2">groove</td>
+ <td id="cell3">dotted</td>
+ <td id="cell4">groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="cell5">groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-033.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-033.xht
new file mode 100644
index 0000000000..1f3823710e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-033.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'double' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px double black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td id="cell1">groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td id="cell2">groove</td>
+ <td id="cell3">double</td>
+ <td id="cell4">groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="cell5">groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-034.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-034.xht
new file mode 100644
index 0000000000..a9be31fd5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-034.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'groove' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px groove black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td id="cell1">groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td id="cell2">groove</td>
+ <td id="cell3">groove</td>
+ <td id="cell4">groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="cell5">groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-035.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-035.xht
new file mode 100644
index 0000000000..fcf956d07d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-035.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px hidden black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td id="cell1">groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td id="cell2">groove</td>
+ <td id="cell3">hidden</td>
+ <td id="cell4">groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="cell5">groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-036.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-036.xht
new file mode 100644
index 0000000000..2d90eeb6ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-036.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'inset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px inset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td id="cell1">groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td id="cell2">groove</td>
+ <td id="cell3">inset</td>
+ <td id="cell4">groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="cell5">groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-037.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-037.xht
new file mode 100644
index 0000000000..ac1817e164
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-037.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'none' - a border style of 'none' is never the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove black;
+ height: 3em;
+ }
+ #cell1
+ {
+ border: 10px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td>groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="cell1">none</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td>groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-038.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-038.xht
new file mode 100644
index 0000000000..5441c4c197
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-038.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'outset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px outset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td id="cell1">groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td id="cell2">groove</td>
+ <td id="cell3">outset</td>
+ <td id="cell4">groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="cell5">groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-039.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-039.xht
new file mode 100644
index 0000000000..9ee2f9311a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-039.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'ridge' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px ridge black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td id="cell1">groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td id="cell2">groove</td>
+ <td id="cell3">ridge</td>
+ <td id="cell4">groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="cell5">groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-040.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-040.xht
new file mode 100644
index 0000000000..27835836a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-040.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'solid' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px groove black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px solid black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>groove</td>
+ <td id="cell1">groove</td>
+ <td>groove</td>
+ </tr>
+ <tr>
+ <td id="cell2">groove</td>
+ <td id="cell3">solid</td>
+ <td id="cell4">groove</td>
+ </tr>
+ <tr>
+ <td>groove</td>
+ <td id="cell5">groove</td>
+ <td>groove</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-041.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-041.xht
new file mode 100644
index 0000000000..b2bd49af05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-041.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'dashed' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dashed black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td id="cell1">hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td id="cell2">hidden</td>
+ <td id="cell3">dashed</td>
+ <td id="cell4">hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="cell5">hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-042.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-042.xht
new file mode 100644
index 0000000000..edaf2c9446
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-042.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'dotted' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dotted black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td id="cell1">hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td id="cell2">hidden</td>
+ <td id="cell3">dotted</td>
+ <td id="cell4">hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="cell5">hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-043.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-043.xht
new file mode 100644
index 0000000000..959911fd65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-043.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'double' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px double black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td id="cell1">hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td id="cell2">hidden</td>
+ <td id="cell3">double</td>
+ <td id="cell4">hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="cell5">hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-044.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-044.xht
new file mode 100644
index 0000000000..0136ddc2d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-044.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'groove' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px groove black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td id="cell1">hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td id="cell2">hidden</td>
+ <td id="cell3">groove</td>
+ <td id="cell4">hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="cell5">hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-045.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-045.xht
new file mode 100644
index 0000000000..74894851a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-045.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px hidden black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td id="cell1">hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td id="cell2">hidden</td>
+ <td id="cell3">hidden</td>
+ <td id="cell4">hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="cell5">hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-046.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-046.xht
new file mode 100644
index 0000000000..951b1e209e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-046.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'inset' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px inset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td id="cell1">hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td id="cell2">hidden</td>
+ <td id="cell3">inset</td>
+ <td id="cell4">hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="cell5">hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-047.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-047.xht
new file mode 100644
index 0000000000..ca665bbbdf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-047.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'none' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden black;
+ height: 3em;
+ }
+ #cell1
+ {
+ border: 10px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="cell1">none</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td>hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-048.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-048.xht
new file mode 100644
index 0000000000..ca97c507ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-048.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'outset' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px outset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td id="cell1">hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td id="cell2">hidden</td>
+ <td id="cell3">outset</td>
+ <td id="cell4">hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="cell5">hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-049.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-049.xht
new file mode 100644
index 0000000000..6582c48fe6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-049.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'ridge' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px ridge black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td id="cell1">hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td id="cell2">hidden</td>
+ <td id="cell3">ridge</td>
+ <td id="cell4">hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="cell5">hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-050.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-050.xht
new file mode 100644
index 0000000000..1f44e2392b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-050.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'solid' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px hidden black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px solid black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>hidden</td>
+ <td id="cell1">hidden</td>
+ <td>hidden</td>
+ </tr>
+ <tr>
+ <td id="cell2">hidden</td>
+ <td id="cell3">solid</td>
+ <td id="cell4">hidden</td>
+ </tr>
+ <tr>
+ <td>hidden</td>
+ <td id="cell5">hidden</td>
+ <td>hidden</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-051.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-051.xht
new file mode 100644
index 0000000000..03b2974e0b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-051.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'dashed' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dashed black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td id="cell1">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td id="cell2">inset</td>
+ <td id="cell3">dashed</td>
+ <td id="cell4">inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="cell5">inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-052.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-052.xht
new file mode 100644
index 0000000000..99998a33f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-052.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'dotted' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dotted black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td id="cell1">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td id="cell2">inset</td>
+ <td id="cell3">dotted</td>
+ <td id="cell4">inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="cell5">inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-053.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-053.xht
new file mode 100644
index 0000000000..b6568b9267
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-053.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'double' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px double black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td id="cell1">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td id="cell2">inset</td>
+ <td id="cell3">double</td>
+ <td id="cell4">inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="cell5">inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-054.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-054.xht
new file mode 100644
index 0000000000..3175ea8b4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-054.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'groove' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px groove black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td id="cell1">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td id="cell2">inset</td>
+ <td id="cell3">groove</td>
+ <td id="cell4">inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="cell5">inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-055.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-055.xht
new file mode 100644
index 0000000000..63e8fac93a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-055.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px hidden black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td id="cell1">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td id="cell2">inset</td>
+ <td id="cell3">hidden</td>
+ <td id="cell4">inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="cell5">inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-056.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-056.xht
new file mode 100644
index 0000000000..7438ea6eda
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-056.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'inset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px inset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td id="cell1">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td id="cell2">inset</td>
+ <td id="cell3">inset</td>
+ <td id="cell4">inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="cell5">inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-057.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-057.xht
new file mode 100644
index 0000000000..15a4ff92c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-057.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'none' - a border style of 'none' is never the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset black;
+ height: 3em;
+ }
+ #cell1
+ {
+ border: 10px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td>inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="cell1">none</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td>inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-058.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-058.xht
new file mode 100644
index 0000000000..ecfa3a2601
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-058.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'outset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px outset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td id="cell1">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td id="cell2">inset</td>
+ <td id="cell3">outset</td>
+ <td id="cell4">inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="cell5">inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-059.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-059.xht
new file mode 100644
index 0000000000..aff106dbe8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-059.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'ridge' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px ridge black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td id="cell1">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td id="cell2">inset</td>
+ <td id="cell3">ridge</td>
+ <td id="cell4">inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="cell5">inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-060.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-060.xht
new file mode 100644
index 0000000000..90cc700bbd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-060.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'solid' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px inset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px solid black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>inset</td>
+ <td id="cell1">inset</td>
+ <td>inset</td>
+ </tr>
+ <tr>
+ <td id="cell2">inset</td>
+ <td id="cell3">solid</td>
+ <td id="cell4">inset</td>
+ </tr>
+ <tr>
+ <td>inset</td>
+ <td id="cell5">inset</td>
+ <td>inset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-061.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-061.xht
new file mode 100644
index 0000000000..c360d246e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-061.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'dashed' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dashed black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>none</td>
+ <td id="cell1">none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td id="cell2">none</td>
+ <td id="cell3">dashed</td>
+ <td id="cell4">none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="cell5">none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-062.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-062.xht
new file mode 100644
index 0000000000..db2559556d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-062.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'dotted' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dotted black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>none</td>
+ <td id="cell1">none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td id="cell2">none</td>
+ <td id="cell3">dotted</td>
+ <td id="cell4">none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="cell5">none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-063.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-063.xht
new file mode 100644
index 0000000000..b5ff100472
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-063.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'double' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px double black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>none</td>
+ <td id="cell1">none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td id="cell2">none</td>
+ <td id="cell3">double</td>
+ <td id="cell4">none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="cell5">none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-064.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-064.xht
new file mode 100644
index 0000000000..759096cb0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-064.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'groove' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px groove black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>none</td>
+ <td id="cell1">none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td id="cell2">none</td>
+ <td id="cell3">groove</td>
+ <td id="cell4">none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="cell5">none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-065.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-065.xht
new file mode 100644
index 0000000000..2119b4d810
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-065.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px hidden black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>none</td>
+ <td id="cell1">none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td id="cell2">none</td>
+ <td id="cell3">hidden</td>
+ <td id="cell4">none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="cell5">none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-066.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-066.xht
new file mode 100644
index 0000000000..07de2da6b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-066.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'inset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px inset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>none</td>
+ <td id="cell1">none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td id="cell2">none</td>
+ <td id="cell3">inset</td>
+ <td id="cell4">none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="cell5">none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-067.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-067.xht
new file mode 100644
index 0000000000..b2acf09128
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-067.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'none' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none black;
+ height: 3em;
+ }
+ #cell1
+ {
+ border: 10px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="cell1">none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td>none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-068.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-068.xht
new file mode 100644
index 0000000000..cfa11b3bfc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-068.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'outset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px outset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>none</td>
+ <td id="cell1">none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td id="cell2">none</td>
+ <td id="cell3">outset</td>
+ <td id="cell4">none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="cell5">none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-069.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-069.xht
new file mode 100644
index 0000000000..0959c037dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-069.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'ridge' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px ridge black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>none</td>
+ <td id="cell1">none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td id="cell2">none</td>
+ <td id="cell3">ridge</td>
+ <td id="cell4">none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="cell5">none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-070.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-070.xht
new file mode 100644
index 0000000000..c09cee56ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-070.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'solid' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px none black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px solid black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>none</td>
+ <td id="cell1">none</td>
+ <td>none</td>
+ </tr>
+ <tr>
+ <td id="cell2">none</td>
+ <td id="cell3">solid</td>
+ <td id="cell4">none</td>
+ </tr>
+ <tr>
+ <td>none</td>
+ <td id="cell5">none</td>
+ <td>none</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-071.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-071.xht
new file mode 100644
index 0000000000..919001f8ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-071.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'dashed' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dashed black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td id="cell1">outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td id="cell2">outset</td>
+ <td id="cell3">dashed</td>
+ <td id="cell4">outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="cell5">outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-072.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-072.xht
new file mode 100644
index 0000000000..6f19840530
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-072.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'dotted' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dotted black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td id="cell1">outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td id="cell2">outset</td>
+ <td id="cell3">dotted</td>
+ <td id="cell4">outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="cell5">outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-073.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-073.xht
new file mode 100644
index 0000000000..8189bf94fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-073.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'double' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px double black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td id="cell1">outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td id="cell2">outset</td>
+ <td id="cell3">double</td>
+ <td id="cell4">outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="cell5">outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-074.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-074.xht
new file mode 100644
index 0000000000..4081b0d4a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-074.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'groove' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px groove black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td id="cell1">outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td id="cell2">outset</td>
+ <td id="cell3">groove</td>
+ <td id="cell4">outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="cell5">outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-075.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-075.xht
new file mode 100644
index 0000000000..e81140326e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-075.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px hidden black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td id="cell1">outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td id="cell2">outset</td>
+ <td id="cell3">hidden</td>
+ <td id="cell4">outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="cell5">outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-076.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-076.xht
new file mode 100644
index 0000000000..20eecc3f20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-076.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'inset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px inset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td id="cell1">outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td id="cell2">outset</td>
+ <td id="cell3">inset</td>
+ <td id="cell4">outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="cell5">outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-077.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-077.xht
new file mode 100644
index 0000000000..29471dff13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-077.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'none' - a border style of 'none' is never the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset black;
+ height: 3em;
+ }
+ #cell1
+ {
+ border: 10px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td>outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="cell1">none</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td>outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-078.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-078.xht
new file mode 100644
index 0000000000..a49cba775b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-078.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'outset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px outset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td id="cell1">outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td id="cell2">outset</td>
+ <td id="cell3">outset</td>
+ <td id="cell4">outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="cell5">outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-079.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-079.xht
new file mode 100644
index 0000000000..ad13d14044
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-079.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'ridge' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px ridge black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td id="cell1">outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td id="cell2">outset</td>
+ <td id="cell3">ridge</td>
+ <td id="cell4">outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="cell5">outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-080.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-080.xht
new file mode 100644
index 0000000000..8f672e7dcd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-080.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'solid' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px outset black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px solid black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>outset</td>
+ <td id="cell1">outset</td>
+ <td>outset</td>
+ </tr>
+ <tr>
+ <td id="cell2">outset</td>
+ <td id="cell3">solid</td>
+ <td id="cell4">outset</td>
+ </tr>
+ <tr>
+ <td>outset</td>
+ <td id="cell5">outset</td>
+ <td>outset</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-081.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-081.xht
new file mode 100644
index 0000000000..1f30a9c5bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-081.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'dashed' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dashed black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td id="cell1">ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td id="cell2">ridge</td>
+ <td id="cell3">dashed</td>
+ <td id="cell4">ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="cell5">ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-082.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-082.xht
new file mode 100644
index 0000000000..9c69351c97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-082.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'dotted' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dotted black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td id="cell1">ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td id="cell2">ridge</td>
+ <td id="cell3">dotted</td>
+ <td id="cell4">ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="cell5">ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-083.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-083.xht
new file mode 100644
index 0000000000..3b94c3fc0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-083.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'double' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px double black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td id="cell1">ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td id="cell2">ridge</td>
+ <td id="cell3">double</td>
+ <td id="cell4">ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="cell5">ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-084.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-084.xht
new file mode 100644
index 0000000000..5e571aede0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-084.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'groove' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px groove black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td id="cell1">ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td id="cell2">ridge</td>
+ <td id="cell3">groove</td>
+ <td id="cell4">ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="cell5">ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-085.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-085.xht
new file mode 100644
index 0000000000..230e164e1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-085.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px hidden black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td id="cell1">ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td id="cell2">ridge</td>
+ <td id="cell3">hidden</td>
+ <td id="cell4">ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="cell5">ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-086.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-086.xht
new file mode 100644
index 0000000000..f48be7d637
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-086.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'inset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px inset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td id="cell1">ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td id="cell2">ridge</td>
+ <td id="cell3">inset</td>
+ <td id="cell4">ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="cell5">ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-087.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-087.xht
new file mode 100644
index 0000000000..791747d910
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-087.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'none' - a border style of 'none' is never the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse, except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge black;
+ height: 3em;
+ }
+ #cell1
+ {
+ border: 10px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td>ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="cell1">none</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td>ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-088.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-088.xht
new file mode 100644
index 0000000000..51d6b3445b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-088.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'outset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px outset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td id="cell1">ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td id="cell2">ridge</td>
+ <td id="cell3">outset</td>
+ <td id="cell4">ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="cell5">ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-089.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-089.xht
new file mode 100644
index 0000000000..af70afa59f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-089.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'ridge' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px ridge black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td id="cell1">ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td id="cell2">ridge</td>
+ <td id="cell3">ridge</td>
+ <td id="cell4">ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="cell5">ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-090.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-090.xht
new file mode 100644
index 0000000000..f940a01a71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-090.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'solid' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px ridge black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px solid black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>ridge</td>
+ <td id="cell1">ridge</td>
+ <td>ridge</td>
+ </tr>
+ <tr>
+ <td id="cell2">ridge</td>
+ <td id="cell3">solid</td>
+ <td id="cell4">ridge</td>
+ </tr>
+ <tr>
+ <td>ridge</td>
+ <td id="cell5">ridge</td>
+ <td>ridge</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-091.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-091.xht
new file mode 100644
index 0000000000..5b7a151d9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-091.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'dashed' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dashed black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td id="cell1">solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td id="cell2">solid</td>
+ <td id="cell3">dashed</td>
+ <td id="cell4">solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="cell5">solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-092.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-092.xht
new file mode 100644
index 0000000000..95e9577ad1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-092.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'dotted' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px dotted black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td id="cell1">solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td id="cell2">solid</td>
+ <td id="cell3">dotted</td>
+ <td id="cell4">solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="cell5">solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-093.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-093.xht
new file mode 100644
index 0000000000..09dc6c6d7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-093.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'double' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px double black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td id="cell1">solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td id="cell2">solid</td>
+ <td id="cell3">double</td>
+ <td id="cell4">solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="cell5">solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-094.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-094.xht
new file mode 100644
index 0000000000..e94334fa16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-094.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'groove' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px groove black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td id="cell1">solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td id="cell2">solid</td>
+ <td id="cell3">groove</td>
+ <td id="cell4">solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="cell5">solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-095.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-095.xht
new file mode 100644
index 0000000000..2318819f8b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-095.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px hidden black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td id="cell1">solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td id="cell2">solid</td>
+ <td id="cell3">hidden</td>
+ <td id="cell4">solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="cell5">solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-096.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-096.xht
new file mode 100644
index 0000000000..db6e83c95a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-096.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'inset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px inset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td id="cell1">solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td id="cell2">solid</td>
+ <td id="cell3">inset</td>
+ <td id="cell4">solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="cell5">solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-097.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-097.xht
new file mode 100644
index 0000000000..531bac6a26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-097.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'none' - a border style of 'none' is never the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid black;
+ height: 3em;
+ }
+ #cell1
+ {
+ border: 10px none red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="cell1">none</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td>solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-098.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-098.xht
new file mode 100644
index 0000000000..4dc5506d4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-098.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'outset' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px outset black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td id="cell1">solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td id="cell2">solid</td>
+ <td id="cell3">outset</td>
+ <td id="cell4">solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="cell5">solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-099.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-099.xht
new file mode 100644
index 0000000000..ae1c42466b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-099.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'ridge' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px ridge black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td id="cell1">solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td id="cell2">solid</td>
+ <td id="cell3">ridge</td>
+ <td id="cell4">solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="cell5">solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-100.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-100.xht
new file mode 100644
index 0000000000..67aca8983f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-100.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'solid' - border style with largest width is the dominant border</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org/" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
+ <meta name="assert" content="The widest border is dominant when two cell borders collapse." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 5px solid black;
+ height: 3em;
+ }
+ #cell3
+ {
+ border: 10px solid black;
+ }
+ #cell1
+ {
+ border-bottom-color: red;
+ }
+ #cell4
+ {
+ border-left-color: red;
+ }
+ #cell5
+ {
+ border-top-color: red;
+ }
+ #cell2
+ {
+ border-right-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>solid</td>
+ <td id="cell1">solid</td>
+ <td>solid</td>
+ </tr>
+ <tr>
+ <td id="cell2">solid</td>
+ <td id="cell3">solid</td>
+ <td id="cell4">solid</td>
+ </tr>
+ <tr>
+ <td>solid</td>
+ <td id="cell5">solid</td>
+ <td>solid</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-001.xht
new file mode 100644
index 0000000000..5ccdca71c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-001.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using pixels with a minimum minus one value, -1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Setting border-spacing to a value below the minimum in pixels falls back to the default value." />
+ <style type="text/css">
+ table
+ {
+ background-color: black;
+ font-size: 12pt;
+ margin-top: 10px;
+ }
+ #test
+ {
+ border-spacing: -1px;
+ }
+ td
+ {
+ height: 100px;
+ padding: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same width.</p>
+ <table id="test">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-002.xht
new file mode 100644
index 0000000000..193b9fa011
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-002.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using pixels with a minimum value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value with pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0px;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-003.xht
new file mode 100644
index 0000000000..91ff3b1cec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-003.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using pixels with a minimum plus one value, 1px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set one above the minimum in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 121px;
+ position: relative;
+ top: 1px;
+ width: 1px;
+ }
+ table
+ {
+ border-spacing: 1px 0;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle line is as wide as the space between the bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-004.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-004.xht
new file mode 100644
index 0000000000..c46f1e87c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-004.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero using pixels with a minus sign, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a minus sign, with pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ table
+ {
+ border-spacing: -0px;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-005.xht
new file mode 100644
index 0000000000..b36ed950c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-005.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero using pixels with a plus sign, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a plus sign, with pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: +0px;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-006.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-006.xht
new file mode 100644
index 0000000000..8ff558597d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-006.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to nominal length in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 216px;
+ position: relative;
+ top: 96px;
+ width: 96px;
+ }
+ table
+ {
+ border-spacing: 96px;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-007.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-007.xht
new file mode 100644
index 0000000000..a0c5b1da02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-007.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using pixels with a nominal value (with plus sign), +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to a nominal length (with plus sign) in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 216px;
+ position: relative;
+ top: 96px;
+ width: 96px;
+ }
+ table
+ {
+ border-spacing: +96px;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-012.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-012.xht
new file mode 100644
index 0000000000..fcb8f6ba32
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-012.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using points with a minimum minus one value, -1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Setting border-spacing to a value below the minimum in points falls back to the default value." />
+ <style type="text/css">
+ table
+ {
+ background-color: black;
+ font-size: 12pt;
+ margin-top: 10px;
+ }
+ #test
+ {
+ border-spacing: -1pt;
+ }
+ td
+ {
+ height: 100px;
+ padding: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same width.</p>
+ <table id="test">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-013.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-013.xht
new file mode 100644
index 0000000000..702d1950b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-013.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using points with a minimum value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value with points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0pt;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-014.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-014.xht
new file mode 100644
index 0000000000..422d224646
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-014.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using points with a minimum plus one value, 1pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set one above the minimum in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 91pt;
+ position: relative;
+ top: 1pt;
+ width: 1pt;
+ }
+ table
+ {
+ border-spacing: 1pt;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle line is as wide as the space between the bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-015.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-015.xht
new file mode 100644
index 0000000000..5ebf41ea13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-015.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero using points with a negative sign, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a negative sign, with points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: -0pt;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-016.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-016.xht
new file mode 100644
index 0000000000..cf49c21a50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-016.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero using points with a plus sign, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a plus sign, with points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: +0pt;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-017.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-017.xht
new file mode 100644
index 0000000000..8d8d554c73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-017.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to nominal length in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 162pt;
+ position: relative;
+ top: 72pt;
+ width: 72pt;
+ }
+ table
+ {
+ border-spacing: 72pt;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-018.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-018.xht
new file mode 100644
index 0000000000..b4581f9d2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-018.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using points with a nominal value with a plus sign, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to a nominal length (with plus sign) in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 162pt;
+ position: relative;
+ top: 72pt;
+ width: 72pt;
+ }
+ table
+ {
+ border-spacing: +72pt;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-023.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-023.xht
new file mode 100644
index 0000000000..1172e41090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-023.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using picas with a minimum minus one value, -1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Setting border-spacing to a value below the minimum in picas falls back to the default value." />
+ <style type="text/css">
+ table
+ {
+ background-color: black;
+ font-size: 12pt;
+ margin-top: 10px;
+ }
+ #test
+ {
+ border-spacing: -1pc;
+ }
+ td
+ {
+ height: 100px;
+ padding: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same width.</p>
+ <table id="test">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-024.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-024.xht
new file mode 100644
index 0000000000..d72eaed01b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-024.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero using picas, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value with picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0pc;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-025.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-025.xht
new file mode 100644
index 0000000000..80f980f213
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-025.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using picas with a minimum plus one value, 1pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set one above the minimum in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 8.5pc;
+ position: relative;
+ top: 1pc;
+ width: 1pc;
+ }
+ table
+ {
+ border-spacing: 1pc;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle block is as wide as the space between the bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-026.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-026.xht
new file mode 100644
index 0000000000..507ce2db80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-026.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero using picas with a negative sign, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a negative sign, with picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: -0pc;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-027.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-027.xht
new file mode 100644
index 0000000000..0409823be5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-027.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero using picas with a plus sign, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a plus sign, with picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: +0pc;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-028.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-028.xht
new file mode 100644
index 0000000000..afc3c76083
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-028.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to nominal length in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 13.5pc;
+ position: relative;
+ top: 6pc;
+ width: 6pc;
+ }
+ table
+ {
+ border-spacing: 6pc;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-029.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-029.xht
new file mode 100644
index 0000000000..8bef27f087
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-029.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using picas with a nominal value (with plus sign), +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to a nominal length (with plus sign) in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 13.5pc;
+ position: relative;
+ top: 6pc;
+ width: 6pc;
+ }
+ table
+ {
+ border-spacing: +6pc;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-034.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-034.xht
new file mode 100644
index 0000000000..22916f25ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-034.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using centimeters with a minimum minus one value, -1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Setting border-spacing to a value below the minimum in centimeters falls back to the default value." />
+ <style type="text/css">
+ table
+ {
+ background-color: black;
+ font-size: 12pt;
+ margin-top: 10px;
+ }
+ #test
+ {
+ border-spacing: -1cm;
+ }
+ td
+ {
+ height: 100px;
+ padding: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same width.</p>
+ <table id="test">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-035.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-035.xht
new file mode 100644
index 0000000000..6531b25015
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-035.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using centimeters with a minimum value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value with centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0cm;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-036.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-036.xht
new file mode 100644
index 0000000000..1f6ba7176b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-036.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using centimeters with a minimum plus one value, 1cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set one above the minimum in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 158px;
+ position: relative;
+ top: 1cm;
+ width: 1cm;
+ }
+ table
+ {
+ border-spacing: 1cm;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle block is as wide as the space between the bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-037.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-037.xht
new file mode 100644
index 0000000000..ef71e33ed3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-037.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero using centimeters with a minus sign, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a minus sign, with centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: -0cm;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-038.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-038.xht
new file mode 100644
index 0000000000..13400a93a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-038.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero using centimeters with a plus sign, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a plus sign, with centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: +0cm;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-039.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-039.xht
new file mode 100644
index 0000000000..88a180da0b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-039.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to nominal length in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 216px;
+ position: relative;
+ top: 2.54cm;
+ width: 2.54cm;
+ }
+ table
+ {
+ border-spacing: 2.54cm;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-040.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-040.xht
new file mode 100644
index 0000000000..fe57c72b79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-040.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using centimeters with a nominal value (with plus sign), +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to a nominal length (with plus sign) in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 216px;
+ position: relative;
+ top: 2.54cm;
+ width: 2.54cm;
+ }
+ table
+ {
+ border-spacing: +2.54cm;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-045.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-045.xht
new file mode 100644
index 0000000000..0bbace84c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-045.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using millimeters with a minimum minus one value, -1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Setting border-spacing to a value below the minimum in millimeters falls back to the default value." />
+ <style type="text/css">
+ table
+ {
+ background-color: black;
+ font-size: 12pt;
+ margin-top: 10px;
+ }
+ #test
+ {
+ border-spacing: -1mm;
+ }
+ td
+ {
+ height: 100px;
+ padding: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same width.</p>
+ <table id="test">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-046.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-046.xht
new file mode 100644
index 0000000000..44fa9c0bd7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-046.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using millimeters with a minimum value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value with millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0mm;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-047.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-047.xht
new file mode 100644
index 0000000000..18be574888
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-047.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using millimeters with a minimum plus one value, 1mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set one above the minimum in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 124px;
+ position: relative;
+ top: 1mm;
+ width: 1mm;
+ }
+ table
+ {
+ border-spacing: 1mm;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle block is as wide as the space between the bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-048.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-048.xht
new file mode 100644
index 0000000000..bf375581ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-048.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero using millimeters with a minus sign, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a negative sign, with millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: -0mm;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-049.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-049.xht
new file mode 100644
index 0000000000..c9a2edc8a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-049.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero using millimeters with a plus sign, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a plus sign, with millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: +0mm;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-050.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-050.xht
new file mode 100644
index 0000000000..566add8cb3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-050.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to nominal length in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 216px;
+ position: relative;
+ top: 25.4mm;
+ width: 25.4mm;
+ }
+ table
+ {
+ border-spacing: 25.4mm;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-051.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-051.xht
new file mode 100644
index 0000000000..00d8c4db49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-051.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using millimeters with a nominal value (with plus sign), +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to a nominal length (with plus sign) in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 216px;
+ position: relative;
+ top: 25.4mm;
+ width: 25.4mm;
+ }
+ table
+ {
+ border-spacing: +25.4mm;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-056.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-056.xht
new file mode 100644
index 0000000000..17f19d5a2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-056.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using inches with a minimum minus one value, -1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Setting border-spacing to a value below the minimum in inches falls back to the default value." />
+ <style type="text/css">
+ table
+ {
+ background-color: black;
+ font-size: 12pt;
+ margin-top: 10px;
+ }
+ #test
+ {
+ border-spacing: -1in;
+ }
+ td
+ {
+ height: 100px;
+ padding: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same width.</p>
+ <table id="test">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-057.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-057.xht
new file mode 100644
index 0000000000..157a746b87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-057.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using inches with a minimum value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value with inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0in;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-058.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-058.xht
new file mode 100644
index 0000000000..e8e01ab962
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-058.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using inches with a minimum plus one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set one above the minimum in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 216px;
+ position: relative;
+ top: 1in;
+ width: 1in;
+ }
+ table
+ {
+ border-spacing: 1in;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-059.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-059.xht
new file mode 100644
index 0000000000..037719c9d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-059.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero using inches with a minus sign, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a negative sign, with inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: -0in;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-060.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-060.xht
new file mode 100644
index 0000000000..2849d93084
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-060.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero using inches with a plus sign, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a plus sign, with inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: +0in;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-061.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-061.xht
new file mode 100644
index 0000000000..376edfe1b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-061.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using inches with a nominal value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to nominal length in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 216px;
+ position: relative;
+ top: 1in;
+ width: 1in;
+ }
+ table
+ {
+ border-spacing: 1in;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-062.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-062.xht
new file mode 100644
index 0000000000..b6effd4177
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-062.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using inches with a nominal value (with plus sign), +1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to a nominal length (with plus sign) in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 216px;
+ position: relative;
+ top: 1in;
+ width: 1in;
+ }
+ table
+ {
+ border-spacing: +1in;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-067.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-067.xht
new file mode 100644
index 0000000000..ac23ea0678
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-067.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using 'em' units with a minimum minus one value, -1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Setting border-spacing to a value below the minimum in 'em' units falls back to the default value." />
+ <style type="text/css">
+ table
+ {
+ background-color: black;
+ font-size: 12pt;
+ margin-top: 10px;
+ }
+ #test
+ {
+ border-spacing: -1em;
+ }
+ td
+ {
+ height: 100px;
+ padding: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same width.</p>
+ <table id="test">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-068.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-068.xht
new file mode 100644
index 0000000000..a71ffdb3f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-068.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using 'em' units with a minimum value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value with 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0em;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-069.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-069.xht
new file mode 100644
index 0000000000..05bdb1accb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-069.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using 'em' units with a minimum plus one value, 1em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set one above the minimum in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 7em;
+ position: relative;
+ top: 1em;
+ width: 1em;
+ }
+ table
+ {
+ border-spacing: 1em;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle block is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-070.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-070.xht
new file mode 100644
index 0000000000..d543d41eb6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-070.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero using 'em' units with a minus sign, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a minus sign, in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: -0em;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXX</td>
+ <td>XXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-071.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-071.xht
new file mode 100644
index 0000000000..21264c412d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-071.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero using 'em' units with a plus sign, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a plus sign, in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: +0em;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXX</td>
+ <td>XXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-072.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-072.xht
new file mode 100644
index 0000000000..a142891da4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-072.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to nominal length in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 12em;
+ position: relative;
+ top: 6em;
+ width: 6em;
+ }
+ table
+ {
+ border-spacing: 6em;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-073.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-073.xht
new file mode 100644
index 0000000000..1f24481aa5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-073.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using 'em' units with a nominal value with a plus sign, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to a nominal length (with plus sign) in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 12em;
+ position: relative;
+ top: 6em;
+ width: 6em;
+ }
+ table
+ {
+ border-spacing: +6em;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-078.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-078.xht
new file mode 100644
index 0000000000..96afd48253
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-078.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using 'ex' units with a minimum minus one value, -1ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Setting border-spacing to a value below the minimum in 'ex' units falls back to the default value." />
+ <style type="text/css">
+ table
+ {
+ background-color: black;
+ font-size: 12pt;
+ margin-top: 10px;
+ }
+ #test
+ {
+ border-spacing: -1ex;
+ }
+ td
+ {
+ height: 100px;
+ padding: 0;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same width.</p>
+ <table id="test">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-079.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-079.xht
new file mode 100644
index 0000000000..51514895b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-079.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using 'ex' units with a minimum value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0ex;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXX</td>
+ <td>XXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-081.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-081.xht
new file mode 100644
index 0000000000..832cf47793
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-081.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero using 'ex' units with a minus sign, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a negative sign, in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: -0ex;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXX</td>
+ <td>XXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-082.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-082.xht
new file mode 100644
index 0000000000..902b500eea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-082.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero using 'ex' units with a plus sign, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with plus sign, with 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: +0ex;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one bar below this line.</p>
+ <table>
+ <tr>
+ <td>XXXX</td>
+ <td>XXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-083.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-083.xht
new file mode 100644
index 0000000000..194a82ab1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-083.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using 'ex' units with a nominal value, 7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to nominal length in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 15ex;
+ position: relative;
+ top: 7.5ex;
+ width: 7.5ex;
+ }
+ table
+ {
+ border-spacing: 7.5ex;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-084.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-084.xht
new file mode 100644
index 0000000000..41f9ba32e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-084.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing using 'ex' units with a nominal value with a plus sign, +7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to a nominal length (with plus sign) in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div, table
+ {
+ font: 20px Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 15ex;
+ position: relative;
+ top: 7.5ex;
+ width: 7.5ex;
+ }
+ table
+ {
+ border-spacing: +7.5ex;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-089.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-089.xht
new file mode 100644
index 0000000000..ee6d473dc3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-089.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero with no units with a minus sign, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value with an integer, regardless of the negative sign on it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: -0;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-090.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-090.xht
new file mode 100644
index 0000000000..9e67659970
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-090.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero with no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value with an integer." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-091.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-091.xht
new file mode 100644
index 0000000000..8c22b7c1e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-091.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to zero with no units with a plus sign, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing can be set to the minimum value with an integer, regardless of the positive sign on it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: +0;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below this line.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-092.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-092.xht
new file mode 100644
index 0000000000..546de9b37d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-092.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to inherit with one value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Verify that a table with 'border-spacing: inherit' uses its parent container's border-spacing value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ border-spacing: 1in;
+ }
+ div, table
+ {
+ font: 20px/1 Ahem;
+ }
+ div
+ {
+ background: black;
+ height: 1em;
+ left: 216px;
+ position: relative;
+ top: 1in;
+ width: 1in;
+ }
+ table
+ {
+ border-spacing: inherit;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p>
+ <div></div>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-093.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-093.xht
new file mode 100644
index 0000000000..c17fb184ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-093.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing set to inherit with two values, 50px 5px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Verify that a table with 'border-spacing: inherit' uses both of its parent container's border-spacing values if two are specified." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ border-spacing: 50px 5px;
+ }
+ table
+ {
+ border-spacing: inherit;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if four bars appear, and the horizontal space between them is greater than the vertical space between them.</p>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-094.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-094.xht
new file mode 100644
index 0000000000..726c4abe6f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-094.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing: using two values, 5px 50px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Verify that a table can have two values specified by its border-spacing property." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 5px 50px;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if four bars appear, and the vertical space between them is greater than the horizontal space between them.</p>
+ <table>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXXX</td>
+ <td>XXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-001.xht
new file mode 100644
index 0000000000..ad30538d58
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-001.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing and 'display: inline' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Border-spacing does not apply to 'display: inline' elements." />
+ <style type="text/css">
+ #parent
+ {
+ width: 10em;
+ }
+ .inline
+ {
+ color: white;
+ display: inline;
+ }
+ .test
+ {
+ border: 10px solid blue;
+ border-spacing: 20px;
+ }
+ .reference
+ {
+ border: 10px solid orange;
+ }
+ #spacer
+ {
+ margin: 25px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the vertical space between the two blue boxes is the same as the space between the two orange boxes.</p>
+ <div id="parent">
+ <div class="inline test">XXXXX</div><div class="inline reference">XXXXX</div>
+ <div id="spacer"></div>
+ <div class="inline test">XXXXX</div><div class="inline reference">XXXXX</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-002.xht
new file mode 100644
index 0000000000..a3e473ce4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-002.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing and 'display: block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Border-spacing does not apply to 'display: block' elements." />
+ <style type="text/css">
+ div
+ {
+ border-spacing: 20px;
+ display: block;
+ height: 100px;
+ width: 100px;
+ }
+ #div1
+ {
+ border: 10px solid blue;
+ }
+ #div2
+ {
+ border: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-003.xht
new file mode 100644
index 0000000000..4a9e876c81
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-003.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing and 'display: list-item' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Border-spacing does not apply to 'display: list-item' elements." />
+ <style type="text/css">
+ div
+ {
+ border-spacing: 20px;
+ display: list-item;
+ height: 100px;
+ margin-left: 2em;
+ width: 100px;
+ }
+ #div1
+ {
+ border: 10px solid blue;
+ }
+ #div2
+ {
+ border: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both the blue and orange squares below have marker bullets on the left-hand side and there is no vertical gap between the squares.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-005.xht
new file mode 100644
index 0000000000..dba10ab124
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-005.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing and 'display: inline-block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Border-spacing does not apply to 'display: inline-block' elements." />
+ <style type="text/css">
+ #parent
+ {
+ width: 240px;
+ }
+ .inline
+ {
+ color: white;
+ display: inline-block;
+ height: 100px;
+ width: 100px;
+ }
+ .test
+ {
+ border: 10px solid blue;
+ border-spacing: 20px;
+ }
+ .reference
+ {
+ border: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the vertical space between the two blue boxes is the same as the space between the two orange boxes.</p>
+ <div id="parent">
+ <div class="inline test"></div><div class="inline reference"></div>
+ <div></div>
+ <div class="inline test"></div><div class="inline reference"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-006.xht
new file mode 100644
index 0000000000..6c313c2858
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-006.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing and 'display: table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Border-spacing applies to 'display: table' elements." />
+ <style type="text/css">
+ #table
+ {
+ border-spacing: 20px;
+ display: table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ .top
+ {
+ border: 10px solid blue;
+ }
+ .bottom
+ {
+ border: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue and orange square below and there is a vertical gap between the squares.</p>
+ <div id="table">
+ <div class="tr">
+ <div class="td top"></div>
+ </div>
+ <div class="tr">
+ <div class="td bottom"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-007.xht
new file mode 100644
index 0000000000..8c00ed992e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-007.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing and 'display: inline-table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Border-spacing applies to 'display: inline-table' elements." />
+ <style type="text/css">
+ #table
+ {
+ border-spacing: 20px;
+ display: inline-table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ .top
+ {
+ border: 10px solid blue;
+ }
+ .bottom
+ {
+ border: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue and orange square below and there is a vertical gap between the squares.</p>
+ <div id="table">
+ <div class="tr">
+ <div class="td top"></div>
+ </div>
+ <div class="tr">
+ <div class="td bottom"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-008.xht
new file mode 100644
index 0000000000..866cacadc8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-008.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing and 'display: table-row-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Border-spacing does not apply to 'display: table-row-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .test
+ {
+ border-spacing: 20px;
+ display: table-row-group;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ .top
+ {
+ border: 10px solid blue;
+ }
+ .bottom
+ {
+ border: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</p>
+ <div id="table">
+ <div class="test">
+ <div class="tr">
+ <div class="td top"></div>
+ </div>
+ </div>
+ <div class="test">
+ <div class="tr">
+ <div class="td bottom"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-009.xht
new file mode 100644
index 0000000000..119d1824c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-009.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing and 'display: table-header-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Border-spacing does not apply to 'display: table-header-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .test
+ {
+ border-spacing: 20px;
+ display: table-header-group;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ .top
+ {
+ border: 10px solid blue;
+ }
+ .bottom
+ {
+ border: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</p>
+ <div id="table">
+ <div class="test">
+ <div class="tr">
+ <div class="td top"></div>
+ </div>
+ </div>
+ <div class="test">
+ <div class="tr">
+ <div class="td bottom"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-010.xht
new file mode 100644
index 0000000000..77b877c99e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-010.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing and 'display: table-footer-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Border-spacing does not apply to 'display: table-footer-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .test
+ {
+ border-spacing: 20px;
+ display: table-footer-group;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ .top
+ {
+ border: 10px solid orange;
+ }
+ .bottom
+ {
+ border: 10px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</p>
+ <div id="table">
+ <div class="test">
+ <div class="tr">
+ <div class="td top"></div>
+ </div>
+ </div>
+ <div class="test">
+ <div class="tr">
+ <div class="td bottom"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-011.xht
new file mode 100644
index 0000000000..c56d90e07f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-011.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing and 'display: table-row' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Border-spacing does not apply to 'display: table-row' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .tr
+ {
+ border-spacing: 20px;
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ .top
+ {
+ border: 10px solid blue;
+ }
+ .bottom
+ {
+ border: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</p>
+ <div id="table">
+ <div class="tr">
+ <div class="td top"></div>
+ </div>
+ <div class="tr">
+ <div class="td bottom"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-012.xht
new file mode 100644
index 0000000000..a0c7fdca1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-012.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing and 'display: table-column' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Border-spacing does not apply to 'display: table-column' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ border-spacing: 20px;
+ display: table-column;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ .top
+ {
+ border: 10px solid blue;
+ }
+ .bottom
+ {
+ border: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div class="tr">
+ <div class="td top"></div>
+ </div>
+ <div class="tr">
+ <div class="td bottom"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-013.xht
new file mode 100644
index 0000000000..7ea47daa35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-013.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing and 'display: table-column-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Border-spacing does not apply to 'display: table-column-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ border-spacing: 20px;
+ display: table-column-group;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ .top
+ {
+ border: 10px solid blue;
+ }
+ .bottom
+ {
+ border: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div class="tr">
+ <div class="td top"></div>
+ </div>
+ <div class="tr">
+ <div class="td bottom"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-014.xht
new file mode 100644
index 0000000000..885924f8c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-014.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing and 'display: table-cell' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Border-spacing does not apply to 'display: table-cell' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ border-spacing: 20px;
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ .left
+ {
+ border: 10px solid blue;
+ }
+ .right
+ {
+ border: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue and orange square below and there is no horizontal gap between the squares.</p>
+ <div id="table">
+ <div id="tr">
+ <div class="td left"></div>
+ <div class="td right"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-015.xht
new file mode 100644
index 0000000000..55b68cfe28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-015.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing and 'display: table-caption' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Border-spacing does not apply to 'display: table-caption' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .caption1, .caption2
+ {
+ border-spacing: 20px;
+ display: table-caption;
+ height: 100px;
+ width: 100px;
+ }
+ .caption1
+ {
+ border: 10px solid blue;
+ }
+ .caption2
+ {
+ border: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</p>
+ <div id="table">
+ <div class="caption1"></div>
+ <div class="caption2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-016.xht
new file mode 100644
index 0000000000..0536763244
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-016.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing and 'display: none' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="Border-spacing does not apply to 'display: none' elements." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ }
+ div div
+ {
+ border: 10px solid red;
+ border-spacing: 20px;
+ display: none;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <div></div>
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-017.xht
new file mode 100644
index 0000000000..efceae58f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-017.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing and 'display: inherit' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Border-spacing does not apply to 'display: inherit' elements which do not inherit the value of 'table' or 'inline-table'." />
+ <style type="text/css">
+ #container
+ {
+ display: block;
+ }
+ .test
+ {
+ border-spacing: 20px;
+ display: inherit;
+ height: 100px;
+ width: 100px;
+ }
+ .top
+ {
+ border: 10px solid blue;
+ }
+ .bottom
+ {
+ border: 10px solid orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</p>
+ <div id="container">
+ <div class="test top"></div>
+ <div class="test bottom"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-inherited-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-inherited-001.xht
new file mode 100644
index 0000000000..34aeb1bb4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-inherited-001.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Border-spacing is inherited by default</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Border-spacing is inherited by default." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ background: black;
+ height: 1em;
+ left: 2in;
+ position: relative;
+ top: 1in;
+ width: 1in;
+ }
+ #div2
+ {
+ border-spacing: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ font-family: Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle box is as wide as the space between the first and last boxes.</p>
+ <div id="div1"></div>
+ <div id="div2">
+ <div id="table">
+ <div id="row">
+ <div class="cell">XXXXXX</div>
+ <div class="cell">XXXXXX</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-initial-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-initial-001.xht
new file mode 100644
index 0000000000..d7886a3869
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-initial-001.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Initial value of border-spacing</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Verifies that the initial value of border-spacing is '0'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ font-family: Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below.</p>
+ <div id="table">
+ <div id="tr">
+ <div class="td">XXXXXX</div>
+ <div class="td">XXXXXX</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-initial-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-initial-002.xht
new file mode 100644
index 0000000000..4bed0b4700
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-initial-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS table model: initial border-spacing</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes" />
+ <style type="text/css">
+ .float { float: left; background: red; }
+ .table { display: table; }
+ .row { display: table-row; }
+ .cell { display: table-cell; background: green; color: white; text-align: center; }
+ </style>
+ </head>
+ <body>
+ <div class="float">
+ <div class="cell">THERE</div>
+ <div class="row">
+ <div class="table">
+ <div class="cell">SHOULD B</div>
+ <div class="cell">E N</div>
+ <div class="cell">O RED</div>
+ </div>
+ </div>
+ <div class="cell">ANYWHERE</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-percentage-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-percentage-001.xht
new file mode 100644
index 0000000000..ff30ff84cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-percentage-001.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Border-spacing - percentage value does not apply</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta content="invalid" name="flags" />
+ <meta content="'border-spacing' property does not accept percentage unit." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ background-color: red;
+ border-spacing: 0px;
+ border-spacing: 20%; /* invalid */
+ table-layout: fixed;
+ width: 200px;
+ }
+
+ td
+ {
+ background-color: white;
+ color: white;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <table>
+ <tr>
+ <td>a</td>
+ <td>b</td>
+ </tr>
+
+ <tr>
+ <td>c</td>
+ <td>d</td>
+ </tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-values-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-values-001.xht
new file mode 100644
index 0000000000..cdceb14d55
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-values-001.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Negative 'border-spacing' values are ignored</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'border-spacing' property ignores a negative value. In which case, the default 'border-spacing' value as specified in the user agent stylesheet will apply." />
+ <style type="text/css">
+ #table1
+ {
+ background: blue;
+ border-spacing: -100px;
+ }
+ #table2
+ {
+ background: orange;
+ }
+ td
+ {
+ height: 50px;
+ width: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange squares have the same size.</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ <div>&nbsp;</div>
+ <table id="table2">
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-style-inset-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-style-inset-001.xht
new file mode 100644
index 0000000000..d93b81b9d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-style-inset-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-Specific Border Style Behavior (separated border model/inset)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-border-styles" />
+ <meta name="assert" content="In the separated border model, the 'inset' border style makes its box looks like it is embedded in the canvas." />
+ <style type="text/css">
+ table
+ {
+ border: 10px inset orange;
+ border-collapse: separate;
+ }
+ td
+ {
+ height: 3em;
+ width: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below looks like it is embedded into the surface of the page.</p>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-style-inset-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-style-inset-002.xht
new file mode 100644
index 0000000000..b2feb525e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-style-inset-002.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-Specific Border Style Behavior (collapsing border model/inset)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-border-styles" />
+ <meta name="assert" content="In the collapsing border model, the 'inset' border style looks the same as the 'ridge' border style." />
+ <style type="text/css">
+ #table1
+ {
+ border-collapse: separate;
+ }
+ #table2
+ {
+ border: 30px inset orange;
+ border-collapse: collapse;
+ }
+ td
+ {
+ height: 5em;
+ width: 5em;
+ }
+ #table1 td
+ {
+ border: 30px ridge orange;
+ }
+ #table2 td
+ {
+ border: 30px inset orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below have identical borders that look as if they are popping out of the canvas.</p>
+ <table id="table1">
+ <tr>
+ <td>&nbsp;</td>
+ </tr>
+ </table>
+ <div>&nbsp;</div>
+ <table id="table2">
+ <tr>
+ <td>&nbsp;</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-style-outset-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-style-outset-001.xht
new file mode 100644
index 0000000000..5e72867325
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-style-outset-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-Specific Border Style Behavior (separated border model/outset)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-border-styles" />
+ <meta name="assert" content="In the separated border model, the 'outset' border style makes its box looks like it is standing off of the canvas." />
+ <style type="text/css">
+ table
+ {
+ border: 10px outset orange;
+ border-collapse: separate;
+ }
+ td
+ {
+ width: 6em;
+ height: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below looks like it sticks out of the surface of the page.</p>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/border-style-outset-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-style-outset-002.xht
new file mode 100644
index 0000000000..0f4ed614c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/border-style-outset-002.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-Specific Border Style Behavior (collapsing border model/outset)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-border-styles" />
+ <meta name="assert" content="In the collapsing border model, the 'outset' border style looks the same as the 'groove' border style." />
+ <style type="text/css">
+ #table1
+ {
+ border-collapse: separate;
+ }
+ #table2
+ {
+ border: 30px outset orange;
+ border-collapse: collapse;
+ }
+ td
+ {
+ height: 5em;
+ width: 5em;
+ }
+ #table1 td
+ {
+ border: 30px groove orange;
+ }
+ #table2 td
+ {
+ border: 30px outset orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below have identical borders that look as if they are carved into the canvas.</p>
+ <table id="table1">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <div>&nbsp;</div>
+ <table id="table2">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-position-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/caption-position-001-ref.xht
new file mode 100644
index 0000000000..a764e71956
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-position-001-ref.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ padding: 1em;
+ margin-top: 1em;
+ width: 98px;
+ }
+
+ table
+ {
+ border-spacing: 0px;
+ table-layout: fixed;
+ }
+
+ caption {text-align: left;}
+
+ caption#first {margin: 1em 0em;}
+
+ td#second {padding: 1em 0em;}
+
+ td {padding: 0px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the word ABOVE is above the cat image in both rectangles.</p>
+
+ <div>
+
+ <table>
+
+ <caption id="first">ABOVE</caption>
+
+ <tr>
+ <td><img src="../support/cat.png" alt="Image download support must be enabled" /></td></tr>
+
+ </table>
+
+ </div>
+
+
+ <div>
+
+ <table>
+
+ <caption>ABOVE</caption>
+
+ <tr>
+
+ <td id="second"><img src="../support/cat.png" alt="Image download support must be enabled" /></td></tr>
+
+ </table>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-position-001.xht b/testing/web-platform/tests/css/CSS2/tables/caption-position-001.xht
new file mode 100644
index 0000000000..788d261c74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-position-001.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: caption-side - CSS caption boxes can be positioned above or below a CSS table-cell</title>
+
+ <!--
+ Inspired by http://www.w3.org/Style/Examples/007/figures#top-caption
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" title="17.4 Tables in the visual formatting model" />
+ <link rel="match" href="caption-position-001-ref.xht" />
+
+ <meta content="image" name="flags" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ padding: 1em;
+ margin-top: 1em;
+ width: 98px;
+ }
+
+ p.table-cell {display: table-cell;}
+
+ p.caption-side-top
+ {
+ caption-side: top;
+ display: table-caption;
+ }
+
+ p.caption-side-bottom
+ {
+ caption-side: bottom;
+ display: table-caption;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the word ABOVE is above the cat image in both rectangles.</p>
+
+ <div>
+ <p class="table-cell"><img src="support/cat.png" alt="Image download support must be enabled" /></p>
+
+ <p class="caption-side-top">ABOVE</p>
+ </div>
+
+ <div>
+ <p class="caption-side-bottom"><img src="support/cat.png" alt="Image download support must be enabled" /></p>
+
+ <p class="table-cell">ABOVE</p>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-001.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-001.xht
new file mode 100644
index 0000000000..0f4a6d7c45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side set to 'top'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <meta name="assert" content="A caption with a 'caption-side' value of 'top' will be positioned above its table." />
+ <style type="text/css">
+ table
+ {
+ background: black;
+ }
+ caption
+ {
+ caption-side: top;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" appears above the box.</p>
+ <table>
+ <caption>Filler&nbsp;Text</caption>
+ <tr>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-002.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-002.xht
new file mode 100644
index 0000000000..ccbe196146
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side set to 'bottom'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <meta name="assert" content="A caption with a 'caption-side' value of 'bottom' will be positioned below its table." />
+ <style type="text/css">
+ table
+ {
+ background: black;
+ }
+ caption
+ {
+ caption-side: bottom;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" appears below the box.</p>
+ <table>
+ <caption>Filler&nbsp;Text</caption>
+ <tr>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-003.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-003.xht
new file mode 100644
index 0000000000..e8a49c986e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-003.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <meta name="assert" content="A caption can inherit its 'caption-side' behavior from its table parent." />
+ <style type="text/css">
+ table
+ {
+ background: black;
+ caption-side: bottom;
+ }
+ caption
+ {
+ caption-side: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" appears below the box.</p>
+ <table>
+ <caption>Filler&nbsp;Text</caption>
+ <tr>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-001-ref.html b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-001-ref.html
new file mode 100644
index 0000000000..117b41c2ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-001-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<body>
+ <p>Test passes if the words "Filler Text" below are all on the same line.</p>
+ <div>Filler Text Filler Text Filler Text</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-001.xht
new file mode 100644
index 0000000000..5aa551686b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side and 'display: inline' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <link rel="match" href="caption-side-applies-to-001-ref.html" />
+ <meta name="assert" content="Caption-side does not apply to 'display: inline' elements." />
+ <style type="text/css">
+ div div
+ {
+ caption-side: bottom;
+ display: inline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" below are all on the same line.</p>
+ <div>
+ Filler Text
+ <div>Filler Text</div>
+ Filler Text
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-002-ref.html b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-002-ref.html
new file mode 100644
index 0000000000..e60406befe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-002-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ .blue {
+ background: blue;
+ }
+</style>
+<body>
+ <p>Test passes if there are three lines of "Filler Text" below and the middle line has a blue background.</p>
+ <div>Filler Text</div>
+ <div class="blue">Filler Text</div>
+ <div>Filler Text</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-002.xht
new file mode 100644
index 0000000000..5d726017e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-002.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side and 'display: block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <link rel="match" href="caption-side-applies-to-002-ref.html" />
+ <meta name="assert" content="Caption-side does not apply to 'display: block' elements." />
+ <style type="text/css">
+ span
+ {
+ background: blue;
+ caption-side: bottom;
+ display: block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are three lines of "Filler Text" below and the middle line has a blue background.</p>
+ <div>
+ Filler Text
+ <span>Filler Text</span>
+ Filler Text
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-003-ref.html b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-003-ref.html
new file mode 100644
index 0000000000..87bda4a957
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-003-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ margin-left: 2em;
+ }
+ .orange {
+ background: orange;
+ display: list-item;
+ }
+</style>
+<body>
+ <p>Test passes if there are three lines of "Filler Text" below and if the middle "Filler Text" has a orange background and a marker bullet on its left-hand side. The marker bullet should not have an orange background.</p>
+ <div>Filler Text</div>
+ <div class="orange">Filler Text</div>
+ <div>Filler Text</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-003.xht
new file mode 100644
index 0000000000..1ab2437021
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-003.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side and 'display: list-item' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <link rel="match" href="caption-side-applies-to-003-ref.html" />
+ <meta name="assert" content="Caption-side does not apply to 'display: list-item' elements." />
+ <style type="text/css">
+ div
+ {
+ margin-left: 2em;
+ }
+ span
+ {
+ background: orange;
+ caption-side: bottom;
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are three lines of "Filler Text" below and if the middle "Filler Text" has a orange background and a marker bullet on its left-hand side. The marker bullet should not have an orange background.</p>
+ <div>
+ Filler Text
+ <span>Filler Text</span>
+ Filler Text
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-005.xht
new file mode 100644
index 0000000000..e48d3072f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side and 'display: inline-block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <link rel="match" href="caption-side-applies-to-001-ref.html" />
+ <meta name="assert" content="Caption-side does not apply to 'display: inline-block' elements." />
+ <style type="text/css">
+ div div
+ {
+ caption-side: bottom;
+ display: inline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" below are all on the same line.</p>
+ <div>
+ Filler Text
+ <div>Filler Text</div>
+ Filler Text
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-006-ref.html b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-006-ref.html
new file mode 100644
index 0000000000..3426468f22
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-006-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ .box {
+ background: blue;
+ height: 1in;
+ width: 2in;
+ }
+</style>
+<body>
+ <p>Test passes if the "Filler Text" below is below the box.</p>
+ <div class="box"></div>
+ <div>Filler Text</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-006.xht
new file mode 100644
index 0000000000..1f5a3d9bcc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-006.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side and 'display: table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <link rel="match" href="caption-side-applies-to-006-ref.html" />
+ <meta name="assert" content="Caption-side does not apply to 'display: table' elements." />
+ <style type="text/css">
+ #table
+ {
+ background: blue;
+ caption-side: bottom;
+ display: table;
+ }
+ #caption
+ {
+ display: table-caption;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ height: 1in;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is below the box.</p>
+ <div id="table">
+ <div id="caption">Filler Text</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-007.xht
new file mode 100644
index 0000000000..4d6a5af849
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-007.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side and 'display: inline-table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <link rel="match" href="caption-side-applies-to-006-ref.html" />
+ <meta name="assert" content="Caption-side does not apply to 'display: inline-table' elements." />
+ <style type="text/css">
+ #table
+ {
+ background: blue;
+ caption-side: bottom;
+ display: inline-table;
+ }
+ #caption
+ {
+ display: table-caption;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ height: 1in;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is below the box.</p>
+ <div id="table">
+ <div id="caption">Filler Text</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-008-ref.html b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-008-ref.html
new file mode 100644
index 0000000000..7e2af4562f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-008-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ .box {
+ background: blue;
+ height: 1in;
+ width: 2in;
+ }
+</style>
+<body>
+ <p>Test passes if the "Filler Text" below is above the box.</p>
+ <div>Filler Text</div>
+ <div class="box"></div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-008.xht
new file mode 100644
index 0000000000..5a037a960d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-008.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side and 'display: table-row-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <link rel="match" href="caption-side-applies-to-008-ref.html" />
+ <meta name="assert" content="Caption-side does not apply to 'display: table-row-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ background: blue;
+ display: table;
+ }
+ #caption
+ {
+ display: table-caption;
+ }
+ #test
+ {
+ caption-side: bottom;
+ display: table-row-group;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ height: 1in;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is above the box.</p>
+ <div id="table">
+ <div id="caption">Filler Text</div>
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-009.xht
new file mode 100644
index 0000000000..cd4061736f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-009.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side and 'display: table-header-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <link rel="match" href="caption-side-applies-to-008-ref.html" />
+ <meta name="assert" content="Caption-side does not apply to 'display: table-header-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ background: blue;
+ display: table;
+ }
+ #caption
+ {
+ display: table-caption;
+ }
+ #test
+ {
+ caption-side: bottom;
+ display: table-header-group;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ height: 1in;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is above the box.</p>
+ <div id="table">
+ <div id="caption">Filler Text</div>
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-010.xht
new file mode 100644
index 0000000000..bf7eda6470
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-010.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side and 'display: table-footer-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <link rel="match" href="caption-side-applies-to-008-ref.html" />
+ <meta name="assert" content="Caption-side does not apply to 'display: table-footer-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ background: blue;
+ display: table;
+ }
+ #caption
+ {
+ display: table-caption;
+ }
+ #test
+ {
+ caption-side: bottom;
+ display: table-footer-group;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ height: 1in;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is above the box.</p>
+ <div id="table">
+ <div id="caption">Filler Text</div>
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-011.xht
new file mode 100644
index 0000000000..7ed7018f59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-011.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side and 'display: table-column' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <link rel="match" href="caption-side-applies-to-008-ref.html" />
+ <meta name="assert" content="Caption-side does not apply to 'display: table-column' elements." />
+ <style type="text/css">
+ #table
+ {
+ background: blue;
+ display: table;
+ }
+ #column
+ {
+ caption-side: bottom;
+ display: table-column;
+ }
+ #caption
+ {
+ display: table-caption;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ height: 1in;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is above the box.</p>
+ <div id="table">
+ <div id="column"></div>
+ <div id="caption">Filler Text</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-012.xht
new file mode 100644
index 0000000000..88170c3757
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-012.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side and 'display: table-row' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <link rel="match" href="caption-side-applies-to-008-ref.html" />
+ <meta name="assert" content="Caption-side does not apply to 'display: table-row' elements." />
+ <style type="text/css">
+ #table
+ {
+ background: blue;
+ display: table;
+ }
+ #caption
+ {
+ display: table-caption;
+ }
+ #row
+ {
+ caption-side: bottom;
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ height: 1in;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is above the box.</p>
+ <div id="table">
+ <div id="caption">Filler Text</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-013.xht
new file mode 100644
index 0000000000..fbd6b39925
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-013.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side and 'display: table-column-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <link rel="match" href="caption-side-applies-to-008-ref.html" />
+ <meta name="assert" content="Caption-side does not apply to 'display: table-column-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ background: blue;
+ display: table;
+ table-layout: fixed;
+ }
+ #column
+ {
+ caption-side: bottom;
+ display: table-column-group;
+ }
+ #caption
+ {
+ display: table-caption;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ height: 1in;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is above the box.</p>
+ <div id="table">
+ <div id="column"></div>
+ <div id="caption">Filler Text</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-014.xht
new file mode 100644
index 0000000000..300ae9887a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-014.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side and 'display: table-cell' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <link rel="match" href="caption-side-applies-to-008-ref.html" />
+ <meta name="assert" content="Caption-side does not apply to 'display: table-cell' elements." />
+ <style type="text/css">
+ #table
+ {
+ background: blue;
+ display: table;
+ table-layout: fixed;
+ }
+ #caption
+ {
+ display: table-caption;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ caption-side: bottom;
+ display: table-cell;
+ height: 1in;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is above the box.</p>
+ <div id="table">
+ <div id="caption">Filler Text</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-015.xht
new file mode 100644
index 0000000000..60092d8982
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side and 'display: table-caption' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <link rel="match" href="caption-side-applies-to-006-ref.html" />
+ <meta name="assert" content="Caption-side applies to 'display: table-caption' elements." />
+ <style type="text/css">
+ #table
+ {
+ background: blue;
+ display: table;
+ }
+ #caption
+ {
+ caption-side: bottom;
+ display: table-caption;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ height: 1in;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is below the box.</p>
+ <div id="table">
+ <div id="caption">Filler Text</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-016.xht
new file mode 100644
index 0000000000..878d1e55fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-016.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side and 'display: none' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="Caption-side does not apply to 'display: none' elements." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ caption-side: bottom;
+ display: none;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-017-ref.html b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-017-ref.html
new file mode 100644
index 0000000000..4a19d9c9f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-017-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ background: blue;
+ width: 2in;
+ }
+ .box {
+ height: 1in;
+ }
+</style>
+<body>
+ <p>Test passes if the "Filler Text" below is inside the box.</p>
+ <div>Filler Text</div>
+ <div class="box"></div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-017.xht
new file mode 100644
index 0000000000..e1398a8c0d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-017.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side and 'display: inherit' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <link rel="match" href="caption-side-applies-to-017-ref.html" />
+ <meta name="assert" content="Caption-side applies to 'display: inherit' elements which do not inherit the value of 'table-caption'." />
+ <style type="text/css">
+ #table
+ {
+ background: blue;
+ display: table;
+ }
+ #caption
+ {
+ caption-side: bottom;
+ display: inherit;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: blue;
+ display: table-cell;
+ height: 1in;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is inside the box.</p>
+ <div id="table">
+ <div id="caption">Filler Text</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-example-001.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-example-001.xht
new file mode 100644
index 0000000000..7b114321ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-example-001.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption border and table border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <meta name="assert" content="Caption-side, text-align and width properties of a caption work together as expected (example from section 17.4.1)." />
+ <style type="text/css">
+ table
+ {
+ background-color: blue;
+ }
+ caption
+ {
+ caption-side: bottom;
+ text-align: left;
+ width: auto;
+ }
+ td
+ {
+ height: 10em;
+ width: 20em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" is below the blue box and does not extend beyond the boxes right edge.</p>
+ <table>
+ <caption>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</caption>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-inherited-001.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-inherited-001.xht
new file mode 100644
index 0000000000..dd5698040f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-inherited-001.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption-side is inherited by default</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <meta name="assert" content="Caption-side is inherited by default." />
+ <style type="text/css">
+ #div1
+ {
+ caption-side: bottom;
+ }
+ table
+ {
+ background: blue;
+ }
+ td
+ {
+ height: 1in;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "BELOW" is below the box.</p>
+ <div id="div1">
+ <table>
+ <caption>BELOW</caption>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-initial-001.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-initial-001.xht
new file mode 100644
index 0000000000..1b03c5cbe3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-initial-001.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Initial value of 'caption-side'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <meta name="assert" content="The initial value of 'caption-side' is 'top'." />
+ <style type="text/css">
+ table
+ {
+ background: blue;
+ }
+ td
+ {
+ background: blue;
+ height: 1in;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word "ABOVE" is above the box.</p>
+ <table>
+ <caption>ABOVE</caption>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-vs-table-box-001.xht b/testing/web-platform/tests/css/CSS2/tables/caption-vs-table-box-001.xht
new file mode 100644
index 0000000000..10507c2c22
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-vs-table-box-001.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption border and table border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="A caption has padding, margin and borders independent of those of its parent table." />
+ <style type="text/css">
+ #table, #caption
+ {
+ border: 1px solid black;
+ padding: 1em;
+ }
+ #caption, #cell
+ {
+ height: 4em;
+ width: 4em;
+ }
+ #table
+ {
+ display: table;
+ margin-top: 1em;
+ }
+ #caption
+ {
+ display: table-caption;
+ margin-bottom: 1em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two separate boxes below and the "Filler Text" inside the boxes has the same alignment.</p>
+ <div id="table">
+ <div id="caption">Filler Text</div>
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-vs-table-box-002.xht b/testing/web-platform/tests/css/CSS2/tables/caption-vs-table-box-002.xht
new file mode 100644
index 0000000000..2448d35de2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/caption-vs-table-box-002.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Caption border and inline-table border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="A caption has padding, margin and borders independent of those of its parent inline-table." />
+ <style type="text/css">
+ #table, #caption
+ {
+ border: 1px solid black;
+ padding: 1em;
+ }
+ #caption, #cell
+ {
+ height: 4em;
+ width: 4em;
+ }
+ #table
+ {
+ display: inline-table;
+ margin-top: 1em;
+ }
+ #caption
+ {
+ display: table-caption;
+ margin-bottom: 1em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two separate boxes below and the "Filler Text" inside the boxes has the same alignment.</p>
+ <div id="table">
+ <div id="caption">Filler Text</div>
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-001-ref.html b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-001-ref.html
new file mode 100644
index 0000000000..38308df01a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-001-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ height: 120px;
+ width: 220px;
+ }
+ .orange {
+ background: orange;
+ }
+ .blue {
+ background: blue;
+ }
+</style>
+<body>
+ <p>Test passes if the orange and blue boxes below are the same width.</p>
+ <div class="orange"></div>
+ <div class="blue"></div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-001.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-001.xht
new file mode 100644
index 0000000000..a05b71a932
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-001.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Collapsing borders model row width equation (auto layout)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="collapsing-border-model-001-ref.html" />
+ <meta name="assert" content="The user agent adheres to the collapsing border model row width equation in auto table layout." />
+ <style type="text/css">
+ table
+ {
+ border: 25px solid red;
+ border-collapse: collapse;
+ }
+ td
+ {
+ background: blue;
+ border: 50px solid blue;
+ padding: 10px;
+ width: 100px;
+ }
+ #div1
+ {
+ background: orange;
+ height: 120px;
+ width: 220px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue boxes below are the same width.</p>
+ <div id="div1"></div>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-002.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-002.xht
new file mode 100644
index 0000000000..d7b2527840
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-002.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Collapsing borders model row width equation (auto layout) - subsequent rows with wider borders variation</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <meta name="assert" content="Rows which have wider borders than those of the first table row have their borders spill into the table margins." />
+ <style type="text/css">
+ table
+ {
+ border: 10px solid red;
+ border-collapse: collapse;
+ margin: 15px;
+ }
+ td
+ {
+ background: blue;
+ border: 20px solid blue;
+ padding: 20px;
+ }
+ .cell
+ {
+ border: 50px solid black;
+ }
+ div
+ {
+ background: blue;
+ position: absolute;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top and bottom blue boxes are the same width as the black box, and there is no red visible on the page.</p>
+ <div>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td class="cell"></td>
+ <td class="cell"></td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-003-ref.html b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-003-ref.html
new file mode 100644
index 0000000000..c9c30c2a3d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-003-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Reference</title>
+<style>
+ div {
+ height: 1.5in;
+ width: 100px;
+ }
+ .orange {
+ background: orange;
+ }
+ .blue {
+ background: blue;
+ width: 50px;
+ float: right;
+ }
+</style>
+<body>
+ <p>Test passes if the orange and blue boxes below are the same height.</p>
+ <div class="orange"><div class="blue"></div></div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-003.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-003.xht
new file mode 100644
index 0000000000..15fc22cf9f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-003.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top table border width under collapsing borders model</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="collapsing-border-model-003-ref.html" />
+ <meta name="assert" content="The top border width of the table is half of the maximum collapsed top border width." />
+ <style type="text/css">
+ table
+ {
+ background: orange;
+ border-collapse: collapse;
+ }
+ tr
+ {
+ height: 1in;
+ }
+ td
+ {
+ border-top: 1in solid orange;
+ padding: 0;
+ width: 50px;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1.5in;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue boxes below are the same height.</p>
+ <div id="div1">
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-004.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-004.xht
new file mode 100644
index 0000000000..5701e4b6ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-004.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Tables under the collapsing borders model don't have padding</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="collapsing-border-model-001-ref.html" />
+ <meta name="assert" content="Padding doesn't apply to a table under the collapsing border model." />
+ <style type="text/css">
+ table
+ {
+ border: 25px solid red;
+ border-collapse: collapse;
+ padding: 10px;
+ }
+ td
+ {
+ background: blue;
+ border: 50px solid blue;
+ padding: 10px;
+ width: 100px;
+ }
+ #div1
+ {
+ background: orange;
+ height: 120px;
+ width: 220px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue boxes below are the same width.</p>
+ <div id="div1"></div>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-005.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-005.xht
new file mode 100644
index 0000000000..8c3b606ba6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-005.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table borders overflowing the table container</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <meta name="assert" content="Borders that spill into a table margin can overflow that table's container." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ background: black;
+ height: 1em
+ }
+ #div1
+ {
+ background: black;
+ width: 2em;
+ }
+ #cell
+ {
+ border-left: 1em solid black;
+ border-right: 1em solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the upper-left corner of the box below is missing.</p>
+ <div id="div1">
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ <tr>
+ <td id="cell"></td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-006.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-006.xht
new file mode 100644
index 0000000000..26cdb9bc1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-006.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table borders overflowing the table container (rtl)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <meta name="assert" content="Borders that spill into a table margin can overflow that table's container." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ background: black;
+ height: 1em
+ }
+ #div1
+ {
+ background: black;
+ direction: rtl;
+ width: 2em;
+ }
+ #cell
+ {
+ border-left: 1em solid black;
+ border-right: 1em solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the upper-right corner of the box below is missing.</p>
+ <div id="div1">
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ <tr>
+ <td id="cell"></td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-007.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-007.xht
new file mode 100644
index 0000000000..ff7fd84a44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-007.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Left table border width under collapsing borders model</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="collapsing-border-model-001-ref.html" />
+ <meta name="assert" content="The left border width of the table is half of the first cell's collapsed left border width." />
+ <style type="text/css">
+ table
+ {
+ background: blue;
+ border-collapse: collapse;
+ }
+ col
+ {
+ width: 165px;
+ }
+ td, #div1
+ {
+ height: 120px;
+ }
+ td
+ {
+ width: 110px;
+ border-left: 110px solid blue;
+ padding: 0;
+ }
+ #div1
+ {
+ background: orange;
+ width: 220px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue boxes below are the same width.</p>
+ <div id="div1"></div>
+ <table>
+ <col />
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-008.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-008.xht
new file mode 100644
index 0000000000..c9ab0b231e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-008.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Right table border width under collapsing borders model</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="collapsing-border-model-001-ref.html" />
+ <meta name="assert" content="The right border width of the table is half of the collapsed right border width of the last cell of the first row." />
+ <style type="text/css">
+ table
+ {
+ background: blue;
+ border-collapse: collapse;
+ }
+ col
+ {
+ width: 165px;
+ }
+ td, #div1
+ {
+ height: 120px;
+ }
+ td
+ {
+ width: 110px;
+ border-right: 110px solid blue;
+ padding: 0;
+ }
+ #div1
+ {
+ background: orange;
+ width: 220px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue boxes below are the same width.</p>
+ <div id="div1"></div>
+ <table>
+ <col />
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-009.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-009.xht
new file mode 100644
index 0000000000..e85671f44a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-009.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Bottom table border width under collapsing borders model</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="collapsing-border-model-003-ref.html" />
+ <meta name="assert" content="The bottom border width of the table is half of the maximum collapsed bottom border width." />
+ <style type="text/css">
+ table
+ {
+ background: orange;
+ border-collapse: collapse;
+ }
+ tr
+ {
+ height: 1in;
+ }
+ td
+ {
+ border-bottom: 1in solid orange;
+ padding: 0;
+ width: 50px;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1.5in;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue boxes below are the same height.</p>
+ <div id="div1">
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-010a.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-010a.xht
new file mode 100644
index 0000000000..dc3072cef6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-010a.xht
@@ -0,0 +1,89 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border-collapse - 'border-spacing' does not apply to 'border-collapse: collapse' tables</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="'border-spacing' property only applies to tables applying the 'border-collapse: separate' model. When an HTML/XHTML table applies the 'border-collapse: collapse' model, then any 'border-spacing' declaration is ignored." />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ table
+ {
+ background-color: red;
+ border-collapse: collapse;
+ border-spacing: 50px;
+ color: green;
+ font: 1em/1 Ahem;
+ }
+
+ td
+ {
+ background-color: green;
+ border: 0.5em solid green;
+ padding: 5px;
+ }
+
+ tbody > tr > td, tr > td:first-child {padding: 0px;}
+ ]]></style>
+
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+
+ <thead>
+ <tr>
+ <td>1</td> <td>2</td> <td>3</td>
+ </tr>
+ </thead>
+
+ <tfoot>
+ <tr>
+ <td>7</td> <td>8</td> <td>9</td>
+ </tr>
+ </tfoot>
+
+ <tbody>
+ <tr>
+ <td>4</td> <td>5</td> <td>6</td>
+ </tr>
+ </tbody>
+
+ </table>
+
+ <!--
+
+ 1st col 2nd col 3rd col
+
+ 8 8 8
+ 0 5 5
+ 8 0 16 0 8 5 16 5 8 5 16 5 8 thead == 100px
+ 0 5 5
+ 8 8 8
+ 0 0 0
+ 8 0 16 0 8 0 16 0 8 0 16 0 8 tbody == 100px
+ 0 0 0
+ 8 8 8
+ 0 5 5
+ 8 0 16 0 8 5 16 5 8 5 16 5 8 tfoot == 100px
+ 0 5 5
+ 8 8 8
+ ====================================================
+ 100px 100px 100px
+
+ -->
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-010b.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-010b.xht
new file mode 100644
index 0000000000..7b341ae945
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-010b.xht
@@ -0,0 +1,98 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border-collapse - 'border-spacing' does not apply to 'border-collapse: collapse' tables</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="'border-spacing' property only applies to tables applying the 'border-collapse: separate' model. When a CSS table applies the 'border-collapse: collapse' model, then any 'border-spacing' declaration is ignored." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div#table
+ {
+ background-color: red;
+ border-collapse: collapse;
+ border-spacing: 50px;
+ color: green;
+ float: left; /* so that the CSS table only uses shrink-to-fit width */
+ font: 1em/1 Ahem;
+ }
+
+ div#table-header {display: table-header-group;}
+
+ div#table-footer {display: table-footer-group;}
+
+ div#table-body {display: table-row-group;}
+
+ div.table-row {display: table-row;}
+
+ div.table-cell
+ {
+ background-color: green;
+ border: 0.5em solid green;
+ display: table-cell;
+ padding: 5px;
+ }
+
+ div#table-body div.table-cell, div.table-row > div:first-child {padding: 0px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="table">
+
+ <div id="table-header">
+ <div class="table-row">
+ <div class="table-cell">1</div> <div class="table-cell">2</div> <div class="table-cell">3</div>
+ </div>
+ </div>
+
+ <div id="table-footer">
+ <div class="table-row">
+ <div class="table-cell">7</div> <div class="table-cell">8</div> <div class="table-cell">9</div>
+ </div>
+ </div>
+
+ <div id="table-body">
+ <div class="table-row">
+ <div class="table-cell">4</div> <div class="table-cell">5</div> <div class="table-cell">6</div>
+ </div>
+ </div>
+
+ </div>
+
+ <!--
+
+ 1st col 2nd col 3rd col
+
+ 8 8 8
+ 0 5 5
+ 8 0 16 0 8 5 16 5 8 5 16 5 8 thead == 100px
+ 0 5 5
+ 8 8 8
+ 0 0 0
+ 8 0 16 0 8 0 16 0 8 0 16 0 8 tbody == 100px
+ 0 0 0
+ 8 8 8
+ 0 5 5
+ 8 0 16 0 8 5 16 5 8 5 16 5 8 tfoot == 100px
+ 0 5 5
+ 8 8 8
+ ====================================================
+ 100px 100px 100px
+
+ -->
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-001.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-001.xht
new file mode 100644
index 0000000000..8ffc959ccc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-001.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: All of a cell border can be specified</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <meta name="assert" content="The borders for all four sides of a specific table cell can be specified under the collapsing border model." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 50px;
+ width: 50px;
+ }
+ #cell
+ {
+ border: 10px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue border around the middle cell in the three-by-three table below.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td id="cell"></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-002.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-002.xht
new file mode 100644
index 0000000000..489f6a9736
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-002.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Part of a cell border can be specified</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <meta name="assert" content="The border for a specific table cell can be specified under the collapsing border model." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 50px;
+ width: 50px;
+ }
+ #cell
+ {
+ border-top: 10px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue border across the top of the middle cell in the three-by-three table below.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td id="cell"></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-003.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-003.xht
new file mode 100644
index 0000000000..ba5f79c32b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-003.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: All of a row border can be specified</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <meta name="assert" content="The borders for all four sides of a specific table row can be specified under the collapsing border model." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 50px;
+ width: 50px;
+ }
+ #row
+ {
+ border: 10px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue border around the middle row in the three-by-three table below.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr id="row">
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-004.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-004.xht
new file mode 100644
index 0000000000..b7b45bf282
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-004.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Part of a row border can be specified</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <meta name="assert" content="The border for a specific table row can be specified under the collapsing border model." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 50px;
+ width: 50px;
+ }
+ #row
+ {
+ border-top: 10px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue border across the top of the middle row in the three-by-three table below.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr id="row">
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-005.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-005.xht
new file mode 100644
index 0000000000..f502343916
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-005.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: All of a row group border can be specified</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <meta name="assert" content="The borders for all four sides of a specific table row group can be specified under the collapsing border model." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 50px;
+ width: 50px;
+ }
+ #tbody
+ {
+ border: 10px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue border around the middle row in the three-by-three table below.</p>
+ <table>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody id="tbody">
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-006.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-006.xht
new file mode 100644
index 0000000000..01ed329a5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-006.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Part of a row group border can be specified</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <meta name="assert" content="The border for a specific table row group can be specified under the collapsing border model." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 50px;
+ width: 50px;
+ }
+ #tbody
+ {
+ border-top: 10px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue border across the top of the middle row in the three-by-three table below.</p>
+ <table>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody id="tbody">
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-007.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-007.xht
new file mode 100644
index 0000000000..1e66035abb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-007.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: All of a column border can be specified</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <meta name="assert" content="The borders for all four sides of a specific table column can be specified under the collapsing border model." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 50px;
+ width: 50px;
+ }
+ #col
+ {
+ border: 10px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue border around the middle column in the three-by-three table below.</p>
+ <table>
+ <col />
+ <col id="col" />
+ <col />
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-008.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-008.xht
new file mode 100644
index 0000000000..ff731fa6aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-008.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Part of a column border can be specified</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <meta name="assert" content="The border of a specific table column can be specified under the collapsing border model." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 50px;
+ width: 50px;
+ }
+ #col
+ {
+ border-top: 10px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue border across the top of the middle column in the three-by-three table below.</p>
+ <table>
+ <col />
+ <col id="col" />
+ <col />
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-009.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-009.xht
new file mode 100644
index 0000000000..fcfc65e31c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-009.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: All of a column group border can be specified</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <meta name="assert" content="The borders of all four sides of a specific table column group can be specified under the collapsing border model." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 50px;
+ width: 50px;
+ }
+ #colgroup
+ {
+ border: 10px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue border around the middle column in the three-by-three table below.</p>
+ <table>
+ <colgroup>
+ <col />
+ </colgroup>
+ <colgroup id="colgroup">
+ <col />
+ </colgroup>
+ <colgroup>
+ <col />
+ </colgroup>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-010.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-010.xht
new file mode 100644
index 0000000000..72f75a6398
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-010.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Part of a column group border can be specified</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <meta name="assert" content="The border of a specific table column group can be specified under the collapsing border model." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 50px;
+ width: 50px;
+ }
+ #colgroup
+ {
+ border-top: 10px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue border across the top of the middle column in the three-by-three table below.</p>
+ <table>
+ <colgroup>
+ <col />
+ </colgroup>
+ <colgroup id="colgroup">
+ <col />
+ </colgroup>
+ <colgroup>
+ <col />
+ </colgroup>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-011.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-011.xht
new file mode 100644
index 0000000000..31ce251949
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-011.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: All of table header group border can be specified</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" title="17.6.2 The collapsing border model" />
+
+ <meta name="assert" content="The borders for all four sides of a table header group can be specified under the collapsing border model." />
+
+ <style type="text/css"><![CDATA[
+ table {border-collapse: collapse;}
+
+ td
+ {
+ border: black solid 1px;
+ height: 50px;
+ width: 50px;
+ }
+
+ thead {border: blue solid 10px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue border around the topmost row of a three-by-three table. There should be no blue anywhere else.</p>
+
+ <table>
+ <thead>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </thead>
+
+ <tfoot>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tfoot>
+
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-012.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-012.xht
new file mode 100644
index 0000000000..c795316304
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-012.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Part of table header group border can be specified</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" title="17.6.2 The collapsing border model" />
+
+ <meta name="assert" content="A specific side of a table header group can be specified under the collapsing border model." />
+
+ <style type="text/css"><![CDATA[
+ table {border-collapse: collapse;}
+
+ td
+ {
+ border: black solid 1px;
+ height: 50px;
+ width: 50px;
+ }
+
+ thead {border-bottom: blue solid 10px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue border across the top of the middle row of a three-by-three table. There should be no blue anywhere else.</p>
+
+ <table>
+ <thead>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </thead>
+
+ <tfoot>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tfoot>
+
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-013.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-013.xht
new file mode 100644
index 0000000000..df0d3f2f86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-013.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: All of table footer group border can be specified</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" title="17.6.2 The collapsing border model" />
+
+ <meta name="assert" content="The borders for all four sides of a table footer group can be specified under the collapsing border model." />
+
+ <style type="text/css"><![CDATA[
+ table {border-collapse: collapse;}
+
+ td
+ {
+ border: black solid 1px;
+ height: 50px;
+ width: 50px;
+ }
+
+ tfoot {border: blue solid 10px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue border around the bottommost row of a three-by-three table. There should be no blue anywhere else.</p>
+
+ <table>
+ <thead>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </thead>
+
+ <tfoot>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tfoot>
+
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-014.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-014.xht
new file mode 100644
index 0000000000..749f7a894d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-014.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Part of table footer group border can be specified</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" title="17.6.2 The collapsing border model" />
+
+ <meta name="assert" content="A specific side of a table header group can be specified under the collapsing border model." />
+
+ <style type="text/css"><![CDATA[
+ table {border-collapse: collapse;}
+
+ td
+ {
+ border: black solid 1px;
+ height: 50px;
+ width: 50px;
+ }
+
+ tfoot {border-top: blue solid 10px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue border across the bottom of the middle row of a three-by-three table. There should be no blue anywhere else.</p>
+
+ <table>
+ <thead>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </thead>
+
+ <tfoot>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tfoot>
+
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/column-background-001.xht b/testing/web-platform/tests/css/CSS2/tables/column-background-001.xht
new file mode 100644
index 0000000000..ddd5827eb3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/column-background-001.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Column background property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" />
+ <meta name="assert" content="A background can be set on a table column." />
+ <style type="text/css">
+ #table
+ {
+ background: blue;
+ display: table;
+ }
+ #col
+ {
+ background: orange;
+ display: table-column;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #row div
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is to the right of the orange box.</p>
+ <div id="table">
+ <div id="col"></div>
+ <div id="row">
+ <div></div>
+ <div></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/column-background-002.xht b/testing/web-platform/tests/css/CSS2/tables/column-background-002.xht
new file mode 100644
index 0000000000..4891d21e46
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/column-background-002.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Column-group background property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" />
+ <meta name="assert" content="A background can be set on a table column group." />
+ <style type="text/css">
+ #table
+ {
+ background: orange;
+ display: table;
+ }
+ #columngroup1, #columngroup2
+ {
+ display: table-column-group;
+ }
+ #columngroup2
+ {
+ background: blue;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is to the right of the orange box.</p>
+ <div id="table">
+ <div id="columngroup1">
+ <div class="column"></div>
+ </div>
+ <div id="columngroup2">
+ <div class="column"></div>
+ </div>
+ <div id="row">
+ <div class="cell"></div>
+ <div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/column-border-001.xht b/testing/web-platform/tests/css/CSS2/tables/column-border-001.xht
new file mode 100644
index 0000000000..bfb53b4787
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/column-border-001.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Column border property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" />
+ <meta name="assert" content="A border can be set on a table column." />
+ <style type="text/css">
+ .table
+ {
+ background: black;
+ border-collapse: collapse;
+ display: table;
+ }
+ .column
+ {
+ border: 5px dotted green;
+ display: table-column;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 0.25in;
+ width: 0.5in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the left half of the black box below has green dotted border.</p>
+ <div class="table">
+ <div class="column"></div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/column-border-002.xht b/testing/web-platform/tests/css/CSS2/tables/column-border-002.xht
new file mode 100644
index 0000000000..ea3d8ad2b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/column-border-002.xht
@@ -0,0 +1,77 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Column-group border property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" />
+ <meta name="assert" content="A border can be set on a table column group." />
+ <style type="text/css">
+ .table
+ {
+ background: black;
+ border-collapse: collapse;
+ display: table;
+ }
+ .cg1
+ {
+ border: 5px dotted green;
+ display: table-column-group;
+ }
+ .cg2
+ {
+ display: table-column-group;
+ }
+ .col
+ {
+ display: table-column;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 0.25in;
+ width: 0.25in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the left half of the black box below has green dotted border.</p>
+ <div class="table">
+ <div class="cg1">
+ <div class="col"></div>
+ <div class="col"></div>
+ </div>
+ <div class="cg2">
+ <div class="col"></div>
+ <div class="col"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-001.xht b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-001.xht
new file mode 100644
index 0000000000..d2a34ab985
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Horizontal alignment in a column 'text-align' set to 'left'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#column-alignment" />
+ <meta name="assert" content="The 'text-align' property horizontally aligns cell content." />
+ <style type="text/css">
+ table
+ {
+ text-align: center;
+ }
+ td
+ {
+ border: 2px solid blue;
+ height: 120px;
+ text-align: left;
+ width: 120px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if "Filler Text" below is aligned to the left within the box.</p>
+ <table>
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-002.xht b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-002.xht
new file mode 100644
index 0000000000..2ec1f9fa36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Horizontal alignment in a column 'text-align' set to 'right'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#column-alignment" />
+ <meta name="assert" content="The 'text-align' property horizontally aligns cell content." />
+ <style type="text/css">
+ table
+ {
+ text-align: center;
+ }
+ td
+ {
+ border: 2px solid blue;
+ height: 120px;
+ text-align: right;
+ width: 120px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if "Filler Text" below is aligned to the right within the box.</p>
+ <table>
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-003.xht b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-003.xht
new file mode 100644
index 0000000000..e2be7ef728
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-003.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Horizontal alignment in a column 'text-align' set to 'center'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#column-alignment" />
+ <meta name="assert" content="The 'text-align' property horizontally aligns cell content." />
+ <style type="text/css">
+ table
+ {
+ text-align: left;
+ }
+ td
+ {
+ border: 2px solid blue;
+ height: 120px;
+ text-align: center;
+ width: 120px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if "Filler Text" below is horizontally centered within the box.</p>
+ <table>
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-004.xht b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-004.xht
new file mode 100644
index 0000000000..42b960f714
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-004.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Horizontal alignment in a column 'text-align' set to 'justify'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#column-alignment" />
+ <meta name="assert" content="The 'text-align' property horizontally aligns cell content." />
+ <style type="text/css">
+ table
+ {
+ text-align: center;
+ }
+ td
+ {
+ border: 2px solid blue;
+ height: 120px;
+ text-align: justify;
+ width: 120px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is horizontally justified within the box.</p>
+ <table>
+ <tr>
+ <td>Filler Text Filler Text</td>
+ </tr>
+ </table>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-005.xht b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-005.xht
new file mode 100644
index 0000000000..ac6d524794
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-005.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Horizontal alignment in a column 'text-align' set to 'inherit' ('center')</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#column-alignment" />
+ <meta name="assert" content="The 'text-align' property horizontally aligns cell content." />
+ <style type="text/css">
+ table
+ {
+ text-align: center;
+ }
+ td
+ {
+ border: 2px solid blue;
+ height: 120px;
+ text-align: inherit;
+ width: 120px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if "Filler Text" below is horizontally centered within the box.</p>
+ <table>
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/column-visibility-001.xht b/testing/web-platform/tests/css/CSS2/tables/column-visibility-001.xht
new file mode 100644
index 0000000000..d9cb92631f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/column-visibility-001.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Column visibility property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" />
+ <meta name="assert" content="Visibility can be set on a table column." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ background: black;
+ }
+ .col, #col1
+ {
+ display: table-column;
+ }
+ #col1
+ {
+ visibility: collapse;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td1, .td2
+ {
+ display: table-cell;
+ }
+ .td2
+ {
+ background: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div class="col"></div>
+ <div id="col1"></div>
+ <div class="col"></div>
+ <div class="tr">
+ <div class="td1">Filler Text</div>
+ <div class="td2">This test failed.</div>
+ <div class="td1">Filler Text</div>
+ </div>
+ <div class="tr">
+ <div class="td1">Filler Text</div>
+ <div class="td2">This test failed.</div>
+ <div class="td1">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/column-visibility-002.xht b/testing/web-platform/tests/css/CSS2/tables/column-visibility-002.xht
new file mode 100644
index 0000000000..c69c5c2816
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/column-visibility-002.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Column group visibility property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" />
+ <meta name="assert" content="Visibility can be set on a table column group." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .cg1, .cg2
+ {
+ display: table-column-group;
+ }
+ .cg2
+ {
+ visibility: collapse;
+ }
+ .col
+ {
+ display: table-column;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td1, .td2
+ {
+ display: table-cell;
+ }
+ .td2
+ {
+ background: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div class="cg1">
+ <div class="col"></div>
+ <div class="col"></div>
+ </div>
+ <div class="cg2">
+ <div class="col"></div>
+ <div class="col"></div>
+ </div>
+ <div class="tr">
+ <div class="td1">Filler Text</div>
+ <div class="td1">Filler Text</div>
+ <div class="td2">This test</div>
+ <div class="td2">failed.</div>
+ </div>
+ <div class="tr">
+ <div class="td1">Filler Text</div>
+ <div class="td1">Filler Text</div>
+ <div class="td2">This test</div>
+ <div class="td2">failed.</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/column-visibility-003.xht b/testing/web-platform/tests/css/CSS2/tables/column-visibility-003.xht
new file mode 100644
index 0000000000..aa315cf20d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/column-visibility-003.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Spanning cell that intersects a 'visibility: collapse' column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Contents of a spanned cell which intersect with a collapsed column are clipped." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ font: 128px/1 Ahem;
+ }
+ col#collapsed-column
+ {
+ visibility: collapse;
+ }
+ td
+ {
+ color: green;
+ padding: 0;
+ width: 1em;
+ }
+ .column-intersection
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square below and no red visible on the page.</p>
+ <table>
+ <col />
+ <col />
+ <col id="collapsed-column" />
+ <col />
+ <tr>
+ <td></td>
+ <td colspan="2">P<span class="column-intersection">F</span></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td class="column-intersection">F</td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/column-visibility-004-ref.xht b/testing/web-platform/tests/css/CSS2/tables/column-visibility-004-ref.xht
new file mode 100644
index 0000000000..9b706a27fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/column-visibility-004-ref.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ margin-left: 104px;
+
+ /*
+
+ 2px : left border-spacing
+ +
+ 100px : width of first cell
+ +
+ 2px : border-spacing between first cell and second cell
+ ========
+ 104px
+
+ */
+
+ margin-top: 18px;
+ /* max(p's margin-bottom, top border-spacing + p's margin-bottom) */
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/column-visibility-004.xht b/testing/web-platform/tests/css/CSS2/tables/column-visibility-004.xht
new file mode 100644
index 0000000000..60d233fa94
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/column-visibility-004.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Spanning cell that intersects a 'visibility: collapse' column</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="17.5.5 Dynamic row and column effects" href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects" />
+ <link rel="match" href="column-visibility-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Contents of a spanned cell which intersect with a collapsed column are clipped." />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ table {font: 100px/1 Ahem;}
+
+ col#collapsed-column {visibility: collapse;}
+
+ td
+ {
+ color: green;
+ padding: 0;
+ width: 1em;
+ }
+
+ .column-intersection {color: red;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <col></col>
+ <col id="collapsed-column"></col>
+ <col></col>
+ <col></col>
+
+ <tr>
+ <td></td>
+ <td colspan="2"><span class="column-intersection">F</span>P</td>
+ <td></td>
+ </tr>
+
+ <tr>
+ <td></td>
+ <td class="column-intersection">F</td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/column-width-001.xht b/testing/web-platform/tests/css/CSS2/tables/column-width-001.xht
new file mode 100644
index 0000000000..894c50c9ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/column-width-001.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Column with 'width' property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" />
+ <meta name="assert" content="Width can be set on a table column." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #column
+ {
+ background: orange;
+ display: table-column;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ width: 0.5in;
+ }
+ #div1
+ {
+ background: blue;
+ }
+ #div1, #cell
+ {
+ height: 1in;
+ }
+ #column, #div1
+ {
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue boxes below are the same width.</p>
+ <div id="table">
+ <div id="column"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/column-width-002.xht b/testing/web-platform/tests/css/CSS2/tables/column-width-002.xht
new file mode 100644
index 0000000000..29da59735a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/column-width-002.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Column-group width property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" />
+ <meta name="assert" content="Width can be set on a table column group." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #colgroup
+ {
+ background: orange;
+ display: table-column-group;
+ width: 1in;
+ }
+ #col
+ {
+ display: table-column;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 0.5in;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue boxes below are the same width.</p>
+ <div id="table">
+ <div id="colgroup">
+ <div id="col"></div>
+ </div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/columns-001.xht b/testing/web-platform/tests/css/CSS2/tables/columns-001.xht
new file mode 100644
index 0000000000..e09d898f7f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/columns-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Properties that apply to columns</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/columns/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" />
+ <style type="text/css">
+ table { border-collapse: collapse; color: green; }
+ col { width: 10em; background: lime; border: 0.5em solid blue; color: red; }
+ .container { margin: 1em; }
+ .a { visibility: collapse; }
+ .fail { background: red; color: yellow; font-weight: bold }
+ </style>
+ </head>
+ <body>
+ <p>There should be two identical blue-bordered lime-green boxes touching below, but no red.</p>
+ <div class="container">
+ <table>
+ <col class=""/> <col class="a"/> <col class=""/>
+ <tr>
+ <td>BOX</td>
+ <td class="fail"> FAIL </td>
+ <td>BOX</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/data-alignment-001.xht b/testing/web-platform/tests/css/CSS2/tables/data-alignment-001.xht
new file mode 100644
index 0000000000..6558727c2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/data-alignment-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Aligning Table Data (cell data is vertically aligned)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
+ <meta name="assert" content="Cell data can be vertically aligned." />
+ <style type="text/css">
+ table
+ {
+ border: solid;
+ }
+ td
+ {
+ height: 10em;
+ vertical-align: bottom;
+ width: 10em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" is at the bottom of the box below.</p>
+ <table>
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/data-alignment-002.xht b/testing/web-platform/tests/css/CSS2/tables/data-alignment-002.xht
new file mode 100644
index 0000000000..be66863133
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/data-alignment-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Aligning Table Data (cell data is horizontally aligned)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
+ <meta name="assert" content="Cell data can be horizontally aligned." />
+ <style type="text/css">
+ table
+ {
+ border: solid;
+ }
+ td
+ {
+ height: 10em;
+ text-align: center;
+ width: 10em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" is horizontally centered within the box below.</p>
+ <table>
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/data-alignment-003.xht b/testing/web-platform/tests/css/CSS2/tables/data-alignment-003.xht
new file mode 100644
index 0000000000..e1ace72ed6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/data-alignment-003.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Aligning Table Data (row data is aligned)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
+ <meta name="assert" content="Cell data in a row can be horizontally and vertically aligned." />
+ <style type="text/css">
+ tr
+ {
+ vertical-align: middle;
+ text-align: center;
+ }
+ td
+ {
+ width: 10em;
+ height: 10em;
+ border: solid;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" is horizontally and vertically centered in each of the boxes below.</p>
+ <table>
+ <tr>
+ <td>Filler Text</td>
+ <td>Filler Text</td>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/data-alignment-004.xht b/testing/web-platform/tests/css/CSS2/tables/data-alignment-004.xht
new file mode 100644
index 0000000000..c27b455ff2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/data-alignment-004.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Aligning Table Data (column data is aligned)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
+ <meta name="assert" content="Alignment of cell data in a column is achieved by specifying alignment properties on the cells themselves, and not on the column element directly." />
+ <style type="text/css">
+ col
+ {
+ text-align: center;
+ vertical-align: middle;
+ }
+ td
+ {
+ border: solid;
+ height: 10em;
+ text-align: left;
+ vertical-align: top;
+ width: 10em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" is in the top-left corner of each of the boxes below.</p>
+ <table>
+ <col />
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cell-visibility-hidden-001.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cell-visibility-hidden-001.xht
new file mode 100644
index 0000000000..6ea257ee3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cell-visibility-hidden-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cell with hidden visibility content as an empty cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="A cell with 'visibility: hidden' is considered an empty cell." />
+ <style type="text/css">
+ table
+ {
+ background: green;
+ empty-cells: hide;
+ }
+ td
+ {
+ background: red;
+ color: green;
+ height: 100px;
+ visibility: hidden;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below and there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>X</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-001.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-001.xht
new file mode 100644
index 0000000000..4b298fe2b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-001.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells set to 'show'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="An 'empty-cells' value of 'show' allows cells without content to have visible backgrounds and borders." />
+ <style type="text/css">
+ td
+ {
+ color: white;
+ }
+ .empty
+ {
+ background-color: black;
+ border: 10px solid black;
+ empty-cells: show;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if three boxes appear below.</p>
+ <table>
+ <tr>
+ <td class="empty"></td>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ <td class="empty"></td>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ <td class="empty"></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-002.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-002.xht
new file mode 100644
index 0000000000..fedae755c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-002.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells set to 'hide'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="An 'empty-cells' value of 'hide' prevents cells without content from having visible backgrounds and borders." />
+ <style type="text/css">
+ .empty
+ {
+ background-color: red;
+ border: 10px solid red;
+ empty-cells: hide;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td class="empty"></td>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ <td class="empty"></td>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ <td class="empty"></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-003.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-003.xht
new file mode 100644
index 0000000000..52a1205230
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-003.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells set to inherit</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="A cell can inherit its empty-cells behavior from its row parent container." />
+ <style type="text/css">
+ tr
+ {
+ empty-cells: hide;
+ }
+ .empty
+ {
+ background-color: red;
+ border: 10px solid red;
+ empty-cells: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td class="empty"></td>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ <td class="empty"></td>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ <td class="empty"></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-004.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-004.xht
new file mode 100644
index 0000000000..b38ecffdce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-004.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS table model: empty-cells: Text</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <style type="text/css">
+ table { background: red; border-spacing: 0; }
+ td { empty-cells: hide; background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a green block below with the word TEST.</p>
+ <table><tr><td>TEST</td></tr></table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-005.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-005.xht
new file mode 100644
index 0000000000..c44056812f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-005.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS table model: empty-cells: NBSPs</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <style type="text/css">
+ table { background: red; border-spacing: 0; }
+ td { empty-cells: hide; background: green; color: white; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a green block below.</p>
+ <table><tr><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr></table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-006.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-006.xht
new file mode 100644
index 0000000000..acc65b88b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-006.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS table model: empty-cells: white-space pre</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <style type="text/css">
+ table { background: red; border-spacing: 0; }
+ td { empty-cells: hide; background: green; color: white; white-space: pre; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a green block below.</p>
+ <table><tr><td> </td></tr></table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-007.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-007.xht
new file mode 100644
index 0000000000..6429b5a23a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-007.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS table model: empty-cells: zero-height images</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <style type="text/css">
+ table { background: red; border-spacing: 0; }
+ td { empty-cells: hide; background: green; color: white; padding: 0.5em 2em; }
+ img { height: 0; width: 0; display: block; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a green block below.</p>
+ <table><tr><td><img src="support/1x1-red.png" alt="Image download support must be enabled"/></td></tr></table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-008.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-008.xht
new file mode 100644
index 0000000000..73ed7ea005
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-008.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS table model: empty-cells: zero-height inline images</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <style type="text/css">
+ table { background: red; border-spacing: 0; }
+ td { empty-cells: hide; background: green; color: white; padding: 0 2em; }
+ img { height: 0; width: 0; display: inline; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a green block below.</p>
+ <table><tr><td><img src="support/1x1-red.png" alt="Image download support must be enabled"/></td></tr></table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-009.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-009.xht
new file mode 100644
index 0000000000..91f0b5de02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-009.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS table model: empty-cells: inlines</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <style type="text/css">
+ table { background: red; border-spacing: 0; }
+ td { empty-cells: hide; background: green; color: white; padding: 2em 2em; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a green block below.</p>
+ <table><tr><td><span></span></td></tr></table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-010.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-010.xht
new file mode 100644
index 0000000000..d278e30516
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-010.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS table model: empty-cells: block</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <style type="text/css">
+ table { background: red; border-spacing: 0; }
+ td { empty-cells: hide; background: green; color: white; padding: 0.5em 2em; }
+ div { }
+ </style>
+ </head>
+ <body>
+ <p>There should be a green block below.</p>
+ <table><tr><td><div></div></td></tr></table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-011.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-011.xht
new file mode 100644
index 0000000000..30b98bbaa6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-011.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS table model: empty-cells: block with margins</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <style type="text/css">
+ table { background: red; border-spacing: 0; }
+ td { empty-cells: hide; background: green; color: white; padding: 0 2em; }
+ div { margin: 1em 0; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a green block below.</p>
+ <table><tr><td><div></div></td></tr></table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-012.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-012.xht
new file mode 100644
index 0000000000..84e87d2f3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-012.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS table model: empty-cells: block with padding</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/009.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <style type="text/css">
+ table { background: red; border-spacing: 0; }
+ td { empty-cells: hide; background: green; color: white; padding: 0 2em; }
+ div { padding: 1em 0; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a green block below.</p>
+ <table><tr><td><div></div></td></tr></table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-013.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-013.xht
new file mode 100644
index 0000000000..75fba40233
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-013.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS table model: empty-cells: block with borders</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/010.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <style type="text/css">
+ table { background: red; border-spacing: 0; }
+ td { empty-cells: hide; background: green; color: white; padding: 0 2em; }
+ div { border: 0.5em solid transparent; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a green block below.</p>
+ <table><tr><td><div></div></td></tr></table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-014.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-014.xht
new file mode 100644
index 0000000000..efd9de084a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-014.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS table model: empty-cells: white-space normal</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/011.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <style type="text/css">
+ table { background: green; border-spacing: 0; }
+ td { empty-cells: hide; background: red; white-space: normal; padding: 0.5em 2em; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a green block below.</p>
+ <table><tr><td> </td></tr></table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-001.xht
new file mode 100644
index 0000000000..2f0cdebc84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells and 'display: inline' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="Empty-cells does not apply to 'display: inline' elements." />
+ <style type="text/css">
+ #test
+ {
+ background: red;
+ border: 5px solid black;
+ display: inline;
+ empty-cells: hide;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div id="test"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-002.xht
new file mode 100644
index 0000000000..d837aa86fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-002.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells and 'display: block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="Empty-cells does not apply to 'display: block' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ color: white;
+ display: table-cell;
+ }
+ #test
+ {
+ background: black;
+ border: 5px solid black;
+ display: block;
+ empty-cells: hide;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div id="table">
+ <div class="tr">
+ <div id="test"></div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-003.xht
new file mode 100644
index 0000000000..fca3ab65f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-003.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells and 'display: list-item' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="Empty-cells does not apply to 'display: list-item' elements." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 1em;
+ }
+ #table
+ {
+ display: table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ color: white;
+ display: table-cell;
+ }
+ #test
+ {
+ background: black;
+ border: 5px solid black;
+ display: list-item;
+ empty-cells: hide;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below and there is a marker bullet on the left-hand side of the box.</p>
+ <div id="table">
+ <div class="tr">
+ <div id="test"></div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-005.xht
new file mode 100644
index 0000000000..67d7ba093a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-005.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells and 'display: inline-block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="Empty-cells does not apply to 'display: inline-block' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ color: white;
+ display: table-cell;
+ }
+ #test
+ {
+ background: black;
+ border: 5px solid black;
+ display: inline-block;
+ empty-cells: hide;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div id="table">
+ <div class="tr">
+ <div id="test"></div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-006.xht
new file mode 100644
index 0000000000..519ed5b998
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-006.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells and 'display: table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="Empty-cells does not apply to 'display: table' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ color: white;
+ display: table-cell;
+ }
+ #test
+ {
+ background: black;
+ border: 5px solid black;
+ display: table;
+ empty-cells: hide;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div id="table">
+ <div class="tr">
+ <div id="test"></div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-007.xht
new file mode 100644
index 0000000000..dd20aea8da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-007.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells and 'display: inline-table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="Empty-cells does not apply to 'display: inline-table' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ color: white;
+ display: table-cell;
+ }
+ #test
+ {
+ background: black;
+ border: 5px solid black;
+ display: inline-table;
+ empty-cells: hide;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div id="table">
+ <div class="tr">
+ <div id="test"></div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-008.xht
new file mode 100644
index 0000000000..831b355642
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-008.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells and 'display: table-row-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="Empty-cells does not apply to 'display: table-row-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ color: white;
+ display: table-cell;
+ }
+ #test
+ {
+ background: red;
+ border: 5px solid red;
+ display: table-row-group;
+ empty-cells: hide;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div class="tr">
+ <div id="test"></div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-009.xht
new file mode 100644
index 0000000000..6bc744278c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-009.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells and 'display: table-header-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="Empty-cells does not apply to 'display: table-header-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ color: white;
+ display: table-cell;
+ }
+ #test
+ {
+ background: red;
+ border: 5px solid red;
+ display: table-header-group;
+ empty-cells: hide;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div class="tr">
+ <div id="test"></div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-010.xht
new file mode 100644
index 0000000000..60b50fcde6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-010.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells and 'display: table-footer-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="Empty-cells does not apply to 'display: table-footer-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ color: white;
+ display: table-cell;
+ }
+ #test
+ {
+ background: red;
+ border: 5px solid red;
+ display: table-footer-group;
+ empty-cells: hide;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div class="tr">
+ <div id="test"></div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-011.xht
new file mode 100644
index 0000000000..4ed0d31922
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-011.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells and 'display: table-row' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="Empty-cells does not apply to 'display: table-row' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ color: white;
+ display: table-cell;
+ }
+ #test
+ {
+ background: red;
+ border: 5px solid red;
+ display: table-row;
+ empty-cells: hide;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div class="tr">
+ <div id="test"></div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-012.xht
new file mode 100644
index 0000000000..6df3f292ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-012.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells and 'display: table-column' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="Empty-cells does not apply to 'display: table-column' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ color: white;
+ display: table-cell;
+ }
+ #test
+ {
+ background: red;
+ border: 5px solid red;
+ display: table-column;
+ empty-cells: hide;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div class="tr">
+ <div id="test"></div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-013.xht
new file mode 100644
index 0000000000..94e817f6c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-013.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells and 'display: table-column-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="Empty-cells does not apply to 'display: table-column-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ color: white;
+ display: table-cell;
+ }
+ #test
+ {
+ background: red;
+ border: 5px solid red;
+ display: table-column-group;
+ empty-cells: hide;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div class="tr">
+ <div id="test"></div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-014.xht
new file mode 100644
index 0000000000..9ef632247b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-014.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells and 'display: table-cell' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="Empty-cells applies to 'display: table-cell' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ color: white;
+ display: table-cell;
+ }
+ #test
+ {
+ background: red;
+ border: 5px solid red;
+ display: table-cell;
+ empty-cells: hide;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div class="tr">
+ <div id="test"></div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-015.xht
new file mode 100644
index 0000000000..99546e1370
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-015.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells and 'display: table-caption' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="Empty-cells does not apply to 'display: table-caption' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ color: white;
+ display: table-cell;
+ }
+ #test
+ {
+ background: black;
+ border: 5px solid black;
+ display: table-caption;
+ empty-cells: hide;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div id="table">
+ <div class="tr">
+ <div id="test"></div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-016.xht
new file mode 100644
index 0000000000..9edff8fafc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-016.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells and 'display: none' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="Empty-cells does not apply to 'display: none' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ color: white;
+ display: table-cell;
+ }
+ #test
+ {
+ background: red
+ border: 5px solid red;
+ display: none;
+ empty-cells: hide;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div class="tr">
+ <div id="test"></div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-017.xht
new file mode 100644
index 0000000000..155f47e62e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-017.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells and 'display: inherit' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="Empty-cells does not apply to 'display: inherit' elements which do not inherit the value of 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ color: white;
+ display: table-cell;
+ }
+ #test
+ {
+ background: red;
+ border: 5px solid red;
+ display: inherit;
+ empty-cells: hide;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div class="tr">
+ <div id="test"></div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-001.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-001.xht
new file mode 100644
index 0000000000..01b8a469b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-001.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cells containing floating content are not considered empty</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="Cells that contain floating content, including empty elements, are not considered to be empty cells. The table under test actually contains two tests. The first cell tests floating content, and the second cell tests a floating empty element." />
+ <style type="text/css">
+ table
+ {
+ background: red;
+ border-spacing: 0;
+ empty-cells: hide;
+ }
+ td
+ {
+ background: green;
+ color: green;
+ }
+ .float
+ {
+ float: right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>
+ <div class="float">&nbsp;</div>
+ </td>
+ <td>FillerTextFillerText</td>
+ </tr>
+ <tr>
+ <td>FillerTextFillerText</td>
+ <td>
+ <div class="float"></div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-002.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-002.xht
new file mode 100644
index 0000000000..9de7656ee9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-002.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cells containing empty element in-flow content are not considered empty</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="Cells that contain in-flow content (including empty elements) are not considered to be empty cells. The table under test really contains two tests--the first cell tests in-flow content, the second cell tests an empty in-flow element." />
+ <style type="text/css">
+ table
+ {
+ background: red;
+ border-spacing: 0;
+ empty-cells: hide;
+ }
+ td
+ {
+ background: green;
+ color: green;
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>
+ <span>&nbsp;</span>
+ </td>
+ <td>FillerTextFillerText</td>
+ </tr>
+ <tr>
+ <td>FillerTextFillerText</td>
+ <td>
+ <span></span>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-003.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-003.xht
new file mode 100644
index 0000000000..26ac4e849d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-003.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cells with collapsed white space content are considered empty</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="Cells that contain in-flow content of white space which has been collapsed away by the 'white-space' property are considered to be empty cells." />
+ <style type="text/css">
+ table
+ {
+ background: green;
+ border-spacing: 0;
+ empty-cells: hide;
+ white-space: normal;
+ }
+ td
+ {
+ background: green;
+ color: green;
+ padding: 0;
+ }
+ .red
+ {
+ background: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td class="red">
+ </td>
+ <td>FillerTextFillerText</td>
+ </tr>
+ <tr>
+ <td>FillerTextFillerText</td>
+ <td class="red">
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-004.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-004.xht
new file mode 100644
index 0000000000..d379e1fbbf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-004.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cells with non-collapsed white space content are not considered empty</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="Cells which contain in-flow content of white space which has not been collapsed away by the 'white-space' property are not considered to be empty cells." />
+ <style type="text/css">
+ table
+ {
+ background: red;
+ border-spacing: 0;
+ empty-cells: hide;
+ white-space: pre;
+ }
+ td
+ {
+ background: green;
+ color: green;
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td>
+ </td>
+ <td>FillerTextFillerText</td>
+ </tr>
+ <tr>
+ <td>FillerTextFillerText</td>
+ <td>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-in-collapsed-border-model-001.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-in-collapsed-border-model-001.xht
new file mode 100644
index 0000000000..6ee397dfed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-in-collapsed-border-model-001.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty cells property in the collapsed borders model</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="The empty-cells property does not apply to tables with collapsed borders." />
+ <style type="text/css">
+ table
+ {
+ background: red;
+ border-collapse: collapse;
+ empty-cells: hide;
+ }
+ td
+ {
+ background: green;
+ color: green;
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td>FillerTextFillerText</td>
+ </tr>
+ <tr>
+ <td>FillerTextFillerText</td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-inherited-001.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-inherited-001.xht
new file mode 100644
index 0000000000..e0e622feb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-inherited-001.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty-cells is inherited by default</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="Empty-cells is inherited by default." />
+ <style type="text/css">
+ #div1
+ {
+ empty-cells: hide;
+ }
+ table
+ {
+ border-style: solid;
+ }
+ td
+ {
+ color: white;
+ }
+ .empty
+ {
+ background: red;
+ border: 1px solid red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="div1">
+ <table>
+ <tr>
+ <td class="empty"></td>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ <td class="empty"></td>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ <td class="empty"></td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-initial-001.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-initial-001.xht
new file mode 100644
index 0000000000..39a1391293
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-initial-001.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Initial value of empty-cells</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
+ <meta name="assert" content="The initial value of empty-cells is 'show'." />
+ <style type="text/css">
+ td
+ {
+ color: white;
+ }
+ .empty
+ {
+ background: green;
+ border: 1px solid green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only three boxes below.</p>
+ <table>
+ <tr>
+ <td class="empty"></td>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ <td class="empty"></td>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ <td class="empty"></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-no-interpolation.html b/testing/web-platform/tests/css/CSS2/tables/empty-cells-no-interpolation.html
new file mode 100644
index 0000000000..af8f6d3194
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-no-interpolation.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<link rel=author href="mailto:jarhar@chromium.org">
+<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/interpolation-testcommon.js"></script>
+
+<body>
+<script>
+test_no_interpolation({
+ property: 'empty-cells',
+ from: 'initial',
+ to: 'hide'
+});
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-001.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-001.xht
new file mode 100644
index 0000000000..7cc51b246a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-001.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Fixed table layout when 'width' property is 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="If a browser supports fixed table layout when 'width' is 'auto', a table will size to its containing block, minus any margin space (modified example from spec section 17.5.2.1)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border: solid blue;
+ width: 200px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ margin-left: 50px;
+ margin-right: 50px;
+ table-layout: fixed;
+ }
+ td
+ {
+ font: 62.8% Ahem;
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box is centered within the blue box below.</p>
+ <div id="div1">
+ <table>
+ <tr>
+ <td>XXXXXXXXXX</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002.xht
new file mode 100644
index 0000000000..a0f757091f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Value other than 'auto' for column width sets width of cells in the column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <meta name="assert" content="A column element with a value other than 'auto' for the 'width' property sets the width for the column of cells it contains." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 200px;
+ }
+ #col
+ {
+ width: 100px;
+ }
+ td
+ {
+ padding: 0;
+ }
+ #cell
+ {
+ background: black;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same width.</p>
+ <table>
+ <col id="col" />
+ <col />
+ <tr>
+ <td id="cell">X</td>
+ <td></td>
+ </tr>
+ </table>
+ <div id="div1"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002a-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002a-ref.xht
new file mode 100644
index 0000000000..c4b2fcd300
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002a-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ font: 1em/1.25 serif;
+ margin: 8px;
+ }
+
+ strong {line-height: 1;}
+
+ div#lime-line
+ {
+ background-color: lime;
+ border-right: white solid 334px;
+ height: 100px;
+ margin-left: 423px;
+ margin-top: 36px;
+ width: 1px;
+ }
+
+ div#reference {margin-left: 23px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a thin green vertical line <strong>at exactly 400px</strong>.</p>
+
+ <div id="lime-line"></div>
+
+ <div id="reference"><img src="../support/ruler-h-200px-400px.png" width="700" height="18" alt="FAIL: Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002a.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002a.xht
new file mode 100644
index 0000000000..ddab625d14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002a.xht
@@ -0,0 +1,119 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - specified column width must include padding and border applied on its cells</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Apr/0743.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title=
+ "Section 17.5.2.1 Fixed table layout" />
+ <link rel="match" href="fixed-table-layout-002a-ref.xht" />
+
+ <meta content="image" name="flags" />
+ <meta content="In the fixed table layout algorithm, the horizontal layout of the table only depends on the table's width, the width of the columns, table borders and any non-zero horizontal border-spacing if 'border-collapse: separate' applies to such table, like in this test. The specified width of columns must include the non-zero horizontal padding and/or non-zero horizontal borders which may be applying to the cells contained in such columns." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ font: 1em/1.25 serif;
+ margin: 8px;
+ }
+
+ strong {line-height: 1;}
+
+ table
+ {
+ border-collapse: separate;
+ border-left: white solid 23px;
+ border-right: white solid 34px;
+ border-spacing: 19px 0px;
+ color: white;
+ height: 100px;
+ table-layout: fixed;
+ width: 758px;
+ }
+
+ col#first-column {width: 382px;}
+
+ col#second-column {width: 262px;}
+
+ td {padding: 0px 127px;}
+
+ td#FirstTestedCell {border-right: lime solid 1px;}
+
+ /*
+ Width of table
+
+ From left to right
+ ------------------
+
+ 23px (left border of table)
+ +
+ 19px (left-most border-spacing)
+ +
+ 382px (specified width of first column)
+ +
+ 19px (border-spacing separating the 2 cells)
+ +
+ 262px (specified width of second column)
+ +
+ 19px (right-most border-spacing)
+ +
+ 34px (right border of table)
+ ========
+ 758px
+
+ So, here, the specified width of the table is not greater
+ than the sum of the column widths (plus cell spacing or borders).
+ So, the table's width in 'border-collapse: separate' remains as specified.
+
+ The col#first-column specified width of 382px should include
+ the horizontal padding of 127px and the solid lime 1px border-right.
+
+ So, such 1px solid lime border-right should appear at
+ 23px (left border of table)
+ +
+ 19px (left-most border-spacing)
+ +
+ 382px (specified width of first column)
+ ========
+ 424px inside document body's content box.
+ */
+
+ div#reference {margin-left: 23px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a thin green vertical line <strong>at exactly 400px</strong>.</p>
+
+ <table>
+
+ <caption>caption</caption>
+
+ <col id="first-column" />
+ <col id="second-column" />
+
+ <tr>
+ <td id="FirstTestedCell">first cell here</td>
+
+ <td>second cell here</td>
+ </tr>
+
+ </table>
+
+ <div id="reference"><img src="support/ruler-h-200px-400px.png" width="700" height="18" alt="FAIL: Image download support must be enabled" /></div>
+
+ <!--
+ Nota bene: the presence of the caption element in the test
+ is absolutely necesssary to this test. It may seem to be
+ an extraneous element but it is not.
+ -->
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003.xht
new file mode 100644
index 0000000000..a9b163689a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cell in the first row with specified width sets the width for the column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 200px;
+ }
+ td
+ {
+ padding: 0;
+ }
+ #cell
+ {
+ background: black;
+ width: 100px;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same width.</p>
+ <table>
+ <tr>
+ <td id="cell">X</td>
+ <td></td>
+ </tr>
+ </table>
+ <div id="div1"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a01-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a01-ref.xht
new file mode 100644
index 0000000000..b350480fd2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a01-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 100px;
+ width: 200px;
+ }
+
+ div#blue-stripe {background-color: blue;}
+
+ div#reference {background-color: black;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a01.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a01.xht
new file mode 100644
index 0000000000..08a82ba78f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a01.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003a01-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with symetrical non-zero horizontal cell padding and with zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td
+ {
+ border: none;
+ padding: 0px 60px;
+ }
+
+ td#tested-cell
+ {
+ background-color: blue;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">A01</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a02-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a02-ref.xht
new file mode 100644
index 0000000000..c0730f5ff7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a02-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 50px;
+ width: 200px;
+ }
+
+ div#blue-stripe {background-color: blue;}
+
+ div#reference {background-color: black;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a02.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a02.xht
new file mode 100644
index 0000000000..135deaa08a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a02.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003a02-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with symetrical non-zero horizontal cell padding and with zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td
+ {
+ border: none;
+ padding: 0px 60px;
+ }
+
+ td#tested-cell
+ {
+ background-color: blue;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">A02</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a03.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a03.xht
new file mode 100644
index 0000000000..26d964fc75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a03.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003a01-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td
+ {
+ border: none;
+ padding: 0px 120px 0px 0px;
+ }
+
+ td#tested-cell
+ {
+ background-color: blue;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">A03</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a04.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a04.xht
new file mode 100644
index 0000000000..7f577de366
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a04.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003a02-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td
+ {
+ border: none;
+ padding: 0px 120px 0px 0px;
+ }
+
+ td#tested-cell
+ {
+ background-color: blue;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">A04</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a05.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a05.xht
new file mode 100644
index 0000000000..a114b4e039
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a05.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003a01-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td
+ {
+ border: none;
+ padding: 0px 0px 0px 120px;
+ }
+
+ td#tested-cell
+ {
+ background-color: blue;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">A05</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a06.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a06.xht
new file mode 100644
index 0000000000..628ad8818e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a06.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003a02-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td
+ {
+ border: none;
+ padding: 0px 0px 0px 120px;
+ }
+
+ td#tested-cell
+ {
+ background-color: blue;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">A06</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b01-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b01-ref.xht
new file mode 100644
index 0000000000..e01f3bb5fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b01-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 100px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 36px;
+ border-right: orange solid 36px;
+ width: 128px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b01.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b01.xht
new file mode 100644
index 0000000000..d2380d2872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b01.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003b01-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with non-zero symetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px 24px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 36px;
+ border-right: orange solid 36px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">B01</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b02-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b02-ref.xht
new file mode 100644
index 0000000000..729bc45d18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b02-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 50px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 36px;
+ border-right: orange solid 36px;
+ width: 128px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b02.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b02.xht
new file mode 100644
index 0000000000..624ac496b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b02.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003b02-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with non-zero symetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px 24px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 36px;
+ border-right: orange solid 36px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">B02</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b03.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b03.xht
new file mode 100644
index 0000000000..281191b2a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b03.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003b01-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px 48px 0px 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 36px;
+ border-right: orange solid 36px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">B03</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b04.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b04.xht
new file mode 100644
index 0000000000..275bad19d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b04.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003b02-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px 48px 0px 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 36px;
+ border-right: orange solid 36px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">B04</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b05.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b05.xht
new file mode 100644
index 0000000000..f8cc775674
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b05.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003b01-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px 0px 0px 48px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 36px;
+ border-right: orange solid 36px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">B05</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b06.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b06.xht
new file mode 100644
index 0000000000..5466743f4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b06.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003b02-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px 0px 0px 48px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 36px;
+ border-right: orange solid 36px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">B06</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b07-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b07-ref.xht
new file mode 100644
index 0000000000..90ed59f2cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b07-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 100px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 72px;
+ width: 128px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b07.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b07.xht
new file mode 100644
index 0000000000..aeb12b6a8b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b07.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003b07-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px 24px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 72px;
+ border-right: orange solid 0px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">B07</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b08-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b08-ref.xht
new file mode 100644
index 0000000000..12f65a660b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b08-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 50px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 72px;
+ width: 128px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b08.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b08.xht
new file mode 100644
index 0000000000..5ca06870b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b08.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003b08-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px 24px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 72px;
+ border-right: orange solid 0px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">B08</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b09-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b09-ref.xht
new file mode 100644
index 0000000000..f69e795ad8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b09-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 100px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-right: orange solid 72px;
+ width: 128px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b09.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b09.xht
new file mode 100644
index 0000000000..286e36c9e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b09.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003b09-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px 24px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 0px;
+ border-right: orange solid 72px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">B09</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b10-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b10-ref.xht
new file mode 100644
index 0000000000..4bc3734960
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b10-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 50px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-right: orange solid 72px;
+ width: 128px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b10.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b10.xht
new file mode 100644
index 0000000000..27ee5d0f16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b10.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003b10-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px 24px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 0px;
+ border-right: orange solid 72px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">B10</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b11-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b11-ref.xht
new file mode 100644
index 0000000000..0c5ebd4c53
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b11-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 100px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 20px;
+ border-right: orange solid 52px;
+ width: 128px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b11.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b11.xht
new file mode 100644
index 0000000000..a541c1e8f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b11.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003b11-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with asymetrical non-zero horizontal cell padding and with asymetrical non-zero horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px 10px 0px 38px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 20px;
+ border-right: orange solid 52px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">B11</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b12-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b12-ref.xht
new file mode 100644
index 0000000000..9e99e2e8e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b12-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 50px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 20px;
+ border-right: orange solid 52px;
+ width: 128px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b12.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b12.xht
new file mode 100644
index 0000000000..bdb6307cb0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b12.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003b12-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with asymetrical non-zero horizontal cell padding and with asymetrical non-zero horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px 10px 0px 38px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 20px;
+ border-right: orange solid 52px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">B12</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c01-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c01-ref.xht
new file mode 100644
index 0000000000..d1513109ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c01-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 100px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 60px;
+ border-right: orange solid 60px;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c01.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c01.xht
new file mode 100644
index 0000000000..498006acac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c01.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003c01-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with non-zero symetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 60px;
+ border-right: orange solid 60px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">C01</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c02-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c02-ref.xht
new file mode 100644
index 0000000000..199707483a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c02-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 50px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 60px;
+ border-right: orange solid 60px;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c02.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c02.xht
new file mode 100644
index 0000000000..64b4cbdbcb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c02.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003c02-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with non-zero symetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 60px;
+ border-right: orange solid 60px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">C02</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c03-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c03-ref.xht
new file mode 100644
index 0000000000..7c19083cda
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c03-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 100px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-right: orange solid 120px;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c03.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c03.xht
new file mode 100644
index 0000000000..294b2c756a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c03.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003c03-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with one non-zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 0px;
+ border-right: orange solid 120px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">C03</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c04-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c04-ref.xht
new file mode 100644
index 0000000000..dd8d953db5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c04-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 50px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-right: orange solid 120px;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c04.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c04.xht
new file mode 100644
index 0000000000..9c1c4abf09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c04.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003c04-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with one non-zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 0px;
+ border-right: orange solid 120px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">C04</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c05-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c05-ref.xht
new file mode 100644
index 0000000000..a57e559599
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c05-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 100px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 120px;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c05.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c05.xht
new file mode 100644
index 0000000000..c3e4e2c796
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c05.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003c05-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with one non-zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 120px;
+ border-right: orange solid 0px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">C05</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c06-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c06-ref.xht
new file mode 100644
index 0000000000..6095cf7e32
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c06-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 50px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 120px;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c06.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c06.xht
new file mode 100644
index 0000000000..fa05da6956
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c06.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003c06-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with one non-zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 120px;
+ border-right: orange solid 0px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">C06</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c07-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c07-ref.xht
new file mode 100644
index 0000000000..28006b6446
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c07-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 100px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 32px;
+ border-right: orange solid 88px;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c07.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c07.xht
new file mode 100644
index 0000000000..a3034ade4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c07.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003c07-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with non-zero asymetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 32px;
+ border-right: orange solid 88px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">C07</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c08-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c08-ref.xht
new file mode 100644
index 0000000000..9b5fc46030
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c08-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 50px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 32px;
+ border-right: orange solid 88px;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c08.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c08.xht
new file mode 100644
index 0000000000..2193e3faa5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c08.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003c08-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with non-zero asymetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 32px;
+ border-right: orange solid 88px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">C08</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d01-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d01-ref.xht
new file mode 100644
index 0000000000..b350480fd2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d01-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 100px;
+ width: 200px;
+ }
+
+ div#blue-stripe {background-color: blue;}
+
+ div#reference {background-color: black;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d01.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d01.xht
new file mode 100644
index 0000000000..ae1a6549dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d01.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003d01-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero horizontal cell padding and with zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td
+ {
+ border: none;
+ padding: 0px 60px;
+ }
+
+ td#tested-cell
+ {
+ background-color: blue;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">D01</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d02-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d02-ref.xht
new file mode 100644
index 0000000000..c0730f5ff7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d02-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 50px;
+ width: 200px;
+ }
+
+ div#blue-stripe {background-color: blue;}
+
+ div#reference {background-color: black;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d02.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d02.xht
new file mode 100644
index 0000000000..e0920acb71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d02.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003d02-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero horizontal cell padding and with zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td
+ {
+ border: none;
+ padding: 0px 60px;
+ }
+
+ td#tested-cell
+ {
+ background-color: blue;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">D02</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d03.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d03.xht
new file mode 100644
index 0000000000..fa41b658e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d03.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003d01-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td
+ {
+ border: none;
+ padding: 0px 120px 0px 0px;
+ }
+
+ td#tested-cell
+ {
+ background-color: blue;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">D03</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d04.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d04.xht
new file mode 100644
index 0000000000..9549cca33d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d04.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003d02-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-spacing: 0px;
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td
+ {
+ border: none;
+ padding: 0px 120px 0px 0px;
+ }
+
+ td#tested-cell
+ {
+ background-color: blue;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">D04</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d05.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d05.xht
new file mode 100644
index 0000000000..8606cddfb1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d05.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003d01-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td
+ {
+ border: none;
+ padding: 0px 0px 0px 120px;
+ }
+
+ td#tested-cell
+ {
+ background-color: blue;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">D05</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d06.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d06.xht
new file mode 100644
index 0000000000..c9b51be80d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d06.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003d02-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td
+ {
+ border: none;
+ padding: 0px 0px 0px 120px;
+ }
+
+ td#tested-cell
+ {
+ background-color: blue;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">D06</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e01-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e01-ref.xht
new file mode 100644
index 0000000000..e01f3bb5fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e01-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 100px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 36px;
+ border-right: orange solid 36px;
+ width: 128px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e01.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e01.xht
new file mode 100644
index 0000000000..f4572c5238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e01.xht
@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003e01-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with non-zero symetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px 24px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 36px;
+ border-right: orange solid 36px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">E01</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e02-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e02-ref.xht
new file mode 100644
index 0000000000..729bc45d18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e02-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 50px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 36px;
+ border-right: orange solid 36px;
+ width: 128px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e02.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e02.xht
new file mode 100644
index 0000000000..af7c742e35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e02.xht
@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003e02-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with non-zero symetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px 24px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 36px;
+ border-right: orange solid 36px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">E02</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e03.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e03.xht
new file mode 100644
index 0000000000..62839c56d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e03.xht
@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003e01-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px 48px 0px 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 36px;
+ border-right: orange solid 36px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">E03</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e04.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e04.xht
new file mode 100644
index 0000000000..948d38433b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e04.xht
@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003e02-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px 48px 0px 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 36px;
+ border-right: orange solid 36px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">E04</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e05.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e05.xht
new file mode 100644
index 0000000000..5a8674be99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e05.xht
@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003e01-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px 0px 0px 48px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 36px;
+ border-right: orange solid 36px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">E05</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e06.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e06.xht
new file mode 100644
index 0000000000..ced7998835
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e06.xht
@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003e02-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px 0px 0px 48px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 36px;
+ border-right: orange solid 36px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">E06</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e07-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e07-ref.xht
new file mode 100644
index 0000000000..d2eca5c1e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e07-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 82px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 72px;
+ width: 128px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e07.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e07.xht
new file mode 100644
index 0000000000..11a7ea49cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e07.xht
@@ -0,0 +1,151 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003e07-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px 24px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 72px;
+ border-right: orange solid 0px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 82px;
+ /*
+
+ "
+ In the fixed table layout algorithm, the width of each column is determined as follows:
+
+ (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...)
+ Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing).
+ "
+ Section 17.5.2.1 Fixed table layout
+ http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
+
+
+ Middle column width calculations
+ --------------------------------
+
+ 36px : half of border-left since such border must be split with cell in 1st column
+ +
+ 24px : padding-left of the cell in the middle column
+ +
+ 80px : width of the cell in the middle column
+ +
+ 24px : padding-right of the cell in the middle column
+ =======
+ 164px : width of the middle column
+
+
+ So,
+ 400px : table set width
+ -
+ 164px : width of the middle column
+ ======
+ 236px
+
+ So, each of the 2 remaining columns must be
+ half of such extra horizontal table space,
+ which is 236px divided by 2 == 118px.
+
+ 1st column width calculations
+ -----------------------------
+
+ 24px : padding-left of cell in 1st column
+ +
+ (solve) : width of cell in 1st column
+ +
+ 24px : padding-right of cell in 1st column
+ +
+ 36px : half of border-left of cell in middle column
+ since such border must be split with cell in 1st column
+ ======
+ 118px : width of 1st column
+
+ So, the width of the cell in first column must be exactly 34px.
+
+
+ 3rd column width calculations
+ -----------------------------
+
+ 24px : padding-left of cell in 3rd column
+ +
+ (solve) : width of cell in 3rd column
+ +
+ 24px : padding-right of cell in 3rd column
+ =======
+ 118px : width of 3rd column
+
+ So, the width of the cell in 3rd column must be exactly 70px.
+
+
+ Finally, the precise horizontal point where the border-right of cell
+ in first column begins to be drawn, painted is:
+
+ 24px : padding-left of cell in 1st column
+ +
+ 34px : width of cell in 1st column
+ +
+ 24px : padding-right of cell in 1st column
+ =======
+ 82px
+
+ Therefore the margin-left: 82px value of the div#reference.
+
+ */
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">E07</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e08-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e08-ref.xht
new file mode 100644
index 0000000000..e54d2d32b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e08-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 32px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 72px;
+ width: 128px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e08.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e08.xht
new file mode 100644
index 0000000000..30c7faa3c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e08.xht
@@ -0,0 +1,154 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003e08-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px 24px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 72px;
+ border-right: orange solid 0px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 32px;
+
+ /*
+
+ "
+ In the fixed table layout algorithm, the width of each column is determined as follows:
+
+ (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...)
+ Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing).
+ "
+ Section 17.5.2.1 Fixed table layout
+ http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
+
+
+ Middle column width calculations
+ --------------------------------
+
+ 36px : half of border-left since such border must be split with cell in 1st column
+ +
+ 24px : padding-left of the cell in the middle column
+ +
+ 80px : width of the cell in the middle column
+ +
+ 24px : padding-right of the cell in the middle column
+
+ =======
+ 164px : width of the middle column
+
+
+ So,
+ 300px : table set width
+ -
+ 164px : width of the middle column
+ ======
+ 136px
+
+ So, each of the 2 remaining columns must be
+ half of such extra horizontal table space,
+ which is 136px divided by 2 == 68px.
+
+ 1st column width calculations
+ -----------------------------
+
+ 24px : padding-left of cell in 1st column
+ +
+ (solve) : width of cell in 1st column
+ +
+ 24px : padding-right of cell in 1st column
+ +
+ 36px : border-right of cell in 1st column
+ which is half of border-left of cell in middle column
+ ======
+ 68px : width of 1st column
+
+ So, the width of the cell in first column must be exactly -16px !
+
+
+ 3rd column width calculations
+ -----------------------------
+
+ 24px : padding-left of cell in 3rd column
+ +
+ (solve) : width of cell in 3rd column
+ +
+ 24px : padding-right of cell in 3rd column
+ =======
+ 68px : width of 3rd column
+
+ So, the width of the cell in 3rd column must be exactly 20px.
+
+
+ Finally, the precise horizontal point where the border-right of cell
+ in first column begins to be drawn, painted is:
+
+ 24px : padding left of cell in 1st column
+ +
+ -16px : width of cell in 1st column
+ +
+ 24px : padding right of cell in 1st column
+ =======
+ 32px
+
+ Therefore the margin-left: 32px value of the div#reference.
+
+ */
+
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">E08</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e09-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e09-ref.xht
new file mode 100644
index 0000000000..aac32937d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e09-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 118px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-right: orange solid 72px;
+ width: 128px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e09.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e09.xht
new file mode 100644
index 0000000000..906fcb226b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e09.xht
@@ -0,0 +1,153 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003e09-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px 24px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 0px;
+ border-right: orange solid 72px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 118px;
+
+ /*
+
+ "
+ In the fixed table layout algorithm, the width of each column is determined as follows:
+
+ (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...)
+ Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing).
+ "
+ Section 17.5.2.1 Fixed table layout
+ http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
+
+
+ Middle column width calculations
+ --------------------------------
+
+ 36px : half of border-left since such border must be split with cell in 1st column
+ +
+ 24px : padding-left of the cell in the middle column
+ +
+ 80px : width of the cell in the middle column
+ +
+ 24px : padding-right of the cell in the middle column
+ =======
+ 164px : width of the middle column
+
+
+ So,
+ 400px : table set width
+ -
+ 164px : width of the middle column
+ ======
+ 236px
+
+ So, each of the 2 remaining columns must be
+ half of such extra horizontal table space,
+ which is 236px divided by 2 == 118px.
+
+ 1st column width calculations
+ -----------------------------
+
+ 24px : padding-left of cell in 1st column
+ +
+ (solve) : width of cell in 1st column
+ +
+ 24px : padding-right of cell in 1st column
+ ======
+ 118px : width of 1st column
+
+ So, the width of the cell in first column must be exactly 70px.
+
+
+ 3rd column width calculations
+ -----------------------------
+
+ 36px : half of border-right of cell in middle column
+ since such border must be split with cell in 3rd column
+ +
+ 24px : padding-left of cell in 3rd column
+ +
+ (solve) : width of cell in 3rd column
+ +
+ 24px : padding-right of cell in 3rd column
+ =======
+ 118px : width of 3rd column
+
+ So, the width of the cell in 3rd column must be exactly 34px.
+
+
+ Finally, the precise horizontal point where the border-right of cell
+ in first column begins to be drawn, painted is:
+
+ 24px : padding-left of cell in 1st column
+ +
+ 70px : width of cell in 1st column
+ +
+ 24px : padding-right of cell in 1st column
+ =======
+ 118px
+
+ Therefore the margin-left: 118px value of the div#reference.
+
+ */
+
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">E09</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e10-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e10-ref.xht
new file mode 100644
index 0000000000..6bf012d931
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e10-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 68px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-right: orange solid 72px;
+ width: 128px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e10.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e10.xht
new file mode 100644
index 0000000000..fa6a9e20d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e10.xht
@@ -0,0 +1,155 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003e10-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px 24px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 0px;
+ border-right: orange solid 72px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 68px;
+
+
+ /*
+
+ "
+ In the fixed table layout algorithm, the width of each column is determined as follows:
+
+ (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...)
+ Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing).
+ "
+ Section 17.5.2.1 Fixed table layout
+ http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
+
+
+ Middle column width calculations
+ --------------------------------
+
+ 24px : padding-left of the cell in the middle column
+ +
+ 80px : width of the cell in the middle column
+ +
+ 24px : padding-right of the cell in the middle column
+ +
+ 36px : half of border-right since such border must be split with cell in 3rd column
+
+ =======
+ 164px : width of the middle column
+
+
+ So,
+ 300px : table set width
+ -
+ 164px : width of the middle column
+ ======
+ 136px
+
+ So, each of the 2 remaining columns must be
+ half of such extra horizontal table space,
+ which is 136px divided by 2 == 68px.
+
+ 1st column width calculations
+ -----------------------------
+
+ 24px : padding-left of cell in 1st column
+ +
+ (solve) : width of cell in 1st column
+ +
+ 24px : padding-right of cell in 1st column
+
+ ======
+ 68px : width of 1st column
+
+ So, the width of the cell in first column must be exactly 20px.
+
+
+ 3rd column width calculations
+ -----------------------------
+
+ 36px : border-left of cell in 3rd column
+
+ 24px : padding-left of cell in 3rd column
+ +
+ (solve) : width of cell in 3rd column
+ +
+ 24px : padding-right of cell in 3rd column
+ =======
+ 68px : width of 3rd column
+
+ So, the width of the cell in 3rd column must be exactly -16px !
+
+
+ Finally, the precise horizontal point where the border-right of cell
+ in first column begins to be drawn, painted is:
+
+ 24px : padding left of cell in 1st column
+ +
+ 20px : width of cell in 1st column
+ +
+ 24px : padding right of cell in 1st column
+ =======
+ 68px
+
+ Therefore the margin-left: 68px value of the div#reference.
+
+ */
+
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">E10</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e11-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e11-ref.xht
new file mode 100644
index 0000000000..1b13490ad3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e11-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 108px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 20px;
+ border-right: orange solid 52px;
+ width: 128px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e11.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e11.xht
new file mode 100644
index 0000000000..9324c04ebe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e11.xht
@@ -0,0 +1,158 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003e11-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with asymetrical non-zero horizontal cell padding and with asymetrical non-zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px 10px 0px 38px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 20px;
+ border-right: orange solid 52px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 108px;
+
+ /*
+
+ "
+ In the fixed table layout algorithm, the width of each column is determined as follows:
+
+ (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...)
+ Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing).
+ "
+ Section 17.5.2.1 Fixed table layout
+ http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
+
+
+ Middle column width calculations
+ --------------------------------
+
+ 10px : half of border-left since such border must be split with cell in 1st column
+ +
+ 38px : padding-left of the cell in the middle column
+ +
+ 80px : width of the cell in the middle column
+ +
+ 10px : padding-right of the cell in the middle column
+ +
+ 26px : half of border-right since such border must be split with cell in 3rd column
+ =======
+ 164px : width of the middle column
+
+
+ So,
+ 400px : table set width
+ -
+ 164px : width of the middle column
+ ======
+ 236px
+
+ So, each of the 2 remaining columns must be
+ half of such extra horizontal table space,
+ which is 236px divided by 2 == 118px.
+
+ 1st column width calculations
+ -----------------------------
+
+ 38px : padding-left of cell in 1st column
+ +
+ (solve) : width of cell in 1st column
+ +
+ 10px : padding-right of cell in 1st column
+ +
+ 10px : border-right of cell in 1st column
+ which is half of border-left of cell in middle column
+ ======
+ 118px : width of 1st column
+
+ So, the width of the cell in first column must be exactly 60px.
+
+
+ 3rd column width calculations
+ -----------------------------
+
+ 26px : half of border-right of cell in middle column
+ since such border must be split with the cell in 3rd column
+ +
+ 24px : padding-left of cell in 3rd column
+ +
+ (solve) : width of cell in 3rd column
+ +
+ 24px : padding-right of cell in 3rd column
+ =======
+ 118px : width of 3rd column
+
+ So, the width of the cell in 3rd column must be exactly 44px.
+
+
+ Finally, the precise horizontal point where the border-right of cell
+ in first column begins to be drawn, painted is:
+
+ 24px : padding-left of cell in 1st column
+ +
+ 60px : width of cell in 1st column
+ +
+ 24px : padding-right of cell in 1st column
+ =======
+ 108px
+
+ Therefore the margin-left: 108px value of the div#reference.
+
+ */
+
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">E11</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e12-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e12-ref.xht
new file mode 100644
index 0000000000..7db31c3c04
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e12-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 58px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 20px;
+ border-right: orange solid 52px;
+ width: 128px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e12.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e12.xht
new file mode 100644
index 0000000000..fc2ffaf98a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e12.xht
@@ -0,0 +1,157 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003e12-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with asymetrical non-zero horizontal cell padding and with asymetrical non-zero horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px 10px 0px 38px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 20px;
+ border-right: orange solid 52px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 58px;
+
+ /*
+
+ "
+ In the fixed table layout algorithm, the width of each column is determined as follows:
+
+ (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...)
+ Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing).
+ "
+ Section 17.5.2.1 Fixed table layout
+ http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
+
+
+ Middle column width calculations
+ --------------------------------
+
+ 10px : half of border-left since such border must be split with cell in 1st column
+
+ 38px : padding-left of cell in the middle column
+ +
+ 80px : width of cell in the middle column
+ +
+ 10px : padding-right of cell in the middle column
+ +
+ 26px : half of border-right since such border must be split with cell in 3rd column
+
+ =======
+ 164px : width of the middle column
+
+
+ So,
+ 300px : table set width
+ -
+ 164px : width of the middle column
+ ======
+ 136px
+
+ So, each of the 2 remaining columns must be
+ half of such extra horizontal table space,
+ which is 136px divided by 2 == 68px.
+
+ 1st column width calculations
+ -----------------------------
+
+ 38px : padding-left of cell in 1st column
+ +
+ (solve) : width of cell in 1st column
+ +
+ 10px : padding-right of cell in 1st column
+ +
+ 10px : border-right of cell in 1st column
+ ======
+ 68px : width of 1st column
+
+ So, the width of the cell in first column must be exactly 10px.
+
+
+ 3rd column width calculations
+ -----------------------------
+
+ 26px : border-left of cell in 3rd column
+ +
+ 38px : padding-left of cell in 3rd column
+ +
+ (solve) : width of cell in 3rd column
+ +
+ 10px : padding-right of cell in 3rd column
+ =======
+ 68px : width of 3rd column
+
+ So, the width of the cell in 3rd column must be exactly -6px !
+
+
+ Finally, the precise horizontal point where the border-right of cell
+ in first column begins to be drawn, painted is:
+
+ 38px : padding left of cell in 1st column
+ +
+ 10px : width of cell in 1st column
+ +
+ 10px : padding right of cell in 1st column
+ =======
+ 58px
+
+ Therefore the margin-left: 58px value of the div#reference.
+
+ */
+
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">E12</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f01-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f01-ref.xht
new file mode 100644
index 0000000000..d1513109ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f01-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 100px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 60px;
+ border-right: orange solid 60px;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f01.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f01.xht
new file mode 100644
index 0000000000..275e8645c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f01.xht
@@ -0,0 +1,139 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003f01-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with non-zero symetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 60px;
+ border-right: orange solid 60px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 100px;
+
+ /*
+
+ "
+ In the fixed table layout algorithm, the width of each column is determined as follows:
+
+ (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...)
+ Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing).
+ "
+ Section 17.5.2.1 Fixed table layout
+ http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
+
+
+ Middle column width calculations
+ --------------------------------
+
+ 30px : half of border-left since such border must be split with cell in 1st column
+ +
+ 80px : width of cell in the middle column
+ +
+ 30px : half of border-right since such border must be split with cell in 3rd column
+
+ =======
+ 140px : width of the middle column
+
+
+ So,
+ 400px : table set width
+ -
+ 140px : width of the middle column
+ ======
+ 260px
+
+ So, each of the 2 remaining columns must be
+ half of such extra horizontal table space,
+ which is 260px divided by 2 == 130px.
+
+ 1st column width calculations
+ -----------------------------
+
+ (solve) : width of cell in 1st column
+ +
+ 30px : border-right of cell in 1st column
+ ======
+ 130px : width of 1st column
+
+ So, the width of the cell in first column must be exactly 100px.
+
+
+ 3rd column width calculations
+ -----------------------------
+
+ 30px : border-left of cell in 3rd column
+ +
+ (solve) : width of cell in 3rd column
+ =======
+ 130px : width of 3rd column
+
+ So, the width of the cell in 3rd column must be exactly 100px.
+
+
+ Finally, the precise horizontal point where the border-right of cell
+ in first column begins to be drawn, painted is:
+
+ 100px : width of cell in 1st column
+
+ Therefore the margin-left: 100px value of the div#reference.
+
+ */
+
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">F01</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f02-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f02-ref.xht
new file mode 100644
index 0000000000..199707483a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f02-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 50px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 60px;
+ border-right: orange solid 60px;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f02.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f02.xht
new file mode 100644
index 0000000000..c8d885ce83
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f02.xht
@@ -0,0 +1,139 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003f02-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with non-zero symetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 60px;
+ border-right: orange solid 60px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 50px;
+
+ /*
+
+ "
+ In the fixed table layout algorithm, the width of each column is determined as follows:
+
+ (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...)
+ Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing).
+ "
+ Section 17.5.2.1 Fixed table layout
+ http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
+
+
+ Middle column width calculations
+ --------------------------------
+
+ 30px : half of border-left since such border must be split with cell in 1st column
+ +
+ 80px : width of cell in the middle column
+ +
+ 30px : half of border-right since such border must be split with cell in 3rd column
+
+ =======
+ 140px : width of the middle column
+
+
+ So,
+ 300px : table set width
+ -
+ 140px : width of the middle column
+ ======
+ 160px
+
+ So, each of the 2 remaining columns must be
+ half of such extra horizontal table space,
+ which is 160px divided by 2 == 80px.
+
+ 1st column width calculations
+ -----------------------------
+
+ (solve) : width of cell in 1st column
+ +
+ 30px : border-right of cell in 1st column
+ ======
+ 80px : width of 1st column
+
+ So, the width of the cell in first column must be exactly 50px.
+
+
+ 3rd column width calculations
+ -----------------------------
+
+ 30px : border-left of cell in 3rd column
+ +
+ (solve) : width of cell in 3rd column
+ =======
+ 80px : width of 3rd column
+
+ So, the width of the cell in 3rd column must be exactly 50px.
+
+
+ Finally, the precise horizontal point where the border-right of cell
+ in first column begins to be drawn, painted is:
+
+ 50px : width of cell in 1st column
+
+ Therefore the margin-left: 50px value of the div#reference.
+
+ */
+
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">F02</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f03-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f03-ref.xht
new file mode 100644
index 0000000000..558cdc5a49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f03-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 130px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-right: orange solid 120px;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f03.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f03.xht
new file mode 100644
index 0000000000..5493250e75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f03.xht
@@ -0,0 +1,136 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003f03-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with one non-zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 0px;
+ border-right: orange solid 120px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 130px;
+
+ /*
+
+ "
+ In the fixed table layout algorithm, the width of each column is determined as follows:
+
+ (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...)
+ Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing).
+ "
+ Section 17.5.2.1 Fixed table layout
+ http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
+
+
+ Middle column width calculations
+ --------------------------------
+
+ 80px : width of cell in the middle column
+ +
+ 60px : half of border-right since such border must be split with cell in 3rd column
+
+ =======
+ 140px : width of the middle column
+
+
+ So,
+ 400px : table set width
+ -
+ 140px : width of the middle column
+ ======
+ 260px
+
+ So, each of the 2 remaining columns must be
+ half of such extra horizontal table space,
+ which is 260px divided by 2 == 130px.
+
+ 1st column width calculations
+ -----------------------------
+
+ (solve) : width of cell in 1st column
+
+ ======
+ 130px : width of 1st column
+
+ So, the width of the cell in first column must be exactly 130px.
+
+
+ 3rd column width calculations
+ -----------------------------
+
+ 60px : border-left of cell in 3rd column
+ +
+ (solve) : width of cell in 3rd column
+ =======
+ 130px : width of 3rd column
+
+ So, the width of the cell in 3rd column must be exactly 70px.
+
+
+ Finally, the precise horizontal point where the border-right of cell
+ in first column begins to be drawn, painted is:
+
+ 130px : width of cell in 1st column
+
+ Therefore the margin-left: 130px value of the div#reference.
+
+ */
+
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">F03</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f04-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f04-ref.xht
new file mode 100644
index 0000000000..e011b7bc51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f04-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 80px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-right: orange solid 120px;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f04.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f04.xht
new file mode 100644
index 0000000000..f53e7b7128
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f04.xht
@@ -0,0 +1,135 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003f04-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with one non-zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 0px;
+ border-right: orange solid 120px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 80px;
+
+ /*
+
+ "
+ In the fixed table layout algorithm, the width of each column is determined as follows:
+
+ (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...)
+ Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing).
+ "
+ Section 17.5.2.1 Fixed table layout
+ http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
+
+
+ Middle column width calculations
+ --------------------------------
+
+ 80px : width of cell in the middle column
+ +
+ 60px : half of border-right since such border must be split with cell in 3rd column
+
+ =======
+ 140px : width of the middle column
+
+
+ So,
+ 300px : table set width
+ -
+ 140px : width of the middle column
+ =======
+ 160px
+
+ So, each of the 2 remaining columns must be
+ half of such extra horizontal table space,
+ which is 160px divided by 2 == 80px.
+
+ 1st column width calculations
+ -----------------------------
+
+ (solve) : width of cell in 1st column
+ =======
+ 80px : width of 1st column
+
+ So, the width of the cell in first column must be exactly 80px.
+
+
+ 3rd column width calculations
+ -----------------------------
+
+ 60px : border-left of cell in 3rd column
+ +
+ (solve) : width of cell in 3rd column
+ ========
+ 80px : width of 3rd column
+
+ So, the width of the cell in 3rd column must be exactly 20px.
+
+
+ Finally, the precise horizontal point where the border-right of cell
+ in first column begins to be drawn, painted is:
+
+ 80px : width of cell in 1st column
+
+ Therefore the margin-left: 80px value of the div#reference.
+
+ */
+
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">F04</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f05-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f05-ref.xht
new file mode 100644
index 0000000000..82c5c86fbf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f05-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 70px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 120px;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f05.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f05.xht
new file mode 100644
index 0000000000..dcaea8d05e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f05.xht
@@ -0,0 +1,133 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003f05-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with one non-zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 120px;
+ border-right: orange solid 0px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 70px;
+
+ /*
+
+ "
+ In the fixed table layout algorithm, the width of each column is determined as follows:
+
+ (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...)
+ Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing).
+ "
+ Section 17.5.2.1 Fixed table layout
+ http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
+
+
+ Middle column width calculations
+ --------------------------------
+
+ 60px : half of border-left since such border must be split with cell in 1st column
+ +
+ 80px : width of cell in the middle column
+ =======
+ 140px : width of the middle column
+
+ So,
+ 400px : table set width
+ -
+ 140px : width of the middle column
+ ======
+ 260px
+
+ So, each of the 2 remaining columns must be
+ half of such extra horizontal table space,
+ which is 260px divided by 2 == 130px.
+
+ 1st column width calculations
+ -----------------------------
+
+ (solve) : width of cell in 1st column
+ +
+ 60px : border-left of cell in 1st column
+ ======
+ 130px : width of 1st column
+
+ So, the width of the cell in first column must be exactly 70px.
+
+
+ 3rd column width calculations
+ -----------------------------
+
+ (solve) : width of cell in 3rd column
+ =======
+ 130px : width of 3rd column
+
+ So, the width of the cell in 3rd column must be exactly 130px.
+
+
+ Finally, the precise horizontal point where the border-right of cell
+ in first column begins to be drawn, painted is:
+
+ 70px : width of cell in 1st column
+
+ Therefore the margin-left: 70px value of the div#reference.
+
+ */
+
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">F05</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f06-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f06-ref.xht
new file mode 100644
index 0000000000..283eb3eeaf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f06-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 20px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 120px;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f06.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f06.xht
new file mode 100644
index 0000000000..339d321dd1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f06.xht
@@ -0,0 +1,133 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003f06-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with one non-zero horizontal cell border." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 120px;
+ border-right: orange solid 0px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 20px;
+
+ /*
+
+ "
+ In the fixed table layout algorithm, the width of each column is determined as follows:
+
+ (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...)
+ Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing).
+ "
+ Section 17.5.2.1 Fixed table layout
+ http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
+
+
+ Middle column width calculations
+ --------------------------------
+
+ 60px : half of border-left since such border must be split with cell in 3rd column
+ +
+ 80px : width of cell in the middle column
+ =======
+ 140px : width of the middle column
+
+
+ So,
+ 300px : table set width
+ -
+ 140px : width of the middle column
+ =======
+ 160px
+
+ So, each of the 2 remaining columns must be
+ half of such extra horizontal table space,
+ which is 160px divided by 2 == 80px.
+
+ 1st column width calculations
+ -----------------------------
+
+ 60px : border-left since such border must be split with cell in middle column
+ +
+ (solve) : width of cell in 1st column
+ =======
+ 80px : width of 1st column
+
+ So, the width of the cell in first column must be exactly 20px.
+
+
+ 3rd column width calculations
+ -----------------------------
+ (solve) : width of cell in 3rd column
+ ========
+ 80px : width of 3rd column
+
+ So, the width of the cell in 3rd column must be exactly 80px.
+
+
+ Finally, the precise horizontal point where the border-right of cell
+ in first column begins to be drawn, painted is:
+
+ 20px : width of cell in 1st column
+
+ Therefore the margin-left: 20px value of the div#reference.
+
+ */
+
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">F06</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f07-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f07-ref.xht
new file mode 100644
index 0000000000..a3c329f13d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f07-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 114px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 32px;
+ border-right: orange solid 88px;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f07.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f07.xht
new file mode 100644
index 0000000000..d922b876d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f07.xht
@@ -0,0 +1,140 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003f07-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with non-zero asymetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 400px;
+ }
+
+ td {padding: 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 32px;
+ border-right: orange solid 88px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 114px;
+
+ /*
+
+ "
+ In the fixed table layout algorithm, the width of each column is determined as follows:
+
+ (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...)
+ Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing).
+ "
+ Section 17.5.2.1 Fixed table layout
+ http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
+
+
+ Middle column width calculations
+ --------------------------------
+
+ 16px : halrf of border-left since such border must be split with cell in 1st column
+ +
+ 80px : width of cell in the middle column
+ +
+ 44px : half of border-right since such border must be split with cell in 3rd column
+
+ =======
+ 140px : width of the middle column
+
+
+ So,
+ 400px : table set width
+ -
+ 140px : width of the middle column
+ ======
+ 260px
+
+ So, each of the 2 remaining columns must be
+ half of such extra horizontal table space,
+ which is 260px divided by 2 == 130px.
+
+ 1st column width calculations
+ -----------------------------
+
+
+ (solve) : width of cell in 1st column
+ +
+ 16px : border-right of cell in 1st column
+ ======
+ 130px : width of 1st column
+
+ So, the width of the cell in first column must be exactly 114px.
+
+
+ 3rd column width calculations
+ -----------------------------
+
+ 44px : border-left of cell in 3rd column
+ +
+ (solve) : width of cell in 3rd column
+ =======
+ 130px : width of 3rd column
+
+ So, the width of the cell in 3rd column must be exactly 86px.
+
+
+ Finally, the precise horizontal point where the border-right of cell
+ in first column begins to be drawn, painted is:
+
+ 114px : width of cell in 1st column
+
+ Therefore the margin-left: 114px value of the div#reference.
+
+ */
+
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">F07</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f08-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f08-ref.xht
new file mode 100644
index 0000000000..73c38200a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f08-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 24px;
+ margin-left: 64px;
+ }
+
+ div#blue-stripe
+ {
+ background-color: blue;
+ border-left: orange solid 32px;
+ border-right: orange solid 88px;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <div id="blue-stripe"></div>
+
+ <div id="reference"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f08.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f08.xht
new file mode 100644
index 0000000000..f03c2a3779
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f08.xht
@@ -0,0 +1,137 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout: fixed - cell in the first row with specified width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="match" href="fixed-table-layout-003f08-ref.xht" />
+
+ <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with non-zero asymetrical horizontal cell borders." />
+
+ <style type="text/css"><![CDATA[
+ div, table {font: 1.25em/1.2 serif;}
+
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 300px;
+ }
+
+ td {padding: 0px;}
+
+ td#tested-cell
+ {
+ background-color: blue;
+ border-left: orange solid 32px;
+ border-right: orange solid 88px;
+ color: blue;
+ width: 80px;
+ }
+
+ div#reference
+ {
+ background-color: black;
+ color: black;
+ margin-left: 64px;
+
+ /*
+
+ "
+ In the fixed table layout algorithm, the width of each column is determined as follows:
+
+ (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...)
+ Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing).
+ "
+ Section 17.5.2.1 Fixed table layout
+ http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
+
+
+ Middle column width calculations
+ --------------------------------
+
+ 16px : half of border-left since such border must be split with cell in 1st column
+ +
+ 80px : width of cell in the middle column
+ +
+ 44px : half of border-right since such border must be split with cell in 3rd column
+ =======
+ 140px : width of the middle column
+
+
+ So,
+ 300px : table set width
+ -
+ 140px : width of the middle column
+ =======
+ 160px
+
+ So, each of the 2 remaining columns must be
+ half of such extra horizontal table space,
+ which is 160px divided by 2 == 80px.
+
+ 1st column width calculations
+ -----------------------------
+
+ (solve) : width of cell in 1st column
+ +
+ 16px : border-right since such border must be split with cell in middle column
+ =======
+ 80px : width of 1st column
+
+ So, the width of the cell in first column must be exactly 64px.
+
+
+ 3rd column width calculations
+ -----------------------------
+ 44px : border-left since such border must be split with cell in middle column
+ +
+ (solve) : width of cell in 3rd column
+ ========
+ 80px : width of 3rd column
+
+ So, the width of the cell in 3rd column must be exactly 36px.
+
+
+ Finally, the precise horizontal point where the border-right of cell
+ in first column begins to be drawn, painted is:
+
+ 64px : width of cell in 1st column
+
+ Therefore the margin-left: 64px value of the div#reference.
+
+ */
+
+ width: 200px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p>
+
+ <table>
+
+ <col />
+ <col />
+ <col />
+
+ <tr>
+ <td></td>
+ <td id="tested-cell">F08</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">200px wide</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-004.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-004.xht
new file mode 100644
index 0000000000..004be74ecc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-004.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Fixed table layout</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <meta name="assert" content="The width of a column-spanning cell (which determines column widths in fixed table layout) is divided over the columns it spans." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ margin: 0;
+ table-layout: fixed;
+ width: 100px;
+ }
+ #cell1
+ {
+ background: black;
+ width: 98px;
+ }
+ td
+ {
+ height: 20px;
+ padding: 0;
+ }
+ #cell2
+ {
+ background: silver;
+ }
+ #cell3
+ {
+ background: orange;
+ }
+ #div1
+ {
+ background: blue;
+ height: 20px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and black bars are the same width and the gray and orange boxes are half of that width.</p>
+ <table>
+ <tr>
+ <td id="cell1" colspan="2"></td>
+ </tr>
+ <tr>
+ <td id="cell2"></td>
+ <td id="cell3"></td>
+ </tr>
+ </table>
+ <div id="div1"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-005.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-005.xht
new file mode 100644
index 0000000000..1fd2847623
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-005.xht
@@ -0,0 +1,76 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Leftover table width is divided evenly among auto-sized columns</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <meta name="assert" content="Any remaining horizontal table space is divided evenly among columns which do not have specified widths." />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0;
+ table-layout: fixed;
+ width: 300px;
+ }
+ #col1
+ {
+ width: 50px;
+ }
+ td
+ {
+ padding: 0;
+ }
+ #cell1
+ {
+ width: 50px;
+ }
+ #cell2
+ {
+ width: 100px;
+ }
+ #div1
+ {
+ border-top: 1px solid black;
+ height: 100px;
+ width: 300px;
+ }
+ #div1 > div
+ {
+ float: left;
+ }
+ .px50
+ {
+ width: 50px;
+ }
+ #px100
+ {
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the numbers above the line are aligned with the numbers below the line.</p>
+ <table>
+ <col id="col1" />
+ <col />
+ <col />
+ <col />
+ <col />
+ <col />
+ <tr>
+ <td>1</td>
+ <td id="cell1">2</td>
+ <td id="cell2" colspan="2">3</td>
+ <td>4</td>
+ <td>5</td>
+ </tr>
+ </table>
+ <div id="div1">
+ <div class="px50">1</div>
+ <div class="px50">2</div>
+ <div id="px100">3</div>
+ <div class="px50">4</div>
+ <div class="px50">5</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-006.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-006.xht
new file mode 100644
index 0000000000..48e4970929
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-006.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Remaining table width is divided evenly among non auto-sized columns (minus borders and cell spacing)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <meta name="assert" content="Any remaining horizontal table space is divided evenly among columns which do not have specified widths (minus borders and cell spacing)." />
+ <style type="text/css">
+ table
+ {
+ background: blue;
+ border-collapse: separate;
+ border-spacing: 10px 0;
+ table-layout: fixed;
+ width: 130px;
+ }
+ td
+ {
+ background: blue;
+ border-left: 10px solid orange;
+ border-right: 10px solid orange;
+ height: 100px;
+ padding: 0;
+ }
+ #specified
+ {
+ width: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all of the blue lines below appear to have the same width.</p>
+ <table>
+ <tr>
+ <td id="specified"></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-007.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-007.xht
new file mode 100644
index 0000000000..b4ed060c4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-007.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Fixed table width is maximum between table and sum of column 'width' (table width wins)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <meta name="assert" content="A fixed layout table's width will be its specified width if that width is greater than the sum of its columns' widths." />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0;
+ table-layout: fixed;
+ }
+ td
+ {
+ background: black;
+ padding: 0;
+ width: 50px;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ }
+ #div1, table
+ {
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same width.</p>
+ <table>
+ <tr>
+ <td>X</td>
+ <td>X</td>
+ </tr>
+ </table>
+ <div id="div1"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-009.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-009.xht
new file mode 100644
index 0000000000..5af05caaf9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-009.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cell that overflows a fixed-width table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <meta name="assert" content="A cell that overflows the fixed table width uses its 'overflow' property to determine whether to clip the overflow content." />
+ <style type="text/css">
+ table
+ {
+ table-layout: fixed;
+ width: 100px;
+ }
+ td
+ {
+ border: 1px solid blue;
+ width: 100px;
+ }
+ #hidden
+ {
+ overflow: hidden;
+ }
+ </style>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>FillerTextFillerTextFillerTextFiller</td>
+ </tr>
+ </table>
+ <p>Test passes if the text in the blue rectangle above this line spills outside of its right side border and the text in the blue rectangle below this line is contained within the rectangle's border (and appears to be cut off on its right side).</p>
+ <table>
+ <tr>
+ <td id="hidden">FillerTextFillerTextFillerTextFiller</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-010.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-010.xht
new file mode 100644
index 0000000000..2c6fc4e306
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-010.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Subsequent rows in fixed table layout</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <meta name="assert" content="Cells in subsequent rows after the first do not affect column widths in fixed table layout." />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0;
+ table-layout: fixed;
+ }
+ td
+ {
+ background: blue;
+ color: blue;
+ padding: 0;
+ height: 1em;
+ }
+ #overflow
+ {
+ color: black;
+ overflow: visible;
+ white-space: pre;
+ }
+ #div1
+ {
+ background: black;
+ height: 20px;
+ }
+ table, .row1
+ {
+ width: 100px;
+ }
+ .row2, #div1
+ {
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same width and the blue box has the words "Filler Text" on the bottom overflowing to the right.</p>
+ <table>
+ <tr>
+ <td class="row1"></td>
+ <td class="row1"></td>
+ </tr>
+ <tr>
+ <td class="row2"></td>
+ <td class="row2"></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td id="overflow">Filler Text Filler Text Filler Text</td>
+ </tr>
+ </table>
+ <div id="div1"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-011.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-011.xht
new file mode 100644
index 0000000000..c9a91f66ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-011.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table with table-layout fixed, width auto (inline-level)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="A table with fixed table-layout and auto width may be sized according to the auto table layout algorithm." />
+ <style type="text/css">
+ table
+ {
+ table-layout: fixed;
+ width: auto;
+ }
+ col
+ {
+ width: 100px;
+ }
+ td
+ {
+ color: white;
+ }
+ #secondrow
+ {
+ border: 2px solid black;
+ color: black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below fully contains the text "FillerTextFillerText" or the text overflows the box.</p>
+ <table>
+ <col />
+ <tr>
+ <td>FillerText</td>
+ </tr>
+ <tr>
+ <td id="secondrow">FillerTextFillerText</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-012.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-012.xht
new file mode 100644
index 0000000000..a42e48e9f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-012.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Fixed table layout - specified column width overrides first-cell specified width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2016-05-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <meta name="assert" content="A column element with specified width sets the width of the column, even if the first-row cell has a specified width." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: separate;
+ border-spacing: 0px;
+ table-layout: fixed;
+ width: 200px;
+ }
+ #col
+ {
+ width: 50px;
+ }
+ #cell
+ {
+ background: orange;
+ color: orange;
+ width: 175px;
+ }
+ #div1
+ {
+ background: blue;
+ height: 21px;
+ width: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange and blue stripes have the same width.</p>
+ <table>
+ <col id="col" />
+ <col />
+ <tr>
+ <td id="cell">X</td>
+ <td></td>
+ </tr>
+ </table>
+ <div id="div1"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-013.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-013.xht
new file mode 100644
index 0000000000..ec136ee283
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-013.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Fixed table layout - specified column-group width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <meta name="assert" content="Specified column-group width is ignored in fixed table layout." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 200px;
+ }
+ #colgroup
+ {
+ width: 50px;
+ }
+ #cell
+ {
+ background: black;
+ }
+ #div1
+ {
+ background: blue;
+ width: 100px;
+ }
+ #div1, #cell
+ {
+ height: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same width.</p>
+ <table>
+ <colgroup id="colgroup">
+ <col />
+ </colgroup>
+ <colgroup>
+ <col />
+ </colgroup>
+ <tr>
+ <td id="cell"></td>
+ <td></td>
+ </tr>
+ </table>
+ <div id="div1"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-014.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-014.xht
new file mode 100644
index 0000000000..55b8cfaf8f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-014.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Fixed table layout - specified column width overrides specified column-group width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <meta name="assert" content="A column that has both a column width and column-group width specified will use its column specified width." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 100px;
+ }
+ #colgroup
+ {
+ width: 300px;
+ }
+ #cell
+ {
+ background: black;
+ }
+ #div1
+ {
+ background: blue;
+ }
+ #div1, #cell
+ {
+ height: 1em;
+ }
+ #div1, #col
+ {
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same width.</p>
+ <table>
+ <colgroup id="colgroup">
+ <col id="col" />
+ </colgroup>
+ <colgroup>
+ <col />
+ </colgroup>
+ <tr>
+ <td id="cell"></td>
+ <td></td>
+ </tr>
+ </table>
+ <div id="div1"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-015.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-015.xht
new file mode 100644
index 0000000000..6475b4dec8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-015.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Fixed table layout - specified cell width overrides specified column-group width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <meta name="assert" content="A column that has both a cell width and column-group width specified will use its cell specified width." />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0;
+ table-layout: fixed;
+ width: 200px;
+ }
+ #colgroup
+ {
+ width: 75px;
+ }
+ #cell
+ {
+ background: black;
+ width: 100px;
+ }
+ td
+ {
+ padding: 0;
+ }
+ #div1
+ {
+ background: blue;
+ width: 100px;
+ }
+ #div1, td
+ {
+ height: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same width.</p>
+ <table>
+ <colgroup id="colgroup">
+ <col />
+ </colgroup>
+ <colgroup>
+ <col />
+ </colgroup>
+ <tr>
+ <td id="cell"></td>
+ <td></td>
+ </tr>
+ </table>
+ <div id="div1"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-016.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-016.xht
new file mode 100644
index 0000000000..f448db6e45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-016.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Fixed table width is maximum between table and sum of column 'width' (sum of columns' widths wins)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" />
+ <meta name="assert" content="A fixed layout table's width will be the sum of its columns' widths if that number is greater than the table's specified width." />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0;
+ table-layout: fixed;
+ width: 75px;
+ }
+ td
+ {
+ background: black;
+ padding: 0;
+ width: 25px;
+ }
+ #div1
+ {
+ background: blue;
+ width: 100px;
+ }
+ #div1, td
+ {
+ height: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same width.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ <div id="div1"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-017-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-017-ref.xht
new file mode 100644
index 0000000000..2db121294f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-017-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 1.25em;
+ margin-bottom: 4px;
+ margin-left: 172px;
+ padding: 1px 0px;
+ width: 160px;
+ }
+
+ div#orange-stripe {background-color: orange; margin-top: 20px;}
+
+ div#blue-stripe {background-color: blue; margin-top: 0px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe is exactly as wide as the blue stripe and is horizontally positioned the same.</p>
+
+ <div id="orange-stripe"></div>
+
+ <div id="blue-stripe"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-017.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-017.xht
new file mode 100644
index 0000000000..7d90ad98ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-017.xht
@@ -0,0 +1,111 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout fixed - columns with percentage width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" />
+ <link rel="match" href="fixed-table-layout-017-ref.xht" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+
+ <meta content="A column with a percentage width in a 'table-layout: fixed' table can be calculated and predicted when in 'border-collapse: separate' model." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table, div {font: 1.25em/1 Ahem;}
+
+ table
+ {
+ border-collapse: separate;
+ border-spacing: 4px;
+ table-layout: fixed;
+ width: 420px;
+ }
+
+ col#test
+ {
+ background-color: orange;
+ width: 40%;
+ }
+
+ td#third-cell {color: orange;}
+
+ div, td {padding: 1px 0px;}
+
+ div#reference
+ {
+ background-color: blue;
+ color: blue;
+ left: 172px;
+ /*
+ 3 horizontal border-spacing separate the start
+ of table box and the start of 3rd column.
+ The first 2 columns should each be 80px exactly
+ since "Any remaining columns equally divide the
+ remaining horizontal table space (minus [table] borders or
+ cell spacing)." So:
+
+ 0px : table border-left
+ +
+ 4px : 1st border-spacing
+ +
+ 80px : 1st column : (420 - 20) mult by (60% divided by 3)
+ +
+ 4px : 2nd border-spacing
+ +
+ 80px : 2nd column : (420 - 20) mult by (60% divided by 3)
+ +
+ 4px: 3rd border-spacing
+ ========
+ 172px
+ */
+
+ position: relative;
+ width: 160px;
+
+ /*
+
+ 420px : total width of table
+ -
+ 20px : 5 times horizontal border-spacing
+ -
+ 0px : total of horizontal table borders
+ ========
+ 400px
+ mult by
+ 40%
+ ========
+ 160px
+
+ */
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe is exactly as wide as the blue stripe and is horizontally positioned the same.</p>
+
+ <table>
+
+ <col></col>
+ <col></col>
+ <col id="test"></col>
+ <col></col>
+
+ <tr>
+ <td></td>
+ <td></td>
+ <td id="third-cell">col</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">ref</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-018.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-018.xht
new file mode 100644
index 0000000000..6f40eb9a5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-018.xht
@@ -0,0 +1,114 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout fixed - columns with percentage width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" />
+ <link rel="match" href="fixed-table-layout-017-ref.xht" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+
+ <meta content="A column with a percentage width in a 'table-layout: fixed' table can be calculated and predicted when in 'border-collapse: separate' model." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table, div {font: 1.25em/1 Ahem;}
+
+ table
+ {
+ border: solid white;
+ border-width: 0px 6px;
+ border-collapse: separate;
+ border-spacing: 2px 4px;
+ table-layout: fixed;
+ width: 422px;
+ }
+
+ col#test
+ {
+ background-color: orange;
+ width: 40%;
+ }
+
+ td#third-cell {color: orange;}
+
+ div, td {padding: 1px 0px;}
+
+ div#reference
+ {
+ background-color: blue;
+ color: blue;
+ left: 172px;
+ /*
+ 3 horizontal border-spacing and the table
+ border-left separate the start
+ of table box and the start of 3rd column.
+ The first 2 columns should each be 80px exactly
+ since "Any remaining columns equally divide the
+ remaining horizontal table space (minus [table] borders or
+ cell spacing)." So:
+
+ 6px : table border-left
+ +
+ 2px : 1st border-spacing
+ +
+ 80px : 1st column : (422 - 10 - 12) mult by (60% divided by 3)
+ +
+ 2px : 2nd border-spacing
+ +
+ 80px : 2nd column : (422 - 10 - 12) mult by (60% divided by 3)
+ +
+ 2px : 3rd border-spacing
+ =========
+ 172px
+ */
+
+ position: relative;
+ width: 160px;
+
+ /*
+
+ 422px : total width of table
+ -
+ 12px : total width of horizontal borders of table
+ -
+ 10px : 5 times horizontal border-spacing
+ ========
+ 400px
+ mult by
+ 40%
+ ========
+ 160px
+
+ */
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe is exactly as wide as the blue stripe and is horizontally positioned the same.</p>
+
+ <table>
+
+ <col></col>
+ <col></col>
+ <col id="test"></col>
+ <col></col>
+
+ <tr>
+ <td></td>
+ <td></td>
+ <td id="third-cell">col</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">ref</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-019.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-019.xht
new file mode 100644
index 0000000000..d6baab8671
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-019.xht
@@ -0,0 +1,90 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout fixed - columns with percentage width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" />
+ <link rel="match" href="fixed-table-layout-017-ref.xht" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+
+ <meta content="A column with a percentage width in a 'table-layout: fixed' table can be calculated and predicted when in 'border-collapse: separate' model." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table, div {font: 1.25em/1 Ahem;}
+
+ table
+ {
+ border: white solid;
+ border-width: 0px 6px;
+ border-collapse: separate;
+ border-spacing: 2px 4px;
+ table-layout: fixed;
+ width: 422px;
+ }
+
+ col#test
+ {
+ background-color: orange;
+ width: 40%;
+ }
+
+ td#third-cell {color: orange;}
+
+ div, td {padding: 1px 0px;}
+
+ div#reference
+ {
+ background-color: blue;
+ color: blue;
+ left: 172px;
+ position: relative;
+ width: 160px;
+
+ /*
+
+ 422px : total width of table
+ -
+ 12px : total width of horizontal borders of table
+ -
+ 10px : 5 times horizontal border-spacing
+ ========
+ 400px
+ mult by
+ 40%
+ ========
+ 160px
+
+ */
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe is exactly as wide as the blue stripe and is horizontally positioned the same.</p>
+
+ <table>
+
+ <col></col>
+ <col></col>
+ <col id="test"></col>
+ <col></col>
+
+ <tr>
+ <td></td>
+ <td></td>
+ <td id="third-cell">col</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">ref</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-020.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-020.xht
new file mode 100644
index 0000000000..85c1603e50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-020.xht
@@ -0,0 +1,91 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout fixed - columns with percentage width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" />
+ <link rel="match" href="fixed-table-layout-017-ref.xht" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+
+ <meta content="A column with a percentage width in a 'table-layout: fixed' table can be calculated, predicted, rendered." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table, div {font: 1.25em/1 Ahem;}
+
+ table
+ {
+ border: white solid;
+ border-width: 0px 6px;
+ border-collapse: separate;
+ border-spacing: 2px 4px;
+ table-layout: fixed;
+ width: 422px;
+ }
+
+ col#test
+ {
+ background-color: orange;
+ width: 40%;
+ }
+
+ td {padding: 1px 30px;}
+
+ td#third-cell {color: orange;}
+
+ div#reference
+ {
+ background-color: blue;
+ color: blue;
+ left: 172px;
+ padding: 1px 0px;
+ position: relative;
+ width: 160px;
+
+ /*
+
+ 422px : total width of table
+ -
+ 12px : total width of horizontal borders of table
+ -
+ 10px : 5 times horizontal border-spacing
+ ========
+ 400px
+ mult by
+ 40%
+ ========
+ 160px
+
+ */
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the orange stripe is exactly as wide as the blue stripe and is horizontally positioned the same.</p>
+
+ <table>
+
+ <col></col>
+ <col></col>
+ <col id="test"></col>
+ <col></col>
+
+ <tr>
+ <td></td>
+ <td></td>
+ <td id="third-cell">col</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference">ref</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-021-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-021-ref.xht
new file mode 100644
index 0000000000..5919a7cf18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-021-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ font: 22px/26px serif;
+ margin-top: 20px;
+ }
+
+ img {vertical-align: top;}
+
+ img.reference1st {margin-left: 44px;}
+
+ img.reference2nd, img.reference3rd {margin-left: 15px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the colored (fuchsia, olive and orange) stripes have respectively the same widths and the same horizontal positions.</p>
+
+ <div><img class="reference1st" src="../support/swatch-fuchsia.png" width="52" height="22" alt="Image download support must be enabled" /><img class="reference2nd" src="../support/swatch-olive.png" width="88" height="22" alt="Image download support must be enabled" /><img class="reference3rd" src="../support/swatch-orange.png" width="124" height="22" alt="Image download support must be enabled" /><br /><img class="reference1st" src="../support/swatch-fuchsia.png" width="52" height="22" alt="Image download support must be enabled" /><img class="reference2nd" src="../support/swatch-olive.png" width="88" height="22" alt="Image download support must be enabled" /><img class="reference3rd" src="../support/swatch-orange.png" width="124" height="22" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-021.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-021.xht
new file mode 100644
index 0000000000..81d30d9a8e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-021.xht
@@ -0,0 +1,168 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout fixed - columns with percentage width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" />
+ <link rel="match" href="fixed-table-layout-021-ref.xht" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+
+ <meta content="A column with a percentage width in a 'table-layout: fixed' table can be calculated, predicted, rendered." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table, div {font: 1.25em/1 Ahem;}
+
+ table
+ {
+ border: white solid;
+ border-width: 0px 29px; /* horizontal table border width is 58px total */
+ border-collapse: separate;
+ border-spacing: 15px 4px; /* horizontal border-spacing width is 75px total */
+ table-layout: fixed;
+ width: 533px;
+
+ /*
+ "With this (fast) algorithm, the horizontal layout of
+ the table does not depend on the contents of the cells;
+ it only depends on the table's width, the width of
+ the columns, and borders or cell spacing."
+ http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
+
+ So,
+
+ 533px : total table width
+ -
+ 58px : total horizontal border width
+ -
+ 75px : total horizontal border-spacing width
+ ========
+ 400px : total to split among the 4 columns
+ */
+
+ }
+
+ col#first
+ {
+ background-color: fuchsia;
+ width: 13%;
+ /* 400px multiplied by 13% = 52px */
+ }
+
+ col#second
+ {
+ background-color: olive;
+ width: 22%;
+ /* 400px multiplied by 22% = 88px */
+ }
+
+ col#third
+ {
+ background-color: orange;
+ width: 31%;
+ /* 400px multiplied by 31% = 124px */
+
+ /*
+ 100% - (13% + 22% + 31%) == 34% for last column
+ */
+ }
+
+ td {padding: 1px 10px;}
+
+ td#first-cell {color: fuchsia;}
+
+ td#second-cell {color: olive;}
+
+ td#third-cell {color: orange;}
+
+ div {padding: 1px 0px;}
+
+ div#reference1st
+ {
+ background-color: fuchsia;
+ color: fuchsia;
+ left: 44px; /* 29px border-left of table + 15px border-spacing == 44px */
+ position: relative;
+ width: 52px;
+ }
+
+ div#reference2nd
+ {
+ background-color: olive;
+ bottom: 1.1em;
+ color: olive;
+ left: 111px;
+ /*
+ 29px : border-left of table
+ +
+ 15px : 1st border-spacing
+ +
+ 52px : width of first column
+ +
+ 15px : 2nd border-spacing
+ =======
+ 111px
+ */
+ position: relative;
+ width: 88px;
+ }
+
+ div#reference3rd
+ {
+ background-color: orange;
+ bottom: 2.2em;
+ color: orange;
+ left: 214px;
+ /*
+ 29px : border-left of table
+ +
+ 15px : 1st border-spacing
+ +
+ 52px : width of first column
+ +
+ 15px : 2nd border-spacing
+ +
+ 88px : width of second column
+ +
+ 15px : 3rd border-spacing
+ =======
+ 214px
+ */
+ position: relative;
+ width: 124px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the colored (fuchsia, olive and orange) stripes have respectively the same widths and the same horizontal positions.</p>
+
+ <table>
+
+ <col id="first"></col>
+ <col id="second"></col>
+ <col id="third"></col>
+ <col></col>
+
+ <tr>
+ <td id="first-cell">1</td>
+ <td id="second-cell">2</td>
+ <td id="third-cell">3</td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <div id="reference1st">r</div>
+
+ <div id="reference2nd">r</div>
+
+ <div id="reference3rd">r</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-022-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-022-ref.xht
new file mode 100644
index 0000000000..09e2b9f0fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-022-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ font: 22px/26px serif;
+ margin-top: 20px;
+ }
+
+ img {vertical-align: top;}
+
+ img.reference1st {margin-left: 44px;}
+
+ img.reference2nd, img.reference3rd, img.reference4th {margin-left: 15px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the colored (fuchsia, olive, orange and lime) stripes have respectively the same widths and the same horizontal positions.</p>
+
+ <div><img class="reference1st" src="../support/swatch-fuchsia.png" width="52" height="22" alt="Image download support must be enabled" /><img class="reference2nd" src="../support/swatch-olive.png" width="100" height="22" alt="Image download support must be enabled" /><img class="reference3rd" src="../support/swatch-orange.png" width="124" height="22" alt="Image download support must be enabled" /><img class="reference4th" src="../support/swatch-lime.png" width="124" height="22" alt="Image download support must be enabled" /><br /><img class="reference1st" src="../support/swatch-fuchsia.png" width="52" height="22" alt="Image download support must be enabled" /><img class="reference2nd" src="../support/swatch-olive.png" width="100" height="22" alt="Image download support must be enabled" /><img class="reference3rd" src="../support/swatch-orange.png" width="124" height="22" alt="Image download support must be enabled" /><img class="reference4th" src="../support/swatch-lime.png" width="124" height="22" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-022.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-022.xht
new file mode 100644
index 0000000000..ae9abb6dda
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-022.xht
@@ -0,0 +1,201 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout fixed - columns with percentage width and absolute width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" />
+ <link rel="match" href="fixed-table-layout-022-ref.xht" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+
+ <meta content="A column with a percentage width in a 'table-layout: fixed' table can be calculated, predicted, rendered." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table, div {font: 1.25em/1 Ahem;}
+
+ table
+ {
+ border: white solid;
+ border-width: 0px 29px; /* horizontal table border width is 58px total */
+ border-collapse: separate;
+ border-spacing: 15px 4px; /* horizontal border-spacing width is 75px total */
+ table-layout: fixed;
+ width: 533px;
+
+ /*
+ "With this (fast) algorithm, the horizontal layout of
+ the table does not depend on the contents of the cells;
+ it only depends on the table's width, the width of
+ the columns, and [table] borders or cell spacing."
+
+ So,
+
+ 533px : total table width
+ -
+ 58px : total horizontal border-spacing width
+ -
+ 75px : total horizontal border-spacing width
+ ========
+ 400px : total to split among the 4 columns
+ */
+
+ }
+
+ col#first
+ {
+ background-color: fuchsia;
+ width: 13%;
+ /* 400px multiplied by 13% = 52px */
+ }
+
+ col#second
+ {
+ background-color: olive;
+ width: 100px;
+ }
+
+ col#third
+ {
+ background-color: orange;
+ width: 31%;
+ /* 400px multiplied by 31% = 124px */
+
+ /*
+ 300px - (52px + 124px) = 124px for last column
+ */
+ }
+
+ col#fourth {background-color: lime;}
+
+ td {padding: 1px 10px;}
+
+ td#first-cell {color: fuchsia;}
+
+ td#second-cell {color: olive;}
+
+ td#third-cell {color: orange;}
+
+ td#fourth-cell {color: lime;}
+
+ div {padding: 1px 0px;}
+
+ div#reference1st
+ {
+ background-color: fuchsia;
+ color: fuchsia;
+ left: 44px; /* 29px border-left of table + 15px border-spacing == 44px */
+ position: relative;
+ width: 52px;
+ }
+
+ div#reference2nd
+ {
+ background-color: olive;
+ bottom: 1.1em;
+ color: olive;
+ left: 111px;
+ /*
+ 29px : border-left of table
+ +
+ 15px : 1st border-spacing
+ +
+ 52px : width of first column
+ +
+ 15px border-spacing
+ ======
+ 111px
+ */
+ position: relative;
+ width: 100px;
+ }
+
+ div#reference3rd
+ {
+ background-color: orange;
+ bottom: 2.2em;
+ color: orange;
+ left: 226px;
+ /*
+ 29px : border-left of table
+ +
+ 15px : 1st border-spacing
+ +
+ 52px : width of first column
+ +
+ 15px : 2nd border-spacing
+ +
+ 100px : width of second column
+ +
+ 15px : 3rd border-spacing
+ =======
+ 226px
+ */
+ position: relative;
+ width: 124px;
+ }
+
+ div#reference4th
+ {
+ background-color: lime;
+ bottom: 3.3em;
+ color: lime;
+ left: 365px;
+ /*
+ 29px : border-left of table
+ +
+ 15px : 1st border-spacing
+ +
+ 52px : width of first column
+ +
+ 15px : 2nd border-spacing
+ +
+ 100px : width of second column
+ +
+ 15px : 3rd border-spacing
+ +
+ 124px : width of third column
+ +
+ 15px : 4th border-spacing
+ =======
+ 365px
+ */
+ position: relative;
+ width: 124px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the colored (fuchsia, olive, orange and lime) stripes have respectively the same widths and the same horizontal positions.</p>
+
+ <table>
+
+ <col id="first"></col>
+ <col id="second"></col>
+ <col id="third"></col>
+ <col id="fourth"></col>
+
+ <tr>
+ <td id="first-cell">1</td>
+ <td id="second-cell">2</td>
+ <td id="third-cell">3</td>
+ <td id="fourth-cell">4</td>
+ </tr>
+
+ </table>
+
+ <div id="reference1st">r</div>
+
+ <div id="reference2nd">r</div>
+
+ <div id="reference3rd">r</div>
+
+ <div id="reference4th">r</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-023-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-023-ref.xht
new file mode 100644
index 0000000000..a8f6c8460c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-023-ref.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ margin: 8px;
+ width: 640px;
+ }
+
+ div
+ {
+ font: 22px/26px serif;
+ margin-top: 20px;
+ }
+
+ img {vertical-align: top;}
+
+ img.reference1st {margin-left: 29px;}
+
+ img.reference2nd, img.reference3rd, img.reference4th {margin-left: 18px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the colored (fuchsia, olive, orange and lime) stripes have respectively the same widths and the same horizontal positions.</p>
+
+ <div><img class="reference1st" src="../support/swatch-fuchsia.png" width="52" height="22" alt="Image download support must be enabled" /><img class="reference2nd" src="../support/swatch-olive.png" width="100" height="22" alt="Image download support must be enabled" /><img class="reference3rd" src="../support/swatch-orange.png" width="124" height="22" alt="Image download support must be enabled" /><img class="reference4th" src="../support/swatch-lime.png" width="124" height="22" alt="Image download support must be enabled" /><br /><img class="reference1st" src="../support/swatch-fuchsia.png" width="52" height="22" alt="Image download support must be enabled" /><img class="reference2nd" src="../support/swatch-olive.png" width="100" height="22" alt="Image download support must be enabled" /><img class="reference3rd" src="../support/swatch-orange.png" width="124" height="22" alt="Image download support must be enabled" /><img class="reference4th" src="../support/swatch-lime.png" width="124" height="22" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-023.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-023.xht
new file mode 100644
index 0000000000..127528b2e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-023.xht
@@ -0,0 +1,207 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table-layout fixed - columns with percentage width and absolute width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" />
+ <link rel="match" href="fixed-table-layout-023-ref.xht" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+
+ <meta content="A column with a percentage width in a 'table-layout: fixed' table can be calculated, predicted, rendered." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ margin: 8px;
+ width: 640px;
+ }
+
+ table, div {font: 1.25em/1 Ahem;}
+
+ table
+ {
+ border: white solid;
+ border-width: 0px 11px; /* horizontal table border width is 22px total */
+ border-collapse: separate;
+ border-spacing: 18px 4px; /* horizontal border-spacing width is 90px total */
+ table-layout: fixed;
+ width: 80%; /* 640px mult by 80% == 512px */
+
+ /*
+ "With this (fast) algorithm, the horizontal layout of
+ the table does not depend on the contents of the cells;
+ it only depends on the table's width, the width of
+ the columns, and [table] borders or cell spacing."
+
+ So,
+
+ 512px : total table width
+ -
+ 90px : total horizontal border-spacing width
+ -
+ 22px : total horizontal border-spacing width
+ ========
+ 400px : total to split among the 4 columns
+ */
+
+ }
+
+ col#first
+ {
+ background-color: fuchsia;
+ width: 13%;
+ /* 400px multiplied by 13% = 52px */
+ }
+
+ col#second
+ {
+ background-color: olive;
+ width: 100px;
+ }
+
+ col#third
+ {
+ background-color: orange;
+ width: 31%;
+ /* 400px multiplied by 31% = 124px */
+
+ /*
+ 400px - (52px + 100px + 124px) = 124px for last column
+ */
+ }
+
+ col#fourth {background-color: lime;}
+
+ td {padding: 1px 10px;}
+
+ td#first-cell {color: fuchsia;}
+
+ td#second-cell {color: olive;}
+
+ td#third-cell {color: orange;}
+
+ td#fourth-cell {color: lime;}
+
+ div {padding: 1px 0px;}
+
+ div#reference1st
+ {
+ background-color: fuchsia;
+ color: fuchsia;
+ left: 29px; /* 11px border-left of table + 18px border-spacing == 29px */
+ position: relative;
+ width: 52px;
+ }
+
+ div#reference2nd
+ {
+ background-color: olive;
+ bottom: 1.1em;
+ color: olive;
+ left: 99px;
+ /*
+ 11px : border-left of table
+ +
+ 18px : 1st border-spacing
+ +
+ 52px : width of first column
+ +
+ 18px : 2nd border-spacing
+ =======
+ 99px
+ */
+ position: relative;
+ width: 100px;
+ }
+
+ div#reference3rd
+ {
+ background-color: orange;
+ bottom: 2.2em;
+ color: orange;
+ left: 217px;
+ /*
+ 11px : border-left of table
+ +
+ 18px : 1st border-spacing
+ +
+ 52px : width of first column
+ +
+ 18px : 2nd border-spacing
+ +
+ 100px : width of second column
+ +
+ 18px : 3rd border-spacing
+ =======
+ 217px
+ */
+ position: relative;
+ width: 124px;
+ }
+
+ div#reference4th
+ {
+ background-color: lime;
+ bottom: 3.3em;
+ color: lime;
+ left: 359px;
+ /*
+ 11px : border-left of table
+ +
+ 18px : 1st border-spacing
+ +
+ 52px : width of first column
+ +
+ 18px : 2nd border-spacing
+ +
+ 100px : width of second column
+ +
+ 18px : 3rd border-spacing
+ +
+ 124px : width of third column
+ +
+ 18px : 4th border-spacing
+ =======
+ 359px
+ */
+ position: relative;
+ width: 124px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the colored (fuchsia, olive, orange and lime) stripes have respectively the same widths and the same horizontal positions.</p>
+
+ <table>
+
+ <col id="first"></col>
+ <col id="second"></col>
+ <col id="third"></col>
+ <col id="fourth"></col>
+
+ <tr>
+ <td id="first-cell">1</td>
+ <td id="second-cell">2</td>
+ <td id="third-cell">3</td>
+ <td id="fourth-cell">4</td>
+ </tr>
+
+ </table>
+
+ <div id="reference1st">r</div>
+
+ <div id="reference2nd">r</div>
+
+ <div id="reference3rd">r</div>
+
+ <div id="reference4th">r</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-025.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-025.xht
new file mode 100644
index 0000000000..3424672703
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-025.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: percentage width set on table-cell in 'table-layout: fixed' table</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding of such cell." />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-spacing: 0px;
+ table-layout: fixed;
+ width: 100px;
+ }
+
+ td#middle-green-cell
+ {
+ background-color: green;
+ width: 50%;
+ }
+
+ td#left-red-cell, td#right-red-cell {background-color: red;}
+
+ td {padding: 50px 25px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <tr>
+ <td id="left-red-cell"></td>
+ <td id="middle-green-cell"></td>
+ <td id="right-red-cell"></td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-026.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-026.xht
new file mode 100644
index 0000000000..a69836da3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-026.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: percentage width set on table-cell in 'table-layout: fixed' table</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal borders of such cell." />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-spacing: 0px;
+ table-layout: fixed;
+ width: 100px;
+ }
+
+ td#middle-green-cell
+ {
+ background-color: green;
+ border-left: green solid 25px;
+ border-right: green solid 25px;
+ width: 50%;
+ }
+
+ td#left-red-cell, td#right-red-cell {background-color: red;}
+
+ td {padding: 50px 0px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <tr>
+ <td id="left-red-cell"></td>
+ <td id="middle-green-cell"></td>
+ <td id="right-red-cell"></td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-027.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-027.xht
new file mode 100644
index 0000000000..91f5934e77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-027.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: percentage width set on table-cell in 'table-layout: fixed' table</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal borders of such cell." />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 100px;
+ }
+
+ td#middle-green-cell
+ {
+ background-color: green;
+ border-left: green solid 25px;
+ border-right: green solid 25px;
+ width: 50%;
+ }
+
+ td#left-red-cell, td#right-red-cell {background-color: red;}
+
+ td#left-red-cell {border-right: red solid 24px;}
+
+ td#right-red-cell {border-left: red solid 25px;}
+
+ td {padding: 50px 0px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <tr>
+ <td id="left-red-cell"></td>
+ <td id="middle-green-cell"></td>
+ <td id="right-red-cell"></td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-028.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-028.xht
new file mode 100644
index 0000000000..b04473d6bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-028.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: percentage width set on table-cell in 'table-layout: fixed' table</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding and horizontal borders of such cell." />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-spacing: 0px;
+ table-layout: fixed;
+ width: 100px;
+ }
+
+ td#middle-green-cell
+ {
+ background-color: green;
+ border-left: green solid 15px;
+ border-right: green solid 15px;
+ width: 50%;
+ }
+
+ td#left-red-cell, td#right-red-cell {background-color: red;}
+
+ td {padding: 50px 10px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <tr>
+ <td id="left-red-cell"></td>
+ <td id="middle-green-cell"></td>
+ <td id="right-red-cell"></td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-029.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-029.xht
new file mode 100644
index 0000000000..6ad7dc5f68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-029.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: percentage width set on table-cell in 'table-layout: fixed' table</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding and horizontal borders of such cell." />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 100px;
+ }
+
+ td#middle-green-cell
+ {
+ background-color: green;
+ border-left: green solid 16px;
+ border-right: green solid 16px;
+ width: 50%;
+ }
+
+ td#left-red-cell, td#right-red-cell {background-color: red;}
+
+ td#left-red-cell {border-right: red solid 15px;}
+
+ td#right-red-cell {border-left: red solid 16px;}
+
+ td {padding: 50px 9px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <tr>
+ <td id="left-red-cell"></td>
+ <td id="middle-green-cell"></td>
+ <td id="right-red-cell"></td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-030.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-030.xht
new file mode 100644
index 0000000000..ce83603148
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-030.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: percentage width set on table-cell in 'table-layout: fixed' table</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding and horizontal borders of such cell." />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-spacing: 0px;
+ table-layout: fixed;
+ width: 100px;
+ }
+
+ td#middle-green-cell
+ {
+ background-color: green;
+ border-left: green solid 25px;
+ width: 50%;
+ }
+
+ td#left-red-cell, td#right-red-cell {background-color: red;}
+
+ td {padding: 50px 25px 50px 0px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <tr>
+ <td id="left-red-cell"></td>
+ <td id="middle-green-cell"></td>
+ <td id="right-red-cell"></td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-031.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-031.xht
new file mode 100644
index 0000000000..3c877a9e7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-031.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: percentage width set on table-cell in 'table-layout: fixed' table</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding and horizontal borders of such cell." />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-spacing: 0px;
+ table-layout: fixed;
+ width: 100px;
+ }
+
+ td#middle-green-cell
+ {
+ background-color: green;
+ border-right: green solid 25px;
+ width: 50%;
+ }
+
+ td#left-red-cell, td#right-red-cell {background-color: red;}
+
+ td {padding: 50px 0px 50px 25px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table>
+ <tr>
+ <td id="left-red-cell"></td>
+ <td id="middle-green-cell"></td>
+ <td id="right-red-cell"></td>
+ </tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/frameset-border-spacing-001.xht b/testing/web-platform/tests/css/CSS2/tables/frameset-border-spacing-001.xht
new file mode 100644
index 0000000000..f7cf837221
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/frameset-border-spacing-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Applying the 'border-spacing' property to a 'frameset' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The user agent may allow the 'border-spacing' property to be applied to an HTML/XHTML 'frameset' element (non-normative rule)." />
+ <style type="text/css">
+ frameset
+ {
+ border: 2px solid blue;
+ border-spacing: 2em;
+ }
+ </style>
+ </head>
+ <frameset cols="33%, 33%, *">
+ <frame src="" />
+ <frame src="support/frameset-border-spacing-001.htm" />
+ <frame src="" />
+ <noframes>
+ <body>
+ <p>Test passes if this text is visible.</p>
+ </body>
+ </noframes>
+ </frameset>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/height-table-cell-001.xht b/testing/web-platform/tests/css/CSS2/tables/height-table-cell-001.xht
new file mode 100644
index 0000000000..73a3d5f8a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/height-table-cell-001.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS test: height - table cell height</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The height of a 'table-row' element's box is the maximum of the row's computed 'height', the computed 'height' of each cell in such row and the minimum height required by the content of the cells. The height of a cell is the maximum between its specified 'height' and the minimum height required by its content." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ table#overlapping-green-test {border-spacing: 0px;}
+
+ td
+ {
+ background-color: green;
+ border: green solid 10px;
+ height: 50px;
+ padding: 15px;
+ width: 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <table id="overlapping-green-test">
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+
+ <!--
+ In this testcase, the content of the unique cell is empty; therefore the
+ minimum height required by the cell content is 0. So, the height of such
+ single cell is given by
+ max(specified 'height', minimum height required by its content) == 50px
+ Such height refers to the cell's content box, not to the cell's border box.
+ -->
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001.xht
new file mode 100644
index 0000000000..99d085137d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: height and width of element set to 'display: inline-table'</title>
+
+ <!--
+ Inspired by
+ http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified." />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#overlapping-green-test
+ {
+ background-color: green;
+ border: green solid 25px;
+ border-collapse: separate;
+ display: inline-table;
+ height: 50px;
+ width: 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <div id="overlapping-green-test"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001a.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001a.xht
new file mode 100644
index 0000000000..ee5abc5eef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001a.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: height and width of element set to 'display: inline-table'</title>
+
+ <!--
+ Inspired by
+ http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#overlapping-green-test
+ {
+ background-color: green;
+ border: green solid 15px;
+ border-collapse: separate;
+ display: inline-table;
+ height: 50px;
+ padding: 10px;
+ width: 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <div id="overlapping-green-test"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001b.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001b.xht
new file mode 100644
index 0000000000..bddca2bc7b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001b.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: height and width of element set to 'display: inline-table'</title>
+
+ <!--
+ Inspired by
+ http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#overlapping-green-test
+ {
+ background-color: green;
+ border-collapse: separate;
+ display: inline-table;
+ height: 50px;
+ padding: 25px;
+ width: 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <div id="overlapping-green-test"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001c.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001c.xht
new file mode 100644
index 0000000000..a4e39d2e83
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001c.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: height and width of element set to 'display: inline-table'</title>
+
+ <!--
+ Inspired by
+ http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#overlapping-green-test
+ {
+ background-color: green;
+ border-bottom: green solid 15px;
+ border-left: green solid 10px;
+ border-right: green solid 10px;
+ border-top: green solid 15px;
+ border-collapse: separate;
+ display: inline-table;
+ height: 50px;
+ padding: 10px 15px 10px 15px;
+ width: 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <div id="overlapping-green-test"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001d.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001d.xht
new file mode 100644
index 0000000000..e25f18f76d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001d.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: height and width of element set to 'display: inline-table'</title>
+
+ <!--
+ Inspired by
+ http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#overlapping-green-test
+ {
+ background-color: green;
+ border-bottom: green solid 10px;
+ border-left: green solid 15px;
+ border-right: green solid 15px;
+ border-top: green solid 10px;
+ border-collapse: separate;
+ display: inline-table;
+ height: 50px;
+ padding: 15px 10px 15px 10px;
+ width: 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <div id="overlapping-green-test"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001e.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001e.xht
new file mode 100644
index 0000000000..17e3e38394
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001e.xht
@@ -0,0 +1,90 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: height and width of element set to 'display: inline-table'</title>
+
+ <!--
+ Inspired by
+ http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#overlapping-green-test
+ {
+ background-color: green;
+ border-bottom: green solid 12px;
+ border-left: green solid 14px;
+ border-right: green solid 16px;
+ border-top: green solid 18px;
+ border-collapse: separate;
+ display: inline-table;
+ height: 33px;
+ padding: 20px 22px 17px 15px;
+ width: 33px;
+ }
+
+ /*
+ height of border-box calculation
+ --------------------------------
+
+ 18px (border-top)
+ +
+ 20px (padding-top)
+ +
+ 33px (content height)
+ +
+ 17px (padding-bottom)
+ +
+ 12px (border-top)
+ -----------------------
+ 100px
+
+
+ width of border-box calculation
+ -------------------------------
+
+ 14px (border-left)
+ +
+ 15px (padding-left)
+ +
+ 33px (content width)
+ +
+ 22px (padding-right)
+ +
+ 16px (border-right)
+ ----------------------
+ 100px
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <div id="overlapping-green-test"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001.xht
new file mode 100644
index 0000000000..14321e4d7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: height and width of element set to 'display: table'</title>
+
+ <!--
+ Inspired by
+ http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified." />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#overlapping-green-test
+ {
+ background-color: green;
+ border: green solid 25px;
+ border-collapse: separate;
+ display: table;
+ height: 50px;
+ width: 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <div id="overlapping-green-test"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-table-001a.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001a.xht
new file mode 100644
index 0000000000..83233e294a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001a.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: height and width of element set to 'display: table'</title>
+
+ <!--
+ Inspired by
+ http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#overlapping-green-test
+ {
+ background-color: green;
+ border: green solid 15px;
+ border-collapse: separate;
+ display: table;
+ height: 50px;
+ padding: 10px;
+ width: 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <div id="overlapping-green-test"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-table-001b.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001b.xht
new file mode 100644
index 0000000000..c8f4effa2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001b.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: height and width of element set to 'display: table'</title>
+
+ <!--
+ Inspired by
+ http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#overlapping-green-test
+ {
+ background-color: green;
+ border-collapse: separate;
+ display: table;
+ height: 50px;
+ padding: 25px;
+ width: 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <div id="overlapping-green-test"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-table-001c.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001c.xht
new file mode 100644
index 0000000000..7c163420d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001c.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: height and width of element set to 'display: table'</title>
+
+ <!--
+ Inspired by
+ http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#overlapping-green-test
+ {
+ background-color: green;
+ border-bottom: green solid 15px;
+ border-left: green solid 10px;
+ border-right: green solid 10px;
+ border-top: green solid 15px;
+ border-collapse: separate;
+ display: table;
+ height: 50px;
+ padding: 10px 15px 10px 15px;
+ width: 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <div id="overlapping-green-test"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-table-001d.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001d.xht
new file mode 100644
index 0000000000..8dbc7a097b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001d.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: height and width of element set to 'display: table'</title>
+
+ <!--
+ Inspired by
+ http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#overlapping-green-test
+ {
+ background-color: green;
+ border-bottom: green solid 10px;
+ border-left: green solid 15px;
+ border-right: green solid 15px;
+ border-top: green solid 10px;
+ border-collapse: separate;
+ display: table;
+ height: 50px;
+ padding: 15px 10px 15px 10px;
+ width: 50px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <div id="overlapping-green-test"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-table-001e.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001e.xht
new file mode 100644
index 0000000000..76c8dbdf4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001e.xht
@@ -0,0 +1,90 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: height and width of element set to 'display: table'</title>
+
+ <!--
+ Inspired by
+ http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm
+ -->
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#overlapping-green-test
+ {
+ background-color: green;
+ border-bottom: green solid 12px;
+ border-left: green solid 14px;
+ border-right: green solid 16px;
+ border-top: green solid 18px;
+ border-collapse: separate;
+ display: table;
+ height: 33px;
+ padding: 20px 22px 17px 15px;
+ width: 33px;
+ }
+
+ /*
+ height of border-box calculation
+ --------------------------------
+
+ 18px (border-top)
+ +
+ 20px (padding-top)
+ +
+ 33px (content height)
+ +
+ 17px (padding-bottom)
+ +
+ 12px (border-top)
+ -----------------------
+ 100px
+
+
+ width of border-box calculation
+ -------------------------------
+
+ 14px (border-left)
+ +
+ 15px (padding-left)
+ +
+ 33px (content width)
+ +
+ 22px (padding-right)
+ +
+ 16px (border-right)
+ ----------------------
+ 100px
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <div id="overlapping-green-test"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/inline-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/inline-table-001.xht
new file mode 100644
index 0000000000..526cec8f80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/inline-table-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="An element with 'display: inline-table' is rendered as if it were an inline." />
+ <style type="text/css">
+ #table
+ {
+ background: orange;
+ display: inline-table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is all on the same line.</p>
+ <div>
+ <span>Filler Text</span>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/missing-cell-rendering-001.xht b/testing/web-platform/tests/css/CSS2/tables/missing-cell-rendering-001.xht
new file mode 100644
index 0000000000..b01f6a6f0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/missing-cell-rendering-001.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Rendering of missing table cells</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <meta name="assert" content="Missing table cells are rendered as if their grid position were occupied by an anonymous table-cell box." />
+ <style type="text/css">
+ #table
+ {
+ background: orange;
+ color: orange;
+ display: table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ border: 1px solid black;
+ color: black;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a two-by-two table below and the top-left and bottom-right corners are orange.</p>
+ <div id="table">
+ <div class="tr">
+ XXXXX
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/padding-applies-to-013a.xht b/testing/web-platform/tests/css/CSS2/tables/padding-applies-to-013a.xht
new file mode 100644
index 0000000000..5f440f0b03
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/padding-applies-to-013a.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Padding applied to element with display table and with a set width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <!--
+ Inspired by Known issues at
+ http://caniuse.com/#feat=css-table
+ -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge: so the width of a CSS table does not include its padding area." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#red-overlapped
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#green-overlapping-table
+ {
+ background-color: green;
+ display: table;
+ padding: 25px;
+ table-layout: fixed;
+ width: 50px;
+ }
+
+ div.table-row {display: table-row;}
+
+ div.table-cell
+ {
+ display: table-cell;
+ height: 25px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="red-overlapped"></div>
+
+ <div id="green-overlapping-table">
+ <div class="table-row">
+ <div class="table-cell"></div><div class="table-cell"></div>
+ </div>
+ <div class="table-row">
+ <div class="table-cell"></div><div class="table-cell"></div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/reference/no_red_3x3_monospace_table-ref.xht b/testing/web-platform/tests/css/CSS2/tables/reference/no_red_3x3_monospace_table-ref.xht
new file mode 100644
index 0000000000..821ddc77b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/reference/no_red_3x3_monospace_table-ref.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>Reference rendering - no red, 3x3 monospace table</title>
+ <link rel="author" title="Opera" href="https://www.opera.com/" />
+ <style>
+ body {
+ font-family: monospace;
+ }
+ div {
+ position: relative;
+ }
+ table {
+ font-size: 2em;
+ border-spacing: 0;
+ position: absolute;
+ top: 1px;
+ left: 1px;
+ }
+ td {
+ padding: 0;
+ }
+ #red {
+ color: red;
+ }
+ #green {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>There should be no red below, except for antialiasing issues.</p>
+ <div>
+ <table id="red">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ <table id="green">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/reference/no_red_antialiasing_a_bc_d-ref.xht b/testing/web-platform/tests/css/CSS2/tables/reference/no_red_antialiasing_a_bc_d-ref.xht
new file mode 100644
index 0000000000..b6b83e1885
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/reference/no_red_antialiasing_a_bc_d-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Reference rendering - no red except antialiasing, a bc d</title>
+ <link rel="author" title="Opera" href="https://www.opera.com/" />
+ <style type="text/css">
+ #outer {
+ position: relative;
+ font-size: 2em;
+ }
+ #inner1, #inner2 {
+ position: absolute;
+ top: 1px;
+ left: 1px;
+ }
+ #inner1 {
+ color: red;
+ }
+ #inner2 {
+ color: green;
+ }
+ </style>
+</head>
+<body>
+ <p>There should be no red below, except for antialiasing issues.</p>
+ <div id="outer">
+ <div id="inner1">a bc d</div>
+ <div id="inner2">a bc d</div>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-border-spacing-ref.xht b/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-border-spacing-ref.xht
new file mode 100644
index 0000000000..ab82821d66
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-border-spacing-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <style><![CDATA[
+ #target { border-spacing: 20px; }
+ #target > * { display: table-cell; border: 1px solid black; }
+ ]]></style>
+ </head>
+<body>
+ <p>There should be 20px border-spacing in the table below.</p>
+ <div id="target">
+ <div>First cell</div>
+ <div>Second cell</div>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-text-indent-ref.xht b/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-text-indent-ref.xht
new file mode 100644
index 0000000000..08cffbf3cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-text-indent-ref.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <style><![CDATA[
+ #target { text-indent: 20px; display: table; }
+ #target > * { display: table-cell; border: 1px solid black; }
+ ]]></style>
+ </head>
+<body>
+ <p>There should be 20px text-indent in the table below.</p>
+ <div id="target">
+ <div>First cell</div>
+ Second cell (no element on purpose)
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/reference/table-margin-004-ref.xht b/testing/web-platform/tests/css/CSS2/tables/reference/table-margin-004-ref.xht
new file mode 100644
index 0000000000..66f507f3ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/reference/table-margin-004-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border: blue solid medium;
+ border-spacing: 0em 1em;
+ color: black;
+ font: 1.25em/1 Ahem;
+ width: 100%;
+ }
+
+ td {padding: 0em 0em 0em 1em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 4 black bars which do not overflow a wide blue rectangle. The black bars are evenly distributed (vertically) in the blue rectangle: the gap between the blue border at the top and the first black bar should be equal to the gap between the 4th bar and the blue border at the bottom.</p>
+
+ <table>
+ <tr><td>1111</td></tr>
+ <tr><td>2222</td></tr>
+ <tr><td>3333</td></tr>
+ <tr><td>4444</td></tr>
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/row-visibility-001.xht b/testing/web-platform/tests/css/CSS2/tables/row-visibility-001.xht
new file mode 100644
index 0000000000..50f17a5567
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/row-visibility-001.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Row and the 'visibility' property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+ <meta name="assert" content="A 'visibility' value of 'collapse' applies to table rows." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row1
+ {
+ background: red;
+ visibility: collapse;
+ }
+ #row2
+ {
+ background: green;
+ }
+ #row1, #row2
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="table">
+ <div id="row1">
+ <div class="cell"></div>
+ </div>
+ <div id="row2">
+ <div class="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/row-visibility-002.xht b/testing/web-platform/tests/css/CSS2/tables/row-visibility-002.xht
new file mode 100644
index 0000000000..c481db0b43
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/row-visibility-002.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Row group and the 'visibility' property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+ <meta name="assert" content="The 'visibility' value of 'collapse' applies to table row groups." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #rowgroup1
+ {
+ background: red;
+ visibility: collapse;
+ }
+ #rowgroup2
+ {
+ background: green;
+ }
+ #rowgroup1, #rowgroup2
+ {
+ display: table-row-group;
+ }
+ .row
+ {
+ display: table-row;
+ }
+ .cell
+ {
+ display: table-cell;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="table">
+ <div id="rowgroup1">
+ <div id="row">
+ <div class="cell"></div>
+ </div>
+ </div>
+ <div id="rowgroup2">
+ <div class="row">
+ <div class="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/row-visibility-003.xht b/testing/web-platform/tests/css/CSS2/tables/row-visibility-003.xht
new file mode 100644
index 0000000000..862e29972e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/row-visibility-003.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Spanning cell that intersects a 'visibility: collapse' row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Contents of a spanned cell which intersect with a collapsed row are clipped." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ font: 128px/1 Ahem;
+ }
+ tr#collapsed-row
+ {
+ visibility: collapse;
+ }
+ td
+ {
+ color: green;
+ height: 1em;
+ padding: 0;
+ width: 1em;
+ }
+ .row-intersection
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square below and there is no red visible on the page.</p>
+ <table>
+ <col />
+ <col />
+ <col />
+ <tr>
+ <td></td>
+ <td rowspan="2">P <span class="row-intersection">F</span></td>
+ <td></td>
+ </tr>
+ <tr id="collapsed-row">
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/row-visibility-004.xht b/testing/web-platform/tests/css/CSS2/tables/row-visibility-004.xht
new file mode 100644
index 0000000000..38648068e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/row-visibility-004.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: A spanning cell that originates from a 'visibility: collapse' row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects" />
+ <meta name="assert" content="A row-spanning cell which originates in a collapsed row is completely collapsed along with its row." />
+ <style type="text/css">
+ #row
+ {
+ visibility: collapse;
+ }
+ td
+ {
+ background: blue;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single blue box below with a letter "X" aligned to its left side.</p>
+ <table>
+ <tr id="row">
+ <td rowspan="2">X</td>
+ <td>X</td>
+ </tr>
+ <tr>
+ <td>X</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-001.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-001.xht
new file mode 100644
index 0000000000..1d103b19fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-001.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Distance between the table border and a bordering cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="The distance between table border and bordering cell equals table padding + cell's border spacing." />
+ <style type="text/css">
+ table
+ {
+ border-left: 10px solid black;
+ border-spacing: 50px 0;
+ padding-left: 50px;
+ }
+ td
+ {
+ background: black;
+ height: 1em;
+ padding: 0;
+ width: 10px;
+ }
+ div
+ {
+ background: blue;
+ height: 1em;
+ width: 120px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box spans from the start of the first black box to the end of the second black box.</p>
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003.xht
new file mode 100644
index 0000000000..4d56a1b674
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: HTML/XHTML table width equation</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="The width of an HTML/XHTML table is the distance between the left and right table border edges." />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 50px 0;
+ }
+ td
+ {
+ width: 100px;
+ }
+ div
+ {
+ background: blue;
+ height: 100px;
+ }
+ table, td
+ {
+ background: black;
+ border: 25px solid black;
+ padding: 25px;
+ }
+ div
+ {
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same width.</p>
+ <table>
+ <tr>
+ <td>X</td>
+ </tr>
+ </table>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003a.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003a.xht
new file mode 100644
index 0000000000..f0fed03716
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003a.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: table width as set when greater than sum of columns width</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The width of an HTML/XHTML table is the distance between the left and right table border edges. The width of a table with 'table-layout' set to 'fixed' is the greater of the value of the 'width' property for the &lt;table&gt; element and the sum of the columns width (plus cell spacing and cell borders). If the table is wider than the sum of columns' width, then the extra (exceeding) space should be distributed over the columns." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div#overlapped-red
+ {
+ background-color: red;
+ height: 100px;
+ left: auto;
+ position: absolute;
+ top: auto;
+ width: 100px;
+ z-index: -1;
+ }
+
+ table
+ {
+ background-color: red;
+ border-collapse: separate;
+ border-spacing: 0px;
+ table-layout: fixed;
+ width: 100px;
+ }
+
+ td
+ {
+ background-color: green;
+ color: green;
+ font: 20px/1 Ahem;
+ padding: 15px 1px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red"></div>
+
+ <table>
+ <tr>
+ <td>1</td><td>2</td>
+ </tr>
+ <tr>
+ <td>3</td><td>4</td>
+ </tr>
+ </table>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003b-ref.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003b-ref.xht
new file mode 100644
index 0000000000..09f6e6a825
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003b-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ border-bottom: blue solid 100px;
+ height: 100px;
+ width: 500px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the black and blue rectangles are the <strong>same width</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003b.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003b.xht
new file mode 100644
index 0000000000..36be8c21f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003b.xht
@@ -0,0 +1,80 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: border-collapse: separate - HTML/XHTML table set width greater than sum of columns</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="match" href="separated-border-model-003b-ref.xht" />
+
+ <meta name="assert" content="In the border-collapse: separate model, the width of an HTML/XHTML table is the distance between the left and right table border edges. If the set width of an HTML/XHTML table is greater than the sum of the columns width (plus cell spacing and table borders), then the extra (exceeding) space should be distributed over the columns." />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ background-color: black;
+ border-spacing: 50px 0;
+ table-layout: fixed;
+ width: 500px;
+ }
+
+ table, td
+ {
+ border-left: black solid 11px;
+ border-right: black solid 17px;
+ padding: 25px 39px 25px 33px;
+ }
+
+ td {width: 100px;}
+
+ /*
+
+ 11px (table's border-left)
+ 33px (table's padding-left)
+ 50px (left-most border-spacing)
+ 11px (td's border-left)
+ 33px (td's padding-left)
+ 100px (td's set content width)
+ 39px (td's padding-right)
+ 17px (td's border-right)
+ 50px (right-most border-spacing)
+ 39px (table's padding-right)
+ 17px (table's border-right)
+ -----
+ 400px
+
+
+ Since the set width (500px) for the XHTML/HTML table is greater than the
+ sum of columns width (400px), then the extra (exceeding) space is distributed
+ evenly among columns. So, here, the used width for the single td should
+ be 200px, not 100px.
+
+ */
+
+ div
+ {
+ background-color: blue;
+ height: 100px;
+ width: 500px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the black and blue rectangles are the <strong>same width</strong>.</p>
+
+ <table>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004.xht
new file mode 100644
index 0000000000..98656afc79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Width of a table in separated borders mode</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the border spacing but excluding padding and border)." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ width: 200px;
+ padding: 0 50px;
+ border-spacing: 50px 0;
+ border-right: 100px solid white;
+ border-left: 100px solid white;
+ }
+ #tr
+ {
+ display: table-row;
+ }
+ #td
+ {
+ display: table-cell;
+ background: black;
+ height: 10px;
+ width: 50px;
+ overflow: visible;
+ }
+ #reference
+ {
+ background: blue;
+ left: 208px;
+ height: 10px;
+ margin-top: 10px;
+ position: absolute;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black and blue boxes are the same width.</p>
+ <div id="table">
+ <div id="tr">
+ <div id="td"></div>
+ </div>
+ </div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004a.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004a.xht
new file mode 100644
index 0000000000..10b6075afc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004a.xht
@@ -0,0 +1,85 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: width of CSS table in border-collapse separate model</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the table border-spacing but excluding table padding and table borders)." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red
+ {
+ background-color: red;
+ height: 100px;
+ left: auto;
+ position: absolute;
+ top: auto;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#table
+ {
+ background-color: green;
+ border-spacing: 2px 5px;
+ color: green;
+ display: table;
+ font: 20px/1 serif;
+ padding-top: 5px;
+ table-layout: fixed;
+ width: 100px;
+ /*
+ The set width (100px) is larger than sum of columns' width plus cell spacing
+
+ 2px : left-most border-spacing
+ +
+ 40px : div.td's width: leftmost cell width in first row)
+ +
+ 2px : middle border-spacing
+ +
+ 40px : div.td's width: rightmost cell width in first row)
+ +
+ 2px : right-most border-spacing
+ ======
+ 86px : sum of columns plus cell spacing
+
+
+ 100px : set width of table
+ -
+ 86px : sum of columns plus cell spacing
+ ======
+ 14px : such extra (exceeding) 14px width will be distributed over
+ the columns.
+ */
+ }
+
+ div.tr {display: table-row;}
+
+ div.td {display: table-cell;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red"></div>
+
+ <div id="table">
+ <div class="tr">
+ <div class="td">11<br />11</div><div class="td">22<br />22</div>
+ </div>
+ <div class="tr">
+ <div class="td">33<br />33</div><div class="td">44<br />44</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004b.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004b.xht
new file mode 100644
index 0000000000..9238d82b98
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004b.xht
@@ -0,0 +1,100 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: width of CSS table in border-collapse separate model</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the table border spacing but excluding table padding and table borders)." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#overlapping-green-table
+ {
+ background-color: green;
+ border: green solid 10px;
+ border-collapse: separate;
+ border-spacing: 0px 5px;
+ color: green;
+ display: table;
+ font: 20px/1 serif;
+ padding-bottom: 25px;
+ table-layout: fixed;
+ width: 80px;
+ /*
+ The width of a CSS table is given by the greater of the value of
+ the 'width' property as set for the CSS table and the sum of the
+ columns width plus border spacing:
+
+ max(set width, sum of columns width plus border spacing).
+
+ The width (as set) of a CSS table is given by its content-box, not
+ by its border-box.
+
+ In this testcase, the content-box must be 100px by 100px and all
+ filled with green color.
+ In this testcase, the border-box must be 200px by 200px and all
+ filled with green color.
+
+ The set width (100px) is larger than sum of columns width plus
+ border spacing
+
+ 0px : left-most border-spacing
+ +
+ 20px : div#td's width
+ +
+ 0px : middle border-spacing between 1st and 2nd cell
+ +
+ 20px : div#td's width
+ +
+ 0px : right-most border-spacing
+ =====
+ 40px : sum of columns width plus border spacing
+
+
+ 80px : set width of table
+ -
+ 40px : sum of columns plus border spacing
+ ======
+ 40px : the extra (exceeding) 40px width will be distributed over
+ the columns, therefore given to both cells of the table.
+ */
+ }
+
+ div.tr {display: table-row;}
+
+ div.td {display: table-cell;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red"></div>
+
+ <div id="overlapping-green-table">
+ <div class="tr">
+ <div class="td">1</div><div class="td">2</div>
+ </div>
+ <div class="tr">
+ <div class="td">3</div><div class="td">4</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004c.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004c.xht
new file mode 100644
index 0000000000..6f18ec0723
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004c.xht
@@ -0,0 +1,86 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: width of CSS table in border-collapse separate model</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the table border-spacing but excluding table padding and table borders)." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#overlapped-red
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#overlapping-green-table
+ {
+ background-color: green;
+ border-collapse: separate;
+ border-spacing: 1em;
+ color: green;
+ display: table;
+ font: 20px/1 serif;
+ table-layout: fixed;
+ width: 70px;
+ /*
+ The width of a CSS table is given by the greater of the value of
+ the 'width' property as set for the CSS table and the sum of the columns
+ width (plus border spacing):
+
+ max(set width, sum of columns width plus border spacing)
+
+ The set width (70px) is smaller than sum of columns width plus border
+ spacing
+
+ 20px : left-most border-spacing
+ +
+ 20px : div.td's width
+ +
+ 20px : middle border-spacing between 1st and 2nd cell
+ +
+ 20px : div.td's width
+ +
+ 20px : right-most border-spacing
+ =======
+ 100px : sum of columns plus border spacing
+ */
+ }
+
+ div.tr {display: table-row;}
+
+ div.td
+ {
+ display: table-cell;
+ width: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red"></div>
+
+ <div id="overlapping-green-table">
+ <div class="tr">
+ <div class="td">1</div><div class="td">2</div>
+ </div>
+ <div class="tr">
+ <div class="td">3</div><div class="td">4</div>
+ </div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004d-ref.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004d-ref.xht
new file mode 100644
index 0000000000..dc052ab074
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004d-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ margin-left: 32px;
+ margin-top: 24px;
+ width: 100px;
+ }
+
+ div.two-and-three {margin-top: 8px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 3 filled green squares with the <strong>same width</strong>.</p>
+
+ <div></div>
+
+ <div class="two-and-three"></div>
+
+ <div class="two-and-three"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004d.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004d.xht
new file mode 100644
index 0000000000..7269e1f97d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004d.xht
@@ -0,0 +1,119 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: width of CSS table in border-collapse separate model</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="match" href="separated-border-model-004d-ref.xht" />
+
+ <meta content="The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the table border-spacing but excluding table padding and table borders)." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#table-width-set
+ {
+ background-color: green;
+ border-left: white solid 32px;
+ border-top: white solid 8px;
+ border-spacing: 17px 0;
+ display: table;
+ padding: 0px;
+ table-layout: fixed;
+ width: 100px;
+ /*
+ The set width (100px) of this CSS table is larger than sum of columns plus
+ border spacing
+
+ 17px (left-most border-spacing)
+ +
+ 16px (div#td's width)
+ +
+ 17px (right-most border-spacing)
+ ======
+ 50px : sum of columns plus border spacing
+
+ 100px (width of table)
+ -
+ 50px (sum of columns plus border spacing)
+ ======
+ 50px : such extra (exceeding) 50px width will be distributed
+ over the columns, therefore given to the unique cell of such
+ div#table-width-set .
+ */
+ }
+
+ div.tr {display: table-row;}
+
+ div.td
+ {
+ display: table-cell;
+ height: 100px;
+ width: 16px;
+ }
+
+ div#table-sum-of-columns
+ {
+ background-color: green;
+ border-left: white solid 32px;
+ border-top: white solid 8px;
+ border-spacing: 42px 0;
+ display: table;
+ padding: 0px;
+ table-layout: fixed;
+ width: 9px;
+
+ /*
+ The width of a CSS table is given by the greater of the value of
+ the 'width' property as set for the table element and the sum of the columns'
+ width (plus border spacing):
+
+ max(set width, sum of columns width plus border spacing)
+
+ The set width (9px) is smaller than sum of columns (plus border spacing)
+
+ 42px (left-most border-spacing)
+ +
+ 16px (div.td's width)
+ +
+ 42px (right-most border-spacing)
+ ======
+ 100px : sum of columns plus border spacing
+ */
+ }
+
+ div#reference
+ {
+ background-color: green;
+ height: 100px;
+ left: 32px; /* equal to the tables' border-left */
+ position: relative;
+ top: 8px; /* equal to the tables' border-top */
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 3 filled green squares with the <strong>same width</strong>.</p>
+
+ <div id="table-width-set">
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ </div>
+
+ <div id="table-sum-of-columns">
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ </div>
+
+ <div id="reference"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004e-ref.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004e-ref.xht
new file mode 100644
index 0000000000..20cbfafe7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004e-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 1em;
+ margin-left: 185px;
+ margin-bottom: 10px;
+ width: 96px;
+ }
+
+ div#second {background-color: blue;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the black and blue stripes have the <strong>same width</strong>.</p>
+
+ <div></div>
+
+ <div id="second"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004e.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004e.xht
new file mode 100644
index 0000000000..6fc350f651
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004e.xht
@@ -0,0 +1,105 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: width of CSS table in border-collapse separate model</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="match" href="separated-border-model-004e-ref.xht" />
+
+ <meta content="The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the table border-spacing but excluding table padding and table borders)." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#table
+ {
+ border-left: 100px solid white;
+ border-right: 100px solid white;
+ border-spacing: 52px 0;
+ display: table;
+ padding: 0 33px;
+ width: 200px;
+ /*
+ The width of a CSS table is the distance from the left inner padding
+ edge to the right inner padding edge (including the table border-spacing
+ but excluding table padding and table borders).
+
+ Therefore the 'padding: 0 33px;' is not involved in the used width
+ calculation and 'border-left: 100px solid white;' and
+ 'border-right: 100px solid white;' are not involved in the used
+ width calculation.
+
+ The width of a CSS table is given by the greater of the value of
+ the 'width' property as set for the CSS table and the sum of the columns
+ width (plus border spacing):
+
+ max(set width, sum of columns width plus border spacing)
+
+ Here, the set width is 200px.
+
+ The sums of columns' width plus border spacing is given by:
+
+ 52px (left-most border-spacing)
+ +
+ 0px (div#td's width)
+ +
+ 52px (right-most border-spacing)
+ ======
+ 104px : sum of columns plus border spacing
+
+ 200px (set width of table)
+ -
+ 104px (sum of columns plus border spacing)
+ =====
+ 96px : such extra (exceeding) 96px width will be distributed over
+ the columns, therefore given to the unique cell of such div#table
+
+ So, the div#td should be 96px wide, 16px tall and painted black.
+ */
+ }
+
+ div#tr {display: table-row;}
+
+ div#td
+ {
+ background-color: black;
+ display: table-cell;
+ height: 1em;
+ }
+
+ div#reference
+ {
+ background-color: blue;
+ height: 1em;
+ left: 185px;
+ /*
+ 100px : table's border-left
+ 33px : table's padding-left
+ 52px : left-most border-spacing
+ -----
+ 185px
+ */
+ margin-top: 10px;
+ position: relative;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the black and blue stripes have the <strong>same width</strong>.</p>
+
+ <div id="table">
+ <div id="tr">
+ <div id="td"></div>
+ </div>
+ </div>
+
+ <div id="reference"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-006.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-006.xht
new file mode 100644
index 0000000000..f4366ba639
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-006.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Row and column backgrounds in the separated borders model</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="Table row, column, row group and column group backgrounds are invisible in the space between borders." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: separate;
+ border-spacing: 25px;
+ background: blue;
+ }
+ colgroup
+ {
+ background-color: orange;
+ }
+ col
+ {
+ background-color: orange;
+ }
+ tbody
+ {
+ background-color: black;
+ }
+ tr
+ {
+ background-color: black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all four black boxes below are surrounded on all sides by blue.</p>
+ <table>
+ <colgroup>
+ <col />
+ <col />
+ </colgroup>
+ <colgroup>
+ <col />
+ <col />
+ </colgroup>
+ <tbody>
+ <tr>
+ <td>X</td>
+ <td>X</td>
+ </tr>
+ </tbody>
+ <tbody>
+ <tr>
+ <td>X</td>
+ <td>X</td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-007-ref.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-007-ref.xht
new file mode 100644
index 0000000000..a75a80dcae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-007-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 1em;}
+
+ p {font: 1em/2 serif;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-007.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-007.xht
new file mode 100644
index 0000000000..8b22c8cd2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-007.xht
@@ -0,0 +1,139 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Border-spacing - contiguous table-row-groups (thead and tbody)</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="match" href="separated-border-model-007-ref.xht" />
+
+ <meta content="When a table element has 2 contiguous table-row-groups (thead, tbody, tfoot or more than 1 tbody elements), then border-spacing between such table-row-groups - thead and tbody in this testcase - must merge, must collapse into one." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ font: 1em/2 serif;
+ margin: 1em;
+ }
+
+ div#expected-results {top: 1em;}
+
+ div
+ {
+ background-color: white;
+ height: 3em;
+ left: 1em;
+ position: absolute;
+ width: 600px;
+ }
+
+ table
+ {
+ background-color: red;
+ border-collapse: separate;
+ border-spacing: 0em 3em;
+ margin-top: 0px;
+ table-layout: fixed;
+ }
+
+ td
+ {
+ background-color: white;
+ height: 2em;
+ padding: 0px;
+ width: 600px;
+ }
+
+ div#between-thead-and-tbody {top: 6em;}
+
+ div#after-tbody {top: 11em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <table>
+
+ <thead>
+ <tr>
+ <td></td>
+ </tr>
+ </thead>
+
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+
+ </table>
+
+ <div id="expected-results">Test passes if there is <strong>no red</strong>.</div>
+
+ <div id="between-thead-and-tbody"></div>
+
+ <div id="after-tbody"></div>
+
+<!--
+
+ The vertical positioning of the (overlapped) table, sub-table
+ components and border-spacing areas between table-row-groups
+
+ 0px
+ <body>'s margin-top
+ =================================== 16px (1em)
+ | |
+ | border=spacing 48px (3em) |
+ | with red background=color |
+ =================================== 64px (4em)
+ | <thead> |
+ | should be 32px (2em) |
+ =================================== 96px (6em)
+ | |
+ | border=spacing 48px (3em) |
+ | with red background=color |
+ =================================== 144px (9em)
+ | <tbody> |
+ | should be 32px (2em) |
+ =================================== 176px (11em)
+ | |
+ | border=spacing 48px (3em) |
+ | with red background=color |
+ =================================== 224px (14em)
+
+
+ ********************************************
+
+
+ The vertical positioning of the absolutely positioned overlapping white <div>s
+
+ 0px
+ <body>'s margin=top
+ =================================== 16px (1em)
+ | |
+ | div#expected=results 48px (3em) |
+ | with white background=color |
+ =================================== 64px (4em)
+ | |
+ | |
+ =================================== 96px (6em)
+ | |
+ | div#between=thead=and=tbody 48px|
+ | with white background=color |
+ =================================== 144px (9em)
+ | |
+ | |
+ =================================== 176px (11em)
+ | |
+ | div#after=tbody 48px (3em) |
+ | with white background=color |
+ =================================== 224px (14em)
+
+-->
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-008.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-008.xht
new file mode 100644
index 0000000000..4149c7a998
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-008.xht
@@ -0,0 +1,139 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Border-spacing - contiguous table-row-groups (tbody and tfoot)</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="match" href="separated-border-model-007-ref.xht" />
+
+ <meta content="When a table element has 2 contiguous table-row-groups (thead, tbody, tfoot or more than 1 tbody elements), then border-spacing between such table-row-groups - tbody and tfoot in this testcase - must merge, must collapse into one." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ font: 1em/2 serif;
+ margin: 1em;
+ }
+
+ div#expected-results {top: 1em;}
+
+ div
+ {
+ background-color: white;
+ height: 3em;
+ left: 1em;
+ position: absolute;
+ width: 600px;
+ }
+
+ table
+ {
+ background-color: red;
+ border-collapse: separate;
+ border-spacing: 0em 3em;
+ margin-top: 0px;
+ table-layout: fixed;
+ }
+
+ td
+ {
+ background-color: white;
+ height: 2em;
+ padding: 0px;
+ width: 600px;
+ }
+
+ div#between-tbody-and-tfoot {top: 6em;}
+
+ div#after-tfoot {top: 11em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <table>
+
+ <tfoot>
+ <tr>
+ <td></td>
+ </tr>
+ </tfoot>
+
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+
+ </table>
+
+ <div id="expected-results">Test passes if there is <strong>no red</strong>.</div>
+
+ <div id="between-tbody-and-tfoot"></div>
+
+ <div id="after-tfoot"></div>
+
+<!--
+
+ The vertical positioning of the (overlapped) table, sub-table
+ components and border-spacing areas between table-row-groups
+
+ 0px
+ <body>'s margin-top
+ =================================== 16px (1em)
+ | |
+ | border=spacing 48px (3em) |
+ | with red background=color |
+ =================================== 64px (4em)
+ | <tbody> |
+ | should be 32px (2em) |
+ =================================== 96px (6em)
+ | |
+ | border=spacing 48px (3em) |
+ | with red background=color |
+ =================================== 144px (9em)
+ | <tfoot> |
+ | should be 32px (2em) |
+ =================================== 176px (11em)
+ | |
+ | border=spacing 48px (3em) |
+ | with red background=color |
+ =================================== 224px (14em)
+
+
+ ********************************************
+
+
+ The vertical positioning of the absolutely positioned overlapping white <div>s
+
+ 0px
+ <body>'s margin=top
+ =================================== 16px (1em)
+ | |
+ | div#expected=results 48px (3em) |
+ | with white background=color |
+ =================================== 64px (4em)
+ | |
+ | |
+ =================================== 96px (6em)
+ | |
+ | div#between=tbody=and=tfoot 48px|
+ | with white background=color |
+ =================================== 144px (9em)
+ | |
+ | |
+ =================================== 176px (11em)
+ | |
+ | div#after=tfoot 48px (3em) |
+ | with white background=color |
+ =================================== 224px (14em)
+
+-->
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-009.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-009.xht
new file mode 100644
index 0000000000..40471be0ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-009.xht
@@ -0,0 +1,139 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Border-spacing - contiguous table-row-groups (2 tbodies)</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" />
+ <link rel="match" href="separated-border-model-007-ref.xht" />
+
+ <meta content="When a table element has 2 contiguous table-row-groups (thead, tbody, tfoot or more than 1 tbody elements), then border-spacing between such table-row-groups - 2 tbodies in this testcase - must merge, must collapse into one." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ font: 1em/2 serif;
+ margin: 1em;
+ }
+
+ div#expected-results {top: 1em;}
+
+ div
+ {
+ background-color: white;
+ height: 3em;
+ left: 1em;
+ position: absolute;
+ width: 600px;
+ }
+
+ table
+ {
+ background-color: red;
+ border-collapse: separate;
+ border-spacing: 0em 3em;
+ margin-top: 0px;
+ table-layout: fixed;
+ }
+
+ td
+ {
+ background-color: white;
+ height: 2em;
+ padding: 0px;
+ width: 600px;
+ }
+
+ div#between-tbodies {top: 6em;}
+
+ div#after-2nd-tbody {top: 11em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <table>
+
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+
+ </table>
+
+ <div id="expected-results">Test passes if there is <strong>no red</strong>.</div>
+
+ <div id="between-tbodies"></div>
+
+ <div id="after-2nd-tbody"></div>
+
+<!--
+
+ The vertical positioning of the (overlapped) table, sub-table
+ components and border-spacing areas between table-row-groups
+
+ 0px
+ <body>'s margin-top
+ =================================== 16px (1em)
+ | |
+ | border=spacing 48px (3em) |
+ | with red background=color |
+ =================================== 64px (4em)
+ | <tbody> |
+ | should be 32px (2em) |
+ =================================== 96px (6em)
+ | |
+ | border=spacing 48px (3em) |
+ | with red background=color |
+ =================================== 144px (9em)
+ | <tbody> |
+ | should be 32px (2em) |
+ =================================== 176px (11em)
+ | |
+ | border=spacing 48px (3em) |
+ | with red background=color |
+ =================================== 224px (14em)
+
+
+ ********************************************
+
+
+ The vertical positioning of the absolutely positioned overlapping white <div>s
+
+ 0px
+ <body>'s margin=top
+ =================================== 16px (1em)
+ | |
+ | div#expected=results 48px (3em) |
+ | with white background=color |
+ =================================== 64px (4em)
+ | |
+ | |
+ =================================== 96px (6em)
+ | |
+ | div#between=tbodies 48px (3em) |
+ | with white background=color |
+ =================================== 144px (9em)
+ | |
+ | |
+ =================================== 176px (11em)
+ | |
+ | div#after=2nd=tbody 48px (3em) |
+ | with white background=color |
+ =================================== 224px (14em)
+
+-->
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/tables/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/tables/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/tables/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/tables/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/tables/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/tables/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/tables/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/tables/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/a-green.css b/testing/web-platform/tests/css/CSS2/tables/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/b-green.css b/testing/web-platform/tests/css/CSS2/tables/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/bar_with_corner_dot.png b/testing/web-platform/tests/css/CSS2/tables/support/bar_with_corner_dot.png
new file mode 100644
index 0000000000..fbbc56de16
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/bar_with_corner_dot.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/blue-orange-rectangle.png b/testing/web-platform/tests/css/CSS2/tables/support/blue-orange-rectangle.png
new file mode 100644
index 0000000000..f43f193291
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/blue-orange-rectangle.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/tables/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/border_conflict_example_001.png b/testing/web-platform/tests/css/CSS2/tables/support/border_conflict_example_001.png
new file mode 100644
index 0000000000..b95bf11d90
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/border_conflict_example_001.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/border_conflict_example_002.png b/testing/web-platform/tests/css/CSS2/tables/support/border_conflict_example_002.png
new file mode 100644
index 0000000000..c0a53f827d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/border_conflict_example_002.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/c-red.css b/testing/web-platform/tests/css/CSS2/tables/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/cat.png b/testing/web-platform/tests/css/CSS2/tables/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/diamond.png b/testing/web-platform/tests/css/CSS2/tables/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/frameset-border-spacing-001.htm b/testing/web-platform/tests/css/CSS2/tables/support/frameset-border-spacing-001.htm
new file mode 100644
index 0000000000..50057c0115
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/frameset-border-spacing-001.htm
@@ -0,0 +1,9 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>Support file for 'frameset-border-spacing-001.htm'</title>
+ </head>
+ <body>
+ <p>Test passes if either four blue vertical lines or two grey lines appear to the left and right of this text.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/green15x15.png b/testing/web-platform/tests/css/CSS2/tables/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/tables/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/tables/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/tables/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/tables/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/repeatable-diagonal-gradient-with-ticks.png b/testing/web-platform/tests/css/CSS2/tables/support/repeatable-diagonal-gradient-with-ticks.png
new file mode 100644
index 0000000000..1b019db984
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/repeatable-diagonal-gradient-with-ticks.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/ring.png b/testing/web-platform/tests/css/CSS2/tables/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/ruler-h-200px-400px.png b/testing/web-platform/tests/css/CSS2/tables/support/ruler-h-200px-400px.png
new file mode 100644
index 0000000000..a6461c3d3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/ruler-h-200px-400px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/square-purple.png b/testing/web-platform/tests/css/CSS2/tables/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/square-teal.png b/testing/web-platform/tests/css/CSS2/tables/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/square-white.png b/testing/web-platform/tests/css/CSS2/tables/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/tables/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/tables/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/tables/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/tables/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/tables/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/tables/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/tables/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/test-bl.png b/testing/web-platform/tests/css/CSS2/tables/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/test-br.png b/testing/web-platform/tests/css/CSS2/tables/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/test-outer.png b/testing/web-platform/tests/css/CSS2/tables/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/test-tl.png b/testing/web-platform/tests/css/CSS2/tables/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/support/test-tr.png b/testing/web-platform/tests/css/CSS2/tables/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-001.xht
new file mode 100644
index 0000000000..18e86add12
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-001.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Display-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="An element with display set to 'table' renders as if it were a table." />
+ <style type="text/css">
+ #table
+ {
+ background: black;
+ display: table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-002.xht
new file mode 100644
index 0000000000..d23c42a90f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-002.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous block box around a table is not used for baseline vertical alignment</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="The table box (and not anonymous containing block) is used for doing baseline vertical alignment for inline-table." />
+ <style type="text/css">
+ caption
+ {
+ color: white;
+ }
+ #table
+ {
+ background: black;
+ border-spacing: 0;
+ caption-side: bottom;
+ display: inline-table;
+ }
+ td
+ {
+ padding: 0;
+ vertical-align: baseline;
+ }
+ div
+ {
+ background: black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the bottoms of the two boxes are vertically aligned.</p>
+ <table>
+ <tr>
+ <td>
+ <table id="table">
+ <caption>XXXXXXXXX0</caption>
+ <tr>
+ <td>XXXXXXXXX0</td>
+ </tr>
+ </table>
+ </td>
+ <td>
+ <div>XXXXXXXXX0</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-003.xht
new file mode 100644
index 0000000000..827bdec407
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-003.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous block box around a table is as wide as the border edge of the table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="The anonymous block around the table and caption is as wide as the border edge of the table box." />
+ <style type="text/css">
+ div
+ {
+ color: blue;
+ }
+ #table
+ {
+ background: black;
+ display: table;
+ float: left;
+ width: 100px;
+ }
+ #caption
+ {
+ background: blue;
+ color: blue;
+ display: table-caption;
+ width: 200px;
+ }
+ #tr
+ {
+ display: table-row;
+ }
+ #td
+ {
+ color: black;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box below is wider, and thus overhangs the black box and "Filler Text" appears immediately after the end (right side) of the black box.</p>
+ <div>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ <span id="table">
+ <span id="caption">Filler Text Filler Text</span>
+ <span id="tr">
+ <span id="td">Filler Text</span>
+ </span>
+ </span>
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-004.xht
new file mode 100644
index 0000000000..182e60b4f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-004.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous block box around a table is not used for table percentage width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="The percentage width of table is relative to its anonymous box's containing block." />
+ <style type="text/css">
+ #div1
+ {
+ width: 400px;
+ }
+ table
+ {
+ border-spacing: 0;
+ width: 50%;
+ }
+ td
+ {
+ background: black;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if boxes below are the same width.</p>
+ <div id="div1">
+ <table>
+ <tr>
+ <td>X</td>
+ </tr>
+ </table>
+ </div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-005.xht
new file mode 100644
index 0000000000..4707881150
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-005.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous block box around a table and the table 'position' property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="The 'position' property of a table is actually applied to its anonymous block box." />
+ <style type="text/css">
+ div
+ {
+ border-top: 5px solid black;
+ width: 200px;
+ }
+ table
+ {
+ border-spacing: 0;
+ position: relative;
+ top: 100px;
+ }
+ caption
+ {
+ background: orange;
+ color: orange;
+ }
+ td
+ {
+ background: blue;
+ color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is directly beneath the orange box and neither box is touching the black line.</p>
+ <div>
+ <table>
+ <caption>Filler Text Filler Text</caption>
+ <tr>
+ <td>Filler Text Filler Text</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-006.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-006.xht
new file mode 100644
index 0000000000..87c4f0e819
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-006.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous block box around a table and the table 'float' property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="The 'float' property of a table is actually applied to its anonymous block box." />
+ <style type="text/css">
+ div
+ {
+ border: solid black;
+ height: 125px;
+ width: 200px;
+ }
+ table
+ {
+ float: right;
+ border-spacing: 0;
+ }
+ caption
+ {
+ background: orange;
+ color: orange;
+ }
+ td
+ {
+ background: blue;
+ color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the orange box is directly on top of the blue box and they are both positioned in the upper-right corner of the black box.</p>
+ <div>
+ <table>
+ <caption>Filler Text Filler Text</caption>
+ <tr>
+ <td>Filler Text Filler Text</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-007.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-007.xht
new file mode 100644
index 0000000000..1a49d72aa1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-007.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous block box around a table and the table 'margin-top' property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="The 'margin-top' property of a table is actually applied to its anonymous block box." />
+ <style type="text/css">
+ div
+ {
+ border-top: 5px solid black;
+ width: 200px;
+ }
+ table
+ {
+ border-spacing: 0;
+ margin-top: 100px;
+ }
+ caption
+ {
+ background: orange;
+ color: orange;
+ }
+ td
+ {
+ background: blue;
+ color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is directly beneath the orange box and neither box is touching the black line.</p>
+ <div>
+ <table>
+ <caption>Filler Text Filler Text</caption>
+ <tr>
+ <td>Filler Text Filler Text</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-008.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-008.xht
new file mode 100644
index 0000000000..2572d13db1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-008.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous block box around a table and the table 'right' property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="The 'right' property of a table is actually applied to its anonymous block box." />
+ <style type="text/css">
+ div
+ {
+ border-left: 5px solid black;
+ height: 100px;
+ }
+ table
+ {
+ border-spacing: 0;
+ position: relative;
+ right: -100px;
+ }
+ caption
+ {
+ background: orange;
+ color: orange;
+ }
+ td
+ {
+ background: blue;
+ color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is directly beneath the orange box and neither box is touching the black line.</p>
+ <div>
+ <table>
+ <caption>Filler Text Filler Text</caption>
+ <tr>
+ <td>Filler Text Filler Text</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-009.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-009.xht
new file mode 100644
index 0000000000..53994308ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-009.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous block box around a table and the table 'bottom' property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="The 'bottom' property of a table is actually applied to its anonymous block box." />
+ <style type="text/css">
+ div
+ {
+ border-top: 5px solid black;
+ width: 200px;
+ }
+ table
+ {
+ border-spacing: 0;
+ bottom: -100px;
+ position: relative;
+ }
+ caption
+ {
+ background: orange;
+ color: orange;
+ }
+ td
+ {
+ background: blue;
+ color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is directly beneath the orange box and neither box is touching the black line.</p>
+ <div>
+ <table>
+ <caption>Filler Text Filler Text</caption>
+ <tr>
+ <td>Filler Text Filler Text</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-010.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-010.xht
new file mode 100644
index 0000000000..f0cfb0952c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-010.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous block box around a table and the table 'left' property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="The 'left' property of a table is actually applied to its anonymous block box." />
+ <style type="text/css">
+ div
+ {
+ border-left: 5px solid black;
+ height: 100px;
+ }
+ table
+ {
+ border-collapse: collapse;
+ left: 100px;
+ position: relative;
+ }
+ caption
+ {
+ background: orange;
+ color: orange;
+ }
+ td
+ {
+ background: blue;
+ color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is directly beneath the orange box and neither box is touching the black line.</p>
+ <div>
+ <table>
+ <caption>Filler Text Filler Text</caption>
+ <tr>
+ <td>Filler Text Filler Text</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-011.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-011.xht
new file mode 100644
index 0000000000..c2e9141999
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-011.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous block box around a table - table top margin is collapsed with caption top margin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The top margin of the table caption is not collapsed with top margin of the table." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border-top: 1em solid black;
+ width: 10em;
+ }
+ #div2
+ {
+ background: blue;
+ height: 10em;
+ position: relative;
+ top: -4em;
+ width: 10em;
+ }
+ table
+ {
+ border-spacing: 0;
+ font: 1em/1 Ahem;
+ margin-top: 2em;
+ }
+ caption
+ {
+ background: red;
+ color: red;
+ margin-top: 2em;
+ }
+ td
+ {
+ background: red;
+ color: red;
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below and there is space between the black box and the blue box.</p>
+ <div id="div1">
+ <table>
+ <caption>Filler Text</caption>
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-012.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-012.xht
new file mode 100644
index 0000000000..3cb564e8e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-012.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous block box around a table - table bottom margin is collapsed with caption bottom margin</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The bottom margin of the table caption is not collapsed with bottom margin of the table when 'caption-side: bottom'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 1em solid blue;
+ width: 10em;
+ }
+ table
+ {
+ margin-bottom: 5em;
+ border-spacing: 0;
+ font: 1em Ahem;
+ }
+ caption
+ {
+ background: black;
+ caption-side: bottom;
+ color: black;
+ margin-bottom: 10em;
+ width: 10em;
+ }
+ td
+ {
+ background: black;
+ color: black;
+ width: 10em;
+ }
+ #div2
+ {
+ background: blue;
+ height: 10em;
+ position: relative;
+ top: -11em;
+ width: 10em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below and there is space between the black box and the blue box.</p>
+ <div id="div1">
+ <table>
+ <caption>Filler Text</caption>
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-013.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-013.xht
new file mode 100644
index 0000000000..e86937f7b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-013.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous box around a table as a 'block' box</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="The anonymous box around a table is a 'block' box if the table is block-level." />
+ <style type="text/css">
+ #div1
+ {
+ color: silver;
+ }
+ #table
+ {
+ background: orange;
+ color: orange;
+ display: table;
+ }
+ #caption
+ {
+ background: blue;
+ color: blue;
+ display: table-caption;
+ }
+ #tr
+ {
+ display: table-row;
+ }
+ #td
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is stacked on top of the orange box, the boxes do not take up the whole width of the page, and there is "Filler Text" above and below the boxes.</p>
+ <div id="div1">Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ <div id="table">
+ <div id="caption">Filler Text Filler Text</div>
+ <div id="tr">
+ <div id="td">Filler Text Filler Text</div>
+ </div>
+ </div>
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-014.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-014.xht
new file mode 100644
index 0000000000..4daa29d684
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-014.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous box around a table as an 'inline-block' box</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="The anonymous box around a table is an 'inline-block' box if the table is inline-level." />
+ <style type="text/css">
+ #table
+ {
+ display: inline-table;
+ background: orange;
+ color: orange;
+ }
+ #div1
+ {
+ color: silver;
+ }
+ #caption
+ {
+ display: table-caption;
+ color: blue;
+ background: blue;
+ }
+ #tr
+ {
+ display: table-row;
+ }
+ #td
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is stacked on top of the orange box, the boxes do not take up the whole width of the page, and "Filler Text" flows to the left and right of the orange bar.</p>
+ <div id="div1">Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ <div id="table">
+ <div id="caption">Filler TextFiller Text</div>
+ <div id="tr">
+ <div id="td">Filler TextFiller Text</div>
+ </div>
+ </div>
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-015.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-015.xht
new file mode 100644
index 0000000000..1a4f7e547a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous block box around a table is not used for table percentage height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="Percentage height of table is relative to its anonymous box's containing block." />
+ <style type="text/css">
+ #div1
+ {
+ height: 400px;
+ }
+ #div2
+ {
+ background: blue;
+ float: left;
+ height: 200px;
+ width: 1ex;
+ }
+ table
+ {
+ border-spacing: 0;
+ height: 50%;
+ }
+ td
+ {
+ background: black;
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same height.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <table>
+ <tr>
+ <td>X</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-016.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-016.xht
new file mode 100644
index 0000000000..3aa11d4996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-016.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous block box around a table and the table 'margin-bottom' property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="The 'margin-bottom' property of a table is actually applied to its anonymous block box." />
+ <style type="text/css">
+ #container
+ {
+ border-bottom: 5px solid black;
+ width: 200px;
+ }
+ table
+ {
+ border-spacing: 0;
+ margin-bottom: 100px;
+ }
+ caption
+ {
+ background: blue;
+ caption-side: bottom;
+ color: blue;
+ }
+ td
+ {
+ background: orange;
+ color: orange;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is directly beneath the orange box and neither box is touching the black line.</p>
+ <div id="container">
+ <table>
+ <caption>Filler Text Filler Text</caption>
+ <tr>
+ <td>Filler Text Filler Text</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-017.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-017.xht
new file mode 100644
index 0000000000..2494db1a34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-017.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous block box around a table and the table 'margin-left' property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="The 'margin-left' property of a table is actually applied to its anonymous block box." />
+ <style type="text/css">
+ div
+ {
+ border-left: 5px solid black;
+ height: 100px;
+ }
+ table
+ {
+ margin-left: 100px;
+ border-collapse: collapse;
+ }
+ caption
+ {
+ background: orange;
+ color: orange;
+ }
+ td
+ {
+ background: blue;
+ color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is directly beneath the orange box and neither box is touching the black line.</p>
+ <div>
+ <table>
+ <caption>Filler TextFiller Text</caption>
+ <tr>
+ <td>Filler TextFiller Text</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-018.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-018.xht
new file mode 100644
index 0000000000..67f2a05188
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-018.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous block box around a table and the table 'margin-right' property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="The 'margin-right' property of a table is actually applied to its anonymous block box." />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0;
+ display: inline-table;
+ margin-right: 50px;
+ }
+ caption, td
+ {
+ background: blue;
+ color: blue;
+ }
+ td
+ {
+ padding: 0;
+ }
+ div
+ {
+ background: orange;
+ display: inline-block;
+ height: 50px;
+ width: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single blue box and orange square below, and the space between them is the same width as the orange square.</p>
+ <table>
+ <caption>XXXXXXXXX0</caption>
+ <tr>
+ <td>XXXXXXXXX0</td>
+ </tr>
+ </table>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-019.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-019.xht
new file mode 100644
index 0000000000..d87f382d6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-019.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The anonymous block box around a table and the table 'margin' property</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
+ <meta name="assert" content="The 'margin' property of a table is actually applied to its anonymous block box." />
+ <style type="text/css">
+ div
+ {
+ color: gray;
+ }
+ table
+ {
+ border-spacing: 0;
+ display: inline-table;
+ margin: 20px;
+ }
+ caption
+ {
+ background: blue;
+ color: blue;
+ }
+ td
+ {
+ background: black;
+ color: black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is directly on top of the black box and there is "Filler Text" above and below the stacked boxes and to the right and left of the black box.</p>
+ <div>
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ <table>
+ <caption>XXXXX</caption>
+ <tr>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-border-spacing.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-border-spacing.xht
new file mode 100644
index 0000000000..d2c1bf8bd2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-border-spacing.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/table-anonymous-border-spacing-ref.xht"/>
+ <meta name="flags" content='dom'/>
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("target");
+ t.style.borderSpacing = '20px';
+ }
+ ]]></script>
+ <style><![CDATA[
+ #target { border-spacing: 0; }
+ #target > * { display: table-cell; border: 1px solid black; }
+ ]]></style>
+ </head>
+<body onload="doTest()">
+ <p>There should be 20px border-spacing in the table below.</p>
+ <div id="target">
+ <div>First cell</div>
+ <div>Second cell</div>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-000.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-000.xht
new file mode 100644
index 0000000000..2cfa941e70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-000.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Tables: Anonymous Cell Children</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/008.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes" />
+ <style type="text/css">
+
+ /* basics */
+ .table { display: table; height: 5em; width: 5em; background: green; }
+ .table > * { display: table-cell; color: yellow; background: red; border: solid red; }
+ .table > *:after { content: 'FAIL!!!'; color: yellow; background: red; border: solid red; }
+
+ </style>
+ </head>
+ <body>
+ <p>There should be a green block below.</p>
+ <div class="table"><!-- empty --></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-001.xht
new file mode 100644
index 0000000000..2a6a10097f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-001.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test 121142-1a.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">
+ Cell 1
+ </span>
+ <script type="text/javascript">document.body.offsetWidth</script>
+ <span style="display: table-cell">
+ Cell 2
+ </span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellspacing="0" cellpadding="0" style="border: none; padding: 0; margin: 0">
+ <tr>
+ <td>Cell 1</td>
+ <td>Cell 2</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-002.xht
new file mode 100644
index 0000000000..847c097243
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-002.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test 121142-1a.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">
+ Cell 1
+ </span>
+ <script type="text/javascript">document.body.offsetWidth</script>
+ <span style="display: table-cell">
+ Cell 2
+ </span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellspacing="0" cellpadding="0" style="border: none; padding: 0; margin: 0">
+ <tr>
+ <td>Cell 1</td>
+ <td>Cell 2</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-003.xht
new file mode 100644
index 0000000000..0386c2e1da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-003.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test 121142-1b.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-cell">
+ Cell 1
+ </span>
+ <script type="text/javascript">document.body.offsetWidth</script>
+ <span style="display: table-cell">
+ Cell 2
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellspacing="0" cellpadding="0" style="border: none; padding: 0; margin: 0">
+ <tr>
+ <td>Cell 1</td>
+ <td>Cell 2</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-004.xht
new file mode 100644
index 0000000000..882bc8b49b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-004.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test 121142-1b.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-cell">
+ Cell 1
+ </span>
+ <script type="text/javascript">document.body.offsetWidth</script>
+ <span style="display: table-cell">
+ Cell 2
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellspacing="0" cellpadding="0" style="border: none; padding: 0; margin: 0">
+ <tr>
+ <td>Cell 1</td>
+ <td>Cell 2</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-005.xht
new file mode 100644
index 0000000000..9a4cae326e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-005.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test 121142-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ Cell 1
+ <script type="text/javascript">document.body.offsetWidth</script>
+ Cell 2
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellspacing="0" cellpadding="0" style="border: none; padding: 0; margin: 0">
+ <tr>
+ <td>Cell 1 Cell 2</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-006.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-006.xht
new file mode 100644
index 0000000000..d2cd9ce353
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-006.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test 121142-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ Cell 1
+ <script type="text/javascript">document.body.offsetWidth</script>
+ Cell 2
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellspacing="0" cellpadding="0" style="border: none; padding: 0; margin: 0">
+ <tr>
+ <td>Cell 1 Cell 2</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-007.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-007.xht
new file mode 100644
index 0000000000..b462d58d8f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-007.xht
@@ -0,0 +1,79 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 156888-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function toggleRow(rowId)
+ {
+ var r = document.getElementById(rowId);
+ if (r.style.display == "none")
+ r.style.display = "inline";
+ else
+ r.style.display = "none";
+ }
+
+ function doTest() {
+ toggleRow('row4');
+ document.body.offsetWidth;
+ toggleRow('row4');
+ document.body.offsetWidth;
+ toggleRow('row4');
+ document.body.offsetWidth;
+ toggleRow('row4');
+ document.body.offsetWidth;
+ toggleRow('row4');
+ document.body.offsetWidth;
+ toggleRow('row4');
+ document.body.offsetWidth;
+ toggleRow('row4');
+ document.body.offsetWidth;
+ toggleRow('row4');
+ document.body.offsetWidth;
+ toggleRow('row4');
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table border="5">
+ <tr>
+ <td>Row 1</td>
+ </tr>
+ <tr>
+ <td>Row 2</td>
+ </tr>
+ <tr>
+ <td>Row 3</td>
+ </tr>
+ <tr id="row4" style="display: none">
+ <td>Row 4</td>
+ </tr>
+ </table>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table border="5">
+ <tr>
+ <td>Row 1</td>
+ </tr>
+ <tr>
+ <td>Row 2</td>
+ </tr>
+ <tr>
+ <td>Row 3</td>
+ </tr>
+ <tr style="display: inline">
+ <td>Row 4</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-008.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-008.xht
new file mode 100644
index 0000000000..bed7d45c7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-008.xht
@@ -0,0 +1,79 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 156888-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function toggleRow(rowId)
+ {
+ var r = document.getElementById(rowId);
+ if (r.style.display == "none")
+ r.style.display = "inline";
+ else
+ r.style.display = "none";
+ }
+
+ function doTest() {
+ toggleRow('row4');
+ document.body.offsetWidth;
+ toggleRow('row4');
+ document.body.offsetWidth;
+ toggleRow('row4');
+ document.body.offsetWidth;
+ toggleRow('row4');
+ document.body.offsetWidth;
+ toggleRow('row4');
+ document.body.offsetWidth;
+ toggleRow('row4');
+ document.body.offsetWidth;
+ toggleRow('row4');
+ document.body.offsetWidth;
+ toggleRow('row4');
+ document.body.offsetWidth;
+ toggleRow('row4');
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table border="5">
+ <tr>
+ <td>Row 1</td>
+ </tr>
+ <tr>
+ <td>Row 2</td>
+ </tr>
+ <tr>
+ <td>Row 3</td>
+ </tr>
+ <tr id="row4" style="display: none">
+ <td>Row 4</td>
+ </tr>
+ </table>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table border="5">
+ <tr>
+ <td>Row 1</td>
+ </tr>
+ <tr>
+ <td>Row 2</td>
+ </tr>
+ <tr>
+ <td>Row 3</td>
+ </tr>
+ <tr style="display: inline">
+ <td>Row 4</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-009.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-009.xht
new file mode 100644
index 0000000000..5178e9a040
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-009.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 203923-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var c = document.createElement("span");
+ c.style.display = "table-cell";
+ c.appendChild(document.createTextNode("bc"));
+ var t = document.getElementById("t");
+ t.parentNode.insertBefore(c, t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+</head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: block">
+ <span style="display: table-cell">a</span>
+ <span style="display: table-cell; white-space: pre"> </span>
+ <span style="display: table-cell; white-space: pre" id="t"> </span>
+ <span style="display: table-cell">d</span>
+</span></div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-010.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-010.xht
new file mode 100644
index 0000000000..0baba6421c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-010.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 203923-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var c = document.createElement("span");
+ c.style.display = "table-cell";
+ c.appendChild(document.createTextNode("bc"));
+ var t = document.getElementById("t");
+ t.parentNode.insertBefore(c, t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+</head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: block">
+ <span style="display: table-cell">a</span>
+ <span style="display: table-cell; white-space: pre"> </span>
+ <span style="display: table-cell; white-space: pre" id="t"> </span>
+ <span style="display: table-cell">d</span>
+</span></div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-011.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-011.xht
new file mode 100644
index 0000000000..ca97ffc54a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-011.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 203923-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.style.display = "none";
+ document.body.offsetWidth;
+ t.style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+</head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: block">
+ <span style="display: table-cell">a</span>
+ <span style="display: table-cell; white-space: pre"> </span>
+ <span style="display: table-cell;" id="t">bc</span>
+ <span style="display: table-cell; white-space: pre"> </span>
+ <span style="display: table-cell">d</span>
+</span></div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-012.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-012.xht
new file mode 100644
index 0000000000..6438ae63a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-012.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 203923-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.style.display = "none";
+ document.body.offsetWidth;
+ t.style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+</head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: block">
+ <span style="display: table-cell">a</span>
+ <span style="display: table-cell; white-space: pre"> </span>
+ <span style="display: table-cell;" id="t">bc</span>
+ <span style="display: table-cell; white-space: pre"> </span>
+ <span style="display: table-cell">d</span>
+</span></div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-013.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-013.xht
new file mode 100644
index 0000000000..239a9ceddd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-013.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 208305-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+<style type="text/css">
+.cell {display:table-cell}
+</style>
+<script type="text/javascript"><![CDATA[
+function doTest() {
+ss = document.styleSheets[0];
+ss.cssRules[0].style.display="block";
+}
+]]></script>
+</head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+<div class="cell">foo</div><div class="cell">bar</div><div class="cell">baz</div>
+</div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+<div>foo</div><div>bar</div><div>baz</div>
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-014.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-014.xht
new file mode 100644
index 0000000000..c9b30e3460
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-014.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 208305-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+<style type="text/css">
+.cell {display:table-cell}
+</style>
+<script type="text/javascript"><![CDATA[
+function doTest() {
+ss = document.styleSheets[0];
+ss.cssRules[0].style.display="block";
+}
+]]></script>
+</head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+<div class="cell">foo</div><div class="cell">bar</div><div class="cell">baz</div>
+</div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+<div>foo</div><div>bar</div><div>baz</div>
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-015.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-015.xht
new file mode 100644
index 0000000000..3e6ffa2f7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-015.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 208305-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <style id="s" type="text/css">
+ span { display: block ! important }
+ </style>
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var s = document.getElementById("s");
+ s.disabled = true;
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-cell">a b</span>
+ <span style="display: table-cell">c d</span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-016.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-016.xht
new file mode 100644
index 0000000000..2ad45ecde1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-016.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 208305-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <style id="s" type="text/css">
+ span { display: block ! important }
+ </style>
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var s = document.getElementById("s");
+ s.disabled = true;
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-cell">a b</span>
+ <span style="display: table-cell">c d</span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-017.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-017.xht
new file mode 100644
index 0000000000..769f3659f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-017.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 208305-3.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+
+ <style id="s" type="text/css">
+ span { display: table-cell ! important }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: block">a b</span>
+ <span style="display: block">c d</span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-018.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-018.xht
new file mode 100644
index 0000000000..b864ee6f17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-018.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 208305-3.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+
+ <style id="s" type="text/css">
+ span { display: table-cell ! important }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: block">a b</span>
+ <span style="display: block">c d</span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-019.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-019.xht
new file mode 100644
index 0000000000..3be83500c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-019.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 208305-4.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <style id="s" type="text/css">
+ span { display: table-cell ! important }
+ </style>
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var s = document.getElementById("s");
+ s.disabled = true;
+ document.body.offsetWidth;
+ s.disabled = false;
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: block">a b</span>
+ <span style="display: block">c d</span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-020.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-020.xht
new file mode 100644
index 0000000000..a96463c474
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-020.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 208305-4.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <style id="s" type="text/css">
+ span { display: table-cell ! important }
+ </style>
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var s = document.getElementById("s");
+ s.disabled = true;
+ document.body.offsetWidth;
+ s.disabled = false;
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: block">a b</span>
+ <span style="display: block">c d</span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-021.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-021.xht
new file mode 100644
index 0000000000..d9aa96ec62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-021.xht
@@ -0,0 +1,129 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 277995-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doMore(data) {
+ while(data.hasChildNodes())
+ data.removeChild(data.firstChild);
+ for (var i = 0; i < 10; i++) {
+ append(data);
+ }
+ }
+
+ function append(data) {
+ var row = document.createElement("div");
+ row.setAttribute("class", "row");
+
+ var cell = document.createElement("span");
+ cell.appendChild(document.createTextNode("More Data"));
+ cell.setAttribute("class", "cell");
+ row.appendChild(cell);
+ data.appendChild(row);
+ }
+
+ function doTest() {
+ for (var i = 0; i < 10; ++i) {
+ document.body.offsetWidth;
+ doMore(document.getElementById('data'));
+ }
+ document.documentElement.className = '';
+ }
+ ]]></script>
+ <style type="text/css">
+ .table {
+ display: table;
+ }
+ .row {
+ display: table-row;
+
+ }
+ .cell {
+ display: table-cell;
+ }
+ </style>
+</head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+<table>
+ <tr>
+ <td>
+ <div id="data" class="table">
+ </div>
+ </td>
+ </tr>
+</table>
+</div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+<table>
+ <tr>
+ <td>
+ <div style="display: table">
+ <div style="display: table-row-group">
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ </div>
+ </div>
+ </td>
+ </tr>
+</table>
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-022.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-022.xht
new file mode 100644
index 0000000000..4abb89ea6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-022.xht
@@ -0,0 +1,129 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 277995-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doMore(data) {
+ while(data.hasChildNodes())
+ data.removeChild(data.firstChild);
+ for (var i = 0; i < 10; i++) {
+ append(data);
+ }
+ }
+
+ function append(data) {
+ var row = document.createElement("div");
+ row.setAttribute("class", "row");
+
+ var cell = document.createElement("span");
+ cell.appendChild(document.createTextNode("More Data"));
+ cell.setAttribute("class", "cell");
+ row.appendChild(cell);
+ data.appendChild(row);
+ }
+
+ function doTest() {
+ for (var i = 0; i < 10; ++i) {
+ document.body.offsetWidth;
+ doMore(document.getElementById('data'));
+ }
+ document.documentElement.className = '';
+ }
+ ]]></script>
+ <style type="text/css">
+ .table {
+ display: table;
+ }
+ .row {
+ display: table-row;
+
+ }
+ .cell {
+ display: table-cell;
+ }
+ </style>
+</head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+<table>
+ <tr>
+ <td>
+ <div id="data" class="table">
+ </div>
+ </td>
+ </tr>
+</table>
+</div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+<table>
+ <tr>
+ <td>
+ <div style="display: table">
+ <div style="display: table-row-group">
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ <div style="display: table-row">
+ <div style="display: table-cell">
+ More Data
+ </div>
+ </div>
+ </div>
+ </div>
+ </td>
+ </tr>
+</table>
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-023.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-023.xht
new file mode 100644
index 0000000000..e4b221c7ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-023.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 293576-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ for (var i = 0; i < 10; ++i) {
+ document.body.offsetWidth;
+ t.style.display = "table-caption";
+ document.body.offsetWidth;
+ t.style.display = "";
+ }
+ document.documentElement.className = '';
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table border="5"><tbody><tr><td id="t">Some text</td></tr></tbody></table>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table border="5"><tbody><tr><td>Some text</td></tr></tbody></table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-024.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-024.xht
new file mode 100644
index 0000000000..d5e715cba8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-024.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 293576-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ for (var i = 0; i < 10; ++i) {
+ document.body.offsetWidth;
+ t.style.display = "table-caption";
+ document.body.offsetWidth;
+ t.style.display = "";
+ }
+ document.documentElement.className = '';
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table border="5"><tbody><tr><td id="t">Some text</td></tr></tbody></table>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table border="5"><tbody><tr><td>Some text</td></tr></tbody></table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-025.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-025.xht
new file mode 100644
index 0000000000..e96d3dd4ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-025.xht
@@ -0,0 +1,77 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 302113-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+<script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ for (var i = 0; i < 5; ++i) {
+ document.body.offsetWidth;
+ t.style.display = "none";
+ document.body.offsetWidth;
+ t.style.display = "block";
+ }
+ document.documentElement.className = "";
+ }
+]]></script>
+</head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table">
+ <span style="display: table-row">
+ <span style="display: table-cell">
+ Cell
+ </span>
+ <span style="display: table-cell">
+ Cell
+ </span>
+ <span style="display: table-cell">
+ Cell
+ </span>
+ <span style="display: table-cell">
+ Cell
+ </span>
+ <span style="display: table-cell">
+ Cell
+ </span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: block" id="t">Which column?</span>
+ </span>
+ </span>
+</div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table">
+ <span style="display: table-row">
+ <span style="display: table-cell">
+ Cell
+ </span>
+ <span style="display: table-cell">
+ Cell
+ </span>
+ <span style="display: table-cell">
+ Cell
+ </span>
+ <span style="display: table-cell">
+ Cell
+ </span>
+ <span style="display: table-cell">
+ Cell
+ </span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: block" id="t">Which column?</span>
+ </span>
+ </span>
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-026.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-026.xht
new file mode 100644
index 0000000000..0a75cba465
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-026.xht
@@ -0,0 +1,77 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 302113-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+<script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ for (var i = 0; i < 5; ++i) {
+ document.body.offsetWidth;
+ t.style.display = "none";
+ document.body.offsetWidth;
+ t.style.display = "block";
+ }
+ document.documentElement.className = "";
+ }
+]]></script>
+</head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table">
+ <span style="display: table-row">
+ <span style="display: table-cell">
+ Cell
+ </span>
+ <span style="display: table-cell">
+ Cell
+ </span>
+ <span style="display: table-cell">
+ Cell
+ </span>
+ <span style="display: table-cell">
+ Cell
+ </span>
+ <span style="display: table-cell">
+ Cell
+ </span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: block" id="t">Which column?</span>
+ </span>
+ </span>
+</div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table">
+ <span style="display: table-row">
+ <span style="display: table-cell">
+ Cell
+ </span>
+ <span style="display: table-cell">
+ Cell
+ </span>
+ <span style="display: table-cell">
+ Cell
+ </span>
+ <span style="display: table-cell">
+ Cell
+ </span>
+ <span style="display: table-cell">
+ Cell
+ </span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: block" id="t">Which column?</span>
+ </span>
+ </span>
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-027.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-027.xht
new file mode 100644
index 0000000000..65c94db909
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-027.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 315146-1.xhtml</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function DeleteRow(container) {
+ if (container.firstChild)
+ container.removeChild(container.firstChild);
+ }
+
+ function AddRow(container) {
+ var tr = document.createElement("tr");
+ var td = document.createElement("td");
+ td.appendChild(document.createTextNode("A cell"));
+ tr.appendChild(td);
+ container.appendChild(tr);
+ }
+
+ function doTest() {
+ for (var i = 0; i < 10; ++i) {
+ document.body.offsetWidth;
+ AddRow(document.getElementById('table'));
+ document.body.offsetWidth;
+ DeleteRow(document.getElementById('table'));
+ }
+ document.documentElement.className = '';
+ }
+ ]]></script>
+</head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+<table id="table" border="5"><tr><td>A cell</td></tr></table>
+</div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+<table id="table" border="5"><tr><td>A cell</td></tr></table>
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-028.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-028.xht
new file mode 100644
index 0000000000..acaac1c62a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-028.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 315146-1.xhtml</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function DeleteRow(container) {
+ if (container.firstChild)
+ container.removeChild(container.firstChild);
+ }
+
+ function AddRow(container) {
+ var tr = document.createElement("tr");
+ var td = document.createElement("td");
+ td.appendChild(document.createTextNode("A cell"));
+ tr.appendChild(td);
+ container.appendChild(tr);
+ }
+
+ function doTest() {
+ for (var i = 0; i < 10; ++i) {
+ document.body.offsetWidth;
+ AddRow(document.getElementById('table'));
+ document.body.offsetWidth;
+ DeleteRow(document.getElementById('table'));
+ }
+ document.documentElement.className = '';
+ }
+ ]]></script>
+</head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+<table id="table" border="5"><tr><td>A cell</td></tr></table>
+</div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+<table id="table" border="5"><tr><td>A cell</td></tr></table>
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-029.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-029.xht
new file mode 100644
index 0000000000..5e2b037658
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-029.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test 325543-1a.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+</head>
+<body onload="document.getElementById('t').style.display = 'block'">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <!-- Lack of space between the two spans is key -->
+ <span style="display: table-cell">First line</span><span style="display: none" id="t">Second line</span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <div>First line</div>
+ <div>Second line</div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-030.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-030.xht
new file mode 100644
index 0000000000..4a4f629d6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-030.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test 325543-1a.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+</head>
+<body onload="document.getElementById('t').style.display = 'block'">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <!-- Lack of space between the two spans is key -->
+ <span style="display: table-cell">First line</span><span style="display: none" id="t">Second line</span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <div>First line</div>
+ <div>Second line</div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-031.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-031.xht
new file mode 100644
index 0000000000..f1f8f852b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-031.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test 325543-1b.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+</head>
+<body onload="document.getElementById('t').style.display = 'block'">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <!-- space between the two spans is key -->
+ <span style="display: table-cell">First line</span> <span style="display: none" id="t">Second line</span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <div>First line</div>
+ <div>Second line</div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-032.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-032.xht
new file mode 100644
index 0000000000..21bef80cdf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-032.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test 325543-1b.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+</head>
+<body onload="document.getElementById('t').style.display = 'block'">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <!-- space between the two spans is key -->
+ <span style="display: table-cell">First line</span> <span style="display: none" id="t">Second line</span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <div>First line</div>
+ <div>Second line</div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-033.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-033.xht
new file mode 100644
index 0000000000..78c7f70646
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-033.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 338735-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+<style type="text/css">
+ #t {
+ display: none;
+ }
+</style>
+<script type="text/javascript"><![CDATA[
+ function toggleLayer(id) {
+ var s = document.getElementById(id).style;
+ s.display = s.display ? "" : "block";
+ }
+
+ function doTest() {
+ toggleLayer('t');
+ document.body.offsetWidth;
+ toggleLayer('t');
+ document.body.offsetWidth;
+ toggleLayer('t');
+ document.documentElement.className = "";
+ }
+]]></script>
+</head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; width: 100%; z-index: 1; top: 0; color: red;">
+
+<table style="width: 100%;" border="5">
+ <tr>
+ <td id="t">First row</td>
+ </tr>
+ <tr>
+ <td>Second row</td>
+ </tr>
+</table>
+</div>
+<div style="position: absolute; width: 100%; z-index: 2; top: 0; color: green;">
+
+<table style="width: 100%;" border="5">
+ <tr>
+ <td>First row</td>
+ </tr>
+ <tr>
+ <td>Second row</td>
+ </tr>
+</table>
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-034.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-034.xht
new file mode 100644
index 0000000000..7080455974
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-034.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 338735-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+<style type="text/css">
+ #t {
+ display: none;
+ }
+</style>
+<script type="text/javascript"><![CDATA[
+ function toggleLayer(id) {
+ var s = document.getElementById(id).style;
+ s.display = s.display ? "" : "block";
+ }
+
+ function doTest() {
+ toggleLayer('t');
+ document.body.offsetWidth;
+ toggleLayer('t');
+ document.body.offsetWidth;
+ toggleLayer('t');
+ document.documentElement.className = "";
+ }
+]]></script>
+</head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; width: 100%; z-index: 2; top: 0; color: green;">
+
+<table style="width: 100%;" border="5">
+ <tr>
+ <td id="t">First row</td>
+ </tr>
+ <tr>
+ <td>Second row</td>
+ </tr>
+</table>
+</div>
+<div style="position: absolute; width: 100%; z-index: 1; top: 0; color: red;">
+
+<table style="width: 100%;" border="5">
+ <tr>
+ <td>First row</td>
+ </tr>
+ <tr>
+ <td>Second row</td>
+ </tr>
+</table>
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-035.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-035.xht
new file mode 100644
index 0000000000..d6ba4b6769
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-035.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 339388-1a.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var n = document.getElementById("n");
+ for (var i = 0; i < 5; ++i) {
+ n.style.cssFloat = "left";
+ document.body.offsetWidth;
+ n.style.cssFloat = "";
+ document.body.offsetWidth;
+ }
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table border="5">
+ <tr>
+ <td id="n">TD</td>
+ </tr>
+ </table>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table border="5">
+ <tr>
+ <td id="n">TD</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-036.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-036.xht
new file mode 100644
index 0000000000..a9b677effb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-036.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 339388-1a.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var n = document.getElementById("n");
+ for (var i = 0; i < 5; ++i) {
+ n.style.cssFloat = "left";
+ document.body.offsetWidth;
+ n.style.cssFloat = "";
+ document.body.offsetWidth;
+ }
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table border="5">
+ <tr>
+ <td id="n">TD</td>
+ </tr>
+ </table>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table border="5">
+ <tr>
+ <td id="n">TD</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-037.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-037.xht
new file mode 100644
index 0000000000..9557104545
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-037.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 339388-1b.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var n = document.getElementById("n");
+ for (var i = 0; i < 5; ++i) {
+ n.style.position = "absolute";
+ document.body.offsetWidth;
+ n.style.position = "";
+ document.body.offsetWidth;
+ }
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table border="5">
+ <tr>
+ <td id="n">TD</td>
+ </tr>
+ </table>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table border="5">
+ <tr>
+ <td id="n">TD</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-038.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-038.xht
new file mode 100644
index 0000000000..ca90ddd448
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-038.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 339388-1b.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var n = document.getElementById("n");
+ for (var i = 0; i < 5; ++i) {
+ n.style.position = "absolute";
+ document.body.offsetWidth;
+ n.style.position = "";
+ document.body.offsetWidth;
+ }
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table border="5">
+ <tr>
+ <td id="n">TD</td>
+ </tr>
+ </table>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table border="5">
+ <tr>
+ <td id="n">TD</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-039.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-039.xht
new file mode 100644
index 0000000000..9461d90836
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-039.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test 363326-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+
+<div style="display: table; width: 500px">
+ <div style="float: right; width: 100px">one<script type="text/javascript">var foo = document.body.offsetWidth;</script></div>
+ <div style="float:left; width: 100px">two</div>
+</div>
+
+</div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+
+<div style="display: table; width: 500px">
+ <div style="display: table-cell">
+ <div style="float: right; width: 100px">one</div>
+ <div style="float:left; width: 100px">two</div>
+ </div>
+</div>
+
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-040.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-040.xht
new file mode 100644
index 0000000000..d6af62c8f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-040.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test 363326-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+
+<div style="display: table; width: 500px">
+ <div style="float: right; width: 100px">one<script type="text/javascript">var foo = document.body.offsetWidth;</script></div>
+ <div style="float:left; width: 100px">two</div>
+</div>
+
+</div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+
+<div style="display: table; width: 500px">
+ <div style="display: table-cell">
+ <div style="float: right; width: 100px">one</div>
+ <div style="float:left; width: 100px">two</div>
+ </div>
+</div>
+
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-041.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-041.xht
new file mode 100644
index 0000000000..21b26f27ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-041.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 368932-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ for (var i = 0; i < 10; ++i) {
+ // clear target element's content
+ document.getElementById("target-table").innerHTML = "";
+ // clone and append new row
+ cloned_row = document.getElementById("row-template").cloneNode(true);
+ document.getElementById("target-table").appendChild(cloned_row);
+ document.body.offsetWidth;
+ }
+ }
+ ]]></script>
+</head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table><tr id="row-template"><td>cloning material</td></tr></table>
+ <table id="target-table"><tr><td>target table</td></tr></table>
+</div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table><tr><td>cloning material</td></tr></table>
+ <table><tr><td>cloning material</td></tr></table>
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-042.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-042.xht
new file mode 100644
index 0000000000..925c304d3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-042.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 368932-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ for (var i = 0; i < 10; ++i) {
+ // clear target element's content
+ document.getElementById("target-table").innerHTML = "";
+ // clone and append new row
+ cloned_row = document.getElementById("row-template").cloneNode(true);
+ document.getElementById("target-table").appendChild(cloned_row);
+ document.body.offsetWidth;
+ }
+ }
+ ]]></script>
+</head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table><tr id="row-template"><td>cloning material</td></tr></table>
+ <table id="target-table"><tr><td>target table</td></tr></table>
+</div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table><tr><td>cloning material</td></tr></table>
+ <table><tr><td>cloning material</td></tr></table>
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-043.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-043.xht
new file mode 100644
index 0000000000..8e003c4144
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-043.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 371054-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-row";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table style="border-collapse: collapse">
+ <tr style="display: block; border: 5px solid">
+ <td>LongLongLong</td>
+ </tr>
+ <tr style="display: none; border: 5px solid" id="t">
+ <td>Short</td>
+ </tr>
+ </table>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table style="border-collapse: collapse">
+ <tr style="display: block; border: 5px solid">
+ <td>LongLongLong</td>
+ </tr>
+ <tr style="border: 5px solid" id="t">
+ <td>Short</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-044.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-044.xht
new file mode 100644
index 0000000000..53d496ec24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-044.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 371054-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-row";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table style="border-collapse: collapse">
+ <tr style="display: block; border: 5px solid">
+ <td>LongLongLong</td>
+ </tr>
+ <tr style="display: none; border: 5px solid" id="t">
+ <td>Short</td>
+ </tr>
+ </table>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table style="border-collapse: collapse">
+ <tr style="display: block; border: 5px solid">
+ <td>LongLongLong</td>
+ </tr>
+ <tr style="border: 5px solid" id="t">
+ <td>Short</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-045.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-045.xht
new file mode 100644
index 0000000000..3ffc59dff4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-045.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 372641-1a.xhtml</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom nonHTML'/>
+
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+
+<table border="1" id="table">XXX<tbody><tr><td>TD</td></tr></tbody></table>
+
+<script type="text/javascript"><![CDATA[
+document.body.offsetWidth;
+document.getElementById("table").firstChild.data = '';
+]]></script>
+
+</div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+
+<table border="1"><tbody><tr><td>TD</td></tr></tbody></table>
+
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-046.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-046.xht
new file mode 100644
index 0000000000..c39f85b2ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-046.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 372641-1a.xhtml</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom nonHTML'/>
+
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+
+<table border="1" id="table">XXX<tbody><tr><td>TD</td></tr></tbody></table>
+
+<script type="text/javascript"><![CDATA[
+document.body.offsetWidth;
+document.getElementById("table").firstChild.data = '';
+]]></script>
+
+</div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+
+<table border="1"><tbody><tr><td>TD</td></tr></tbody></table>
+
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-047.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-047.xht
new file mode 100644
index 0000000000..d724315379
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-047.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 372641-1b.xhtml</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom nonHTML'/>
+
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+
+<table border="1"><tbody id="tbody">XXX<tr><td>TD</td></tr></tbody></table>
+
+<script type="text/javascript"><![CDATA[
+document.body.offsetWidth;
+document.getElementById("tbody").firstChild.data = '';
+]]></script>
+
+</div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+
+<table border="1"><tbody><tr><td>TD</td></tr></tbody></table>
+
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-048.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-048.xht
new file mode 100644
index 0000000000..e6cb6ebe02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-048.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 372641-1b.xhtml</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom nonHTML'/>
+
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+
+<table border="1"><tbody id="tbody">XXX<tr><td>TD</td></tr></tbody></table>
+
+<script type="text/javascript"><![CDATA[
+document.body.offsetWidth;
+document.getElementById("tbody").firstChild.data = '';
+]]></script>
+
+</div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+
+<table border="1"><tbody><tr><td>TD</td></tr></tbody></table>
+
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-049.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-049.xht
new file mode 100644
index 0000000000..c9cef3ed92
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-049.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 372641-1c.xhtml</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom nonHTML'/>
+
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+
+<table border="1"><tbody><tr id="tr">XXX<td>TD</td></tr></tbody></table>
+
+<script type="text/javascript"><![CDATA[
+document.body.offsetWidth;
+document.getElementById("tr").firstChild.data = '';
+]]></script>
+
+</div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+
+<table border="1"><tbody><tr><td>TD</td></tr></tbody></table>
+
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-050.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-050.xht
new file mode 100644
index 0000000000..81638ebf6a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-050.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 372641-1c.xhtml</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom nonHTML'/>
+
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+
+<table border="1"><tbody><tr id="tr">XXX<td>TD</td></tr></tbody></table>
+
+<script type="text/javascript"><![CDATA[
+document.body.offsetWidth;
+document.getElementById("tr").firstChild.data = '';
+]]></script>
+
+</div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+
+<table border="1"><tbody><tr><td>TD</td></tr></tbody></table>
+
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-051.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-051.xht
new file mode 100644
index 0000000000..cfee386585
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-051.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 372649-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+<style type="text/css">
+#it { display: inline-table; }
+</style>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+<p>a<span id="it">b</span>d</p>
+<script type="text/javascript"><![CDATA[
+document.body.offsetWidth;
+document.getElementById("it").appendChild(document.createTextNode("c"));
+]]></script>
+</div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+<p>a<span style="display: inline-table;">bc</span>d</p>
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-052.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-052.xht
new file mode 100644
index 0000000000..6e5f0963d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-052.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 372649-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+<style type="text/css">
+#it { display: inline-table; }
+</style>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+<p>a<span id="it">b</span>d</p>
+<script type="text/javascript"><![CDATA[
+document.body.offsetWidth;
+document.getElementById("it").appendChild(document.createTextNode("c"));
+]]></script>
+</div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+<p>a<span style="display: inline-table;">bc</span>d</p>
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-053.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-053.xht
new file mode 100644
index 0000000000..3577daf544
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-053.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 373379-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <style type="text/css">
+
+ #tablecell {
+ display: table-cell;
+ }
+ .border { border: 1px solid blue; }
+
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+
+ <span class="border">
+ <span id="tablecell">x</span>
+ </span>
+
+ <script type="text/javascript"><![CDATA[
+
+ document.body.offsetWidth;
+ document.getElementById("tablecell").removeAttribute("id");
+
+ ]]></script>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+
+ <span class="border">
+ <span>x</span>
+ </span>
+
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-054.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-054.xht
new file mode 100644
index 0000000000..3992c90577
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-054.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 373379-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <style type="text/css">
+
+ #tablecell {
+ display: table-cell;
+ }
+ .border { border: 1px solid blue; }
+
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+
+ <span class="border">
+ <span id="tablecell">x</span>
+ </span>
+
+ <script type="text/javascript"><![CDATA[
+
+ document.body.offsetWidth;
+ document.getElementById("tablecell").removeAttribute("id");
+
+ ]]></script>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+
+ <span class="border">
+ <span>x</span>
+ </span>
+
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-055.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-055.xht
new file mode 100644
index 0000000000..78aaa4bc71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-055.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 407115-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+
+<style type="text/css">
+.outer { border: 1px solid black; }
+.cell { display: table-cell; border: 1px solid green; }
+.marg { margin: 1em 0; }
+</style>
+</head>
+<body onload="var c1 = document.getElementById('c1'); c1.parentNode.removeChild(c1);">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+
+<div class="outer">
+<div class="marg"><span id="c1" class="cell"><b>Hello Kitty</b></span></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+</div>
+
+</div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+
+<div class="outer">
+<div class="marg"></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+</div>
+
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-056.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-056.xht
new file mode 100644
index 0000000000..e949dbe2c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-056.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test 407115-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+
+<style type="text/css">
+.outer { border: 1px solid black; }
+.cell { display: table-cell; border: 1px solid green; }
+.marg { margin: 1em 0; }
+</style>
+</head>
+<body onload="var c1 = document.getElementById('c1'); c1.parentNode.removeChild(c1);">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+
+<div class="outer">
+<div class="marg"><span id="c1" class="cell"><b>Hello Kitty</b></span></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+</div>
+
+</div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+
+<div class="outer">
+<div class="marg"></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div>
+</div>
+
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-057.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-057.xht
new file mode 100644
index 0000000000..8b61d51537
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-057.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test 448111-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table border="1"><tr>
+ <td style="float: left; height: 200px">
+ <script type="text/javascript">v = document.body.offsetHeight;</script>
+ </td>
+ <td style="float: right">
+ Right
+ </td></tr>
+ </table>
+</div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table border="1"><tr>
+ <td style="float: left; height: 200px">
+ </td>
+ <td style="float: right">
+ Right
+ </td></tr>
+ </table>
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-058.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-058.xht
new file mode 100644
index 0000000000..55fa12e122
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-058.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test 448111-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table border="1"><tr>
+ <td style="float: left; height: 200px">
+ <script type="text/javascript">v = document.body.offsetHeight;</script>
+ </td>
+ <td style="float: right">
+ Right
+ </td></tr>
+ </table>
+</div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table border="1"><tr>
+ <td style="float: left; height: 200px">
+ </td>
+ <td style="float: right">
+ Right
+ </td></tr>
+ </table>
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-059.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-059.xht
new file mode 100644
index 0000000000..92e799affd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-059.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-first-row.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-060.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-060.xht
new file mode 100644
index 0000000000..9304a89816
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-060.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-first-row.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-061.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-061.xht
new file mode 100644
index 0000000000..20f64aca45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-061.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-first-row-and-table.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-062.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-062.xht
new file mode 100644
index 0000000000..9a7d219d4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-062.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-first-row-and-table.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-063.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-063.xht
new file mode 100644
index 0000000000..eedb4f13f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-063.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-second-row.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-064.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-064.xht
new file mode 100644
index 0000000000..18cc50a867
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-064.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-second-row.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-065.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-065.xht
new file mode 100644
index 0000000000..4a0cf367c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-065.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-second-row-and-table.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-066.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-066.xht
new file mode 100644
index 0000000000..1b25699e25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-066.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-second-row-and-table.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-067.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-067.xht
new file mode 100644
index 0000000000..585d0b89ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-067.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-table-around-headers-footers-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-header-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-footer-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-068.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-068.xht
new file mode 100644
index 0000000000..3060f02e61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-068.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-table-around-headers-footers-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-header-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-footer-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-069.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-069.xht
new file mode 100644
index 0000000000..5a77cc934e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-069.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-table-around-headers-footers-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-header-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-footer-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-070.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-070.xht
new file mode 100644
index 0000000000..5d8179182b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-070.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-table-around-headers-footers-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-header-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-footer-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-071.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-071.xht
new file mode 100644
index 0000000000..1d3f61a7f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-071.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-table-around-headers-footers-3.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-footer-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-header-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-072.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-072.xht
new file mode 100644
index 0000000000..59843f8136
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-072.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-table-around-headers-footers-3.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-footer-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-header-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-073.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-073.xht
new file mode 100644
index 0000000000..e4ef934502
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-073.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-rows-inside-rowgroups.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-footer-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-header-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-074.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-074.xht
new file mode 100644
index 0000000000..72d9cad5d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-074.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-rows-inside-rowgroups.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-footer-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-header-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-075.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-075.xht
new file mode 100644
index 0000000000..03ce0fd95a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-075.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-table-row-cell.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: block">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-076.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-076.xht
new file mode 100644
index 0000000000..fcddcdec14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-076.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-table-row-cell.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: block">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-077.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-077.xht
new file mode 100644
index 0000000000..b560a9f61f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-077.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-table.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-078.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-078.xht
new file mode 100644
index 0000000000..0b715a0456
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-078.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-table.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-079.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-079.xht
new file mode 100644
index 0000000000..dc3a54fb91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-079.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test 3-tables-ref.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace; white-space: nowrap;">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <div>
+ Row 1, Col 1Row 1, Col 2Row 1, Col 3
+ </div>
+ <div>
+ Row 22, Col 1Row 22, Col 2Row 22, Col 3
+ </div>
+ <div>
+ Row 333, Col 1Row 333, Col 2Row 333, Col 3
+ </div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-080.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-080.xht
new file mode 100644
index 0000000000..c57177ffd6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-080.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test 3-tables-ref.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace; white-space: nowrap;">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <div>
+ Row 1, Col 1Row 1, Col 2Row 1, Col 3
+ </div>
+ <div>
+ Row 22, Col 1Row 22, Col 2Row 22, Col 3
+ </div>
+ <div>
+ Row 333, Col 1Row 333, Col 2Row 333, Col 3
+ </div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-081.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-081.xht
new file mode 100644
index 0000000000..6aa0b583bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-081.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test blocks-divide-tables-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace; white-space: nowrap;">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: block">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: block">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: block">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-082.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-082.xht
new file mode 100644
index 0000000000..01e63fcbd8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-082.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test blocks-divide-tables-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace; white-space: nowrap;">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: block">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: block">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: block">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-083.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-083.xht
new file mode 100644
index 0000000000..7f19c75c14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-083.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test blocks-divide-tables-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace; white-space: nowrap;">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: block">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-084.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-084.xht
new file mode 100644
index 0000000000..3d9e7568b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-084.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test blocks-divide-tables-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace; white-space: nowrap;">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: block">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-085.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-085.xht
new file mode 100644
index 0000000000..d5df83a49e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-085.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-cells-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace; white-space: nowrap;">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <!-- The test in the first row might not be correct, depending on spec
+ clarifications -->
+ <span style="display: table-row">
+ <span>Row 1,</span>
+ <span>Col 1Row 1,</span>
+ <span>Col 2Row 1,</span>
+ <span>Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: block">Row 22, Col 1Row 22, Col 2Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span>Row 333, Col 1</span><span>Row 333, Col 2</span><span>Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-086.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-086.xht
new file mode 100644
index 0000000000..f0c09c4de2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-086.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-cells-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace; white-space: nowrap;">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <!-- The test in the first row might not be correct, depending on spec
+ clarifications -->
+ <span style="display: table-row">
+ <span>Row 1,</span>
+ <span>Col 1Row 1,</span>
+ <span>Col 2Row 1,</span>
+ <span>Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: block">Row 22, Col 1Row 22, Col 2Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span>Row 333, Col 1</span><span>Row 333, Col 2</span><span>Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-087.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-087.xht
new file mode 100644
index 0000000000..569b93e752
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-087.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-cells-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row">
+ <!-- Trailing spaces in the spans needed only if the first test in
+ infer-cells-1.html is valid -->
+ <span>Row 1, </span>
+ <span>Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span>Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span>Row </span>
+ <span>22, </span>
+ <span>Col </span>
+ <span>2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span>Row </span>
+ <span>333, </span>
+ <span>Col </span>
+ <span>3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-088.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-088.xht
new file mode 100644
index 0000000000..ca6738be10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-088.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-cells-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row">
+ <!-- Trailing spaces in the spans needed only if the first test in
+ infer-cells-1.html is valid -->
+ <span>Row 1, </span>
+ <span>Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span>Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span>Row </span>
+ <span>22, </span>
+ <span>Col </span>
+ <span>2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span>Row </span>
+ <span>333, </span>
+ <span>Col </span>
+ <span>3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-089.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-089.xht
new file mode 100644
index 0000000000..b3b0bf61cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-089.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-cells-3.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row">
+ <!-- Trailing spaces in the spans needed only if the first test in
+ infer-cells-1.html is valid -->
+ <span>Row 1, </span>
+ <span>Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-row">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span>Row </span>
+ <span>22, </span>
+ <span>Col </span>
+ <span>2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-row-group">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span>Row </span>
+ <span>333, </span>
+ <span>Col </span>
+ <span>3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-090.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-090.xht
new file mode 100644
index 0000000000..d214f6d9e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-090.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-cells-3.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row">
+ <!-- Trailing spaces in the spans needed only if the first test in
+ infer-cells-1.html is valid -->
+ <span>Row 1, </span>
+ <span>Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-row">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span>Row </span>
+ <span>22, </span>
+ <span>Col </span>
+ <span>2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-row-group">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span>Row </span>
+ <span>333, </span>
+ <span>Col </span>
+ <span>3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-091.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-091.xht
new file mode 100644
index 0000000000..354e5843e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-091.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-cells-4.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row">
+ <!-- Trailing spaces in the spans needed only if the first test in
+ infer-cells-1.html is valid -->
+ <span>Row 1, </span>
+ <span>Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span>Row </span>
+ <span>22, </span>
+ <span>Col </span>
+ <span>2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: inline-table">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span>Row </span>
+ <span>333, </span>
+ <span>Col </span>
+ <span>3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-092.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-092.xht
new file mode 100644
index 0000000000..10bf5d5635
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-092.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test infer-cells-4.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row">
+ <!-- Trailing spaces in the spans needed only if the first test in
+ infer-cells-1.html is valid -->
+ <span>Row 1, </span>
+ <span>Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span>Row </span>
+ <span>22, </span>
+ <span>Col </span>
+ <span>2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: inline-table">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span>Row </span>
+ <span>333, </span>
+ <span>Col </span>
+ <span>3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-093.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-093.xht
new file mode 100644
index 0000000000..687926f332
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-093.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test cols-test-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+There should be no red below, except for antialiasing issues.
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-column; background: yellow"></span>
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ <span style="display: table-column; background: cyan"></span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-column; background: lime"></span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <colgroup><col style="background: yellow"/><col style="background: cyan"/><col style="background: lime"/></colgroup>
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-094.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-094.xht
new file mode 100644
index 0000000000..f773dab056
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-094.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test cols-test-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+There should be no red below, except for antialiasing issues.
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-column; background: yellow"></span>
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ <span style="display: table-column; background: cyan"></span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-column; background: lime"></span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <colgroup><col style="background: yellow"/><col style="background: cyan"/><col style="background: lime"/></colgroup>
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-095.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-095.xht
new file mode 100644
index 0000000000..4cef54e6d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-095.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test cols-test-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-column; background: yellow"></span>
+ <span style="display: table-column; background: cyan"></span>
+ <span style="display: table-column; background: lime"></span>
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <colgroup><col style="background: yellow"/><col style="background: cyan"/><col style="background: lime"/></colgroup>
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-096.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-096.xht
new file mode 100644
index 0000000000..564ab372a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-096.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test cols-test-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+There should be no red below, except for antialiasing issues.
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-column; background: yellow"></span>
+ <span style="display: table-column; background: cyan"></span>
+ <span style="display: table-column; background: lime"></span>
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <colgroup><col style="background: yellow"/><col style="background: cyan"/><col style="background: lime"/></colgroup>
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-097.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-097.xht
new file mode 100644
index 0000000000..8c754a9b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-097.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test cols-test-3.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+There should be no red below, except for antialiasing issues.
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-column; background: yellow"></span>
+ <span style="display: table-column; background: cyan"></span>
+ <span style="display: table-column; background: lime"></span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <colgroup><col style="background: yellow"/><col style="background: cyan"/><col style="background: lime"/></colgroup>
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-098.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-098.xht
new file mode 100644
index 0000000000..53b7aa0a5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-098.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test cols-test-3.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+</head>
+<body style="font-family: monospace">
+There should be no red below, except for antialiasing issues.
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-column; background: yellow"></span>
+ <span style="display: table-column; background: cyan"></span>
+ <span style="display: table-column; background: lime"></span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <colgroup><col style="background: yellow"/><col style="background: cyan"/><col style="background: lime"/></colgroup>
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-099.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-099.xht
new file mode 100644
index 0000000000..19bb850104
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-099.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-100.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-100.xht
new file mode 100644
index 0000000000..18563e7b09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-100.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-101.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-101.xht
new file mode 100644
index 0000000000..d372e36587
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-101.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t" style="display: table-cell">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-102.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-102.xht
new file mode 100644
index 0000000000..dc2a2d0a29
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-102.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t" style="display: table-cell">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-103.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-103.xht
new file mode 100644
index 0000000000..5d825274da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-103.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-3.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t" style="display: table-row">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-104.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-104.xht
new file mode 100644
index 0000000000..9686286a00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-104.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-3.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t" style="display: table-row">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-105.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-105.xht
new file mode 100644
index 0000000000..b246fb4f7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-105.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-4.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t" style="display: table-row-group">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-106.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-106.xht
new file mode 100644
index 0000000000..097c7e366d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-106.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-4.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t" style="display: table-row-group">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-107.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-107.xht
new file mode 100644
index 0000000000..2a0dd8e8e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-107.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-5.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t" style="display: table">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-108.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-108.xht
new file mode 100644
index 0000000000..eff9f8b02e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-108.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-5.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t" style="display: table">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-109.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-109.xht
new file mode 100644
index 0000000000..f61096b139
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-109.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-6.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t" style="display: table-column">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-110.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-110.xht
new file mode 100644
index 0000000000..dd9c4bbcb3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-110.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-6.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t" style="display: table-column">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-111.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-111.xht
new file mode 100644
index 0000000000..8f1bec26eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-111.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-7.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t" style="display: table-column-group">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-112.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-112.xht
new file mode 100644
index 0000000000..97ee6019be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-112.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-7.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t" style="display: table-column-group">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-113.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-113.xht
new file mode 100644
index 0000000000..c761bebe0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-113.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-8.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t" style="display: table-caption">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-114.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-114.xht
new file mode 100644
index 0000000000..830a6d52c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-114.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-8.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t" style="display: table-caption">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-115.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-115.xht
new file mode 100644
index 0000000000..b406c5bbe5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-115.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-9.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <div>
+ <span>a b</span><span id="t" style="display: table-cell"></span><span>c d</span>
+ </div>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-116.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-116.xht
new file mode 100644
index 0000000000..cae0dfdfe2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-116.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-9.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <div>
+ <span>a b</span><span id="t" style="display: table-cell"></span><span>c d</span>
+ </div>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-117.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-117.xht
new file mode 100644
index 0000000000..7725383c25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-117.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-10.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span>
+ <span>a</span><span id="t" style="display: table-column-group"></span>
+ <span style="display: table-column-group"></span><span>bc d</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-118.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-118.xht
new file mode 100644
index 0000000000..26a3910521
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-118.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-10.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span>
+ <span>a</span><span id="t" style="display: table-column-group"></span>
+ <span style="display: table-column-group"></span><span>bc d</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-119.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-119.xht
new file mode 100644
index 0000000000..9e99c6c7a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-119.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-11.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span>
+ <span>a</span><span id="t" style="display: table-caption"></span>
+ <span style="display: table-caption"></span><span>bc d</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-120.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-120.xht
new file mode 100644
index 0000000000..0b0a659cd2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-120.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-11.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span>
+ <span>a</span><span id="t" style="display: table-caption"></span>
+ <span style="display: table-caption"></span><span>bc d</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-121.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-121.xht
new file mode 100644
index 0000000000..febb96df1f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-121.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-12.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <div>
+ <span>a b</span><span id="t" style="display: table-row"></span><span>c d</span>
+ </div>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-122.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-122.xht
new file mode 100644
index 0000000000..75d37362fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-122.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-12.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <div>
+ <span>a b</span><span id="t" style="display: table-row"></span><span>c d</span>
+ </div>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-123.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-123.xht
new file mode 100644
index 0000000000..1d17bdf4ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-123.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-13.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t" style="position: absolute">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-124.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-124.xht
new file mode 100644
index 0000000000..a8313db47b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-124.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-13.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span id="t" style="position: absolute">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-125.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-125.xht
new file mode 100644
index 0000000000..1ad7edf9d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-125.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-14.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ try {
+ document.normalize();
+ } catch(e) {}
+ var n = document.getElementById("t").nextSibling;
+ n.parentNode.removeChild(n);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row" id="t">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>This is a test<span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-126.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-126.xht
new file mode 100644
index 0000000000..da930a8908
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-126.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-14.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ try {
+ document.normalize();
+ } catch(e) {}
+ var n = document.getElementById("t").nextSibling;
+ n.parentNode.removeChild(n);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row" id="t">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>This is a test<span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-127.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-127.xht
new file mode 100644
index 0000000000..9ebd3f8a86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-127.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-15.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var n = document.getElementById("t");
+ n.parentNode.removeChild(n);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span id="t">To be removed</span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-128.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-128.xht
new file mode 100644
index 0000000000..1b10dd6d09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-128.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-15.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var n = document.getElementById("t");
+ n.parentNode.removeChild(n);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span id="t">To be removed</span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-129.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-129.xht
new file mode 100644
index 0000000000..91f808f599
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-129.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-16.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span id="t">To be removed</span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-130.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-130.xht
new file mode 100644
index 0000000000..7004b24e95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-130.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-16.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span id="t">To be removed</span>
+ <span style="display: table-row-group">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-131.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-131.xht
new file mode 100644
index 0000000000..c962266ed8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-131.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-17.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var n = document.getElementById("t");
+ n.parentNode.removeChild(n);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span id="t">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-132.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-132.xht
new file mode 100644
index 0000000000..302664f174
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-132.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-removal-17.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var n = document.getElementById("t");
+ n.parentNode.removeChild(n);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ </span>
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span id="t">To be removed</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-133.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-133.xht
new file mode 100644
index 0000000000..4838da5cfb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-133.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-insert-cell-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var c = document.createElement("span");
+ c.style.display = "table-cell";
+ c.textContent = "Row 22, Col 1";
+ var t = document.getElementById("t");
+ t.parentNode.insertBefore(c, t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-cell" id="t">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-134.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-134.xht
new file mode 100644
index 0000000000..7a8b019718
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-134.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-insert-cell-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var c = document.createElement("span");
+ c.style.display = "table-cell";
+ c.textContent = "Row 22, Col 1";
+ var t = document.getElementById("t");
+ t.parentNode.insertBefore(c, t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-cell" id="t">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-135.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-135.xht
new file mode 100644
index 0000000000..37709d7f97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-135.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-block-to-cell-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: block" id="t">Row 333, Col 1</span>
+ <span style="display: block">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-136.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-136.xht
new file mode 100644
index 0000000000..164d9451f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-136.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-block-to-cell-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: block" id="t">Row 333, Col 1</span>
+ <span style="display: block">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-137.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-137.xht
new file mode 100644
index 0000000000..94a647e93c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-137.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-block-to-cell-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: block">Row 333, Col 1</span>
+ <span style="display: block" id="t">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-138.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-138.xht
new file mode 100644
index 0000000000..ec9b60cc4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-138.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-block-to-cell-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: block">Row 333, Col 1</span>
+ <span style="display: block" id="t">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-139.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-139.xht
new file mode 100644
index 0000000000..a6885b82ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-139.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-block-to-cell-3.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: block">Row 333, Col 1</span>
+ <span style="display: block" id="t">Row 333, Col 2</span>
+ <span style="display: block">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-140.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-140.xht
new file mode 100644
index 0000000000..660b87b336
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-140.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-block-to-cell-3.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: block">Row 333, Col 1</span>
+ <span style="display: block" id="t">Row 333, Col 2</span>
+ <span style="display: block">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-141.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-141.xht
new file mode 100644
index 0000000000..c385f0af01
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-141.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-block-to-cell-4.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: block" id="t">Row 333, Col 2</span>
+ <span style="display: block">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-142.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-142.xht
new file mode 100644
index 0000000000..4b3c5e8572
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-142.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-block-to-cell-4.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: block" id="t">Row 333, Col 2</span>
+ <span style="display: block">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-143.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-143.xht
new file mode 100644
index 0000000000..2bb087a918
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-143.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-block-to-cell-5.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: block">Row 333, Col 2</span>
+ <span style="display: block" id="t">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-144.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-144.xht
new file mode 100644
index 0000000000..bf9332f454
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-144.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-block-to-cell-5.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: block">Row 333, Col 2</span>
+ <span style="display: block" id="t">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-145.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-145.xht
new file mode 100644
index 0000000000..c1c34ee57e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-145.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-inline-to-cell-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row">
+ <span id="t">Row 1, Col 1</span>
+ <span>Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-146.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-146.xht
new file mode 100644
index 0000000000..971c3e7067
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-146.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-inline-to-cell-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row">
+ <span id="t">Row 1, Col 1</span>
+ <span>Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-147.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-147.xht
new file mode 100644
index 0000000000..3e24f61c70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-147.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-inline-to-cell-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row">
+ <span>Row 1, Col 1</span>
+ <span id="t">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-148.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-148.xht
new file mode 100644
index 0000000000..0c3f3a7f7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-148.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-inline-to-cell-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row">
+ <span>Row 1, Col 1</span>
+ <span id="t">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-149.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-149.xht
new file mode 100644
index 0000000000..f482b9e4ac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-149.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-inline-to-cell-3.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row">
+ <span>Row 1, Col 1</span>
+ <span id="t">Row 1, Col 2</span>
+ <span>Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-150.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-150.xht
new file mode 100644
index 0000000000..ddf3dedd8e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-150.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-inline-to-cell-3.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row">
+ <span>Row 1, Col 1</span>
+ <span id="t">Row 1, Col 2</span>
+ <span>Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-151.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-151.xht
new file mode 100644
index 0000000000..425e4d781b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-151.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-inline-to-cell-4.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span id="t">Row 1, Col 2</span>
+ <span>Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-152.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-152.xht
new file mode 100644
index 0000000000..42f60aab6f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-152.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-inline-to-cell-4.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span id="t">Row 1, Col 2</span>
+ <span>Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-153.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-153.xht
new file mode 100644
index 0000000000..fdf422fb72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-153.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-inline-to-cell-5.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span>Row 1, Col 2</span>
+ <span id="t">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-154.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-154.xht
new file mode 100644
index 0000000000..07c28cf9d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-154.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test dynamic-switch-inline-to-cell-5.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ document.getElementById("t").style.display = "table-cell";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span>Row 1, Col 2</span>
+ <span id="t">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-155.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-155.xht
new file mode 100644
index 0000000000..4e0cc5555f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-155.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var n = document.getElementById("t").nextSibling;
+ n.data = "Row 22, Col 1Row 22, Col 2Row 22, Col 3";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell" id="t">Row 1, Col 3</span>
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-156.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-156.xht
new file mode 100644
index 0000000000..48f66efe21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-156.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var n = document.getElementById("t").nextSibling;
+ n.data = "Row 22, Col 1Row 22, Col 2Row 22, Col 3";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell" id="t">Row 1, Col 3</span>
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ </table>
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-157.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-157.xht
new file mode 100644
index 0000000000..6768171b28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-157.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ try {
+ document.normalize();
+ } catch (e) {}
+ var n = document.getElementById("t").nextSibling;
+ n.data = " ";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row" id="t">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>This is a test<span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-158.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-158.xht
new file mode 100644
index 0000000000..57cfd46c5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-158.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-2.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ try {
+ document.normalize();
+ } catch (e) {}
+ var n = document.getElementById("t").nextSibling;
+ n.data = " ";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row" id="t">
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>This is a test<span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-159.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-159.xht
new file mode 100644
index 0000000000..6ee1191611
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-159.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-3.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ try {
+ document.normalize();
+ } catch (e) {}
+ var n = document.getElementById("t").nextSibling;
+ n.data = " ";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell" id="t">Row 22, Col 1</span>This is a test<span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-160.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-160.xht
new file mode 100644
index 0000000000..734ed229c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-160.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-3.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ try {
+ document.normalize();
+ } catch (e) {}
+ var n = document.getElementById("t").nextSibling;
+ n.data = " ";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell" id="t">Row 22, Col 1</span>This is a test<span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ </span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-161.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-161.xht
new file mode 100644
index 0000000000..cefb9d41d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-161.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-4.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var n = document.getElementById("t").nextSibling;
+ n.data = "Row 22, Col 1";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-row" id="t">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-162.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-162.xht
new file mode 100644
index 0000000000..d24486afe3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-162.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-4.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var n = document.getElementById("t").nextSibling;
+ n.data = "Row 22, Col 1";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-row" id="t">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-cell">Row 22, Col 2</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-163.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-163.xht
new file mode 100644
index 0000000000..b4d6eb780d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-163.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-5.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var n = document.getElementById("t").nextSibling;
+ n.data = "Row 22, Col 2";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-cell" id="t">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-164.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-164.xht
new file mode 100644
index 0000000000..741e1f313d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-164.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-5.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var n = document.getElementById("t").nextSibling;
+ n.data = "Row 22, Col 2";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-cell" id="t">Row 22, Col 1</span>
+ <span style="display: table-cell">Row 22, Col 3</span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-165.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-165.xht
new file mode 100644
index 0000000000..42a0d7d6dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-165.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-6.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var n = document.getElementById("t").nextSibling;
+ n.data = "Row 22, Col 3";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell" id="t">Row 22, Col 2</span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-166.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-166.xht
new file mode 100644
index 0000000000..96ca3b3c54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-166.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-6.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var n = document.getElementById("t").nextSibling;
+ n.data = "Row 22, Col 3";
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body style="font-family: monospace" onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display: table-row-group">
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 1, Col 1</span>
+ <span style="display: table-cell">Row 1, Col 2</span>
+ <span style="display: table-cell">Row 1, Col 3</span>
+ </span>
+ <span style="display: table-cell">Row 22, Col 1</span>
+ <span style="display: table-cell" id="t">Row 22, Col 2</span>
+ <span style="display: table-row">
+ <span style="display: table-cell">Row 333, Col 1</span>
+ <span style="display: table-cell">Row 333, Col 2</span>
+ <span style="display: table-cell">Row 333, Col 3</span>
+ </span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-167.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-167.xht
new file mode 100644
index 0000000000..d99f3048d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-167.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test white-space-7.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span>
+ <span>a</span>
+ <span style="display: table-cell">b</span>
+ <span style="display: table-cell">c</span>
+ <span>d</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-168.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-168.xht
new file mode 100644
index 0000000000..e761bf3683
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-168.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test white-space-7.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span>
+ <span>a</span>
+ <span style="display: table-cell">b</span>
+ <span style="display: table-cell">c</span>
+ <span>d</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-169.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-169.xht
new file mode 100644
index 0000000000..6733a1f077
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-169.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-8.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span>
+ <span>a</span><span style="display: table-cell" id="t">e</span>
+ <span style="display: table-cell">b</span><span>c d</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-170.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-170.xht
new file mode 100644
index 0000000000..0b7e3cceaf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-170.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-8.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span>
+ <span>a</span><span style="display: table-cell" id="t">e</span>
+ <span style="display: table-cell">b</span><span>c d</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-171.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-171.xht
new file mode 100644
index 0000000000..11831f1357
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-171.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-9.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span>
+ <span>a b</span><span style="display: table-cell">c</span>
+ <span style="display: table-cell" id="t">e</span><span>d</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-172.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-172.xht
new file mode 100644
index 0000000000..5ea0c952bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-172.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-9.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span>
+ <span>a b</span><span style="display: table-cell">c</span>
+ <span style="display: table-cell" id="t">e</span><span>d</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-173.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-173.xht
new file mode 100644
index 0000000000..af48f72f0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-173.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-10.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t1");
+ t.parentNode.removeChild(t);
+ t = document.getElementById("t2");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span>
+ <span>a</span><span style="display: table-cell" id="t1">e</span>
+ <span style="display: table-cell" id="t2">f</span><span>bc d</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-174.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-174.xht
new file mode 100644
index 0000000000..2b329a61e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-174.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-10.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t1");
+ t.parentNode.removeChild(t);
+ t = document.getElementById("t2");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span>
+ <span>a</span><span style="display: table-cell" id="t1">e</span>
+ <span style="display: table-cell" id="t2">f</span><span>bc d</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-175.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-175.xht
new file mode 100644
index 0000000000..1263f613b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-175.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-11.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t1");
+ t.parentNode.removeChild(t);
+ t = document.getElementById("t2");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span>
+ <span>a</span><span style="display: table-cell" id="t2">e</span>
+ <span style="display: table-cell" id="t1">f</span><span>bc d</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-176.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-176.xht
new file mode 100644
index 0000000000..bfc562862c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-176.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-11.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t1");
+ t.parentNode.removeChild(t);
+ t = document.getElementById("t2");
+ t.parentNode.removeChild(t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span>
+ <span>a</span><span style="display: table-cell" id="t2">e</span>
+ <span style="display: table-cell" id="t1">f</span><span>bc d</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-177.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-177.xht
new file mode 100644
index 0000000000..83cc06c22c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-177.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test white-space-12.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span>
+ a
+ <span style="display: table-cell">b</span><span style="display: table-cell">c</span>
+ d
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-178.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-178.xht
new file mode 100644
index 0000000000..9e85164c28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-178.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test white-space-12.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span>
+ a
+ <span style="display: table-cell">b</span><span style="display: table-cell">c</span>
+ d
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-179.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-179.xht
new file mode 100644
index 0000000000..e26909ffa1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-179.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test white-space-13.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span>
+ a
+ <span style="display: table-cell">b</span>
+ <span style="display: table-cell">c</span>
+ d
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-180.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-180.xht
new file mode 100644
index 0000000000..628357abde
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-180.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test white-space-13.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span>
+ a
+ <span style="display: table-cell">b</span>
+ <span style="display: table-cell">c</span>
+ d
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-181.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-181.xht
new file mode 100644
index 0000000000..fcce174438
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-181.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-14.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+
+ <style type="text/css">
+ #t:after { content: "d" }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span id="t">
+ a
+ <span style="display: table-cell">b</span><span style="display: table-cell">c</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-182.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-182.xht
new file mode 100644
index 0000000000..1895e09fe6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-182.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-14.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+
+ <style type="text/css">
+ #t:after { content: "d" }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span id="t">
+ a
+ <span style="display: table-cell">b</span><span style="display: table-cell">c</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-183.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-183.xht
new file mode 100644
index 0000000000..3f83065ae7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-183.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-15.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+
+ <style type="text/css">
+ #t:after { content: "d" }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span id="t">
+ a
+ <span style="display: table-cell">b</span>
+ <span style="display: table-cell">c</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-184.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-184.xht
new file mode 100644
index 0000000000..c7839bd386
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-184.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-15.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+
+ <style type="text/css">
+ #t:after { content: "d" }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span id="t">
+ a
+ <span style="display: table-cell">b</span>
+ <span style="display: table-cell">c</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-185.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-185.xht
new file mode 100644
index 0000000000..5822856f75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-185.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-16.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <style type="text/css">
+ #t:after { content: "d" }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span id="t">
+ a
+ <span style="display: table-cell">b</span><script type="text/javascript">document.body.offsetWidth</script><span style="display: table-cell">c</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-186.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-186.xht
new file mode 100644
index 0000000000..6aef922a81
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-186.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-16.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <style type="text/css">
+ #t:after { content: "d" }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span id="t">
+ a
+ <span style="display: table-cell">b</span><script type="text/javascript">document.body.offsetWidth</script><span style="display: table-cell">c</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-187.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-187.xht
new file mode 100644
index 0000000000..d0dfca6377
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-187.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-17.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <style type="text/css">
+ #t:after { content: "d" }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span id="t">
+ a
+ <span style="display: table-cell">b</span>
+ <script type="text/javascript">document.body.offsetWidth</script>
+ <span style="display: table-cell">c</span>
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-188.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-188.xht
new file mode 100644
index 0000000000..cd5bc4dd2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-188.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-17.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <style type="text/css">
+ #t:after { content: "d" }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span id="t">
+ a
+ <span style="display: table-cell">b</span>
+ <script type="text/javascript">document.body.offsetWidth</script>
+ <span style="display: table-cell">c</span>
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-189.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-189.xht
new file mode 100644
index 0000000000..9c67078214
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-189.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-18.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+
+ <style type="text/css">
+ #t:before { content: "a" }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span id="t">
+ <span style="display: table-cell">b</span><span style="display: table-cell">c</span>
+ d
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-190.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-190.xht
new file mode 100644
index 0000000000..ae22e2952e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-190.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-18.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+
+ <style type="text/css">
+ #t:before { content: "a" }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span id="t">
+ <span style="display: table-cell">b</span><span style="display: table-cell">c</span>
+ d
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-191.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-191.xht
new file mode 100644
index 0000000000..426cf8b8b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-191.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-19.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+
+ <style type="text/css">
+ #t:before { content: "a" }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span id="t">
+ <span style="display: table-cell">b</span>
+ <span style="display: table-cell">c</span>
+ d
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-192.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-192.xht
new file mode 100644
index 0000000000..44f610825a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-192.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-19.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+
+ <style type="text/css">
+ #t:before { content: "a" }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span id="t">
+ <span style="display: table-cell">b</span>
+ <span style="display: table-cell">c</span>
+ d
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-193.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-193.xht
new file mode 100644
index 0000000000..542364aa17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-193.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-20.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <style type="text/css">
+ #t:before { content: "a" }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span id="t">
+ <span style="display: table-cell">b</span><script type="text/javascript">document.body.offsetWidth</script><span style="display: table-cell">c</span>
+ d
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-194.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-194.xht
new file mode 100644
index 0000000000..cab7bb5a28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-194.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-20.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <style type="text/css">
+ #t:before { content: "a" }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span id="t">
+ <span style="display: table-cell">b</span><script type="text/javascript">document.body.offsetWidth</script><span style="display: table-cell">c</span>
+ d
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-195.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-195.xht
new file mode 100644
index 0000000000..dc1b1a4007
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-195.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-21.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <style type="text/css">
+ #t:before { content: "a" }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span id="t">
+ <span style="display: table-cell">b</span>
+ <script type="text/javascript">document.body.offsetWidth</script>
+ <span style="display: table-cell">c</span>
+ d
+ </span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-196.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-196.xht
new file mode 100644
index 0000000000..a8455a27b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-196.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-21.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <style type="text/css">
+ #t:before { content: "a" }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span id="t">
+ <span style="display: table-cell">b</span>
+ <script type="text/javascript">document.body.offsetWidth</script>
+ <span style="display: table-cell">c</span>
+ d
+ </span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-197.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-197.xht
new file mode 100644
index 0000000000..70a144f90e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-197.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test white-space-22.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span> bc <span style="display: table-cell">d</span></span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-198.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-198.xht
new file mode 100644
index 0000000000..8d73eaac35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-198.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test white-space-22.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span> bc <span style="display: table-cell">d</span></span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-199.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-199.xht
new file mode 100644
index 0000000000..c74b43a714
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-199.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test white-space-23.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span> <span>bc</span> <span style="display: table-cell">d</span></span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-200.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-200.xht
new file mode 100644
index 0000000000..7f5ef97beb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-200.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test white-space-23.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span> <span>bc</span> <span style="display: table-cell">d</span></span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-201.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-201.xht
new file mode 100644
index 0000000000..d9fd24268c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-201.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test white-space-24.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span> <script type="text/javascript">document.body.offsetWidth</script>bc<script>document.body.offsetWidth</script> <span style="display: table-cell">d</span></span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-202.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-202.xht
new file mode 100644
index 0000000000..af0a419f82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-202.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>CSS Test: Auto-imported from Gecko test white-space-24.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+</head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span> <script type="text/javascript">document.body.offsetWidth</script>bc<script>document.body.offsetWidth</script> <span style="display: table-cell">d</span></span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-203.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-203.xht
new file mode 100644
index 0000000000..2f75f9a008
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-203.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-25.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ var parent = t.parentNode;
+ parent.insertBefore(document.createTextNode(" "), t);
+ parent.insertBefore(document.createTextNode("bc"), t);
+ parent.insertBefore(document.createTextNode(" "), t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span><span id="t" style="display: table-cell">d</span></span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-204.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-204.xht
new file mode 100644
index 0000000000..a646794915
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-204.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-25.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("t");
+ var parent = t.parentNode;
+ parent.insertBefore(document.createTextNode(" "), t);
+ parent.insertBefore(document.createTextNode("bc"), t);
+ parent.insertBefore(document.createTextNode(" "), t);
+ document.documentElement.className = "";
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span><span id="t" style="display: table-cell">d</span></span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-205.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-205.xht
new file mode 100644
index 0000000000..829ad8f5ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-205.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-26.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <style type="text/css">
+ #t:after { display: table-cell; content: "d"; }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <span id="t">
+ a<script type="text/javascript">document.body.offsetWidth;</script> <span style="display: table-cell; white-space: pre">bc </span></span>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-206.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-206.xht
new file mode 100644
index 0000000000..a4509b3e97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-206.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-26.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/>
+ <meta name="flags" content='dom'/>
+
+ <style type="text/css">
+ #t:after { display: table-cell; content: "d"; }
+ </style>
+ </head>
+<body>
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <span id="t">
+ a<script type="text/javascript">document.body.offsetWidth;</script> <span style="display: table-cell; white-space: pre">bc </span></span>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ a bc d
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-207.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-207.xht
new file mode 100644
index 0000000000..1e4d7c06e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-207.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-pre-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <style type="text/css">
+ #x:after { content: " cd"; display: table-cell; }
+ </style>
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var f = document.getElementById("f");
+ f.parentNode.removeChild(f);
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <div style="font-family: monospace; width: 10em; white-space: pre-wrap"><span id="f" style="float: left; width: 80%; height: 0.5em"></span><span id="x">a <script type="text/javascript">document.body.offsetWidth; dump('aa');</script> <span style="display: table-cell">b</span></span></div>
+ </div>
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <div style="font-family: monospace; white-space: pre-wrap">a b cd</div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-208.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-208.xht
new file mode 100644
index 0000000000..8d5ede834f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-208.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Auto-imported from Gecko test white-space-pre-1.html</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <meta name="flags" content='dom'/>
+
+ <style type="text/css">
+ #x:after { content: " cd"; display: table-cell; }
+ </style>
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var f = document.getElementById("f");
+ f.parentNode.removeChild(f);
+ }
+ ]]></script>
+ </head>
+<body onload="doTest()">
+<p>There should be no red below, except for antialiasing issues.</p>
+<div style="position: relative; font-size: 2em;">
+<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
+
+ <div style="font-family: monospace; width: 10em; white-space: pre-wrap"><span id="f" style="float: left; width: 80%; height: 0.5em"></span><span id="x">a <script type="text/javascript">document.body.offsetWidth; dump('aa');</script> <span style="display: table-cell">b</span></span></div>
+ </div>
+<div style="position: relative; z-index: 1; color: red; padding: 1px;">
+
+ <div style="font-family: monospace; white-space: pre-wrap">a b cd</div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-209.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-209.xht
new file mode 100644
index 0000000000..ebf5c876c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-209.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS table model: nested tables</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes" />
+ <style type="text/css">
+ .table { display: table; }
+ div { display: table-cell; }
+ </style>
+ </head>
+ <body class="table">
+ <div class="cell"> This should&nbsp; </div>
+ <div class="table"> be all </div>
+ <div class="cell"> &nbsp;one line. </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-210.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-210.xht
new file mode 100644
index 0000000000..f3fdc60dce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-210.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: anonymous table cell and white space separating inline elements</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes" title="17.2.1 Anonymous table objects" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/public-css-testsuite/2013Aug/0028.html" title="Browser non-interop on basic anonymous table boxes" />
+ <meta name="assert" content="Anonymous table objects are automatically generated by UAs when a table element is missing necessary sub-table elements (like table-row or table-cell). In this test, an anonymous table-row and one anonymous table-cell will be created around the inline elements. This test checks that each white space separating the 3 span elements are preserved." />
+
+ <style type="text/css"><![CDATA[
+ div#rel-pos-wrapper
+ {
+ font-size: 2em;
+ position: relative;
+ }
+
+ div#test-overlapping-green
+ {
+ color: green;
+ display: table;
+ position: absolute;
+ top: 0;
+ z-index: 2;
+ }
+
+ div#reference-overlapped-red
+ {
+ color: red;
+ position: relative;
+ z-index: 1;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>There should be no red below, except for antialiasing issues.</p>
+
+ <div id="rel-pos-wrapper">
+
+ <div id="test-overlapping-green">
+ <span>a</span> <span>bc</span> <span>d</span>
+ </div>
+
+ <div id="reference-overlapped-red">
+ a bc d
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-211-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-211-ref.xht
new file mode 100644
index 0000000000..5133164219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-211-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference</title>
+ <style type="text/css"><![CDATA[
+ .table { display: table; white-space: pre; }
+ .row { display: table-row; }
+ .table-cell { display: table-cell; }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The two rows below must have identical content.</p>
+
+ <div class="table">
+ <div class="row">
+ <div class="table-cell"> <img src="support/swatch-blue.png"/> <img src="support/swatch-blue.png"/> </div>
+ <div class="table-cell"><img src="support/swatch-blue.png"/></div> <div class="table-cell"><img src="support/swatch-blue.png"/></div>
+ </div>
+ <div class="row">
+ <div class="table-cell"> <img src="support/swatch-blue.png"/> <img src="support/swatch-blue.png"/> </div>
+ <div class="table-cell"><img src="support/swatch-blue.png"/></div> <div class="table-cell"><img src="support/swatch-blue.png"/></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-211.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-211.xht
new file mode 100644
index 0000000000..7e1c630b80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-211.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: anonymous table boxes and replaced table cells</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="help" href="http://www.w3.org/TR/css-display-3/#layout-specific-display"/>
+ <meta name="assert" content="Anonymous table objects are automatically generated by UAs when a table element is missing necessary sub-table elements (like table-row or table-cell). In this test, a replaced element tries to pretend it is a table-cell using 'display: table-cell', but because it can't, is treated as an inline element. This test checks that an anonymous table cell is generated around the element and surrounding white space and inline-level content exactly as if it had 'display: inline'." />
+
+ <link rel="match" href="table-anonymous-objects-211-ref.xht"/>
+
+ <style type="text/css"><![CDATA[
+ .table { display: table; white-space: pre; }
+ .row { display: table-row; }
+ .table-cell { display: table-cell; }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>The two rows below must have identical content.</p>
+
+ <div class="table">
+ <div class="row">
+ <div class="table-cell"> <img src="support/swatch-blue.png"/> <img src="support/swatch-blue.png"/> </div>
+ <div class="table-cell"><img src="support/swatch-blue.png"/></div> <div class="table-cell"><img src="support/swatch-blue.png"/></div>
+ </div>
+ <div class="row"> <img class="table-cell" src="support/swatch-blue.png"/> <img class="table-cell" src="support/swatch-blue.png"/> <div class="table-cell"><img src="support/swatch-blue.png"/></div> <div class="table-cell"><img src="support/swatch-blue.png"/></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-text-indent.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-text-indent.xht
new file mode 100644
index 0000000000..1364f79033
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-text-indent.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/>
+ <link rel="match" href="reference/table-anonymous-text-indent-ref.xht"/>
+ <meta name="flags" content='dom'/>
+ <script type="text/javascript"><![CDATA[
+ function doTest() {
+ var t = document.getElementById("target");
+ t.style.textIndent = '20px';
+ }
+ ]]></script>
+ <style><![CDATA[
+ #target { text-indent: 0; display: table; }
+ #target > * { display: table-cell; border: 1px solid black; }
+ ]]></style>
+</head>
+<body onload="doTest()">
+ <p>There should be 20px text-indent in the table below.</p>
+ <div id="target">
+ <div>First cell</div>
+ Second cell (no element on purpose)
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-whitespace-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-whitespace-001.xht
new file mode 100644
index 0000000000..1499a6d83b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-whitespace-001.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table Anonymous Box Generation - interleaved whitespace</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping"/>
+ <meta name="assert" content="Anonymous white space inside a tabular container
+ does not generate any boxes."/>
+ <style type="text/css"><![CDATA[
+ /* Must use <div> tables for this test because parsers do weird things
+ to the contents of <table>-related elements. */
+ .pre {
+ white-space: pre;
+ }
+ .table, table {
+ display: table;
+ border: solid silver;
+ border-spacing: 1px;
+ margin: 0.5em;
+ }
+ .row {
+ display: table-row;
+ }
+ .cell, td {
+ display: table-cell;
+ border: solid blue;
+ }
+ table, td {
+ padding: 0;
+ }
+ ]]></style>
+
+ </head>
+ <body>
+ <p>The size and contents of the four silver boxes below must be identical.</p>
+
+ <div class="pre table">
+ <div class="cell">A</div>
+ <div class="cell">B</div>
+ <div class="row">
+ <div class="cell">C</div>
+ <div class="cell">D</div>
+ </div>
+ </div>
+
+ <div class="table">
+ <div class="cell">A</div>
+ <div class="cell">B</div>
+ <div class="row">
+ <div class="cell">C</div>
+ <div class="cell">D</div>
+ </div>
+ </div>
+
+ <div class="table"><div class="cell">A</div><div class="cell">B</div><div class="row"><div class="cell">C</div><div class="cell">D</div></div></div>
+
+ <!-- use a real <table> with all elements only as a control -->
+ <table>
+ <tr><td>A</td><td>B</td></tr>
+ <tr><td>C</td><td>D</td></tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-background-edge-and-border-model-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-background-edge-and-border-model-001.xht
new file mode 100644
index 0000000000..9686cb379d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-background-edge-and-border-model-001.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table background edge in the collapsing borders model</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The background edge of a table could start either behind the table's border or at its edge in the collapsing borders model (non-normative rule)." />
+ <style type="text/css">
+ #table
+ {
+ background-image: url("support/blue-orange-rectangle.png");
+ background-repeat: no-repeat;
+ border-collapse: collapse;
+ border-left: 100px solid black;
+ border-spacing: 0;
+ display: table;
+ height: 100px;
+ width: 100px;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black square below followed by either a blue or orange box.</p>
+ <div id="table">
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-background-edge-and-border-model-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-background-edge-and-border-model-002.xht
new file mode 100644
index 0000000000..ce6df82d54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-background-edge-and-border-model-002.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table background edge in the separated borders model</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
+ <meta name="flags" content="image may" />
+ <meta name="assert" content="The background edge of a table could start either behind the table's border or at its edge in the separated borders model (non-normative rule)." />
+ <style type="text/css">
+ #table
+ {
+ background-image: url("support/blue-orange-rectangle.png");
+ background-repeat: no-repeat;
+ border-collapse: separate;
+ border-left: 100px solid black;
+ border-spacing: 0;
+ display: table;
+ height: 100px;
+ width: 100px;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if below there is a black square and adjacent to the black square there is either a blue or orange square.</p>
+ <div id="table">
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-cell-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-cell-001-ref.xht
new file mode 100644
index 0000000000..4ee2659b44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-cell-001-ref.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>Table background tests</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ /*
+ table {
+ margin: 0px 3px 2px 4px;
+ border-width: 4px 2px 8px 6px;
+
+ height is 97px:
+ (2px of border outside height)
+ extra border width for top row: 0
+ cell * 5: == 19px * 5 == 95px
+ border-top: 2px;
+ padding-top: 1px;
+ height: 10px;
+ padding-bottom: 4px;
+ border-bottom: 2px;
+ extra border width for top row: 2px
+ (4px of border outside height)
+
+ width is 287px:
+ (3px of border outside width)
+ extra border width for left column: 2px
+ cell * 5: == 57px * 5 == 285px
+ border-left: 1px;
+ padding-left: 3px;
+ width: 50px;
+ padding-right: 2px;
+ border-right: 1px;
+ (1px of border outside width)
+ */
+
+ div { width: 57px; height: 19px; margin: 40px 118px 86px 123px; }
+ div.color { background-color: aqua; }
+
+ div.imagetl, div.imagebr {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ div.imagetl { background-position: 1px 2px; }
+ div.imagebr { background-position: 56px 17px; }
+
+ </style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-cell-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-cell-001.xht
new file mode 100644
index 0000000000..898ff46d56
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-cell-001.xht
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: table backgrounds</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <link rel="match" href="table-backgrounds-bc-cell-001-ref.xht"/>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ table {
+ margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+ border: transparent solid;
+ border-width: 4px 2px 8px 6px; /* collapsed */
+ padding: 3px 7px 8px 6px; /* ignored */
+ border-collapse: collapse;
+ }
+
+ td {
+ border: transparent solid;
+ border-width: 2px 0 4px 2px; /* collapsed */
+ padding: 1px 2px 4px 3px;
+ empty-cells: show;
+ }
+
+ div { height: 10px; width: 50px; }
+
+ table.color td.t { background-color: aqua; }
+
+ table.imagetl td.t, table.imagebr td.t {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ table.imagetl td.t { background-position: top left; /* default */ }
+ table.imagebr td.t { background-position: bottom right; /* default */ }
+
+ </style>
+</head>
+<body>
+
+<table class="color">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagetl">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagebr">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-colgroup-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-colgroup-001-ref.xht
new file mode 100644
index 0000000000..65f91be8aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-colgroup-001-ref.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>Table background tests</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ /*
+ table {
+ margin: 0px 3px 2px 4px;
+ border-width: 4px 2px 8px 6px;
+
+ height is 97px:
+ (2px of border outside height)
+ extra border width for top row: 0
+ cell * 5: == 19px * 5 == 95px
+ border-top: 2px;
+ padding-top: 1px;
+ height: 10px;
+ padding-bottom: 4px;
+ border-bottom: 2px;
+ extra border width for top row: 2px
+ (4px of border outside height)
+
+ width is 287px:
+ (3px of border outside width)
+ extra border width for left column: 2px
+ cell * 5: == 57px * 5 == 285px
+ border-left: 1px;
+ padding-left: 3px;
+ width: 50px;
+ padding-right: 2px;
+ border-right: 1px;
+ (1px of border outside width)
+ */
+
+ div { width: 171px; height: 97px; margin: 2px 61px 8px 66px; }
+ div.color { background-color: aqua; }
+
+ div.imagetl, div.imagebr {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ div.imagetl { background-position: 0 0; }
+ div.imagebr { background-position: 171px 97px; }
+
+ </style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-colgroup-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-colgroup-001.xht
new file mode 100644
index 0000000000..3029e09f9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-colgroup-001.xht
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: table backgrounds</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <link rel="match" href="table-backgrounds-bc-colgroup-001-ref.xht"/>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ table {
+ margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+ border: transparent solid;
+ border-width: 4px 2px 8px 6px; /* collapsed */
+ padding: 3px 7px 8px 6px; /* ignored */
+ border-collapse: collapse;
+ }
+
+ td {
+ border: transparent solid;
+ border-width: 2px 0 4px 2px; /* collapsed */
+ padding: 1px 2px 4px 3px;
+ empty-cells: show;
+ }
+
+ div { height: 10px; width: 50px; }
+
+ table.color colgroup.t { background-color: aqua; }
+
+ table.imagetl colgroup.t, table.imagebr colgroup.t {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ table.imagetl colgroup.t { background-position: top left; /* default */ }
+ table.imagebr colgroup.t { background-position: bottom right; /* default */ }
+
+ </style>
+</head>
+<body>
+
+<table class="color">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagetl">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagebr">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-column-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-column-001-ref.xht
new file mode 100644
index 0000000000..d414af8369
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-column-001-ref.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>Table background tests</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ /*
+ table {
+ margin: 0px 3px 2px 4px;
+ border-width: 4px 2px 8px 6px;
+
+ height is 97px:
+ (2px of border outside height)
+ extra border width for top row: 0
+ cell * 5: == 19px * 5 == 95px
+ border-top: 2px;
+ padding-top: 1px;
+ height: 10px;
+ padding-bottom: 4px;
+ border-bottom: 2px;
+ extra border width for top row: 2px
+ (4px of border outside height)
+
+ width is 287px:
+ (3px of border outside width)
+ extra border width for left column: 2px
+ cell * 5: == 57px * 5 == 285px
+ border-left: 1px;
+ padding-left: 3px;
+ width: 50px;
+ padding-right: 2px;
+ border-right: 1px;
+ (1px of border outside width)
+ */
+
+ div { width: 57px; height: 97px; margin: 2px 121px 8px 123px; }
+ div.color { background-color: aqua; }
+
+ div.imagetl, div.imagebr {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ div.imagetl { background-position: 0 0; }
+ div.imagebr { background-position: 57px 97px; }
+
+ </style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-column-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-column-001.xht
new file mode 100644
index 0000000000..ca0cb36e1b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-column-001.xht
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: table backgrounds</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <link rel="match" href="table-backgrounds-bc-column-001-ref.xht"/>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ table {
+ margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+ border: transparent solid;
+ border-width: 4px 2px 8px 6px; /* collapsed */
+ padding: 3px 7px 8px 6px; /* ignored */
+ border-collapse: collapse;
+ }
+
+ td {
+ border: transparent solid;
+ border-width: 2px 0 4px 2px; /* collapsed */
+ padding: 1px 2px 4px 3px;
+ empty-cells: show;
+ }
+
+ div { height: 10px; width: 50px; }
+
+ table.color col.t { background-color: aqua; }
+
+ table.imagetl col.t, table.imagebr col.t {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ table.imagetl col.t { background-position: top left; /* default */ }
+ table.imagebr col.t { background-position: bottom right; /* default */ }
+
+ </style>
+</head>
+<body>
+
+<table class="color">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagetl">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagebr">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-row-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-row-001-ref.xht
new file mode 100644
index 0000000000..82f8a7ff57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-row-001-ref.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>Table background tests</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ /*
+ table {
+ margin: 0px 3px 2px 4px;
+ border-width: 4px 2px 8px 6px;
+
+ height is 97px:
+ (2px of border outside height)
+ extra border width for top row: 0
+ cell * 5: == 19px * 5 == 95px
+ border-top: 2px;
+ padding-top: 1px;
+ height: 10px;
+ padding-bottom: 4px;
+ border-bottom: 2px;
+ extra border width for top row: 2px
+ (4px of border outside height)
+
+ width is 287px:
+ (3px of border outside width)
+ extra border width for left column: 2px
+ cell * 5: == 57px * 5 == 285px
+ border-left: 1px;
+ padding-left: 3px;
+ width: 50px;
+ padding-right: 2px;
+ border-right: 1px;
+ (1px of border outside width)
+ */
+
+ div { width: 287px; height: 19px; margin: 40px 4px 86px 7px; }
+ div.color { background-color: aqua; }
+
+ div.imagetl, div.imagebr {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ div.imagetl { background-position: 0 0; }
+ div.imagebr { background-position: 287px 19px; }
+
+ </style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-row-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-row-001.xht
new file mode 100644
index 0000000000..70a2243483
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-row-001.xht
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: table backgrounds</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <link rel="match" href="table-backgrounds-bc-row-001-ref.xht"/>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ table {
+ margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+ border: transparent solid;
+ border-width: 4px 2px 8px 6px; /* collapsed */
+ padding: 3px 7px 8px 6px; /* ignored */
+ border-collapse: collapse;
+ }
+
+ td {
+ border: transparent solid;
+ border-width: 2px 0 4px 2px; /* collapsed */
+ padding: 1px 2px 4px 3px;
+ empty-cells: show;
+ }
+
+ div { height: 10px; width: 50px; }
+
+ table.color tr.t { background-color: aqua; }
+
+ table.imagetl tr.t, table.imagebr tr.t {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ table.imagetl tr.t { background-position: top left; /* default */ }
+ table.imagebr tr.t { background-position: bottom right; /* default */ }
+
+ </style>
+</head>
+<body>
+
+<table class="color">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagetl">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagebr">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-rowgroup-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-rowgroup-001-ref.xht
new file mode 100644
index 0000000000..6cb4e9bfe4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-rowgroup-001-ref.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>Table background tests</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ /*
+ table {
+ margin: 0px 3px 2px 4px;
+ border-width: 4px 2px 8px 6px;
+
+ height is 97px:
+ (2px of border outside height)
+ extra border width for top row: 0
+ cell * 5: == 19px * 5 == 95px
+ border-top: 2px;
+ padding-top: 1px;
+ height: 10px;
+ padding-bottom: 4px;
+ border-bottom: 2px;
+ extra border width for top row: 2px
+ (4px of border outside height)
+
+ width is 287px:
+ (3px of border outside width)
+ extra border width for left column: 2px
+ cell * 5: == 57px * 5 == 285px
+ border-left: 1px;
+ padding-left: 3px;
+ width: 50px;
+ padding-right: 2px;
+ border-right: 1px;
+ (1px of border outside width)
+ */
+
+ div { width: 287px; height: 57px; margin: 21px 4px 48px 7px; }
+ div.color { background-color: aqua; }
+
+ div.imagetl, div.imagebr {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ div.imagetl { background-position: 0 0; }
+ div.imagebr { background-position: 287px 57px; }
+
+ </style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-rowgroup-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-rowgroup-001.xht
new file mode 100644
index 0000000000..d86191a7fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-rowgroup-001.xht
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: table backgrounds</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <link rel="match" href="table-backgrounds-bc-rowgroup-001-ref.xht"/>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ table {
+ margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+ border: transparent solid;
+ border-width: 4px 2px 8px 6px; /* collapsed */
+ padding: 3px 7px 8px 6px; /* ignored */
+ border-collapse: collapse;
+ }
+
+ td {
+ border: transparent solid;
+ border-width: 2px 0 4px 2px; /* collapsed */
+ padding: 1px 2px 4px 3px;
+ empty-cells: show;
+ }
+
+ div { height: 10px; width: 50px; }
+
+ table.color tbody.t { background-color: aqua; }
+
+ table.imagetl tbody.t, table.imagebr tbody.t {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ table.imagetl tbody.t { background-position: top left; /* default */ }
+ table.imagebr tbody.t { background-position: bottom right; /* default */ }
+
+ </style>
+</head>
+<body>
+
+<table class="color">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagetl">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagebr">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-table-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-table-001-ref.xht
new file mode 100644
index 0000000000..05922e42b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-table-001-ref.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>Table background tests</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ /*
+ table {
+ margin: 0px 3px 2px 4px;
+ border-width: 4px 2px 8px 6px;
+
+ height is 97px:
+ (2px of border outside height)
+ extra border width for top row: 0
+ cell * 5: == 19px * 5 == 95px
+ border-top: 2px;
+ padding-top: 1px;
+ height: 10px;
+ padding-bottom: 4px;
+ border-bottom: 2px;
+ extra border width for top row: 2px
+ (4px of border outside height)
+
+ width is 287px:
+ (3px of border outside width)
+ extra border width for left column: 2px
+ cell * 5: == 57px * 5 == 285px
+ border-left: 1px;
+ padding-left: 3px;
+ width: 50px;
+ padding-right: 2px;
+ border-right: 1px;
+ (1px of border outside width)
+ */
+
+ div { width: 291px; height: 103px; margin: 0px 3px 2px 4px; }
+ div.color { background-color: aqua; }
+
+ div.imagetl, div.imagebr {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ div.imagetl { background-position: 3px 2px;}
+ div.imagebr { background-position: 290px 99px;}
+
+ </style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-table-001.xht
new file mode 100644
index 0000000000..87ae9eafaf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-table-001.xht
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: table backgrounds</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <link rel="match" href="table-backgrounds-bc-table-001-ref.xht"/>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ table {
+ margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+ border: transparent solid;
+ border-width: 4px 2px 8px 6px; /* collapsed */
+ padding: 3px 7px 8px 6px; /* ignored */
+ border-collapse: collapse;
+ }
+
+ td {
+ border: transparent solid;
+ border-width: 2px 0 4px 2px; /* collapsed */
+ padding: 1px 2px 4px 3px;
+ empty-cells: show;
+ }
+
+ div { height: 10px; width: 50px; }
+
+ table.color { background-color: aqua; }
+
+ table.imagetl, table.imagebr {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ table.imagetl { background-position: top left; /* default */ }
+ table.imagebr { background-position: bottom right; /* default */ }
+
+ </style>
+</head>
+<body>
+
+<table class="color">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagetl">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagebr">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-cell-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-cell-001-ref.xht
new file mode 100644
index 0000000000..bd6ee68c33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-cell-001-ref.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>Table background tests</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ /*
+ table {
+ margin: 0px 3px 2px 4px;
+ border-width: 4px 2px 7px 3px;
+
+ border-box height is 145px:
+ border-top: 4px;
+ padding-top: 3px
+ border-spacing: 3px * 6 == 18px
+ cell * 5: == 21px * 5 == 105px
+ border-top: 2px;
+ padding-top: 1px;
+ height: 10px;
+ padding-bottom: 4px;
+ border-bottom: 4px;
+ padding-bottom: 8px;
+ border-bottom: 7px;
+
+ border-box width is 325px:
+ border-left: 3px;
+ padding-left: 6px
+ border-spacing: 2px * 6 == 12px
+ cell * 5: == 59px * 5 == 295px
+ border-left: 3px;
+ padding-left: 3px;
+ width: 50px;
+ padding-right: 2px;
+ border-right: 1px;
+ padding-right: 7px;
+ border-right: 2px;
+ */
+
+ div.color, div.imagetl, div.imagebr {
+ width: 59px; height: 21px; margin: 58px 136px 126px 137px;
+ }
+ div.color { background-color: aqua; }
+
+ div.imagetl, div.imagebr {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ div.imagetl { background-position: 3px 2px; }
+ div.imagebr { background-position: 58px 17px; }
+
+ </style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-cell-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-cell-001.xht
new file mode 100644
index 0000000000..23ed996c11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-cell-001.xht
@@ -0,0 +1,110 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: table backgrounds</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <link rel="match" href="table-backgrounds-bs-cell-001-ref.xht"/>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ table {
+ margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+ border: transparent solid;
+ border-width: 4px 2px 7px 3px;
+ padding: 3px 7px 8px 6px;
+ border-collapse: separate;
+ border-spacing: 2px 3px;
+ }
+
+ td {
+ border: transparent solid;
+ border-width: 2px 1px 4px 3px;
+ padding: 1px 2px 4px 3px;
+ empty-cells: show;
+ }
+
+ div { height: 10px; width: 50px; }
+
+ table.color td.t { background-color: aqua; }
+
+ table.imagetl td.t, table.imagebr td.t {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ table.imagetl td.t { background-position: top left; /* default */ }
+ table.imagebr td.t { background-position: bottom right; /* default */ }
+
+ </style>
+</head>
+<body>
+
+<table class="color">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagetl">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagebr">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-colgroup-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-colgroup-001-ref.xht
new file mode 100644
index 0000000000..97cb844b72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-colgroup-001-ref.xht
@@ -0,0 +1,87 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>Table background tests</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ /*
+ table {
+ margin: 0px 3px 2px 4px;
+ border-width: 4px 2px 7px 3px;
+
+ border-box height is 145px:
+ border-top: 4px;
+ padding-top: 3px
+ border-spacing: 3px * 6 == 18px
+ cell * 5: == 21px * 5 == 105px
+ border-top: 2px;
+ padding-top: 1px;
+ height: 10px;
+ padding-bottom: 4px;
+ border-bottom: 4px;
+ padding-bottom: 8px;
+ border-bottom: 7px;
+
+ border-box width is 325px:
+ border-left: 3px;
+ padding-left: 6px
+ border-spacing: 2px * 6 == 12px
+ cell * 5: == 59px * 5 == 295px
+ border-left: 3px;
+ padding-left: 3px;
+ width: 50px;
+ padding-right: 2px;
+ border-right: 1px;
+ padding-right: 7px;
+ border-right: 2px;
+ */
+
+ div.color, div.imagetl, div.imagebr {
+ width: 181px; height: 117px; margin: 10px 75px 30px 76px;
+ }
+ div.color { background-color: aqua; }
+
+ div.imagetl, div.imagebr {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ div.imagetl { background-position: 0 0; }
+ div.imagebr { background-position: 181px 117px; }
+
+ div.vstripe, div.hstripe { background: white; position: absolute; }
+ div.vstripe { top: 0; width: 2px; height: 500px; }
+ div.hstripe { left: 0; height: 3px; width: 400px; }
+
+ </style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+<div style="top: 46px" class="hstripe"></div>
+<div style="top: 70px" class="hstripe"></div>
+<div style="top: 94px" class="hstripe"></div>
+<div style="top: 118px" class="hstripe"></div>
+<div style="top: 193px" class="hstripe"></div>
+<div style="top: 217px" class="hstripe"></div>
+<div style="top: 241px" class="hstripe"></div>
+<div style="top: 265px" class="hstripe"></div>
+<div style="top: 340px" class="hstripe"></div>
+<div style="top: 364px" class="hstripe"></div>
+<div style="top: 388px" class="hstripe"></div>
+<div style="top: 412px" class="hstripe"></div>
+
+<div style="left: 89px" class="vstripe"></div>
+<div style="left: 150px" class="vstripe"></div>
+<div style="left: 211px" class="vstripe"></div>
+<div style="left: 272px" class="vstripe"></div>
+<div style="left: 333px" class="vstripe"></div>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-colgroup-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-colgroup-001.xht
new file mode 100644
index 0000000000..d5ee3346cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-colgroup-001.xht
@@ -0,0 +1,110 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: table backgrounds</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <link rel="match" href="table-backgrounds-bs-colgroup-001-ref.xht"/>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ table {
+ margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+ border: transparent solid;
+ border-width: 4px 2px 7px 3px;
+ padding: 3px 7px 8px 6px;
+ border-collapse: separate;
+ border-spacing: 2px 3px;
+ }
+
+ td {
+ border: transparent solid;
+ border-width: 2px 1px 4px 3px;
+ padding: 1px 2px 4px 3px;
+ empty-cells: show;
+ }
+
+ div { height: 10px; width: 50px; }
+
+ table.color colgroup.t { background-color: aqua; }
+
+ table.imagetl colgroup.t, table.imagebr colgroup.t {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ table.imagetl colgroup.t { background-position: top left; /* default */ }
+ table.imagebr colgroup.t { background-position: bottom right; /* default */ }
+
+ </style>
+</head>
+<body>
+
+<table class="color">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagetl">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagebr">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-column-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-column-001-ref.xht
new file mode 100644
index 0000000000..0e50ac3405
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-column-001-ref.xht
@@ -0,0 +1,87 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>Table background tests</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ /*
+ table {
+ margin: 0px 3px 2px 4px;
+ border-width: 4px 2px 7px 3px;
+
+ border-box height is 145px:
+ border-top: 4px;
+ padding-top: 3px
+ border-spacing: 3px * 6 == 18px
+ cell * 5: == 21px * 5 == 105px
+ border-top: 2px;
+ padding-top: 1px;
+ height: 10px;
+ padding-bottom: 4px;
+ border-bottom: 4px;
+ padding-bottom: 8px;
+ border-bottom: 7px;
+
+ border-box width is 325px:
+ border-left: 3px;
+ padding-left: 6px
+ border-spacing: 2px * 6 == 12px
+ cell * 5: == 59px * 5 == 295px
+ border-left: 3px;
+ padding-left: 3px;
+ width: 50px;
+ padding-right: 2px;
+ border-right: 1px;
+ padding-right: 7px;
+ border-right: 2px;
+ */
+
+ div.color, div.imagetl, div.imagebr {
+ width: 59px; height: 117px; margin: 10px 136px 30px 137px;
+ }
+ div.color { background-color: aqua; }
+
+ div.imagetl, div.imagebr {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ div.imagetl { background-position: 0 0; }
+ div.imagebr { background-position: 59px 117px; }
+
+ div.vstripe, div.hstripe { background: white; position: absolute; }
+ div.vstripe { top: 0; width: 2px; height: 500px; }
+ div.hstripe { left: 0; height: 3px; width: 400px; }
+
+ </style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+<div style="top: 46px" class="hstripe"></div>
+<div style="top: 70px" class="hstripe"></div>
+<div style="top: 94px" class="hstripe"></div>
+<div style="top: 118px" class="hstripe"></div>
+<div style="top: 193px" class="hstripe"></div>
+<div style="top: 217px" class="hstripe"></div>
+<div style="top: 241px" class="hstripe"></div>
+<div style="top: 265px" class="hstripe"></div>
+<div style="top: 340px" class="hstripe"></div>
+<div style="top: 364px" class="hstripe"></div>
+<div style="top: 388px" class="hstripe"></div>
+<div style="top: 412px" class="hstripe"></div>
+
+<div style="left: 89px" class="vstripe"></div>
+<div style="left: 150px" class="vstripe"></div>
+<div style="left: 211px" class="vstripe"></div>
+<div style="left: 272px" class="vstripe"></div>
+<div style="left: 333px" class="vstripe"></div>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-column-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-column-001.xht
new file mode 100644
index 0000000000..126be18ddb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-column-001.xht
@@ -0,0 +1,110 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: table backgrounds</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <link rel="match" href="table-backgrounds-bs-column-001-ref.xht"/>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ table {
+ margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+ border: transparent solid;
+ border-width: 4px 2px 7px 3px;
+ padding: 3px 7px 8px 6px;
+ border-collapse: separate;
+ border-spacing: 2px 3px;
+ }
+
+ td {
+ border: transparent solid;
+ border-width: 2px 1px 4px 3px;
+ padding: 1px 2px 4px 3px;
+ empty-cells: show;
+ }
+
+ div { height: 10px; width: 50px; }
+
+ table.color col.t { background-color: aqua; }
+
+ table.imagetl col.t, table.imagebr col.t {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ table.imagetl col.t { background-position: top left; /* default */ }
+ table.imagebr col.t { background-position: bottom right; /* default */ }
+
+ </style>
+</head>
+<body>
+
+<table class="color">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagetl">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagebr">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-row-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-row-001-ref.xht
new file mode 100644
index 0000000000..ae1a74a709
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-row-001-ref.xht
@@ -0,0 +1,87 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>Table background tests</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ /*
+ table {
+ margin: 0px 3px 2px 4px;
+ border-width: 4px 2px 7px 3px;
+
+ border-box height is 145px:
+ border-top: 4px;
+ padding-top: 3px
+ border-spacing: 3px * 6 == 18px
+ cell * 5: == 21px * 5 == 105px
+ border-top: 2px;
+ padding-top: 1px;
+ height: 10px;
+ padding-bottom: 4px;
+ border-bottom: 4px;
+ padding-bottom: 8px;
+ border-bottom: 7px;
+
+ border-box width is 325px:
+ border-left: 3px;
+ padding-left: 6px
+ border-spacing: 2px * 6 == 12px
+ cell * 5: == 59px * 5 == 295px
+ border-left: 3px;
+ padding-left: 3px;
+ width: 50px;
+ padding-right: 2px;
+ border-right: 1px;
+ padding-right: 7px;
+ border-right: 2px;
+ */
+
+ div.color, div.imagetl, div.imagebr {
+ width: 303px; height: 21px; margin: 58px 14px 126px 15px;
+ }
+ div.color { background-color: aqua; }
+
+ div.imagetl, div.imagebr {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ div.imagetl { background-position: 0 0; }
+ div.imagebr { background-position: 303px 21px; }
+
+ div.vstripe, div.hstripe { background: white; position: absolute; }
+ div.vstripe { top: 0; width: 2px; height: 500px; }
+ div.hstripe { left: 0; height: 3px; width: 400px; }
+
+ </style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+<div style="top: 46px" class="hstripe"></div>
+<div style="top: 70px" class="hstripe"></div>
+<div style="top: 94px" class="hstripe"></div>
+<div style="top: 118px" class="hstripe"></div>
+<div style="top: 193px" class="hstripe"></div>
+<div style="top: 217px" class="hstripe"></div>
+<div style="top: 241px" class="hstripe"></div>
+<div style="top: 265px" class="hstripe"></div>
+<div style="top: 340px" class="hstripe"></div>
+<div style="top: 364px" class="hstripe"></div>
+<div style="top: 388px" class="hstripe"></div>
+<div style="top: 412px" class="hstripe"></div>
+
+<div style="left: 89px" class="vstripe"></div>
+<div style="left: 150px" class="vstripe"></div>
+<div style="left: 211px" class="vstripe"></div>
+<div style="left: 272px" class="vstripe"></div>
+<div style="left: 333px" class="vstripe"></div>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-row-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-row-001.xht
new file mode 100644
index 0000000000..58fd3d9be7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-row-001.xht
@@ -0,0 +1,110 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: table backgrounds</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <link rel="match" href="table-backgrounds-bs-row-001-ref.xht"/>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ table {
+ margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+ border: transparent solid;
+ border-width: 4px 2px 7px 3px;
+ padding: 3px 7px 8px 6px;
+ border-collapse: separate;
+ border-spacing: 2px 3px;
+ }
+
+ td {
+ border: transparent solid;
+ border-width: 2px 1px 4px 3px;
+ padding: 1px 2px 4px 3px;
+ empty-cells: show;
+ }
+
+ div { height: 10px; width: 50px; }
+
+ table.color tr.t { background-color: aqua; }
+
+ table.imagetl tr.t, table.imagebr tr.t {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ table.imagetl tr.t { background-position: top left; /* default */ }
+ table.imagebr tr.t { background-position: bottom right; /* default */ }
+
+ </style>
+</head>
+<body>
+
+<table class="color">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagetl">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagebr">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-rowgroup-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-rowgroup-001-ref.xht
new file mode 100644
index 0000000000..847e047ea8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-rowgroup-001-ref.xht
@@ -0,0 +1,87 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>Table background tests</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ /*
+ table {
+ margin: 0px 3px 2px 4px;
+ border-width: 4px 2px 7px 3px;
+
+ border-box height is 145px:
+ border-top: 4px;
+ padding-top: 3px
+ border-spacing: 3px * 6 == 18px
+ cell * 5: == 21px * 5 == 105px
+ border-top: 2px;
+ padding-top: 1px;
+ height: 10px;
+ padding-bottom: 4px;
+ border-bottom: 4px;
+ padding-bottom: 8px;
+ border-bottom: 7px;
+
+ border-box width is 325px:
+ border-left: 3px;
+ padding-left: 6px
+ border-spacing: 2px * 6 == 12px
+ cell * 5: == 59px * 5 == 295px
+ border-left: 3px;
+ padding-left: 3px;
+ width: 50px;
+ padding-right: 2px;
+ border-right: 1px;
+ padding-right: 7px;
+ border-right: 2px;
+ */
+
+ div.color, div.imagetl, div.imagebr {
+ width: 303px; height: 69px; margin: 34px 14px 78px 15px;
+ }
+ div.color { background-color: aqua; }
+
+ div.imagetl, div.imagebr {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ div.imagetl { background-position: 0 0; }
+ div.imagebr { background-position: 303px 69px; }
+
+ div.vstripe, div.hstripe { background: white; position: absolute; }
+ div.vstripe { top: 0; width: 2px; height: 500px; }
+ div.hstripe { left: 0; height: 3px; width: 400px; }
+
+ </style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+<div style="top: 46px" class="hstripe"></div>
+<div style="top: 70px" class="hstripe"></div>
+<div style="top: 94px" class="hstripe"></div>
+<div style="top: 118px" class="hstripe"></div>
+<div style="top: 193px" class="hstripe"></div>
+<div style="top: 217px" class="hstripe"></div>
+<div style="top: 241px" class="hstripe"></div>
+<div style="top: 265px" class="hstripe"></div>
+<div style="top: 340px" class="hstripe"></div>
+<div style="top: 364px" class="hstripe"></div>
+<div style="top: 388px" class="hstripe"></div>
+<div style="top: 412px" class="hstripe"></div>
+
+<div style="left: 89px" class="vstripe"></div>
+<div style="left: 150px" class="vstripe"></div>
+<div style="left: 211px" class="vstripe"></div>
+<div style="left: 272px" class="vstripe"></div>
+<div style="left: 333px" class="vstripe"></div>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-rowgroup-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-rowgroup-001.xht
new file mode 100644
index 0000000000..e0e8314304
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-rowgroup-001.xht
@@ -0,0 +1,110 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: table backgrounds</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <link rel="match" href="table-backgrounds-bs-rowgroup-001-ref.xht"/>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ table {
+ margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+ border: transparent solid;
+ border-width: 4px 2px 7px 3px;
+ padding: 3px 7px 8px 6px;
+ border-collapse: separate;
+ border-spacing: 2px 3px;
+ }
+
+ td {
+ border: transparent solid;
+ border-width: 2px 1px 4px 3px;
+ padding: 1px 2px 4px 3px;
+ empty-cells: show;
+ }
+
+ div { height: 10px; width: 50px; }
+
+ table.color tbody.t { background-color: aqua; }
+
+ table.imagetl tbody.t, table.imagebr tbody.t {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ table.imagetl tbody.t { background-position: top left; /* default */ }
+ table.imagebr tbody.t { background-position: bottom right; /* default */ }
+
+ </style>
+</head>
+<body>
+
+<table class="color">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagetl">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagebr">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-table-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-table-001-ref.xht
new file mode 100644
index 0000000000..8ea8494246
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-table-001-ref.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>Table background tests</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ /*
+ table {
+ margin: 0px 3px 2px 4px;
+ border-width: 4px 2px 7px 3px;
+
+ border-box height is 145px:
+ border-top: 4px;
+ padding-top: 3px
+ border-spacing: 3px * 6 == 18px
+ cell * 5: == 21px * 5 == 105px
+ border-top: 2px;
+ padding-top: 1px;
+ height: 10px;
+ padding-bottom: 4px;
+ border-bottom: 4px;
+ padding-bottom: 8px;
+ border-bottom: 7px;
+
+ border-box width is 325px:
+ border-left: 3px;
+ padding-left: 6px
+ border-spacing: 2px * 6 == 12px
+ cell * 5: == 59px * 5 == 295px
+ border-left: 3px;
+ padding-left: 3px;
+ width: 50px;
+ padding-right: 2px;
+ border-right: 1px;
+ padding-right: 7px;
+ border-right: 2px;
+ */
+
+ div { width: 325px; height: 145px; margin: 0px 3px 2px 4px; }
+ div.color { background-color: aqua; }
+
+ div.imagetl, div.imagebr {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ div.imagetl { background-position: 3px 4px; }
+ div.imagebr { background-position: 323px 138px; }
+
+ </style>
+</head>
+<body>
+
+<div class="color"></div>
+<div class="imagetl"></div>
+<div class="imagebr"></div>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-table-001.xht
new file mode 100644
index 0000000000..2d137df979
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-table-001.xht
@@ -0,0 +1,110 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head>
+ <title>CSS Test: table backgrounds</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <link rel="match" href="table-backgrounds-bs-table-001-ref.xht"/>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Style-Type" content="text/css" />
+ <style type="text/css">
+
+ html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
+ body { padding: 15px; }
+
+ table {
+ margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
+ border: transparent solid;
+ border-width: 4px 2px 7px 3px;
+ padding: 3px 7px 8px 6px;
+ border-collapse: separate;
+ border-spacing: 2px 3px;
+ }
+
+ td {
+ border: transparent solid;
+ border-width: 2px 1px 4px 3px;
+ padding: 1px 2px 4px 3px;
+ empty-cells: show;
+ }
+
+ div { height: 10px; width: 50px; }
+
+ table.color { background-color: aqua; }
+
+ table.imagetl, table.imagebr {
+ background-image: url(support/repeatable-diagonal-gradient-with-ticks.png);
+ }
+
+ table.imagetl { background-position: top left; /* default */ }
+ table.imagebr { background-position: bottom right; /* default */ }
+
+ </style>
+</head>
+<body>
+
+<table class="color">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagetl">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+<table class="imagebr">
+ <colgroup><col /></colgroup>
+ <colgroup class="t">
+ <col />
+ <col class="t" />
+ <col />
+ </colgroup>
+ <colgroup><col /></colgroup>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody class="t">
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+ <tbody>
+ <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
+ </tbody>
+</table>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-borders-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-borders-001.xht
new file mode 100644
index 0000000000..d76e33637c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-borders-001.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Borders on Table Elements (row groups)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
+ <meta name="assert" content="Borders can be applied to row groups (through the use of tbody elements)." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ tbody
+ {
+ border: 3px solid black;
+ }
+ td
+ {
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box is divided into a top and bottom half.</p>
+ <table>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-borders-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-borders-002.xht
new file mode 100644
index 0000000000..25fee10910
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-borders-002.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Borders on Table Elements (rows)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
+ <meta name="assert" content="Borders can be applied to table rows." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ tr
+ {
+ border: 3px solid black;
+ }
+ td
+ {
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box is divided into four equal horizontal strips.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-borders-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-borders-003.xht
new file mode 100644
index 0000000000..c02a445c4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-borders-003.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Borders on Table Elements (column-groups)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
+ <meta name="assert" content="Borders can be applied to table column groups." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ colgroup
+ {
+ border: 3px solid black;
+ }
+ td
+ {
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box is divided into a left half and a right half.</p>
+ <table>
+ <colgroup>
+ <col />
+ <col />
+ </colgroup>
+ <colgroup>
+ <col />
+ <col />
+ </colgroup>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-borders-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-borders-004.xht
new file mode 100644
index 0000000000..73696a9fbd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-borders-004.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Borders on Table Elements (columns)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
+ <meta name="assert" content="Borders can be applied to table columns." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ col
+ {
+ border: 5px solid black;
+ }
+ td
+ {
+ width: 2em;
+ height: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box is divided into four equal vertical strips.</p>
+ <table>
+ <col />
+ <col />
+ <col />
+ <col />
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-borders-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-borders-005.xht
new file mode 100644
index 0000000000..04ffd18d7b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-borders-005.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Borders on Table Elements (cell)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
+ <meta name="assert" content="Border can be applied to table cells." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ border: 3px solid black;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box is divided into four squares.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-caption-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-caption-001.xht
new file mode 100644
index 0000000000..1f388ba0bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-caption-001.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="An element with 'display: table-caption' is rendered as if it were a table caption." />
+ <style type="text/css">
+ .table
+ {
+ display: table;
+ }
+ .caption
+ {
+ display: table-caption;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ height: 3em;
+ width: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" is above the box.</p>
+ <div class="table">
+ <div class="caption">Filler Text</div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-caption-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-caption-002.xht
new file mode 100644
index 0000000000..1401a230b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-caption-002.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Tables: Multiple captions</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/caption/001.html" type="text/html" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes" />
+ <style type="text/css">
+ .table
+ {
+ display: table;
+ }
+ .caption
+ {
+ display: table-caption;
+ color: green;
+ }
+ .row
+ {
+ display: table-row;
+ color: green;
+ }
+ .cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body class="table">
+ <div class="cell">Test passes if the numbers above are in order from top-to-bottom (1-3) and the number below are in order from top-to-bottom (4-6).</div>
+ <div class="row">4. This line should be green.</div>
+ <div class="caption">1. This line should be green.</div>
+ <div class="caption">2. This line should be green.</div>
+ <div class="row">5. This line should be green.</div>
+ <div class="caption">3. This line should be green.</div>
+ <div class="row">6. This line should be green.</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-caption-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-caption-003.xht
new file mode 100644
index 0000000000..2cf1d765f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-caption-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Tables: Captions in the middle of tables</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/caption/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes" />
+ <style type="text/css">
+ .table { display: table; width: 100%; }
+ .caption { display: table-caption; }
+ .cell { display: table-cell; }
+ .green { color: green; }
+ </style>
+ </head>
+ <body>
+ <p>There should be two green lines below.</p>
+ <div class="table">
+ <div class="green cell"> 2. This line sho</div>
+ <div class="green caption"> 1. This line should be green. </div>
+ <div class="green cell">uld be green. </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-caption-horizontal-alignment-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-caption-horizontal-alignment-001.xht
new file mode 100644
index 0000000000..6b7d47abca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-caption-horizontal-alignment-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Horizontally aligning table caption content</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
+ <meta name="assert" content="Table caption content can be horizontally aligned with the 'text-align' property." />
+ <style type="text/css">
+ caption
+ {
+ border: 1px solid black;
+ text-align: right;
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is on the right side of the box.</p>
+ <table>
+ <caption>Filler Text</caption>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-caption-margins-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-caption-margins-001.xht
new file mode 100644
index 0000000000..bf6d384923
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-caption-margins-001.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table Caption Margin Collapsing</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" title="17.4 Tables in the visual formatting model" />
+ <meta name="assert" content="The table caption's margins do not collapse
+ with the margins applied to the table wrapper box."/>
+ <style type="text/css">
+ .control {
+ margin: 15px;
+ width: 6em;
+ border: 15px red;
+ border-style: solid none;
+ background: repeat-x 0 40px url(support/swatch-red.png);
+ }
+ .container {
+ margin: -15px 0;
+ border: solid blue 15px;
+ border-style: solid none;
+ }
+ .table {
+ display: table;
+ height: 15px;
+ width: 6em;
+ margin: 20px 0 40px;
+ background: blue;
+ }
+ .caption {
+ display: table-caption;
+ height: 15px;
+ width: 6em;
+ background: blue;
+ margin: 20px 0 40px;
+ }
+ </style>
+
+ </head>
+ <body>
+ <p>There must be four evenly-spaced blue bars and no red.</p>
+ <div class="control">
+ <div class="container">
+ <div class="table">
+ <div class="caption"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-caption-optional-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-caption-optional-001.xht
new file mode 100644
index 0000000000..d5ade46b4c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-caption-optional-001.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Tables with and without the optional caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The table caption is optional - a table can be rendered with or without it." />
+ <style type="text/css">
+ .table
+ {
+ display: table;
+ }
+ .caption
+ {
+ display: table-caption;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ height: 50px;
+ width: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top square below has "Filler Text" directly above it and the bottom square does not.</p>
+ <div class="table">
+ <div class="caption">Filler Text</div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ <div>&nbsp;</div>
+ <div class="table">
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-caption-optional-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-caption-optional-002.xht
new file mode 100644
index 0000000000..bc203cf91b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-caption-optional-002.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-tables with and without the optional caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="A caption on an inline-table is optional - an inline table can be rendered with or without it." />
+ <style type="text/css">
+ .table
+ {
+ display: inline-table;
+ }
+ .caption
+ {
+ display: table-caption;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ height: 50px;
+ width: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the left square below has "Filler Text" directly above it and the square on the right does not.</p>
+ <div>
+ <span class="table">
+ <span class="caption">Filler Text</span>
+ <span class="tr">
+ <span class="td"></span>
+ <span class="td"></span>
+ </span>
+ <span class="tr">
+ <span class="td"></span>
+ <span class="td"></span>
+ </span>
+ </span>
+ &nbsp;&nbsp;
+ <span class="table">
+ <span class="tr">
+ <span class="td"></span>
+ <span class="td"></span>
+ </span>
+ <span class="tr">
+ <span class="td"></span>
+ <span class="td"></span>
+ </span>
+ </span>
+ </div>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-cell-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-cell-001.xht
new file mode 100644
index 0000000000..37a5ffda29
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-cell-001.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+ <meta name="assert" content="An element with 'display: table-cell' is rendered as if it were a table cell." />
+ <style type="text/css">
+ .table
+ {
+ display: table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ height: 48px;
+ width: 48px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div class="table">
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-cell-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-cell-002.xht
new file mode 100644
index 0000000000..03a0a04fa5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-cell-002.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Image as 'display: table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="flags" content="image" />
+ <meta name="assert" content="An image element can have a display value of 'table-cell'." />
+ <style type="text/css">
+ .table
+ {
+ display: table;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: blue;
+ display: table-cell;
+ height: 15px;
+ width: 15px;
+ }
+ img
+ {
+ display: table-cell;
+ height: 15px;
+ width: 15px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue square below.</p>
+ <div class="table">
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <img src="support/blue15x15.png" alt="THIS TEST FAILED." />
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-column-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-column-001.xht
new file mode 100644
index 0000000000..f66299cbe6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-column-001.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="An element with 'display: table-column' as if it were a table column." />
+ <style type="text/css">
+ .table
+ {
+ display: table;
+ }
+ .column
+ {
+ background: black;
+ display: table-column;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div class="table">
+ <div class="column"></div>
+ <div class="column"></div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-column-group-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-column-group-001.xht
new file mode 100644
index 0000000000..c438f73e04
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-column-group-001.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="An element with 'display: table-column-group' is rendered as if it were a table column group." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .colgroup
+ {
+ background: black;
+ display: table-column-group;
+ }
+ .column
+ {
+ display: table-column;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ width: 2em;
+ height: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div class="colgroup">
+ <div class="column"></div>
+ <div class="column"></div>
+ </div>
+ <div class="colgroup">
+ <div class="column"></div>
+ <div class="column"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-001.xht
new file mode 100644
index 0000000000..fd827e5b63
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table columns are not rendered</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="Table columns in themselves are not rendered." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #col
+ {
+ background: red;
+ display: table-column;
+ height: 5em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div id="col"></div>
+ </div>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-002.xht
new file mode 100644
index 0000000000..e4496dc802
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table column groups are not rendered</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="Table column groups in themselves are not rendered." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #colgroup
+ {
+ background: red;
+ display: table-column-group;
+ height: 5em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div id="colgroup"></div>
+ </div>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-003.xht
new file mode 100644
index 0000000000..97af7bfdf4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-003.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table columns can induce a style on their cells</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="Table columns can induce a style (background-color) on the cells they occupy." />
+ <style type="text/css">
+ .table
+ {
+ display: table;
+ }
+ .col
+ {
+ display: table-column;
+ }
+ #test
+ {
+ background: blue;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ border: 1px solid black;
+ display: table-cell;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle column of the three-by-three table below is blue.</p>
+ <div class="table">
+ <div class="col"></div>
+ <div id="test" class="col"></div>
+ <div class="col"></div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-004.xht
new file mode 100644
index 0000000000..0998d8f071
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-004.xht
@@ -0,0 +1,67 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table column groups can induce a style on their cells</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="Table column groups can induce a style (background-color) on the cells they occupy." />
+ <style type="text/css">
+ .table
+ {
+ display: table;
+ }
+ .colgroup
+ {
+ display: table-column-group;
+ }
+ #test
+ {
+ background: blue;
+ }
+ .col
+ {
+ display: table-column;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ border: 1px solid black;
+ display: table-cell;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle column of the three-by-three table below is blue.</p>
+ <div class="table">
+ <div class="colgroup">
+ <div class="col"></div>
+ </div>
+ <div class="colgroup" id="test">
+ <div class="col"></div>
+ </div>
+ <div class="colgroup">
+ <div class="col"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-columns-example-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-columns-example-001.xht
new file mode 100644
index 0000000000..c7705d837a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-columns-example-001.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table columns - Emulating the HTML table 'rules' attribute on columns</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" />
+ <meta name="assert" content="CSS can be used to emmulate the HTML 'rules = cols' attribute (example from section 17.3)." />
+ <style type="text/css">
+ .t1
+ {
+ border-collapse: collapse;
+ border-style: hidden;
+ }
+ .col1
+ {
+ border-style: none solid;
+ }
+ td
+ {
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <table class="t1">
+ <col class="col1" />
+ <col class="col1" />
+ <col class="col1" />
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ <p>Test passes if the vertical lines above this text match the vertical lines below this text (differing only in boldness).</p>
+ <table rules="cols">
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-columns-example-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-columns-example-002.xht
new file mode 100644
index 0000000000..b406b80bc4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-columns-example-002.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table columns - Assigning a background to a column</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" />
+ <meta name="assert" content="A specific column class can be selected for a blue background (example from section 17.3)." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ col
+ {
+ border-style: solid;
+ }
+ col.totals
+ {
+ background: blue;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle column of the three-by-three grid is blue.</p>
+ <table>
+ <col />
+ <col class="totals" />
+ <col />
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-columns-example-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-columns-example-003.xht
new file mode 100644
index 0000000000..64991fd0b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-columns-example-003.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table columns - assigning a fixed size to a column</title>
+ <link rel="author" title="W3C" href="http://www.w3c.org" />
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" />
+ <meta name="assert" content="A specific width can be set on a table column (modified example from section 17.3)." />
+ <style type="text/css">
+ #reference
+ {
+ background: blue;
+ height: 1em;
+ width: 100px;
+ }
+ table
+ {
+ background: black;
+ table-layout: fixed;
+ width: 50px;
+ }
+ col.totals
+ {
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <table cellspacing="0">
+ <col class="totals" />
+ <tr>
+ <td>X</td>
+ </tr>
+ <tr>
+ <td>X</td>
+ </tr>
+ <tr>
+ <td>X</td>
+ </tr>
+ </table>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-footer-group-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-001.xht
new file mode 100644
index 0000000000..fb2338caf4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-001.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="An element with 'display: table-footer-group' is rendered as if it were a table footer group." />
+ <style type="text/css">
+ .table
+ {
+ background: blue;
+ border: 2px solid black;
+ display: table;
+ }
+ .footer
+ {
+ background: white;
+ display: table-footer-group;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below, and the top half of the square is blue.</p>
+ <div class="table">
+ <div class="footer">
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-footer-group-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-002.xht
new file mode 100644
index 0000000000..a041b45789
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-002.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table footer group and other row groups</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="A table-footer-group element is placed after all other row groups in a table." />
+ <style type="text/css">
+ .table
+ {
+ display: table;
+ }
+ #thead
+ {
+ background: orange;
+ display: table-header-group;
+ }
+ #tbody
+ {
+ background: orange;
+ display: table-row-group;
+ }
+ #tfoot
+ {
+ background: blue;
+ display: table-footer-group;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 4em;
+ width: 4em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square below is stacked below the orange box.</p>
+ <div class="table">
+ <div id="tfoot">
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ </div>
+ <div id="tbody">
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ </div>
+ <div id="thead">
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-footer-group-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-003.xht
new file mode 100644
index 0000000000..dc12fca718
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-003.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table footer group and top captions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="A table-footer-group element is placed before any bottom captions." />
+ <style type="text/css">
+ .table
+ {
+ display: table;
+ }
+ .caption
+ {
+ background: orange;
+ border: 1px solid black;
+ caption-side: bottom;
+ color: orange;
+ display: table-caption;
+ height: 4em;
+ width: 4em;
+ }
+ #tfoot
+ {
+ background: blue;
+ display: table-footer-group;
+ }
+ #tbody
+ {
+ background: orange;
+ display: table-row-group;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ border: 1px solid black;
+ display: table-cell;
+ height: 4em;
+ width: 4em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square below is stacked above either one or two orange squares and has one orange square above it.</p>
+ <div class="table">
+ <div class="caption"></div>
+ <div class="caption"></div>
+ <div id="tfoot">
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ </div>
+ <div id="tbody">
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-footer-group-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-004.xht
new file mode 100644
index 0000000000..f414129df6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-004.xht
@@ -0,0 +1,129 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Repeating table footer groups in paged media</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="flags" content="may paged" />
+ <meta name="assert" content="Print user agents may repeat footer rows on each page spanned by a table (non-normative rule)." />
+ <style type="text/css">
+ .table
+ {
+ display: table;
+ }
+ #tfoot
+ {
+ background: orange;
+ display: table-footer-group;
+ }
+ #tbody
+ {
+ display: table-row-group;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ border: 1px solid black;
+ display: table-cell;
+ height: 4em;
+ width: 4em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below either repeats or doesn't repeat on the bottom of each page in paged media view.</p>
+ <div class="table">
+ <div id="tfoot">
+ <div class="tr">
+ <div class="td">Filler Text</div>
+ </div>
+ </div>
+ <div id="tbody">
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-footer-group-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-005.xht
new file mode 100644
index 0000000000..b20320b3ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-005.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Multiple table footer groups</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="A table containing multiple table-footer-group elements only uses the first one as its footer and treats the others as table row groups." />
+ <style type="text/css">
+ .table
+ {
+ display: table;
+ }
+ .tfoot
+ {
+ display: table-footer-group;
+ }
+ .tbody
+ {
+ display: table-row-group;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ border: 1px solid black;
+ color: blue;
+ display: table-cell;
+ font-size: 3em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if from top-to-bottom, the boxes are labeled one through six.</p>
+ <div class="table">
+ <div class="tbody">
+ <div class="tr">
+ <div class="td">1</div>
+ </div>
+ </div>
+ <div class="tfoot">
+ <div class="tr">
+ <div class="td">6</div>
+ </div>
+ </div>
+ <div class="tfoot">
+ <div class="tr">
+ <div class="td">2</div>
+ </div>
+ </div>
+ <div class="tbody">
+ <div class="tr">
+ <div class="td">3</div>
+ </div>
+ </div>
+ <div class="tfoot">
+ <div class="tr">
+ <div class="td">4</div>
+ </div>
+ </div>
+ <div class="tbody">
+ <div class="tr">
+ <div class="td">5</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-header-group-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-header-group-001.xht
new file mode 100644
index 0000000000..0b3a595cb7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-header-group-001.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="An element with 'display: table-header-group' is rendered as if it were a table header group." />
+ <style type="text/css">
+ .table
+ {
+ border: 2px solid black;
+ display: table;
+ }
+ .header
+ {
+ background: blue;
+ display: table-header-group;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below, and the top half of the square is blue.</p>
+ <div class="table">
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="header">
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-header-group-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-header-group-002.xht
new file mode 100644
index 0000000000..0e03b0a045
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-header-group-002.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table header group and other row groups</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="A table-header-group element is placed before all other row groups in a table." />
+ <style type="text/css">
+ .table
+ {
+ display: table;
+ }
+ #thead
+ {
+ background: blue;
+ display: table-header-group;
+ }
+ #tbody
+ {
+ background: orange;
+ display: table-row-group;
+ }
+ #tfoot
+ {
+ background: orange;
+ display: table-footer-group;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 4em;
+ width: 4em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square below is stacked on top of the orange box.</p>
+ <div class="table">
+ <div id="tfoot">
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ </div>
+ <div id="tbody">
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ </div>
+ <div id="thead">
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-header-group-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-header-group-003.xht
new file mode 100644
index 0000000000..564ce67620
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-header-group-003.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table header group and top captions</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="A table-header-group element is placed after any top captions." />
+ <style type="text/css">
+ .table
+ {
+ display: table;
+ }
+ .caption
+ {
+ border: 1px solid black;
+ background: orange;
+ caption-side: top;
+ color: orange;
+ display: table-caption;
+ height: 4em;
+ width: 4em;
+ }
+ #thead
+ {
+ display: table-header-group;
+ background: blue;
+ }
+ #tbody
+ {
+ display: table-row-group;
+ background: orange;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ border: 1px solid black;
+ height: 4em;
+ width: 4em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue square below is stacked beneath either one or two orange squares and has one orange square underneath it.</p>
+ <div class="table">
+ <div id="tbody">
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ </div>
+ <div id="thead">
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ </div>
+ <div class="caption"></div>
+ <div class="caption"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-header-group-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-header-group-004.xht
new file mode 100644
index 0000000000..c489e05da9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-header-group-004.xht
@@ -0,0 +1,129 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Repeating table header groups in paged media</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="flags" content="may paged" />
+ <meta name="assert" content="Print user agents may repeat header rows on each page spanned by a table (non-normative rule)." />
+ <style type="text/css">
+ .table
+ {
+ display: table;
+ }
+ #thead
+ {
+ background: orange;
+ display: table-header-group;
+ }
+ #tbody
+ {
+ display: table-row-group;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ border: 1px solid black;
+ display: table-cell;
+ height: 4em;
+ width: 4em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below either repeats or doesn't repeat on the top of each page in paged media view.</p>
+ <div class="table">
+ <div id="thead">
+ <div class="tr">
+ <div class="td">Filler Text</div>
+ </div>
+ </div>
+ <div id="tbody">
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-header-group-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-header-group-005.xht
new file mode 100644
index 0000000000..64eea2e4e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-header-group-005.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Multiple table header groups</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="A table containing multiple table-header-group elements only uses the first one as its header and treats the others as table row groups." />
+ <style type="text/css">
+ .table
+ {
+ display: table;
+ }
+ .thead
+ {
+ display: table-header-group;
+ }
+ .tbody
+ {
+ display: table-row-group;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ border: 1px solid black;
+ color: blue;
+ display: table-cell;
+ font-size: 3em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if from top-to-bottom, the boxes are labeled one through six.</p>
+ <div class="table">
+ <div class="tbody">
+ <div class="tr">
+ <div class="td">2</div>
+ </div>
+ </div>
+ <div class="thead">
+ <div class="tr">
+ <div class="td">1</div>
+ </div>
+ </div>
+ <div class="thead">
+ <div class="tr">
+ <div class="td">3</div>
+ </div>
+ </div>
+ <div class="tbody">
+ <div class="tr">
+ <div class="td">4</div>
+ </div>
+ </div>
+ <div class="thead">
+ <div class="tr">
+ <div class="td">5</div>
+ </div>
+ </div>
+ <div class="tbody">
+ <div class="tr">
+ <div class="td">6</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-001.xht
new file mode 100644
index 0000000000..edaccc96b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-001.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table height of 'auto' equals sum of row heights, cell spacing and borders</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A table height of 'auto' equals the sum of the row heights plus any cell spacing and borders." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #reference
+ {
+ background: blue;
+ height: 13em;
+ width: 12em;
+ }
+ table
+ {
+ background: black;
+ border-spacing: 1em;
+ height: auto;
+ padding: 0;
+ }
+ td
+ {
+ border: 1em solid black;
+ padding: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same height.</p>
+ <div id="reference">
+ <table>
+ <tr>
+ <td>X</td>
+ </tr>
+ <tr>
+ <td>X</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-002.xht
new file mode 100644
index 0000000000..d73b311523
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-002.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Specified table height is treated as minimum height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A specified table height value is treated as the minimum height of the table." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #reference
+ {
+ background: black;
+ font: 16px/1em Ahem;
+ height: 10em;
+ width: 20em;
+ }
+ table
+ {
+ border-spacing: 0;
+ padding: 0;
+ }
+ .t1
+ {
+ height: 4em;
+ background: blue;
+ color: blue;
+ }
+ .t2
+ {
+ height: 5em;
+ background: purple;
+ color: purple;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and purple boxes below are half the height of the black box.</p>
+ <div id="reference">
+ <table class="t1">
+ <tr>
+ <td>XXXXXXXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXXXXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXXXXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXXXXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXXXXXXX</td>
+ </tr>
+ </table>
+ <table class="t2">
+ <tr>
+ <td>XXXXXXXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXXXXXXX</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-003.xht
new file mode 100644
index 0000000000..cd12494e75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-003.xht
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Specified row height is treated as minimum row height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A specified row height value is treated as the minimum height of the row." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #ruler
+ {
+ background: black;
+ font: 16px/1em Ahem;
+ height: 10em;
+ width: 20em;
+ }
+ table
+ {
+ border-spacing: 0;
+ }
+ .t1
+ {
+ background: blue;
+ color: blue;
+ }
+ .t2
+ {
+ background: purple;
+ color: purple;
+ }
+ .r1
+ {
+ height: 0.5em;
+ }
+ .r2
+ {
+ height: 5em;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and purple boxes below are half the height of the black box.</p>
+ <div id="ruler">
+ <table class="t1">
+ <tr class="r1">
+ <td>XXXXXXXXXX</td>
+ </tr>
+ <tr class="r1">
+ <td>XXXXXXXXXX</td>
+ </tr>
+ <tr class="r1">
+ <td>XXXXXXXXXX</td>
+ </tr>
+ <tr class="r1">
+ <td>XXXXXXXXXX</td>
+ </tr>
+ <tr class="r1">
+ <td>XXXXXXXXXX</td>
+ </tr>
+ </table>
+ <table class="t2">
+ <tr class="r2">
+ <td>XXXXXXXXXX</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-004.xht
new file mode 100644
index 0000000000..2ea4937095
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-004.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Specifying 'auto' height on a row assigns it its minimum content height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="This tests that setting 'height: auto' on a row assigns the row its minimum content height." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #reference
+ {
+ background: blue;
+ font: 20px/1em Ahem;
+ height: 10em;
+ width: 20em;
+ }
+ table
+ {
+ background: black;
+ border-spacing: 0;
+ }
+ tr
+ {
+ height: auto;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same height.</p>
+ <div id="reference">
+ <table>
+ <tr>
+ <td>XXXXXXXXXX<br />
+ XXXXXXXXXX<br />
+ XXXXXXXXXX<br />
+ XXXXXXXXXX<br />
+ XXXXXXXXXX<br />
+ XXXXXXXXXX<br />
+ XXXXXXXXXX<br />
+ XXXXXXXXXX<br />
+ XXXXXXXXXX<br />
+ XXXXXXXXXX<br />
+ </td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008.xht
new file mode 100644
index 0000000000..c490826d0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008.xht
@@ -0,0 +1,67 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height of a cell is maximum between its specified 'height' and content minimum height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The height of a cell is the maximum between its specified 'height' and content minimum height." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #reference
+ {
+ background: black;
+ font: 16px/1em Ahem;
+ height: 10em;
+ width: 20em;
+ }
+ table
+ {
+ border-spacing: 0;
+ }
+ td
+ {
+ padding: 0;
+ }
+ .c1
+ {
+ background: blue;
+ color: blue;
+ height: 1em;
+ }
+ .c2
+ {
+ background: purple;
+ color: purple;
+ height: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and purple boxes below are half the height of the black box.</p>
+ <div id="reference">
+ <table>
+ <tr>
+ <td class="c1">XXXXXXXXXX</td>
+ </tr>
+ <tr>
+ <td class="c1">XXXXXXXXXX</td>
+ </tr>
+ <tr>
+ <td class="c1">XXXXXXXXXX</td>
+ </tr>
+ <tr>
+ <td class="c1">XXXXXXXXXX</td>
+ </tr>
+ <tr>
+ <td class="c1">XXXXXXXXXX</td>
+ </tr>
+ </table>
+ <table>
+ <tr>
+ <td class="c2">XXXXXXXXXX</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008a.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008a.xht
new file mode 100644
index 0000000000..eaaf04f759
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008a.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Height of a cell is maximum between its specified 'height' and content minimum height</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="The height of a 'table-row' element's box is the maximum of the row's computed 'height', the computed 'height' of each cell in such row and the minimum height required by the content of the cells. The height of a cell is the maximum between its specified 'height' and the minimum height required by its content." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ table#overlapping-green-test
+ {
+ border-spacing: 0px;
+ font: 20px/1 Ahem;
+ }
+
+ td
+ {
+ background-color: green; /* so that the padding area gets painted green */
+ color: green;
+ height: 3em;
+ padding: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <table id="overlapping-green-test">
+ <tr>
+ <td>123</td>
+ </tr>
+ </table>
+
+ <!--
+ Such single cell's box should be 5em wide and 5em tall
+ while its content area should be 3em wide and 3em tall.
+ -->
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008b.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008b.xht
new file mode 100644
index 0000000000..a0e811ad3d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008b.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Height of a cell is maximum between its specified 'height' and content minimum height</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="The height of a 'table-row' element's box is the maximum of the row's computed 'height', the computed 'height' of each cell in such row and the minimum height required by the content of the cells. The height of a cell is the maximum between its specified 'height' and the minimum height required by its content." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ table#overlapping-green-test
+ {
+ border-spacing: 0px;
+ font: 20px/1 Ahem;
+ }
+
+ td
+ {
+ background-color: green;
+ border: green solid 1em;
+ color: green;
+ height: 3em;
+ padding: 0em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <table id="overlapping-green-test">
+ <tr>
+ <td>123</td>
+ </tr>
+ </table>
+
+ <!--
+ Such single cell's box should be 5em wide and 5em tall
+ while its content area should be 3em wide and 3em tall.
+ -->
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008c.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008c.xht
new file mode 100644
index 0000000000..092e7cf0fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008c.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Height of a cell is maximum between its specified 'height' and content minimum height</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="The height of a 'table-row' element's box is the maximum of the row's computed 'height', the computed 'height' of each cell in such row and the minimum height required by the content of the cells. The height of a cell is the maximum between its specified 'height' and the minimum height required by its content." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div#overlapped-red-reference
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ table#overlapping-green-test
+ {
+ border-spacing: 0px;
+ font: 20px/1 Ahem;
+ }
+
+ td
+ {
+ background-color: green; /* so that the padding area gets painted green */
+ border: green solid 0.5em;
+ color: green;
+ height: 3em;
+ padding: 0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red-reference"></div>
+
+ <table id="overlapping-green-test">
+ <tr>
+ <td>123</td>
+ </tr>
+ </table>
+
+ <!--
+ Such single cell's box should be 5em wide and 5em tall
+ while its content area should be 3em wide and 3em tall.
+ -->
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-009.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-009.xht
new file mode 100644
index 0000000000..19ecc812a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-009.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height value of 'auto' on a cell assigns it its content minimum height</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A 'height' value of 'auto' on a cell assigns it its content minimum height." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #reference
+ {
+ background: blue;
+ font: 20px/1em Ahem;
+ height: 10em;
+ width: 10em;
+ }
+ table
+ {
+ background: black;
+ border-spacing: 0;
+ }
+ td
+ {
+ height: auto;
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same height.</p>
+ <div id="reference">
+ <table>
+ <tr>
+ <td>XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ </td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-010.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-010.xht
new file mode 100644
index 0000000000..b303c66bdd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-010.xht
@@ -0,0 +1,82 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Sum of row heights of a spanning cell must be great enough to encompass the full cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The sum of row heights for a spanning cell are great enough to encompass the full cell." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #ruler
+ {
+ background: blue;
+ font: 20px/1em Ahem;
+ height: 10em;
+ width: 20em;
+ }
+ table
+ {
+ background: black;
+ border-spacing: 0;
+ }
+ tr
+ {
+ height: 1em;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same height.</p>
+ <div id="ruler">
+ <table>
+ <tr>
+ <td rowspan="10">
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ </td>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-011.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-011.xht
new file mode 100644
index 0000000000..fb9bf412d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-011.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align set to 'baseline' aligns the cell content baseline with baseline of the row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="assert" content="A cell with Vertical-align set to 'baseline' aligns the cell's content baseline with the baseline of the row." />
+ <style type="text/css">
+ td
+ {
+ vertical-align: baseline;
+ }
+ #big
+ {
+ font-size: 30px;
+ }
+ #bigger
+ {
+ font-size: 60px;
+ }
+ #biggest
+ {
+ font-size: 90px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the bottom of "Filler Text" below is aligned.</p>
+ <table>
+ <tr>
+ <td id="big">FillerText</td>
+ <td id="bigger">FillerText</td>
+ <td id="biggest">FillerText</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-012.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-012.xht
new file mode 100644
index 0000000000..ed6d2b4337
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-012.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align set to 'baseline' with a spanning cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="assert" content="A spanning cell with Vertical-align set to 'baseline' aligns the cell's content baseline (which is the bottom of the first line of text or in-flow content) with the baseline of the first of the rows it spans." />
+ <style type="text/css">
+ td
+ {
+ vertical-align: baseline;
+ }
+ #small
+ {
+ font-size: small;
+ }
+ #large
+ {
+ font-size: large;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the bottom of "Filler Text" below is aligned.</p>
+ <table>
+ <tr>
+ <td>
+ <div id="small">Filler Text</div>
+ </td>
+ <td rowspan="2">
+ <div id="large">Filler Text</div>
+ </td>
+ </tr>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-013.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-013.xht
new file mode 100644
index 0000000000..7f7486b8b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-013.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align set to 'top' aligns cell content to the top of the cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="assert" content="A cell with Vertical-align set to 'top' aligns a cell's content to the top of the cell." />
+ <style type="text/css">
+ table
+ {
+ height: 100px;
+ }
+ td
+ {
+ border: 1px solid black;
+ vertical-align: top;
+ }
+ #small
+ {
+ font-size: 10pt;
+ }
+ #medium
+ {
+ font-size: 20pt;
+ }
+ #large
+ {
+ font-size: 30pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is vertically aligned to the top of their boxes.</p>
+ <table>
+ <tr>
+ <td>
+ <div id="small">Filler Text</div>
+ </td>
+ <td>
+ <div id="medium">Filler Text</div>
+ </td>
+ <td>
+ <div id="large">Filler Text</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-014.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-014.xht
new file mode 100644
index 0000000000..158a5b7611
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-014.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align set to 'top' with a spanning cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="assert" content="A spanning cell with Vertical-align set to 'top' aligns the cell's content to the top of the first row that it spans." />
+ <style type="text/css">
+ table
+ {
+ height: 100px;
+ }
+ td
+ {
+ border: 1px solid black;
+ vertical-align: top;
+ }
+ #small
+ {
+ font-size: small;
+ }
+ #large
+ {
+ font-size: large;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is vertically aligned to the top of their boxes.</p>
+ <table>
+ <tr>
+ <td>
+ <div id="small">Filler Text</div>
+ </td>
+ <td rowspan="2">
+ <div id="large">Filler Text</div>
+ </td>
+ </tr>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-015.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-015.xht
new file mode 100644
index 0000000000..b9f66316cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-015.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align set to 'bottom' aligns cell content to the bottom of the cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="assert" content="A cell with Vertical-align set to 'bottom' aligns the cell's content to the bottom of the cell." />
+ <style type="text/css">
+ table
+ {
+ height: 100px;
+ }
+ td
+ {
+ border: 1px solid black;
+ vertical-align: bottom;
+ }
+ #small
+ {
+ font-size: 10pt;
+ }
+ #medium
+ {
+ font-size: 20pt;
+ }
+ #large
+ {
+ font-size: 30pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is vertically aligned to the bottom of their boxes.</p>
+ <table>
+ <tr>
+ <td>
+ <div id="small">Filler Text</div>
+ </td>
+ <td>
+ <div id="medium">Filler Text</div>
+ </td>
+ <td>
+ <div id="large">Filler Text</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-016.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-016.xht
new file mode 100644
index 0000000000..737e4a4631
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-016.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align set to 'bottom' with a spanning cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="assert" content="A spanning cell with Vertical-align set to 'bottom' aligns the cell's content to the bottom of the last row it spans." />
+ <style type="text/css">
+ table
+ {
+ height: 100px;
+ }
+ td
+ {
+ border: 1px solid black;
+ vertical-align: bottom;
+ }
+ #small
+ {
+ font-size: small;
+ }
+ #large
+ {
+ font-size: large;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" is vertically aligned to the bottom of their boxes.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td rowspan="2">
+ <div id="small">Filler Text</div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div id="large">Filler Text</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-017.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-017.xht
new file mode 100644
index 0000000000..6a00813016
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-017.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align set to 'middle' aligns content to the middle of the cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="assert" content="A cell with Vertical-align set to 'middle' aligns cell content in the middle of the cell." />
+ <style type="text/css">
+ table
+ {
+ height: 100px;
+ }
+ td
+ {
+ border: 1px solid black;
+ vertical-align: middle;
+ }
+ #small
+ {
+ font-size: 10pt;
+ }
+ #medium
+ {
+ font-size: 20pt;
+ }
+ #large
+ {
+ font-size: 30pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is vertically aligned to the middle of their boxes.</p>
+ <table>
+ <tr>
+ <td>
+ <div id="small">Filler Text</div>
+ </td>
+ <td>
+ <div id="medium">Filler Text</div>
+ </td>
+ <td>
+ <div id="large">Filler Text</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-018.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-018.xht
new file mode 100644
index 0000000000..344f67c348
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-018.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Vertical-align set to 'middle' with a spanning cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="assert" content="A spanning cell with 'vertical-align' set to 'middle' aligns content to the vertical center of the rows it spans." />
+ <style type="text/css">
+ table
+ {
+ height: 200px;
+ }
+ #cell
+ {
+ border: 1px solid black;
+ vertical-align: middle;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is vertically aligned to the middle of the box.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td id="cell" rowspan="2">Filler Text</td>
+ </tr>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-019.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-019.xht
new file mode 100644
index 0000000000..6f3c35fc3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-019.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cell with 'vertical-align: sub' renders as 'vertical-align: baseline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="assert" content="A cell with 'vertical-align: sub' renders as if the value were 'baseline'." />
+ <style type="text/css">
+ table
+ {
+ height: 100px;
+ }
+ td
+ {
+ vertical-align: sub;
+ }
+ #small
+ {
+ font-size: 10pt;
+ }
+ #medium
+ {
+ font-size: 20pt;
+ }
+ #large
+ {
+ font-size: 30pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the bottom of "Filler Text" below is aligned.</p>
+ <table>
+ <tr>
+ <td>
+ <div id="small">Filler Text</div>
+ </td>
+ <td>
+ <div id="medium">Filler Text</div>
+ </td>
+ <td>
+ <div id="large">Filler Text</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-020.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-020.xht
new file mode 100644
index 0000000000..33d802b95a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-020.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cell with 'vertical-align: super' renders as 'vertical-align: baseline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="assert" content="A cell with 'vertical-align: super' renders as if the value were 'baseline'." />
+ <style type="text/css">
+ table
+ {
+ height: 100px;
+ }
+ td
+ {
+ vertical-align: super;
+ }
+ #small
+ {
+ font-size: 10pt;
+ }
+ #medium
+ {
+ font-size: 20pt;
+ }
+ #large
+ {
+ font-size: 30pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the bottom of "Filler Text" below is aligned.</p>
+ <table>
+ <tr>
+ <td>
+ <div id="small">Filler Text</div>
+ </td>
+ <td>
+ <div id="medium">Filler Text</div>
+ </td>
+ <td>
+ <div id="large">Filler Text</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-021.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-021.xht
new file mode 100644
index 0000000000..11df37c9bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-021.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cell with 'vertical-align: text-top' renders as 'vertical-align: baseline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="assert" content="A cell with 'vertical-align: text-top' renders as if the value were 'baseline'." />
+ <style type="text/css">
+ table
+ {
+ height: 100px;
+ }
+ td
+ {
+ vertical-align: text-top;
+ }
+ #small
+ {
+ font-size: 10pt;
+ }
+ #medium
+ {
+ font-size: 20pt;
+ }
+ #large
+ {
+ font-size: 30pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the bottom of the "Filler Text" below is aligned.</p>
+ <table>
+ <tr>
+ <td>
+ <div id="small">Filler Text</div>
+ </td>
+ <td>
+ <div id="medium">Filler Text</div>
+ </td>
+ <td>
+ <div id="large">Filler Text</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-022.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-022.xht
new file mode 100644
index 0000000000..eff6927f41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-022.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cell with 'vertical-align: text-bottom' renders as 'vertical-align: baseline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="assert" content="A cell with 'vertical-align: text-bottom' renders as if the value were 'baseline'." />
+ <style type="text/css">
+ table
+ {
+ height: 100px;
+ }
+ td
+ {
+ vertical-align: text-bottom;
+ }
+ #small
+ {
+ font-size: 10pt;
+ }
+ #medium
+ {
+ font-size: 20pt;
+ }
+ #large
+ {
+ font-size: 30pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the bottom of the "Filler Text" below is aligned.</p>
+ <table>
+ <tr>
+ <td>
+ <div id="small">Filler Text</div>
+ </td>
+ <td>
+ <div id="medium">Filler Text</div>
+ </td>
+ <td>
+ <div id="large">Filler Text</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-023.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-023.xht
new file mode 100644
index 0000000000..eeb82c8cc6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-023.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cell with 'vertical-align: [length]' renders as 'vertical-align: baseline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="assert" content="A cell with 'vertical-align: [length]' renders as if the value were 'baseline'." />
+ <style type="text/css">
+ table
+ {
+ height: 100px;
+ }
+ td
+ {
+ vertical-align: 20px;
+ }
+ #small
+ {
+ font-size: 10pt;
+ }
+ #medium
+ {
+ font-size: 20pt;
+ }
+ #large
+ {
+ font-size: 30pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the bottom of the "Filler Text" below is aligned.</p>
+ <table>
+ <tr>
+ <td>
+ <div id="small">Filler Text</div>
+ </td>
+ <td>
+ <div id="medium">Filler Text</div>
+ </td>
+ <td>
+ <div id="large">Filler Text</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-024.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-024.xht
new file mode 100644
index 0000000000..7190dbbbfa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-024.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cell with 'vertical-align: [percentage]' renders as 'vertical-align: baseline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="assert" content="A cell with 'vertical-align: [percentage]' renders as if the value were 'baseline'." />
+ <style type="text/css">
+ table
+ {
+ height: 100px;
+ }
+ td
+ {
+ vertical-align: 50%;
+ }
+ #small
+ {
+ font-size: 10pt;
+ }
+ #medium
+ {
+ font-size: 20pt;
+ }
+ #large
+ {
+ font-size: 30pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the bottom of the "Filler Text" below is aligned.</p>
+ <table>
+ <tr>
+ <td>
+ <div id="small">Filler Text</div>
+ </td>
+ <td>
+ <div id="medium">Filler Text</div>
+ </td>
+ <td>
+ <div id="large">Filler Text</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-025.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-025.xht
new file mode 100644
index 0000000000..6bc0b5330b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-025.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Finding the baseline of a cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="assert" content="The baseline of a cell is the baseline of the first in-flow line box in the cell or first in-flow table-row in the cell, whichever comes first." />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0;
+ }
+ .inline
+ {
+ display: inline-table;
+ }
+ td
+ {
+ vertical-align: baseline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the bottom of the "Filler Text" below is aligned.</p>
+ <table>
+ <tr>
+ <td>
+ <h1>Filler Text</h1>
+ <table class="inline">
+ <tr>
+ <td>&nbsp;</td>
+ </tr>
+ </table>
+ </td>
+ <td>
+ <table class="inline">
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ <h1>&nbsp;</h1>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-026.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-026.xht
new file mode 100644
index 0000000000..f67cc1c730
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-026.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Finding the baseline of a cell when no in-flow lines or rows</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="assert" content="The baseline of a cell is determined by the bottom content edge of a cell when in-flow line boxes and table rows are not present." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ border-spacing: 0;
+ height: 200px;
+ }
+ td
+ {
+ padding: 0;
+ vertical-align: baseline;
+ }
+ div, button
+ {
+ background: white;
+ border: none;
+ font: 64px serif;
+ padding: 0;
+ margin: 0;
+ }
+ div
+ {
+ margin-left: -10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single continuous, unbroken line below.</p>
+ <table>
+ <tr>
+ <td><button>__________</button></td>
+ <td><div>__________</div></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-027.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-027.xht
new file mode 100644
index 0000000000..d568f05b0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-027.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: In-flow boxes are considered scrolled to origin position when finding a baseline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="In-flow boxes are considered to be scrolled to their origin position when finding a baseline." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0;
+ color: blue;
+ font: 20px/1 Ahem;
+ }
+ td
+ {
+ padding: 0;
+ vertical-align: baseline;
+ width: 5em;
+ }
+ div
+ {
+ color: white;
+ height: 50px;
+ overflow: auto;
+ }
+ span
+ {
+ color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single blue box below with no jagged edges.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>
+ <div>
+ <span>XXXX</span>
+ XXXX XXXX XXXX
+ </div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-028.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-028.xht
new file mode 100644
index 0000000000..fd73776898
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-028.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Baseline of a cell might end up below its bottom border</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="flags" content="ahem may" />
+ <meta name="assert" content="The baseline of a cell may end up below its bottom border (modified example from spec section 17.5.3)." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ height: 100px;
+ }
+ td
+ {
+ font: 20px/1em Ahem;
+ vertical-align: baseline;
+ }
+ #cell
+ {
+ color: blue;
+ }
+ div
+ {
+ height: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes regardless if the black box is closer to the top of the page than the blue box, or it is not.</p>
+ <table>
+ <tr>
+ <td id="cell">
+ <div>Test</div>
+ XXXXXXXXXX
+ </td>
+ <td>XXXXXXXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-029.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-029.xht
new file mode 100644
index 0000000000..7f90605a05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-029.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table cells with different 'vertical-align' values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="assert" content="A table can have cells with different 'vertical-align' values." />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0;
+ height: 10em;
+ }
+ tr
+ {
+ vertical-align: top;
+ }
+ td
+ {
+ border: 1px solid black;
+ font-size: 1em;
+ padding: 0;
+ vertical-align: baseline;
+ }
+ #larger
+ {
+ font-size: 3em;
+ }
+ #middle
+ {
+ vertical-align: middle;
+ }
+ #bottom
+ {
+ vertical-align: bottom;
+ }
+ #inherit
+ {
+ vertical-align: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if from left-to-right, the bottoms of the first two letters "X" are aligned, the third letter "X" is at the top of its box, the fourth "X" is in the middle of its box, and the fifth "X" is at the bottom of its box.</p>
+ <table>
+ <tr>
+ <td>X</td>
+ <td>
+ <div id="larger">X</div>
+ </td>
+ <td id="inherit">X</td>
+ <td id="middle">X</td>
+ <td id="bottom">X</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-030.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-030.xht
new file mode 100644
index 0000000000..9e8eda855e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-030.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cell boxes smaller than their rows receive extra padding</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A cell box that is smaller than height of its row receives extra top or bottom padding." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0;
+ }
+ td
+ {
+ color: blue;
+ font: 16px/1em Ahem;
+ padding: 0;
+ vertical-align: middle;
+ }
+ #short
+ {
+ color: orange;
+ height: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is orange box to the right of the blue box and the orange box is vertically aligned to the middle of the blue box.</p>
+ <table>
+ <tr>
+ <td>
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ XXXXX<br />
+ </td>
+ <td id="short">XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-031.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-031.xht
new file mode 100644
index 0000000000..fe56e984a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-031.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table baseline and caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="assert" content="A table caption does not set the baseline for a table." />
+ <style type="text/css">
+ caption
+ {
+ color: white;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 100px;
+ vertical-align: baseline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the bottoms of the two sets of "Filler Text" below are aligned.</p>
+ <table>
+ <tr>
+ <td>
+ <table>
+ <caption>Filler Text</caption>
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </td>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-032.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-032.xht
new file mode 100644
index 0000000000..456b53b6d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-032.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Inline-table baseline and caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
+ <meta name="assert" content="A table caption does not set the baseline for an inline-table." />
+ <style type="text/css">
+ table
+ {
+ display: inline-table;
+ }
+ caption
+ {
+ color: white;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 100px;
+ vertical-align: baseline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the bottoms of the two sets of "Filler Text" below are aligned.</p>
+ <table>
+ <tr>
+ <td>
+ <table>
+ <caption>Filler Text</caption>
+ <tr>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </td>
+ <td>Filler Text</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-intro-example-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-intro-example-001.xht
new file mode 100644
index 0000000000..3cc363e887
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-intro-example-001.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Introduction to Tables (text-align, font-weight)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
+ <meta name="assert" content="'text-align' and 'font-weight' can be applied to table cells (example from spec section 17.1)." />
+ <style type="text/css">
+ caption
+ {
+ color: blue;
+ }
+ td
+ {
+ border: 1px solid blue;
+ height: 5em;
+ width: 10em;
+ }
+ th
+ {
+ border: 1px solid blue;
+ font-weight: bold;
+ height: 5em;
+ text-align: center;
+ width: 10em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the text in the left-most box column is centered in its column and darker than the text in the other columns.</p>
+ <table>
+ <caption>This is a simple 3x3 table</caption>
+ <tr id="row1">
+ <th>Header 1</th>
+ <td>Cell 1</td>
+ <td>Cell 2</td>
+ </tr>
+ <tr id="row2">
+ <th>Header 2</th>
+ <td>Cell 3</td>
+ <td>Cell 4</td>
+ </tr>
+ <tr id="row3">
+ <th>Header 3</th>
+ <td>Cell 5</td>
+ <td>Cell 6</td>
+ </tr>
+ </table>
+ </body>
+ </html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-intro-example-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-intro-example-002.xht
new file mode 100644
index 0000000000..55f79d8a75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-intro-example-002.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Introduction to Tables (vertical-align)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
+ <meta name="assert" content="'vertical-align' can be set on table cells (example from section 17.1)." />
+ <style type="text/css">
+ caption
+ {
+ color: blue;
+ }
+ td
+ {
+ border: 1px solid blue;
+ height: 5em;
+ vertical-align: middle;
+ width: 10em;
+ }
+ th
+ {
+ border: 1px solid blue;
+ height: 5em;
+ vertical-align: baseline;
+ width: 10em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the text in the left-most box column is at the very top of the column and text in the other two columns is vertically centered.</p>
+ <table>
+ <caption>This is a simple 3x3 table</caption>
+ <tr id="row1">
+ <th>Header 1</th>
+ <td>Cell 1</td>
+ <td>Cell 2</td>
+ </tr>
+ <tr id="row2">
+ <th>Header 2</th>
+ <td>Cell 3</td>
+ <td>Cell 4</td>
+ </tr>
+ <tr id="row3">
+ <th>Header 3</th>
+ <td>Cell 5</td>
+ <td>Cell 6</td>
+ </tr>
+ </table>
+ </body>
+ </html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-intro-example-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-intro-example-003.xht
new file mode 100644
index 0000000000..491c9da0c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-intro-example-003.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Introduction to Tables (border-collapse, border)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
+ <meta name="assert" content="'border-collapse' and 'border' can be set on table elements (example from section 17.1)." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ tr#row1
+ {
+ border: 3px solid blue;
+ }
+ tr#row2
+ {
+ border: 1px solid black;
+ }
+ tr#row3
+ {
+ border: 1px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is separated into three horizontal rows, and the top one has a blue border that is thicker than the borders of the other rows.</p>
+ <table>
+ <caption>This is a simple 3x3 table</caption>
+ <tr id="row1">
+ <th>Header 1</th>
+ <td>Cell 1</td>
+ <td>Cell 2</td>
+ </tr>
+ <tr id="row2">
+ <th>Header 2</th>
+ <td>Cell 3</td>
+ <td>Cell 4</td>
+ </tr>
+ <tr id="row3">
+ <th>Header 3</th>
+ <td>Cell 5</td>
+ <td>Cell 6</td>
+ </tr>
+ </table>
+ </body>
+ </html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-intro-example-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-intro-example-004.xht
new file mode 100644
index 0000000000..8d3acc0e4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-intro-example-004.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Introduction to Tables (caption-side)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
+ <meta name="assert" content="'caption-side' can be set on a table caption (example from section 17.1)." />
+ <style type="text/css">
+ caption
+ {
+ color: blue;
+ caption-side: top;
+ }
+ td
+ {
+ border: solid black;
+ }
+ th
+ {
+ border: solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if blue text (with the words 'This is a simple 3x3 table') appears above the three-by-three grid below.</p>
+ <table>
+ <caption>This is a simple 3x3 table</caption>
+ <tr id="row1">
+ <th>Header 1</th>
+ <td>Cell 1</td>
+ <td>Cell 2</td>
+ </tr>
+ <tr id="row2">
+ <th>Header 2</th>
+ <td>Cell 3</td>
+ <td>Cell 4</td>
+ </tr>
+ <tr id="row3">
+ <th>Header 3</th>
+ <td>Cell 5</td>
+ <td>Cell 6</td>
+ </tr>
+ </table>
+ </body>
+ </html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-001.xht
new file mode 100644
index 0000000000..c476eb0b22
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-001.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background on a table element shows if all elements above its layer are transparent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <meta name="assert" content="A background set on a table element will show if all table element layers above it are transparent." />
+ <style type="text/css">
+ table
+ {
+ background: black;
+ }
+ td
+ {
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <table>
+ <colgroup>
+ <col />
+ <col />
+ <col />
+ </colgroup>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-002.xht
new file mode 100644
index 0000000000..cd06d1b920
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-002.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background on a column group element shows if all elements above its layer are transparent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <meta name="assert" content="A background set on a column group element will show if all table element layers above it are transparent." />
+ <style type="text/css">
+ table
+ {
+ background: red;
+ border-collapse: collapse;
+ }
+ colgroup
+ {
+ background: green;
+ }
+ td
+ {
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup>
+ <col />
+ <col />
+ <col />
+ </colgroup>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-003.xht
new file mode 100644
index 0000000000..84ad6639dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-003.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background on a column group element shows on all of a cell that spans through it</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <meta name="flags" content="96dpi image" />
+ <meta name="assert" content="A background set on a column group element will show on all of a cell that spans outside of it, but it will not affect background image positioning." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ #blue
+ {
+ background-image: url("support/bar_with_corner_dot.png");
+ }
+ td
+ {
+ height: 50px;
+ padding: 0;
+ width: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue 'L' with a light blue dot in its upper-left corner (and no other blue dots) below.</p>
+ <table>
+ <colgroup id="blue">
+ <col />
+ </colgroup>
+ <colgroup>
+ <col />
+ </colgroup>
+ <colgroup>
+ <col />
+ </colgroup>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td colspan="3"></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-004.xht
new file mode 100644
index 0000000000..368910d66d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-004.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background on a column element shows if all elements above its layer are transparent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <meta name="assert" content="A background set on a column element will show if all table element layers above it are transparent." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ table, colgroup
+ {
+ background-color: red;
+ }
+ col
+ {
+ background-color: green;
+ }
+ td
+ {
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup>
+ <col />
+ <col />
+ <col />
+ </colgroup>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-005.xht
new file mode 100644
index 0000000000..698979bc09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-005.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background on a column element shows in all of a cell that spans through it</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <meta name="flags" content="96dpi image" />
+ <meta name="assert" content="A background set on a column element will show on all of a cell that spans outside of it, but it will not affect background image positioning." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ #blue
+ {
+ background-image: url("support/bar_with_corner_dot.png");
+ }
+ td
+ {
+ height: 50px;
+ padding: 0;
+ width: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue 'L' with a light blue dot in its upper-left corner (and no other blue dots) below.</p>
+ <table>
+ <col id="blue" />
+ <col />
+ <col />
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td colspan="3"></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-006.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-006.xht
new file mode 100644
index 0000000000..b20a305601
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-006.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background on a row group element shows if all elements above its layer are transparent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <meta name="assert" content="A background set on a row group element will show if all table element layers above it are transparent." />
+ <style type="text/css">
+ table
+ {
+ background: red;
+ border-collapse: collapse;
+ }
+ colgroup, col
+ {
+ background-color: red;
+ }
+ tbody
+ {
+ background-color: green;
+ }
+ td
+ {
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup>
+ <col />
+ <col />
+ <col />
+ </colgroup>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-007.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-007.xht
new file mode 100644
index 0000000000..f1b2e56800
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-007.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background on a row element shows if all elements above its layer are transparent</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <meta name="assert" content="A background set on a row element will show if all table element layers above it are transparent." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ table, colgroup, col, tbody
+ {
+ background-color: red;
+ }
+ tr
+ {
+ background-color: green;
+ }
+ td
+ {
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup>
+ <col />
+ <col />
+ <col />
+ </colgroup>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-008.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-008.xht
new file mode 100644
index 0000000000..a474061da1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-008.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Background on a row elements shows on all of a cell spanning through it</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <meta name="flags" content="96dpi image" />
+ <meta name="assert" content="A background set on a row element will show on all of a cell that spans outside of it, but it will not affect background image positioning." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ #blue
+ {
+ background-image: url("support/bar_with_corner_dot.png");
+ }
+ td
+ {
+ height: 50px;
+ padding: 0;
+ width: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue 'T' with three light blue dots on its top edge below.</p>
+ <table>
+ <tr id="blue">
+ <td></td>
+ <td rowspan="3"></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-009.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-009.xht
new file mode 100644
index 0000000000..a655b082a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-009.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cell element background overlays backgrounds of all other table layers</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <meta name="assert" content="A background set on a cell element will overlay the backgrounds of all table elements below it." />
+ <style type="text/css">
+ table
+ {
+ background: red;
+ border-collapse: collapse;
+ }
+ colgroup, col, tbody, tr, td
+ {
+ background: red;
+ }
+ td
+ {
+ background: green;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <colgroup>
+ <col />
+ <col />
+ <col />
+ </colgroup>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-010.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-010.xht
new file mode 100644
index 0000000000..7b4b2d62ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-010.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Hidden empty cells are transparent down to table background</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <meta name="assert" content="If 'empty-cells' is set to 'hide', empty cells are transparent all the way down to the table background." />
+ <style type="text/css">
+ table
+ {
+ background: orange;
+ border-collapse: separate;
+ border-spacing: 0;
+ }
+ colgroup, col, tbody, tr
+ {
+ background: blue;
+ }
+ td
+ {
+ height: 2em;
+ width: 2em;
+ }
+ #test
+ {
+ background: red;
+ empty-cells: hide;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an orange square in the middle of the blue square below.</p>
+ <table>
+ <colgroup>
+ <col />
+ <col />
+ <col />
+ </colgroup>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td id="test"></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-011.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-011.xht
new file mode 100644
index 0000000000..403670153d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-011.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: The background between cell borders is the table background</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <meta name="assert" content="The background between cell borders (using the separated borders model) is the background of the table element." />
+ <style type="text/css">
+ table
+ {
+ background: blue;
+ border-collapse: separate;
+ border-spacing: 5px;
+ }
+ td
+ {
+ background: white;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a three-by-three table below with blue borders.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-example-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-example-001.xht
new file mode 100644
index 0000000000..168eac65f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-example-001.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Empty cells set to 'hide' are transparent down to the table background</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" />
+ <meta name="assert" content="If 'empty-cells' is set to 'hide', empty cells are transparent all the way down to the table background, (example from spec section 17.5.1)." />
+ <style type="text/css">
+ table
+ {
+ background: #ff0;
+ border: solid black;
+ empty-cells: hide;
+ }
+ tr.top
+ {
+ background: orange;
+ }
+ td
+ {
+ border: 2px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the table below has two rows of cells with black borders, cell '2' spans both rows, and cells '1', '2', '3', '4' have a orange background. There cannot be any visible cells below cells '3' or '4'.</p>
+ <table>
+ <tr class="top">
+ <td> 1</td>
+ <td rowspan="2"> 2</td>
+ <td> 3</td>
+ <td> 4</td>
+ </tr>
+ <tr>
+ <td> 5</td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-001.xht
new file mode 100644
index 0000000000..895377447a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-001.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Cell content width is taken into account in the used width of a table when the table has 'table-layout' set to 'auto'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table, div
+ {
+ font: 1em Ahem;
+ }
+ table
+ {
+ background: black;
+ border-spacing: 0;
+ table-layout: auto;
+ width: 5em;
+ }
+ td
+ {
+ padding: 0;
+ }
+ div
+ {
+ background: black;
+ margin-top: 10px;
+ width: 10em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-002.xht
new file mode 100644
index 0000000000..34ac7e8020
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-002.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout set to 'fixed'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Cell content width is not taken into account in the used width of a table when the table has 'table-layout' set to 'fixed'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table, div
+ {
+ font: 1em Ahem;
+ }
+ table
+ {
+ background: black;
+ border-spacing: 0;
+ overflow: hidden;
+ table-layout: fixed;
+ width: 5em;
+ }
+ td
+ {
+ padding: 0;
+ }
+ div
+ {
+ background: black;
+ margin-top: 10px;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <table>
+ <tr>
+ <td>XXXXXXXX</td>
+ <td>XXXXXXXX</td>
+ </tr>
+ </table>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-003.xht
new file mode 100644
index 0000000000..3953316af1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-003.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A table can inherit its 'table-layout' behavior from its parent container." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #container
+ {
+ table-layout: fixed;
+ }
+ table, #reference
+ {
+ font: 1em Ahem;
+ }
+ table
+ {
+ background: black;
+ border-spacing: 0;
+ overflow: hidden;
+ table-layout: inherit;
+ width: 5em;
+ }
+ td
+ {
+ padding: 0;
+ }
+ #reference
+ {
+ background: black;
+ margin-top: 10px;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <div id="container">
+ <table>
+ <tr>
+ <td>XXXXXXXX</td>
+ <td>XXXXXXXX</td>
+ </tr>
+ </table>
+ </div>
+ <div id="reference">X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-001.xht
new file mode 100644
index 0000000000..b335d7d696
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-001.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout and 'display: inline' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Table-layout does not apply to 'display: inline' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ display: inline;
+ table-layout: fixed;
+ width: 10em;
+ }
+ .colgroup
+ {
+ display: table-column-group;
+ width: 5em;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ font: 1em Ahem;
+ overflow: hidden;
+ padding: 0;
+ }
+ #reference
+ {
+ background: blue;
+ height: 2em;
+ width: 20em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <div id="test">
+ <div class="colgroup"></div>
+ <div class="colgroup"></div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXXXXXX0</div>
+ <div class="td">XXXXXXXXX0</div>
+ </div>
+ </div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-002.xht
new file mode 100644
index 0000000000..5a29271d93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-002.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout and 'display: block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Table-layout does not apply to 'display: block' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ display: block;
+ table-layout: fixed;
+ width: 10em;
+ }
+ .colgroup
+ {
+ display: table-column-group;
+ width: 5em;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ font: 1em Ahem;
+ overflow: hidden;
+ padding: 0;
+ }
+ #reference
+ {
+ background: blue;
+ height: 2em;
+ width: 20em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <div id="test">
+ <div class="colgroup"></div>
+ <div class="colgroup"></div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXXXXXX0</div>
+ <div class="td">XXXXXXXXX0</div>
+ </div>
+ </div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-003.xht
new file mode 100644
index 0000000000..6eb9b4f75f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-003.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout and 'display: list-item' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Table-layout does not apply to 'display: list-item' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ margin-left: 1em;
+ }
+ #test
+ {
+ display: list-item;
+ table-layout: fixed;
+ width: 10em;
+ }
+ .colgroup
+ {
+ display: table-column-group;
+ width: 5em;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ font: 1em Ahem;
+ overflow: hidden;
+ padding: 0;
+ }
+ #reference
+ {
+ background: blue;
+ height: 2em;
+ width: 20em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width and there is a marker bullet on the left-hand side of the black box.</p>
+ <div id="test">
+ <div class="colgroup"></div>
+ <div class="colgroup"></div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXXXXXX0</div>
+ <div class="td">XXXXXXXXX0</div>
+ </div>
+ </div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-005.xht
new file mode 100644
index 0000000000..e956fe595d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-005.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout and 'display: inline-block' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Table-layout does not apply to 'display: inline-block' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ display: inline-block;
+ table-layout: fixed;
+ width: 10em;
+ }
+ .colgroup
+ {
+ display: table-column-group;
+ width: 5em;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ font: 1em Ahem;
+ overflow: hidden;
+ padding: 0;
+ }
+ #reference
+ {
+ background: blue;
+ height: 2em;
+ width: 20em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <div id="test">
+ <div class="colgroup"></div>
+ <div class="colgroup"></div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXXXXXX0</div>
+ <div class="td">XXXXXXXXX0</div>
+ </div>
+ </div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-006.xht
new file mode 100644
index 0000000000..396a7afc36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-006.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout and 'display: table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Table-layout applies to 'display: table' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ display: table;
+ table-layout: fixed;
+ width: 10em;
+ }
+ .colgroup
+ {
+ display: table-column-group;
+ width: 5em;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ font: 1em Ahem;
+ overflow: hidden;
+ padding: 0;
+ }
+ #reference
+ {
+ background: blue;
+ height: 2em;
+ width: 10em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <div id="test">
+ <div class="colgroup"></div>
+ <div class="colgroup"></div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXXXXXX0</div>
+ <div class="td">XXXXXXXXX0</div>
+ </div>
+ </div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-007.xht
new file mode 100644
index 0000000000..1cbf6c333e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-007.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout and 'display: inline-table' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Table-layout applies to 'display: inline-table' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ display: inline-table;
+ table-layout: fixed;
+ width: 10em;
+ }
+ .colgroup
+ {
+ display: table-column-group;
+ width: 5em;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ font: 1em Ahem;
+ overflow: hidden;
+ padding: 0;
+ }
+ #reference
+ {
+ background: blue;
+ height: 2em;
+ width: 10em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <div id="test">
+ <div class="colgroup"></div>
+ <div class="colgroup"></div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXXXXXX0</div>
+ <div class="td">XXXXXXXXX0</div>
+ </div>
+ </div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-008.xht
new file mode 100644
index 0000000000..47fb187723
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-008.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout and 'display: table-row-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Table-layout does not apply to 'display: table-row-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ width: 10em;
+ }
+ .colgroup
+ {
+ display: table-column-group;
+ width: 5em;
+ }
+ #test
+ {
+ display: table-row-group;
+ table-layout: fixed;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ font: 1em Ahem;
+ overflow: hidden;
+ padding: 0;
+ }
+ #reference
+ {
+ background: blue;
+ height: 2em;
+ width: 20em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <div id="table">
+ <div class="colgroup"></div>
+ <div class="colgroup"></div>
+ <div id="test">
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXXXXXX0</div>
+ <div class="td">XXXXXXXXX0</div>
+ </div>
+ </div>
+ </div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-009.xht
new file mode 100644
index 0000000000..773169df3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-009.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout and 'display: table-header-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Table-layout does not apply to 'display: table-header-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ width: 10em;
+ }
+ .colgroup
+ {
+ display: table-column-group;
+ width: 5em;
+ }
+ #test
+ {
+ display: table-header-group;
+ table-layout: fixed;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ font: 1em Ahem;
+ overflow: hidden;
+ padding: 0;
+ }
+ #reference
+ {
+ background: blue;
+ height: 2em;
+ width: 20em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <div id="table">
+ <div class="colgroup"></div>
+ <div class="colgroup"></div>
+ <div id="test">
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXXXXXX0</div>
+ <div class="td">XXXXXXXXX0</div>
+ </div>
+ </div>
+ </div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-010.xht
new file mode 100644
index 0000000000..c75cb3350d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-010.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout and 'display: table-footer-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Table-layout does not apply to 'display: table-footer-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ width: 10em;
+ }
+ .colgroup
+ {
+ display: table-column-group;
+ width: 5em;
+ }
+ #test
+ {
+ display: table-footer-group;
+ table-layout: fixed;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ font: 1em Ahem;
+ overflow: hidden;
+ padding: 0;
+ }
+ #reference
+ {
+ background: blue;
+ height: 2em;
+ width: 20em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <div id="table">
+ <div class="colgroup"></div>
+ <div class="colgroup"></div>
+ <div id="test">
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXXXXXX0</div>
+ <div class="td">XXXXXXXXX0</div>
+ </div>
+ </div>
+ </div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-011.xht
new file mode 100644
index 0000000000..6e9bc9d684
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-011.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout and 'display: table-row' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Table-layout does not apply to 'display: table-row' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ width: 10em;
+ }
+ .colgroup
+ {
+ display: table-column-group;
+ width: 5em;
+ }
+ #test
+ {
+ display: table-row;
+ table-layout: fixed;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ font: 1em Ahem;
+ overflow: hidden;
+ padding: 0;
+ }
+ #reference
+ {
+ background: blue;
+ height: 1em;
+ width: 15em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <div id="table">
+ <div class="colgroup"></div>
+ <div class="colgroup"></div>
+ <div id="test">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXXXXXX0</div>
+ </div>
+ </div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-012.xht
new file mode 100644
index 0000000000..d6beaf3bbf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-012.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout and 'display: table-column' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Table-layout does not apply to 'display: table-column' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ width: 5em;
+ }
+ #test
+ {
+ display: table-column;
+ table-layout: fixed;
+ width: 5em;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ font: 1em Ahem;
+ overflow: hidden;
+ padding: 0;
+ }
+ #reference
+ {
+ background: blue;
+ height: 2em;
+ width: 10em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXXXXXX0</div>
+ </div>
+ </div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-013.xht
new file mode 100644
index 0000000000..dbc79cab86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-013.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout and 'display: table-column-group' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Table-layout does not apply to 'display: table-column-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ width: 5em;
+ }
+ #test
+ {
+ display: table-column-group;
+ table-layout: fixed;
+ width: 5em;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ font: 1em Ahem;
+ overflow: hidden;
+ padding: 0;
+ }
+ #reference
+ {
+ background: blue;
+ height: 2em;
+ width: 10em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXXXXXX0</div>
+ </div>
+ </div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-014.xht
new file mode 100644
index 0000000000..dfd7175904
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-014.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout and 'display: table-cell' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Table-layout does not apply to 'display: table-cell' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ width: 10em;
+ }
+ #colgroup
+ {
+ display: table-column-group;
+ width: 10em;
+ }
+ #tr
+ {
+ display: table-row;
+ }
+ #test
+ {
+ background: black;
+ display: table-cell;
+ font: 1em Ahem;
+ overflow: hidden;
+ padding: 0;
+ table-layout: fixed;
+ }
+ #reference
+ {
+ background: blue;
+ height: 1em;
+ width: 20em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <div id="table">
+ <div id="colgroup"></div>
+ <div id="tr">
+ <div id="test">XXXXXXXXX0XXXXXXXXX0</div>
+ </div>
+ </div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-015.xht
new file mode 100644
index 0000000000..971156097d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-015.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout and 'display: table-caption' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Table-layout does not apply to 'display: table-caption' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ width: 10em;
+ }
+ #test
+ {
+ display: table-caption;
+ table-layout: fixed;
+ }
+ .colgroup
+ {
+ display: table-column-group;
+ width: 5em;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ font: 1em Ahem;
+ overflow: hidden;
+ padding: 0;
+ }
+ #reference
+ {
+ background: blue;
+ height: 2em;
+ width: 20em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div class="colgroup"></div>
+ <div class="colgroup"></div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXXXXXX0</div>
+ <div class="td">XXXXXXXXX0</div>
+ </div>
+ </div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-016.xht
new file mode 100644
index 0000000000..45d16291fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-016.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout and 'display: none' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="Table-layout does not apply to 'display: none' elements." />
+ <style type="text/css">
+ #test
+ {
+ display: none;
+ table-layout: fixed;
+ width: 10em;
+ }
+ #tr
+ {
+ display: table-row;
+ }
+ #td
+ {
+ background: red;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="test">
+ <div id="tr">
+ <div id="td">XXXXXXXXX0</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-017.xht
new file mode 100644
index 0000000000..a618313970
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-017.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout and 'display: inherit' elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Table-layout does not apply to 'display: inherit' elements which do not inherit the value of 'table'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #container
+ {
+ display: block;
+ }
+ #test
+ {
+ display: inherit;
+ table-layout: fixed;
+ width: 10em;
+ }
+ .colgroup
+ {
+ display: table-column-group;
+ width: 5em;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ background: black;
+ display: table-cell;
+ font: 1em Ahem;
+ overflow: hidden;
+ padding: 0;
+ }
+ #reference
+ {
+ background: blue;
+ height: 2em;
+ width: 20em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if both bars below are the same width.</p>
+ <div id="container">
+ <div id="test">
+ <div class="colgroup"></div>
+ <div class="colgroup"></div>
+ <div class="tr">
+ <div class="td">XXXXX</div>
+ <div class="td">XXXXX</div>
+ </div>
+ <div class="tr">
+ <div class="td">XXXXXXXXX0</div>
+ <div class="td">XXXXXXXXX0</div>
+ </div>
+ </div>
+ </div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-inherited-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-inherited-001.xht
new file mode 100644
index 0000000000..1c5dfe3978
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-inherited-001.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-layout is not inherited by default</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Table-layout is not inherited by default." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #div1
+ {
+ table-layout: fixed;
+ }
+ table
+ {
+ background: black;
+ border-spacing: 0;
+ width: 10em;
+ }
+ colgroup
+ {
+ width: 5em;
+ }
+ td
+ {
+ overflow: hidden;
+ padding: 0;
+ }
+ #div2
+ {
+ background: blue;
+ height: 2em;
+ width: 20em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box is at least as wide as the blue box.</p>
+ <div id="div1">
+ <table>
+ <colgroup></colgroup>
+ <colgroup></colgroup>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXXXXXX0</td>
+ <td>XXXXXXXXX0</td>
+ </tr>
+ </table>
+ </div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-initial-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-initial-001.xht
new file mode 100644
index 0000000000..de167733a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-initial-001.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Initial value of table-layout</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The initial value of table-layout is 'auto'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table
+ {
+ background: black;
+ border-spacing: 0;
+ width: 10em;
+ }
+ colgroup
+ {
+ width: 5em;
+ }
+ td
+ {
+ overflow: hidden;
+ padding: 0;
+ }
+ #div1
+ {
+ background: blue;
+ height: 2em;
+ width: 20em;
+ }
+ td, #div1
+ {
+ font: 20px/1em Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black bar is at least as wide as the blue bar.</p>
+ <table>
+ <colgroup></colgroup>
+ <colgroup></colgroup>
+ <tr>
+ <td>XXXXX</td>
+ <td>XXXXX</td>
+ </tr>
+ <tr>
+ <td>XXXXXXXXX0</td>
+ <td>XXXXXXXXX0</td>
+ </tr>
+ </table>
+ <div id="div1"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-property-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-property-001.xht
new file mode 100644
index 0000000000..46a8ca395d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-property-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: A table doesn't size to fit its container when margins are zero and width is 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="assert" content="When table margins are zero and width is 'auto', the table doesn't automatically size to fill its containing block ." />
+ <style type="text/css">
+ div
+ {
+ background: blue;
+ width: 300px;
+ }
+ table
+ {
+ background: black;
+ margin: 0;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black box below is adjacent to a blue box.</p>
+ <div>
+ <table>
+ <tr>
+ <td>Filler Text Filler Text</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-property-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-property-002.xht
new file mode 100644
index 0000000000..31ee02a969
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-property-002.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Centering a table in its containing block by setting its left and right margins to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" />
+ <meta name="assert" content="A table can be centered in its containing block by setting its left and right margins to 'auto'." />
+ <style type="text/css">
+ div
+ {
+ border: solid black;
+ width: 300px;
+ }
+ table
+ {
+ background: blue;
+ color: blue;
+ margin-left: auto;
+ margin-right: auto;
+ width: auto;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box below is centered within the black box.</p>
+ <div>
+ <table>
+ <tr>
+ <td>Filler Text Filler Text</td>
+ </tr>
+ <tr>
+ <td>Filler Text Filler Text</td>
+ </tr>
+ <tr>
+ <td>Filler Text Filler Text</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-margin-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-margin-001.xht
new file mode 100644
index 0000000000..87493edb0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-margin-001.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Tables: Margins</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <style type="text/css">
+ * {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ border-spacing: 0;
+ }
+ table {
+ margin-left: 1em;
+ margin-right: 19em;
+ }
+ div {
+ border: green solid;
+ width: 20em;
+ height: 10em;
+ font: 1em/1em monospace;
+ overflow: hidden;
+ }
+ span {
+ background: red;
+ color: yellow;
+ font-size: 0.9em;
+ }
+ </style>
+ </head>
+ <body>
+ <div> <table> <tr> <td>
+ This____
+ text____
+ should__
+ be______
+ wrapped,
+ one_____
+ word____
+ to______
+ a_______
+ line.___
+<span>_FAIL!__</span>
+ </td> </tr> </table> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-margin-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-margin-002.xht
new file mode 100644
index 0000000000..fed56b583c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-margin-002.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Tables: Margins</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <style type="text/css">
+ * {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ border-spacing: 0;
+ }
+ table {
+ border-left: 1em solid;
+ border-right: 19em solid;
+ }
+ div {
+ border: green solid;
+ width: 20em;
+ height: 10em;
+ font: 1em/1em monospace;
+ overflow: hidden;
+ }
+ span {
+ background: red;
+ color: yellow;
+ font-size: 0.9em;
+ }
+ </style>
+ </head>
+ <body>
+ <div> <table> <tr> <td>
+ This____
+ text____
+ should__
+ be______
+ wrapped,
+ one_____
+ word____
+ to______
+ a_______
+ line.___
+<span>_FAIL!__</span>
+ </td> </tr> </table> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-margin-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-margin-003.xht
new file mode 100644
index 0000000000..f1f32e01ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-margin-003.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Tables: Margins</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <style type="text/css">
+ * {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ border-spacing: 0;
+ }
+ table {
+ margin-left: 1em;
+ margin-right: 19em;
+ }
+ div {
+ border: black solid;
+ width: 20em;
+ height: 10em;
+ font: 1em/1em monospace;
+ overflow: hidden;
+ }
+ span {
+ background: green;
+ color: white;
+ font-size: 0.9em;
+ }
+ </style>
+ </head>
+ <body>
+ <p> The word PASS should appear below. </p>
+ <div> <table> <tr> <td>
+~~~|~~~
+~~~|~~~
+~~~|~~~
+~~~|~~~
+~~~|~~~
+\~~|~~/
+\\~|~//
+~\\|//~
+~~\v/~~
+<span>_PASS!__</span>
+ </td> </tr> </table> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-margin-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-margin-004.xht
new file mode 100644
index 0000000000..8a68253f72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-margin-004.xht
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Tables: Margin Collapsing</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-12 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/016.xml" type="application/xhtml+xml" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
+ <link rel="match" href="reference/table-margin-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div#wrapper
+ {
+ border: blue solid medium;
+ height: 180px;
+ /*
+ 20px (margin-top) + 20px (content) + max(20px, 20px) 1st div table
+ + 20px (content) + max(20px, 20px) 2nd div table
+ + 20px (content) + max(20px, 20px) 1st p table
+ + 20px (content) + 20px 2nd p table
+ ========================================================
+ 180px
+ */
+ }
+
+ .table
+ {
+ border-spacing: 0;
+ display: table;
+ font: 20px/1 Ahem;
+ height: 1em;
+ margin: 1em;
+ }
+
+ div.table-row
+ {
+ display: table-row;
+ }
+
+ div.cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 4 black bars which do not overflow a wide blue rectangle. The black bars are evenly distributed (vertically) in the blue rectangle: the gap between the blue border at the top and the first black bar should be equal to the gap between the 4th bar and the blue border at the bottom.</p>
+
+ <div id="wrapper">
+ <div class="table">
+ <div class="table-row">
+ <div class="cell">Test</div>
+ </div>
+ </div>
+ <div class="table">
+ <div class="table-row">
+ <div class="cell">Test</div>
+ </div>
+ </div>
+ <p class="table">Test</p>
+ <p class="table">Test</p>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-organization-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-organization-001.xht
new file mode 100644
index 0000000000..6cf4df20d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-organization-001.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table organization (columns in column groups)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
+ <meta name="assert" content="Table columns can be grouped into table column groups." />
+ <style type="text/css">
+ table
+ {
+ border: 1px solid black;
+ }
+ #cg1
+ {
+ background: blue;
+ }
+ #cg2
+ {
+ background: purple;
+ }
+ td
+ {
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the table below has two blue columns on the left and two purple columns on the right.</p>
+ <table>
+ <colgroup id="cg1">
+ <col />
+ <col />
+ </colgroup>
+ <colgroup id="cg2">
+ <col />
+ <col />
+ </colgroup>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-organization-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-organization-002.xht
new file mode 100644
index 0000000000..d0e523f810
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-organization-002.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table organization (rows in row groups)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
+ <meta name="assert" content="Table rows can be grouped into table row groups." />
+ <style type="text/css">
+ table
+ {
+ border: 1px solid black;
+ }
+ #tb1
+ {
+ background: blue;
+ }
+ #tb2
+ {
+ background: purple;
+ }
+ td
+ {
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the table below has two blue rows on top and two purple rows on the bottom.</p>
+ <table>
+ <tbody id="tb1">
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody id="tb2">
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+ </html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-percent-width-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-percent-width-001.xht
new file mode 100644
index 0000000000..70555a4152
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-percent-width-001.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Testing percent widths of kids of anonymous table cells</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/>
+ <meta name="assert" content="Percentage width kids of anonymous cells should use anonymous cell as containing block"/>
+ <style type="text/css"><![CDATA[
+ #parent { position: relative; }
+ .table { display: table; position: absolute; top: 0; left: 0; width: 300px }
+ .row { display: table-row }
+ .cell { display: table-cell; }
+ .spacer { width: 100px; }
+ .background { background: red; width: 100px; height: 100px; }
+ .foreground { background: green; width: 50%; height: 100px; }
+ ]]></style>
+ </head>
+ <body>
+ <p>There should be no red below. A 100px by 100px green square should be visible.</p>
+ <div id="parent">
+ <div class="table">
+ <div class="row">
+ <div class="cell spacer"></div>
+ <div class="background"></div>
+ </div>
+ </div>
+ <div class="table">
+ <div class="row">
+ <div class="cell spacer"></div>
+ <div class="foreground"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-row-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-row-001.xht
new file mode 100644
index 0000000000..898e5e61a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-row-001.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="An element with 'display: table-row' is rendered as if it were a table row." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ .tr
+ {
+ background: black;
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <div id="table">
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-row-group-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-row-group-001.xht
new file mode 100644
index 0000000000..d5a85400ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-row-group-001.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
+ <meta name="assert" content="An element with 'display: table-row-group' is rendered as if it were a table row group." />
+ <style type="text/css">
+ .table
+ {
+ border: 2px solid black;
+ display: table;
+ }
+ #tbody
+ {
+ background: blue;
+ display: table-row-group;
+ }
+ .tr
+ {
+ display: table-row;
+ }
+ .td
+ {
+ display: table-cell;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below, and the top half of the square is blue.</p>
+ <div class="table">
+ <div id="tbody">
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ <div class="tr">
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ <div class="td"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-valign-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-valign-001.xht
new file mode 100644
index 0000000000..021a3e76e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-valign-001.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table Cell Vertical Alignment Affect on Specified Height</title>
+ <link rel="author" title="Bruno Fassino" href="fassino[at]gmail.com"/>
+ <link rel="alternate" href="http://www.brunildo.org/test/td_height1.html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout"/>
+ <meta name="assert" content="Vertical alignment of cell contents does not
+ increase the height of cells in the row if there is already enough room."/>
+ <style type="text/css"><![CDATA[
+ .container {
+ background: red;
+ float: left; /* shrinkwrap width and height */
+ }
+ .control {
+ width: 10px;
+ height: 100px;
+ background: blue;
+ }
+ table, .control {
+ font-size: 20px;
+ float: left;
+ border-spacing: 0;
+ }
+ td {
+ background: blue;
+ color: blue;
+ padding: 0;
+ }
+
+ .middle td { vertical-align: middle; }
+ .baseline td { vertical-align: baseline; }
+ .one { height: 100px; }
+ .two { font-size: 2em; }
+ ]]></style>
+ </head>
+ <body>
+ <p>There must be a blue box below and no red.</p>
+ <div class="container">
+ <div class="control"></div>
+ <table class="middle"><tr>
+ <td class="one">A</td>
+ <td>B</td>
+ </tr></table>
+
+ <table class="middle"><tr>
+ <td class="one">A</td>
+ <td class="two">B</td>
+ </tr></table>
+
+ <table class="baseline"><tr>
+ <td class="one">A</td>
+ <td>B</td>
+ </tr></table>
+
+ <table class="baseline"><tr>
+ <td class="one">A</td>
+ <td class="two">B</td>
+ </tr></table>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-valign-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-valign-002.xht
new file mode 100644
index 0000000000..8964839a15
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-valign-002.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table Cell Vertical Alignment with Specified Height</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
+ <link rel="alternate" href="https://dbaron.org/css/test/2007/height-of-cell-box"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.brunildo.org/test/td_height1.html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout"/>
+ <meta name="assert" content="Vertical alignment in table cells works whether
+ or not that cell has a specified height."/>
+ <style type="text/css"><![CDATA[
+ .control {
+ width: 20px;
+ height: 30px;
+ border: solid blue 35px;
+ border-style: solid none;
+ background: yellow;
+ }
+ table, .control {
+ float: left;
+ border-spacing: 0;
+ }
+ td {
+ background: blue;
+ padding: 0;
+ }
+ .content {
+ width: 20px;
+ height: 30px;
+ background: yellow;
+ color: yellow;
+ }
+ .one { height: 100px; }
+
+ .middle td { vertical-align: middle; }
+ .baseline td { vertical-align: baseline; }
+ .baseline .two .content { margin-top: 35px; }
+ ]]></style>
+ </head>
+ <body>
+ <p>There must be a single yellow stripe across the blue box.</p>
+ <div class="container">
+ <div class="control"></div>
+ <table class="middle"><tr>
+ <td class="one"><div class="content"></div></td>
+ <td class="two"><div class="content"></div></td>
+ </tr></table>
+ <table class="baseline"><tr>
+ <td class="one"><div class="content">A</div></td>
+ <td class="two"><div class="content">B</div></td>
+ </tr></table>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-001-ref.xht
new file mode 100644
index 0000000000..9d4b753a6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-001-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for baseline alignment of table cells (reference)</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+
+td { padding-top: 0; }
+td div { padding-top: 40px; }
+
+</style>
+</head>
+<body>
+
+<table>
+ <tbody><tr>
+ <td><div>data</div></td>
+ <td><div>data</div></td>
+ <td><div>data</div></td>
+ </tr>
+</tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-001.xht
new file mode 100644
index 0000000000..1862eb41f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for baseline alignment of table cells</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+<link rel="match" href="table-vertical-align-baseline-001-ref.xht"/>
+<style type="text/css">
+
+td { vertical-align: baseline; }
+
+</style>
+</head>
+<body>
+
+<table>
+ <tbody><tr>
+ <td style="padding-top: 40px"><div>data</div></td>
+ <td style="padding-top: 20px"><div>data</div></td>
+ <td style="padding-top: 0"><div>data</div></td>
+ </tr>
+</tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-002.xht
new file mode 100644
index 0000000000..146c6cce30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for baseline alignment of table cells</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+<link rel="match" href="table-vertical-align-baseline-001-ref.xht"/>
+<style type="text/css">
+
+td { vertical-align: baseline; padding-top: 0; }
+
+</style>
+</head>
+<body>
+
+<table>
+ <tbody><tr>
+ <td><div style="padding-top: 40px">data</div></td>
+ <td><div style="padding-top: 20px">data</div></td>
+ <td><div style="padding-top: 0">data</div></td>
+ </tr>
+</tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-003.xht
new file mode 100644
index 0000000000..d63cb07dc7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-003.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for baseline alignment of table cells</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+<link rel="match" href="table-vertical-align-baseline-001-ref.xht"/>
+<style type="text/css">
+
+td { vertical-align: baseline; }
+
+</style>
+</head>
+<body>
+
+<table>
+ <tbody><tr>
+ <td style="padding-top: 0"><div style="padding-top: 40px">data</div></td>
+ <td style="padding-top: 12px"><div style="padding-top: 3px">data</div></td>
+ <td style="padding-top: 40px"><div style="padding-top: 0">data</div></td>
+ </tr>
+</tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-004.xht
new file mode 100644
index 0000000000..6e56d07179
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-004.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for baseline alignment of table cells</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+<link rel="match" href="table-vertical-align-baseline-001-ref.xht"/>
+<style type="text/css">
+
+td { vertical-align: baseline; }
+
+</style>
+</head>
+<body>
+
+<table>
+ <tbody><tr>
+ <td style="padding-top: 12px"><div style="padding-top: 3px">data</div></td>
+ <td style="padding-top: 40px"><div style="padding-top: 0">data</div></td>
+ <td style="padding-top: 0"><div style="padding-top: 40px">data</div></td>
+ </tr>
+</tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-005.xht
new file mode 100644
index 0000000000..8b728bee6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-005.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for baseline alignment of table cells</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+<link rel="match" href="table-vertical-align-baseline-001-ref.xht"/>
+<style type="text/css">
+
+td { vertical-align: baseline; }
+
+</style>
+</head>
+<body>
+
+<table>
+ <tbody><tr>
+ <td style="padding-top: 0; height: 80px;"><div style="padding-top: 40px">data</div></td>
+ <td style="padding-top: 12px; height: 120px;"><div style="padding-top: 3px">data</div></td>
+ <td style="padding-top: 40px; height: 160px;"><div style="padding-top: 0">data</div></td>
+ </tr>
+</tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-006.xht b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-006.xht
new file mode 100644
index 0000000000..9392d7ee67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-006.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for baseline alignment of table cells</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+<link rel="match" href="table-vertical-align-baseline-001-ref.xht"/>
+<style type="text/css">
+
+td { vertical-align: baseline; }
+
+</style>
+</head>
+<body>
+
+<table>
+ <tbody><tr>
+ <td style="padding-top: 0;"><div style="padding-top: 40px; height: 80px;">data</div></td>
+ <td style="padding-top: 12px;"><div style="padding-top: 3px; height: 120px;">data</div></td>
+ <td style="padding-top: 40px;"><div style="padding-top: 0; height: 160px;">data</div></td>
+ </tr>
+</tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-007.xht b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-007.xht
new file mode 100644
index 0000000000..c85e389fcf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-007.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for baseline alignment of table cells</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" />
+<link rel="match" href="table-vertical-align-baseline-001-ref.xht"/>
+<style type="text/css">
+
+td { vertical-align: baseline; }
+
+</style>
+</head>
+<body>
+
+<table>
+ <tbody><tr>
+ <td style="padding-top: 0;"><div style="padding-top: 40px; height: 80px;">data</div></td>
+ <td style="padding-top: 12px; height: 160px;"><div style="padding-top: 3px;">data</div></td>
+ <td style="padding-top: 40px;"><div style="padding-top: 0;">data</div></td>
+ </tr>
+</tbody></table>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-001.xht
new file mode 100644
index 0000000000..a39918dbd3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cells can have padding</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Table cells can have padding." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ td
+ {
+ border-left: 5px solid black;
+ border-top: 5px solid black;
+ color: blue;
+ font-family: Ahem;
+ padding: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box below is not touching the two black lines.</p>
+ <table>
+ <tr>
+ <td>XXXXX</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-002.xht
new file mode 100644
index 0000000000..6c505ebf5c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-002.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Internal table elements do not have margins</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="assert" content="Internal table elements do not have margins." />
+ <style type="text/css">
+ table
+ {
+ border-spacing: 0;
+ }
+ colgroup, col, tbody, tr
+ {
+ margin: 50px;
+ }
+ td
+ {
+ background: black;
+ height: 25px;
+ margin: 50px;
+ padding: 0;
+ width: 25px;
+ }
+ #div1
+ {
+ background: blue;
+ height: 25px;
+ width: 25px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same width.</p>
+ <table>
+ <colgroup>
+ <col />
+ </colgroup>
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ <div id="div1"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-003.xht
new file mode 100644
index 0000000000..9932cb940f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-003.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Each table row box occupies one row of cells</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="assert" content="Each table row box occupies one row of cells." />
+ <style type="text/css">
+ #row
+ {
+ background: blue;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle row of the table below is blue.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr id="row">
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-004.xht
new file mode 100644
index 0000000000..613e02846b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-004.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table row boxes are rendered in source order</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="assert" content="Table row boxes fill the table from top to bottom by the order they occur in the page source." />
+ <style type="text/css">
+ td
+ {
+ border: 1px solid black;
+ color: blue;
+ font-size: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are numbered one through five, from top-to-bottom.</p>
+ <table>
+ <tr>
+ <td>1</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ </tr>
+ <tr>
+ <td>3</td>
+ </tr>
+ <tr>
+ <td>4</td>
+ </tr>
+ <tr>
+ <td>5</td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-005.xht
new file mode 100644
index 0000000000..e4283590c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-005.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Row groups occupy same cells as the rows they contain</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="assert" content="A row group occupies the same cells as the rows it contains." />
+ <style type="text/css">
+ #rowgroup
+ {
+ background: blue;
+ }
+ td
+ {
+ border: 1px solid black;
+ width: 2em;
+ height: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two middle rows of the table are blue.</p>
+ <table>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody id="rowgroup">
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-006.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-006.xht
new file mode 100644
index 0000000000..0977ee6239
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-006.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Column boxes can occupy more than one column of cells</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="assert" content="A column box can occupy more than one column of cells." />
+ <style type="text/css">
+ #cell
+ {
+ background: blue;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two middle columns of the table below are blue.</p>
+ <table>
+ <col />
+ <col id="cell" span="2" />
+ <col />
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-007.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-007.xht
new file mode 100644
index 0000000000..87fbd613ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-007.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Column boxes are rendered by page source order</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="assert" content="Column boxes are placed consecutively by their order in the page source." />
+ <style type="text/css">
+ .blue1
+ {
+ background: navy;
+ }
+ .blue2
+ {
+ background: blue;
+ }
+ .blue3
+ {
+ background: aqua;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if from left-to-right, each square is a lighter blue than the previous one.</p>
+ <table>
+ <col class="blue1" />
+ <col class="blue2" />
+ <col class="blue3" />
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-008.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-008.xht
new file mode 100644
index 0000000000..49632c1cf9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-008.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Column boxes are rendered by source order ('rtl' table scenario)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="assert" content="Column boxes are placed consecutively by their order in the page source, from right to left when 'direction' is set to 'rtl'." />
+ <style type="text/css">
+ table
+ {
+ direction: rtl;
+ }
+ .blue1
+ {
+ background: aqua;
+ }
+ .blue2
+ {
+ background: blue;
+ }
+ .blue3
+ {
+ background: navy;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if from left-to-right, each square is a lighter blue than the previous one.</p>
+ <table>
+ <col class="blue1" />
+ <col class="blue2" />
+ <col class="blue3" />
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-009.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-009.xht
new file mode 100644
index 0000000000..a699d1b026
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-009.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Column group boxes occupy same cells as the columns they contain</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="assert" content="A column group box occupies the same cells as the columns it contains." />
+ <style type="text/css">
+ #black
+ {
+ background: blue;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle two columns in the table are blue.</p>
+ <table>
+ <colgroup>
+ <col />
+ </colgroup>
+ <colgroup id="black">
+ <col />
+ <col />
+ </colgroup>
+ <colgroup>
+ <col />
+ </colgroup>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-010.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-010.xht
new file mode 100644
index 0000000000..d3f697d155
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-010.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: A row-spanning cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="assert" content="A table cell can span several rows." />
+ <style type="text/css">
+ td
+ {
+ background: orange;
+ height: 100px;
+ width: 100px;
+ }
+ #cell
+ {
+ background: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box below spans the height of the three orange squares.</p>
+ <table>
+ <tr>
+ <td id="cell" rowspan="3"></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-011.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-011.xht
new file mode 100644
index 0000000000..85b817b000
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-011.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: A column-spanning cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="assert" content="A cell can span several columns." />
+ <style type="text/css">
+ td
+ {
+ background: orange;
+ height: 100px;
+ width: 100px;
+ }
+ #cell
+ {
+ background: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box below spans the width of the three orange squares.</p>
+ <table>
+ <tr>
+ <td id="cell" colspan="3">&nbsp;</td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-012.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-012.xht
new file mode 100644
index 0000000000..d2cea58c02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-012.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Top row of a spanning cell is the row of its parent element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="assert" content="The top row of a spanning cell's rectangle is in the row specified by the cell's parent." />
+ <style type="text/css">
+ td
+ {
+ background: orange;
+ height: 100px;
+ width: 100px;
+ }
+ #cell
+ {
+ background-color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box below spans the height of the three orange squares.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td id="cell" rowspan="3"></td>
+ </tr>
+ <tr>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-013.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-013.xht
new file mode 100644
index 0000000000..5b6ae14cb3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-013.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: A spanning cell must be as far to the left as possible in an 'ltr' table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="assert" content="The spanning cell's rectangle is as far to the left as possible, but to the right of all cells in the same row that were earlier in source (no overlapping)." />
+ <style type="text/css">
+ td
+ {
+ border: 1px solid black;
+ height: 100px;
+ width: 100px;
+ }
+ #cell
+ {
+ background: black;
+ }
+ .cell
+ {
+ background: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square is to the right of both blue boxes on the page.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td class="cell" rowspan="2"></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td class="cell"></td>
+ <td id="cell" rowspan="2" colspan="2"></td>
+ </tr>
+ <tr>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-014.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-014.xht
new file mode 100644
index 0000000000..1adff91e8e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-014.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: A spanning cell's rectangle must be as far to the right as possible in an 'rtl' table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="assert" content="With 'rtl' tables, the spanning cell's rectangle is as far to the right as possible, but to the left of all cells in the same row that were earlier in source (no overlapping)." />
+ <style type="text/css">
+ table
+ {
+ direction: rtl;
+ }
+ td
+ {
+ border: 1px solid black;
+ height: 100px;
+ width: 100px;
+ }
+ #cell
+ {
+ background: black;
+ }
+ .cell
+ {
+ background: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black square is to the left of both blue boxes on the page.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td class="cell" rowspan="2"></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td class="cell"></td>
+ <td id="cell" rowspan="2" colspan="2"></td>
+ </tr>
+ <tr>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-015.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-015.xht
new file mode 100644
index 0000000000..80ee094871
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-015.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: A cell cannot extend beyond the last row box of a table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="assert" content="A cell box cannot extend beyond the last row box of a table." />
+ <style type="text/css">
+ table
+ {
+ border-collapse: collapse;
+ }
+ td
+ {
+ background: black;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a square below.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td rowspan="3"></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-016.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-016.xht
new file mode 100644
index 0000000000..7ebcb280a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-016.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: A cell box cannot extend beyond the last row of a row group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="assert" content="A cell box cannot extend beyond the last row box of a row group." />
+ <style type="text/css">
+ td
+ {
+ border: 1px solid black;
+ height: 2em;
+ width: 2em;
+ }
+ #cell
+ {
+ background: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if only the square in the middle of the column below is blue.</p>
+ <table>
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ <tr>
+ <td id="cell" rowspan="2"></td>
+ </tr>
+ </tbody>
+ <tbody>
+ <tr>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-017.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-017.xht
new file mode 100644
index 0000000000..25067cb683
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-017.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table row boxes exactly cover the table in the collapsing borders model</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="In the collapsing border model, the table row boxes together exactly cover the table." />
+ <style type="text/css">
+ table
+ {
+ background: red;
+ border-collapse: collapse;
+ }
+ tr
+ {
+ background: white;
+ }
+ td
+ {
+ width: 2em;
+ height: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-018.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-018.xht
new file mode 100644
index 0000000000..1fa28c1d87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-018.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table column boxes exactly cover the table in the collapsing borders model</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="In the collapsing border model, the table column boxes together exactly cover the table." />
+ <style type="text/css">
+ table
+ {
+ background: red;
+ border-collapse: collapse;
+ }
+ col
+ {
+ background: white;
+ }
+ td
+ {
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <table>
+ <col />
+ <col />
+ <col />
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-019.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-019.xht
new file mode 100644
index 0000000000..81de158301
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-019.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: There may be gaps between rows in the separated borders model</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="In the separated border model, there may be gaps between rows." />
+ <style type="text/css">
+ table
+ {
+ background: blue;
+ border-collapse: separate;
+ border-spacing: 0 3px;
+ }
+ tr
+ {
+ background: black;
+ }
+ td
+ {
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has blue horizontal lines running through it (no vertical lines).</p>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-020.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-020.xht
new file mode 100644
index 0000000000..b701f4be8a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-020.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: There may be gaps between columns in the separated borders model</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="In the separated border model, there may be gaps between columns." />
+ <style type="text/css">
+ table
+ {
+ background: blue;
+ border-collapse: separate;
+ border-spacing: 3px 0;
+ }
+ col
+ {
+ background: black;
+ }
+ td
+ {
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has blue vertical lines running through it (no horizontal lines).</p>
+ <table>
+ <col />
+ <col />
+ <col />
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-021.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-021.xht
new file mode 100644
index 0000000000..1c98b02a9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-021.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: There may be gaps between row groups in the separated borders model</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="In the separated border model, there may be gaps between row groups." />
+ <style type="text/css">
+ table
+ {
+ background: blue;
+ border-collapse: separate;
+ border-spacing: 0 3px;
+ }
+ tbody
+ {
+ background: black;
+ }
+ td
+ {
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has blue horizontal lines running through it (no vertical lines).</p>
+ <table>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ <tbody>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-022.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-022.xht
new file mode 100644
index 0000000000..a98636702b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-022.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: There may be gaps between column groups in the separated borders model</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="In the separated borders model, there may be gaps between column groups." />
+ <style type="text/css">
+ table
+ {
+ background: blue;
+ border-collapse: separate;
+ border-spacing: 3px 0;
+ }
+ colgroup
+ {
+ background: black;
+ }
+ td
+ {
+ height: 2em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has blue vertical lines running through it (no horizontal lines).</p>
+ <table>
+ <colgroup>
+ <col />
+ <col />
+ <col />
+ </colgroup>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-023.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-023.xht
new file mode 100644
index 0000000000..c353567471
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-023.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Positioning table cells can cause them not to be table cells anymore</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <meta name="assert" content="Positioning table cells can cause them not to be table cells anymore." />
+ <style type="text/css">
+ table
+ {
+ background: blue;
+ }
+ td
+ {
+ background: black;
+ height: 2em;
+ width: 2em;
+ }
+ #positioned
+ {
+ left: 200px;
+ position: absolute;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the middle square of the table below is blue, and there is a single black square to the right of the table.</p>
+ <table>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td id="positioned"></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </table>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026a.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026a.xht
new file mode 100644
index 0000000000..844adddc40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026a.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: width of column in border-collapse separate model must include cell padding</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="http://www.brunildo.org/" />
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@MIT.EDU" />
+ <link rel="bookmark" href="http://www.brunildo.org/test/TablesBM2_s.html" title="table cells width &amp; box model (standards)" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0503.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Apr/0743.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" title="17.5 Visual layout of table contents" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="In the separated borders model, the edges of columns coincide with the border edges of cells. Therefore, a column width must include horizontal padding of cells." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table#red-overlapped
+ {
+ border-collapse: separate;
+ border-spacing: 0px;
+ table-layout: fixed;
+ }
+
+ col {width: 50px;}
+
+ td
+ {
+ background-color: red;
+ height: 50px;
+ padding: 0px 50px 0px 0px;
+ }
+
+ div#overlapping-green
+ {
+ background-color: green;
+ bottom: 100px;
+ height: 100px;
+ left: auto;
+ position: relative;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table id="red-overlapped">
+
+ <col></col><col></col>
+
+ <tr>
+ <td></td><td></td>
+ </tr>
+
+ <tr>
+ <td></td><td></td>
+ </tr>
+
+ </table>
+
+ <div id="overlapping-green"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026b.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026b.xht
new file mode 100644
index 0000000000..6f92c8c33a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026b.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: width of column in border-collapse separate model must include cell padding</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="http://www.brunildo.org/" />
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@MIT.EDU" />
+ <link rel="bookmark" href="http://www.brunildo.org/test/TablesBM2_s.html" title="table cells width &amp; box model (standards)" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0503.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Apr/0743.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" title="17.5 Visual layout of table contents" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="In the separated borders model, the edges of columns coincide with the border edges of cells. Therefore, a column width must include horizontal padding of cells." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table#red-overlapped
+ {
+ border-collapse: separate;
+ border-spacing: 0px;
+ table-layout: fixed;
+ }
+
+ col {width: 50px;}
+
+ td
+ {
+ background-color: red;
+ height: 50px;
+ padding: 0px 0px 0px 50px;
+ }
+
+ div#overlapping-green
+ {
+ background-color: green;
+ bottom: 100px;
+ height: 100px;
+ left: auto;
+ position: relative;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table id="red-overlapped">
+
+ <col></col><col></col>
+
+ <tr>
+ <td></td><td></td>
+ </tr>
+
+ <tr>
+ <td></td><td></td>
+ </tr>
+
+ </table>
+
+ <div id="overlapping-green"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026c.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026c.xht
new file mode 100644
index 0000000000..780ced0cfd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026c.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: width of column in border-collapse separate model must include cell padding</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="http://www.brunildo.org/" />
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@MIT.EDU" />
+ <link rel="bookmark" href="http://www.brunildo.org/test/TablesBM2_s.html" title="table cells width &amp; box model (standards)" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0503.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Apr/0743.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" title="17.5 Visual layout of table contents" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="In the separated borders model, the edges of columns coincide with the border edges of cells. Therefore, a column width must include horizontal padding of cells." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table#red-overlapped
+ {
+ border-collapse: separate;
+ border-spacing: 0px;
+ table-layout: fixed;
+ }
+
+ col {width: 50px;}
+
+ td
+ {
+ background-color: red;
+ height: 50px;
+ padding: 0px 25px 0px 25px;
+ }
+
+ div#overlapping-green
+ {
+ background-color: green;
+ bottom: 100px;
+ height: 100px;
+ left: auto;
+ position: relative;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table id="red-overlapped">
+
+ <col></col><col></col>
+
+ <tr>
+ <td></td><td></td>
+ </tr>
+
+ <tr>
+ <td></td><td></td>
+ </tr>
+
+ </table>
+
+ <div id="overlapping-green"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026d.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026d.xht
new file mode 100644
index 0000000000..d7f28131a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026d.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: width of column in border-collapse separate model must include cell padding</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="http://www.brunildo.org/" />
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@MIT.EDU" />
+ <link rel="bookmark" href="http://www.brunildo.org/test/TablesBM2_s.html" title="table cells width &amp; box model (standards)" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0503.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Apr/0743.html" title="[css21] Section 17.5.2.1 should be clarified" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" title="17.5 Visual layout of table contents" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="In the separated borders model, the edges of columns coincide with the border edges of cells. Therefore, a column width must include horizontal padding of cells." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ table#red-overlapped
+ {
+ border-collapse: separate;
+ border-spacing: 0px;
+ table-layout: fixed;
+ }
+
+ col {width: 50px;}
+
+ td
+ {
+ background-color: red;
+ height: 50px;
+ padding: 0px 33px 0px 17px;
+ }
+
+ div#overlapping-green
+ {
+ background-color: green;
+ bottom: 100px;
+ height: 100px;
+ left: auto;
+ position: relative;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <table id="red-overlapped">
+
+ <col></col><col></col>
+
+ <tr>
+ <td></td><td></td>
+ </tr>
+
+ <tr>
+ <td></td><td></td>
+ </tr>
+
+ </table>
+
+ <div id="overlapping-green"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/tables-001.xht b/testing/web-platform/tests/css/CSS2/tables/tables-001.xht
new file mode 100644
index 0000000000..3dbf405a9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/tables-001.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Tables: Nested anonymous table objects and border-spacing</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/009.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
+ <meta name="assert" content="border-spacing is applied around anonymous table objects, but anonymous table objects only exist if the table has content."/>
+ <style type="text/css">
+
+ /* test */
+ body * { display: table-cell; } /* turn any non-existent elements into table cells */
+ .table { display: table; background: red; }
+ .row { display: table-row; }
+ /* reset all the other properties that might give us gaps */
+ .table, .row { padding: 0; margin: 0; border: 0; border-spacing: 1em; }
+
+ /* control */
+ .table, .control { position: absolute; top: 4em; left: 2em; }
+ .control { display: block; height: 2em; width: 2em; background: green; }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green square below and no red.</p>
+ <div class="table">
+ <div class="row">
+ <div class="table"/>
+ <!-- nothing -->
+ </div>
+ </div>
+ <div class="control"/>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/tables-002.xht b/testing/web-platform/tests/css/CSS2/tables/tables-002.xht
new file mode 100644
index 0000000000..1c5bf1a36a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/tables-002.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Tables: Empty Tables</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/010.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes" />
+ <style type="text/css">
+ .table { display: table; height: 5em; width: 5em; background: green; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a green block under this paragraph.</p>
+ <span class="table"/>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/tables-003.xht b/testing/web-platform/tests/css/CSS2/tables/tables-003.xht
new file mode 100644
index 0000000000..0b0beac0d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/tables-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table cell size with no line box content</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/014.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <style type="text/css">
+ td { margin: 0; border: 1em green; border-style: solid none; width: 10em; }
+ div { height: 1em; background: yellow; }
+ </style>
+ </head>
+ <body>
+ <p>There should be two green bars below (with a yellow one in between).</p>
+ <table>
+ <tr>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/tables-004.xht b/testing/web-platform/tests/css/CSS2/tables/tables-004.xht
new file mode 100644
index 0000000000..6b790fedaa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/tables-004.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Table cell size with line box content</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/015.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
+ <style type="text/css">
+ td { margin: 0; border: 1em green; border-style: solid none; width: 10em; }
+ div { height: 1em; background: yellow; }
+ </style>
+ </head>
+ <body>
+ <p>There should be two green bars below (with a yellow one in between).</p>
+ <table>
+ <tr>
+ <td>
+ <div>TEST</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/tables-101.xht b/testing/web-platform/tests/css/CSS2/tables/tables-101.xht
new file mode 100644
index 0000000000..5e4070e6d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/tables-101.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Table layout: checking dynamic percentage margin layouts match initial layouts</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/dynamic/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <meta name="flags" content="dom"/>
+ <style type="text/css">
+ table { font-size: 4em; position: absolute; margin-top: 1em; }
+ td { border: solid; }
+ .control { color: red; }
+ .control div { margin-top: 10%; margin-left: 50%; }
+ .test { color: green; }
+ </style>
+ <script type="text/javascript">
+ function test() {
+ var element = document.getElementById('test');
+ element.offsetHeight; // Force initial layout
+ element.style.marginTop = "10%";
+ element.style.marginLeft = "50%";
+ }
+ </script>
+ </head>
+ <body onload="test();">
+ <p>There should be no red below, only green boxes with snowflakes in them.</p>
+ <table class="control">
+ <tr>
+ <td>
+ &#x2743;
+ </td>
+ <td>
+ <div>&#x2744;</div>
+ </td>
+ <td>
+ &#x2745;
+ </td>
+ </tr>
+ </table>
+ <table class="test">
+ <tr>
+ <td>
+ &#x2743;
+ </td>
+ <td>
+ <div id="test">&#x2744;</div>
+ </td>
+ <td>
+ &#x2745;
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/tables-102.xht b/testing/web-platform/tests/css/CSS2/tables/tables-102.xht
new file mode 100644
index 0000000000..ad267c4500
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/tables-102.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Table layout: checking dynamic layouts match initial layouts</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/dynamic/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
+ <meta name="flags" content="dom"/>
+ <style type="text/css">
+ table { font-size: 4em; position: absolute; margin-top: 1em; }
+ td { border: solid; }
+ .control { color: red; }
+ .control div { margin-top: 50%; margin-left: -10%; }
+ .test { color: green; }
+ </style>
+ <script type="text/javascript">
+ function test() {
+ var element = document.getElementById('test');
+ element.style.marginTop = "50%";
+ element.style.marginLeft = "-10%";
+ }
+ </script>
+ </head>
+ <body onload="setTimeout(test, 0)">
+ <p>There should be no red below, only green boxes with snowflakes in them.</p>
+ <table class="control">
+ <tr>
+ <td>
+ &#x2743;
+ </td>
+ <td>
+ <div>&#x2744;</div>
+ </td>
+ <td>
+ &#x2745;
+ </td>
+ </tr>
+ </table>
+ <table class="test">
+ <tr>
+ <td>
+ &#x2743;
+ </td>
+ <td>
+ <div id="test">&#x2744;</div>
+ </td>
+ <td>
+ &#x2745;
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-02-ref.html b/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-02-ref.html
new file mode 100644
index 0000000000..f1ea3145d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-02-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<style>*{padding:0;margin:0;border-collapse:collapse;vertical-align:baseline;}</style>
+<body>
+ <table><tbody><tr>
+ <td>לום</td><td>🇱🇮</td>
+ </tr></tbody></table>
+</body>
+
diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-02.html b/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-02.html
new file mode 100644
index 0000000000..d6c92b903c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-02.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Correct support of emoji flag following rtl run</title>
+<style>*{padding:0;margin:0}</style>
+<link rel="help" href="https://drafts.csswg.org/css-writing-modes/#text-direction">
+<link rel="match" href="bidi-flag-emoji-02-ref.html">
+
+<body>לום🇱🇮</body>
+
diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-ref.html b/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-ref.html
new file mode 100644
index 0000000000..84585a264f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<body>
+ <div>לום<span style="unicode-bidi: isolate">🇱🇮</span></div>
+</body>
+
diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji.html b/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji.html
new file mode 100644
index 0000000000..a184db2659
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Correct support of emoji flag following rtl run</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html">
+<link rel="match" href="bidi-flag-emoji-ref.html">
+<body>
+ <div>לום🇱🇮</div>
+</body>
+
diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-span-001-ref.html b/testing/web-platform/tests/css/CSS2/text/bidi-span-001-ref.html
new file mode 100644
index 0000000000..594847b128
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/bidi-span-001-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<body>
+ <div>אבג</div>
+ <div>אבג</div>
+ <div>אבג</div>
+ <div>אבג</div>
+ <div>אבג</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-span-001.html b/testing/web-platform/tests/css/CSS2/text/bidi-span-001.html
new file mode 100644
index 0000000000..b645a2b548
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/bidi-span-001.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test: Inline boxes should not affect bidi reordering</title>
+<link rel="match" href="bidi-span-001-ref.html">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#direction">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<body>
+ <div>א<span></span>בג</div>
+ <div>א<span style="background: white"></span>בג</div>
+ <div>א<span>ב</span>ג</div>
+ <div>א<span style="background: white">ב</span>ג</div>
+ <div>אבג</div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-span-002-ref.html b/testing/web-platform/tests/css/CSS2/text/bidi-span-002-ref.html
new file mode 100644
index 0000000000..6cc72c208a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/bidi-span-002-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<body>()</body>
diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-span-002.html b/testing/web-platform/tests/css/CSS2/text/bidi-span-002.html
new file mode 100644
index 0000000000..d4fc6de070
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/bidi-span-002.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>CSS Test: Inline boxes should not affect bidi reordering</title>
+<link rel="match" href="bidi-span-002-ref.html">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#direction">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<style>
+body {
+ text-align: left;
+ direction: rtl;
+}
+
+.c1:before {
+ content: '(';
+}
+
+.c1:after {
+ content: ')';
+}
+
+.c2:after {
+ content: '';
+}
+</style>
+<body><span class="c1"><span class="c2"></span></span></body>
diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-span-003-ref.html b/testing/web-platform/tests/css/CSS2/text/bidi-span-003-ref.html
new file mode 100644
index 0000000000..4cebcb90bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/bidi-span-003-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<style>
+.container {
+ width: 300px;
+ background: pink;
+}
+div {
+ margin-bottom: 10px;
+ text-align: right;
+}
+.purple {
+ border: purple solid 5px;
+}
+.orange {
+ background: orange;
+}
+</style>
+<body>
+ <div class="container">
+ <div>
+ <span class="purple">inspect</span><span class="orange">pause</span>
+ </div>
+ <div>
+ <span class="purple">inspect</span> <span class="orange">pause</span>
+ </div
+ <div>
+ <span class="purple">inspect<span class="orange">pause</span></span>
+ </div>
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-span-003.html b/testing/web-platform/tests/css/CSS2/text/bidi-span-003.html
new file mode 100644
index 0000000000..92a90d529c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/bidi-span-003.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<title>CSS Test: Bidi reordering with inline boxes</title>
+<link rel="match" href="bidi-span-003-ref.html">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#direction">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<style>
+.container {
+ width: 300px;
+ background: pink;
+}
+div {
+ margin-bottom: 10px;
+}
+.purple {
+ border: purple solid 5px;
+}
+.orange {
+ background: orange;
+}
+</style>
+<body>
+ <div class="container">
+ <div dir=rtl>
+ <span class="purple">inspect</span><span class="orange">pause</span>
+ </div>
+ <div dir=rtl>
+ <span class="purple">inspect</span> <span class="orange">pause</span>
+ </div>
+ <div dir=rtl>
+ <span class="purple">inspect<span class="orange">pause</span></span>
+ </div>
+ </div>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-text-decoration-underline-001.xht b/testing/web-platform/tests/css/CSS2/text/bidi-text-decoration-underline-001.xht
new file mode 100644
index 0000000000..bc52be8262
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/bidi-text-decoration-underline-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: text-decoration: none and bidi reordering</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props"/>
+ <meta name="assert" content="Underline should span the entire line and not
+ be affected by bidi reordering or no text-decoration on children"/>
+ <style type="text/css"><![CDATA[
+ a {
+ text-decoration: underline;
+ }
+ span {
+ text-decoration: none;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ There should be an unbroken underline under the entire line:
+ </p>
+ <p><a href="#">abc <span>def &#1604;&#1610;&#1589;</span> &#1575;&#1601;&#1578;</a></p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/combining-characters-002.xht b/testing/web-platform/tests/css/CSS2/text/combining-characters-002.xht
new file mode 100644
index 0000000000..4226e5c0cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/combining-characters-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Combining characters and styling</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#ctrlchars" />
+ <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-letter-pseudo"/>
+ <meta name="assert" content="The combined characters are styled as one character.
+ (according to css3, the styling of a typographical ccharacter unit split by an element boundary is undefined.
+ However, this test is still fine because ::first-letter selects the whole character unit.)" />
+ <style type="text/css">
+ div:first-letter
+ {
+ text-transform: uppercase;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the character below is an uppercase 'o' with an accent above it.</p>
+ <div>o<span>&#x301;</span></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/control-characters-002.xht b/testing/web-platform/tests/css/CSS2/text/control-characters-002.xht
new file mode 100644
index 0000000000..c546ea3b60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/control-characters-002.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Control Characters</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-processing"/>
+ <meta name="assert" content="Handling and processing of control characters." />
+ <style type="text/css">
+ div
+ {
+ border: 1px solid black;
+ height: 1.2em;
+ padding-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only a single character in each box below or the box is empty.</p>
+ <!-- C0 Control Characters -->
+ <div>&#x09;</div>
+ <div>&#x0A;</div>
+ <div>&#x0D;</div>
+ <div>&#x7F;</div>
+ <!-- C1 Control Characters -->
+ <div>&#x80;</div>
+ <div>&#x81;</div>
+ <div>&#x82;</div>
+ <div>&#x83;</div>
+ <div>&#x84;</div>
+ <div>&#x85;</div>
+ <div>&#x86;</div>
+ <div>&#x87;</div>
+ <div>&#x88;</div>
+ <div>&#x89;</div>
+ <div>&#x8A;</div>
+ <div>&#x8B;</div>
+ <div>&#x8C;</div>
+ <div>&#x8D;</div>
+ <div>&#x8E;</div>
+ <div>&#x8F;</div>
+ <div>&#x90;</div>
+ <div>&#x91;</div>
+ <div>&#x92;</div>
+ <div>&#x93;</div>
+ <div>&#x94;</div>
+ <div>&#x95;</div>
+ <div>&#x96;</div>
+ <div>&#x97;</div>
+ <div>&#x98;</div>
+ <div>&#x99;</div>
+ <div>&#x9A;</div>
+ <div>&#x9B;</div>
+ <div>&#x9C;</div>
+ <div>&#x9D;</div>
+ <div>&#x9E;</div>
+ <div>&#x9F;</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/crashtests/bidi-inline-fragment-oof-crash.html b/testing/web-platform/tests/css/CSS2/text/crashtests/bidi-inline-fragment-oof-crash.html
new file mode 100644
index 0000000000..b701d2b568
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/crashtests/bidi-inline-fragment-oof-crash.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<link rel="author" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://crbug.com/1229999">
+<div style="direction:rtl; width:500px">
+ <span style="border:solid">
+ <span style="position:relative">
+ <div style="display:inline-block; width:1000%; height:10px"></div>
+ <span dir="ltr">
+ <div style="position:absolute"></div>
+ </span>
+ </span>
+ </span>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-004-ref.xht
new file mode 100644
index 0000000000..14f8a5fa70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-004-ref.xht
@@ -0,0 +1,17 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<meta name="flags" content="ahem"/>
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style type="text/css"><![CDATA[
+div {
+ font: 24px/1em Ahem;
+}
+]]></style>
+</head>
+<body>
+<p>Test passes if there is only one box below (with no jagged edges).</p>
+<div>xx</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-004.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-004.xht
new file mode 100644
index 0000000000..ff85e03f75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-004.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: -0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-005.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-005.xht
new file mode 100644
index 0000000000..b89ab05edd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-005.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using pixels with a zero value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a zero length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: 0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-006.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-006.xht
new file mode 100644
index 0000000000..05dcadf4f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-006.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: +0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-007-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-007-ref.xht
new file mode 100644
index 0000000000..b61d9defb6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-007-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>Test Reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1,
+ #span2
+ {
+ margin-left: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div>
+ <span>x</span><span id="span2">x</span>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-007.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-007.xht
new file mode 100644
index 0000000000..03e0aa8c37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-007.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ margin-left: 96px;
+ }
+ #test
+ {
+ letter-spacing: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-008.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-008.xht
new file mode 100644
index 0000000000..f3f565d304
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-008.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using pixels with a nominal value with a plus sign, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in pixels with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ margin-left: 96px;
+ }
+ #test
+ {
+ letter-spacing: +96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-016.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-016.xht
new file mode 100644
index 0000000000..ae5e20cdcd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-016.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: -0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-017.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-017.xht
new file mode 100644
index 0000000000..31f74f4fc9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-017.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using points with a zero value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a zero length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: 0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-018.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-018.xht
new file mode 100644
index 0000000000..4aeadbc58c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-018.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: +0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-019.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-019.xht
new file mode 100644
index 0000000000..be0005ff5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-019.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ margin-left: 72pt;
+ }
+ #test
+ {
+ letter-spacing: 72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-020.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-020.xht
new file mode 100644
index 0000000000..81bbc601ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-020.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using points with a nominal value with a plus sign, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in points with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ margin-left: 72pt;
+ }
+ #test
+ {
+ letter-spacing: +72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-028.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-028.xht
new file mode 100644
index 0000000000..c870581c69
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-028.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: -0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-029.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-029.xht
new file mode 100644
index 0000000000..7a6e2e7418
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-029.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using picas with a zero value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a zero length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: 0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-030.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-030.xht
new file mode 100644
index 0000000000..e8235d8019
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-030.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: +0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-031.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-031.xht
new file mode 100644
index 0000000000..9bde6686e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-031.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ margin-left: 6pc;
+ }
+ #test
+ {
+ letter-spacing: 6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-032.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-032.xht
new file mode 100644
index 0000000000..522703fd6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-032.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using picas with a nominal value with a plus sign, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in picas with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ margin-left: 6pc;
+ }
+ #test
+ {
+ letter-spacing: +6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-040.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-040.xht
new file mode 100644
index 0000000000..2fd455096b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-040.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: -0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-041.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-041.xht
new file mode 100644
index 0000000000..a46e272070
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-041.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using centimeters with a zero value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a zero length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: 0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-042.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-042.xht
new file mode 100644
index 0000000000..c414cf33b7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-042.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: +0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-043.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-043.xht
new file mode 100644
index 0000000000..e878faed25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-043.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ margin-left: 2.54cm;
+ }
+ #test
+ {
+ letter-spacing: 2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-044.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-044.xht
new file mode 100644
index 0000000000..90a162443a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-044.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using centimeters with a nominal value with a plus sign, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in centimeters with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ margin-left: 2.54cm;
+ }
+ #test
+ {
+ letter-spacing: +2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-052.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-052.xht
new file mode 100644
index 0000000000..5165ac8f76
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-052.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: -0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-053.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-053.xht
new file mode 100644
index 0000000000..de646f4818
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-053.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using millimeters with a zero value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a zero length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: 0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-054.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-054.xht
new file mode 100644
index 0000000000..a270f01615
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-054.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: +0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-055.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-055.xht
new file mode 100644
index 0000000000..dfe0e85edf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-055.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ margin-left: 25.4mm;
+ }
+ #test
+ {
+ letter-spacing: 25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-056.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-056.xht
new file mode 100644
index 0000000000..4af2a1a43d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-056.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using millimeters with a nominal value with a plus sign, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in millimeters with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ margin-left: 25.4mm;
+ }
+ #test
+ {
+ letter-spacing: +25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-064.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-064.xht
new file mode 100644
index 0000000000..03e45ca3c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-064.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: -0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-065.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-065.xht
new file mode 100644
index 0000000000..6fd4912d3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-065.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using inches with a zero value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a zero length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: 0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-066.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-066.xht
new file mode 100644
index 0000000000..4493a67c6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-066.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: +0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-067.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-067.xht
new file mode 100644
index 0000000000..02b81df92d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-067.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using inches with a nominal value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ margin-left: 1in;
+ }
+ #test
+ {
+ letter-spacing: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-068.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-068.xht
new file mode 100644
index 0000000000..a057b7eb36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-068.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using inches with a nominal value with a plus sign, +1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in inches with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ margin-left: 1in;
+ }
+ #test
+ {
+ letter-spacing: +1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-076.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-076.xht
new file mode 100644
index 0000000000..c288610e78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-076.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: -0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-077.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-077.xht
new file mode 100644
index 0000000000..1b90dfd51f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-077.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using 'em' units with a zero value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-078.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-078.xht
new file mode 100644
index 0000000000..2ec940493e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-078.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: +0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-079-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-079-ref.xht
new file mode 100644
index 0000000000..ec24b9871d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-079-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1,
+ #span2
+ {
+ margin-left: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div>
+ <span>x</span><span id="span2">x</span>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-079.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-079.xht
new file mode 100644
index 0000000000..31d5612b62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-079.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-079-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ margin-left: 6em;
+ }
+ #test
+ {
+ letter-spacing: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-080.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-080.xht
new file mode 100644
index 0000000000..642497e9f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-080.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using 'em' units with a nominal value with a plus sign, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in 'em' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ margin-left: 6em;
+ }
+ #test
+ {
+ letter-spacing: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-088.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-088.xht
new file mode 100644
index 0000000000..b159cb5adb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-088.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: -0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-089.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-089.xht
new file mode 100644
index 0000000000..56ea784aef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-089.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using 'ex' units with a zero value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: 0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-090.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-090.xht
new file mode 100644
index 0000000000..5d0159532a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-090.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: +0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-091-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-091-ref.xht
new file mode 100644
index 0000000000..7d485ac65c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-091-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1,
+ #span2
+ {
+ margin-left: 12ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div>
+ <span>x</span><span id="span2">x</span>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-091.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-091.xht
new file mode 100644
index 0000000000..e444b75033
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-091.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using 'ex' units with a nominal value, 12ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-091-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ margin-left: 12ex;
+ }
+ #test
+ {
+ letter-spacing: 12ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-092.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-092.xht
new file mode 100644
index 0000000000..1e3856aac4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-092.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing using 'ex' units with a nominal value with a plus sign, +12ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-091-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in 'ex' units with a plus sign." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ margin-left: 12ex;
+ }
+ #test
+ {
+ letter-spacing: +12ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-097.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-097.xht
new file mode 100644
index 0000000000..01b2317c7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-097.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing sets a negative zero value with no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value with no units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: -0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-098.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-098.xht
new file mode 100644
index 0000000000..20d456aa12
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-098.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing sets a zero value with no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a zero length value with no units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-099.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-099.xht
new file mode 100644
index 0000000000..bef4b12835
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-099.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing sets a positive zero value with no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value with no units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: +0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-100.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-100.xht
new file mode 100644
index 0000000000..cee3f3f375
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-100.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing set to 'normal'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property set to 'normal' sets the typical spacing for letters based on the font." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 24px/1em Ahem;
+ }
+ div div
+ {
+ letter-spacing: normal;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below (with no jagged edges).</p>
+ <div>
+ <div>xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-101.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-101.xht
new file mode 100644
index 0000000000..af1e89d5f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-101.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' set to 'inherit' uses its parents' value for the spacing of letters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ }
+ #span1
+ {
+ margin-left: 1in;
+ }
+ #div1
+ {
+ letter-spacing: 1in;
+ }
+ #div1 div
+ {
+ letter-spacing: 0;
+ letter-spacing: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div id="div1">
+ <div>xx</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-102-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-102-ref.xht
new file mode 100644
index 0000000000..b4c7e9baf7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-102-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>test reference</title>
+ <style type="text/css">
+ #test, #control { color: blue; font-weight: bold; border: solid silver thick; letter-spacing: 7em; }
+ </style>
+ </head>
+ <body>
+ <p>The contents of the two silver boxes must be identical.</p>
+ <p id="control">ab cd ef gh i j</p>
+ <p id="test">ab cd ef gh i j</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-102.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-102.xht
new file mode 100644
index 0000000000..10dbe4609e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-102.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Dynamic letter-spacing changes</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/letter-spacing/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-102-ref.xht" />
+ <meta name="flags" content="dom"/>
+ <style type="text/css">
+ #test, #control { color: blue; font-weight: bold; border: solid silver thick; }
+ #control { letter-spacing: 7em; }
+ </style>
+ </head>
+ <body onload="document.getElementById('alter').style.letterSpacing = '7em'">
+ <p>The contents of the two silver boxes must be identical.</p>
+ <p id="control">ab cd ef gh i j</p>
+ <p id="test">
+ <span id="alter"><span>ab cd ef gh i j</span></span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-001.xht
new file mode 100644
index 0000000000..a37396710a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing application on a 'display: inline' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property is applied to 'display: inline' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ display: inline;
+ letter-spacing: 1em;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
+ <div>
+ <div id="div1">XXXXXX</div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-002.xht
new file mode 100644
index 0000000000..6930c23814
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-002.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing application on a 'display: block' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property is applied to 'display: block' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ span
+ {
+ display: block;
+ letter-spacing: 1em;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
+ <div>
+ <span>XXXXXX</span>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-003-ref.xht
new file mode 100644
index 0000000000..d4129086d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-003-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ margin-left: 3em;
+ }
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ display: list-item;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are six black boxes above a blue box, the last black box ends where the blue box ends and there is a marker bullet on the left-hand side of the left most black box.</p>
+ <div id="div1">X X X X X X</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-003.xht
new file mode 100644
index 0000000000..3e481c8f25
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-003.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing application on a 'display: list-item' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-applies-to-003-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property is applied to 'display: list-item' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ margin-left: 3em;
+ }
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ display: list-item;
+ letter-spacing: 1em;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are six black boxes above a blue box, the last black box ends where the blue box ends and there is a marker bullet on the left-hand side of the left most black box.</p>
+ <div id="div1">XXXXXX</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-005-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-005-ref.xht
new file mode 100644
index 0000000000..7bc6fe3936
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-005-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ display: inline-block;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="div1">X X X X X X</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-005.xht
new file mode 100644
index 0000000000..02d9882d5d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-005.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing application on a 'display: inline-block' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-applies-to-005-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property is applied to 'display: inline-block' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ display: inline-block;
+ letter-spacing: 1em;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="div1">XXXXXX</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-006.xht
new file mode 100644
index 0000000000..4ed48828bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-006.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing application on a 'display: table' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property is applied to 'display: table' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ letter-spacing: 1em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">XXXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-007-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-007-ref.xht
new file mode 100644
index 0000000000..cb01bd4ce0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-007-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: inline-table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">X X X X X X</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-007.xht
new file mode 100644
index 0000000000..40667d8957
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-007.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing application on a 'display: inline-table' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-applies-to-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property is applied to 'display: inline-table' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: inline-table;
+ letter-spacing: 1em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">XXXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-008.xht
new file mode 100644
index 0000000000..2cc52bf39d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-008.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing application on a 'display: table-row-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-row-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-row-group;
+ letter-spacing: 1em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">XXXXXX</div>
+ </div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-009.xht
new file mode 100644
index 0000000000..e857ad99c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-009.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing application on a 'display: table-header-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-header-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-header-group;
+ letter-spacing: 1em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">XXXXXX</div>
+ </div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-010.xht
new file mode 100644
index 0000000000..606a0ef1d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-010.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing application on a 'display: table-footer-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-footer-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-footer-group;
+ letter-spacing: 1em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">XXXXXX</div>
+ </div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-011.xht
new file mode 100644
index 0000000000..ed77a6ec75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-011.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing application on a 'display: table-row' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-row' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ letter-spacing: 1em;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">XXXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-012-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-012-ref.xht
new file mode 100644
index 0000000000..d50a1664da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-012-ref.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-column-group;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same width.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">XXXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-012.xht
new file mode 100644
index 0000000000..54ec3074c2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-012.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing application on a 'display: table-column-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-applies-to-012-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property does not apply to 'display: table-column-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-column-group;
+ letter-spacing: 1em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same width.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">XXXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-013.xht
new file mode 100644
index 0000000000..bfa6e025f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-013.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing application on a 'display: table-column' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="letter-spacing-applies-to-012-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property does not apply to 'display: table-column' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-column;
+ letter-spacing: 1em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same width.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">XXXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-014.xht
new file mode 100644
index 0000000000..5660b911b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-014.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing application on a 'display: table-cell' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-cell' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ letter-spacing: 1em;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">XXXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-015.xht
new file mode 100644
index 0000000000..f329cae7fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-015.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing application on a 'display: table-caption' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-caption' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ display: table-caption;
+ letter-spacing: 1em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="caption">XXXXXX</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-justify-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-justify-001-ref.xht
new file mode 100644
index 0000000000..c11cb34257
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-justify-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ width: 6em;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
+ <div>
+ <div id="div1">X X X X X X X X X X X X</div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-justify-001.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-justify-001.xht
new file mode 100644
index 0000000000..db70f3d548
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-justify-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Letter-spacing and 'text-align: justify'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-justify-property"/>
+ <link rel="match" href="letter-spacing-justify-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The letter-spacing is not changed when combined with 'text-align: justify'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-family: Ahem;
+ letter-spacing: 1em;
+ line-height: 1em;
+ text-align: justify;
+ width: 6em;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
+ <div>
+ <div id="div1">XXXXXX XXXXXX</div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/painting-order-underline-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/painting-order-underline-001-ref.xht
new file mode 100644
index 0000000000..bec88a5a9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/painting-order-underline-001-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 40px;
+ position: relative;
+ top: 160px;
+ width: 400px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a thick green bar and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/painting-order-underline-001.xht b/testing/web-platform/tests/css/CSS2/text/painting-order-underline-001.xht
new file mode 100644
index 0000000000..9c01cbaa18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/painting-order-underline-001.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'underline' decoration painting order and descender</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" title="E.2 Painting order" />
+ <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property" />
+ <link rel="match" href="painting-order-underline-001-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="This test checks that underlining painting is done before glyphs are painted; therefore, if the underlining crosses the descenders (glyphs like 'g', 'j', 'p', 'q', 'y' have a descender), then the descender part must overlap the underline." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: red;
+ font: 12.5em/1 Ahem; /* computes to 200px/200px */
+ text-decoration: underline;
+ }
+
+ span
+ {
+ color: green;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a thick green bar and <strong>no red</strong>.</p>
+
+ <div><span>pp</span></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/text/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/text/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/text/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/text/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/text/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/text/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/text/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/text/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/a-green.css b/testing/web-platform/tests/css/CSS2/text/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/text/support/b-green.css b/testing/web-platform/tests/css/CSS2/text/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/support/black15x15.png b/testing/web-platform/tests/css/CSS2/text/support/black15x15.png
new file mode 100644
index 0000000000..b1bbef2cd5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/black15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/text/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/c-red.css b/testing/web-platform/tests/css/CSS2/text/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/support/cat.png b/testing/web-platform/tests/css/CSS2/text/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/diamond.png b/testing/web-platform/tests/css/CSS2/text/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/green15x15.png b/testing/web-platform/tests/css/CSS2/text/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/text/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/text/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/text/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/text/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/ring.png b/testing/web-platform/tests/css/CSS2/text/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/square-purple.png b/testing/web-platform/tests/css/CSS2/text/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/square-teal.png b/testing/web-platform/tests/css/CSS2/text/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/square-white.png b/testing/web-platform/tests/css/CSS2/text/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-aqua.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-aqua.png
new file mode 100644
index 0000000000..dd47e28665
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-aqua.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-teal.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-teal.png
new file mode 100644
index 0000000000..0293ce89de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/test-bl.png b/testing/web-platform/tests/css/CSS2/text/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/test-br.png b/testing/web-platform/tests/css/CSS2/text/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/test-outer.png b/testing/web-platform/tests/css/CSS2/text/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/test-tl.png b/testing/web-platform/tests/css/CSS2/text/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/support/test-tr.png b/testing/web-platform/tests/css/CSS2/text/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-001.xht b/testing/web-platform/tests/css/CSS2/text/text-align-001.xht
new file mode 100644
index 0000000000..c5015f8170
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align set to 'left'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property set to 'left' on a block element aligns the text to the left." />
+ <style type="text/css">
+ div
+ {
+ border: 1px solid blue;
+ text-align: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" below are aligned to the left, inside the blue box.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-002.xht b/testing/web-platform/tests/css/CSS2/text/text-align-002.xht
new file mode 100644
index 0000000000..66b6826a4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align set to 'right'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property set to 'right' on a block element aligns the text to the right." />
+ <style type="text/css">
+ div
+ {
+ border: 1px solid blue;
+ text-align: right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" below are aligned to the right, inside the blue box.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-003.xht b/testing/web-platform/tests/css/CSS2/text/text-align-003.xht
new file mode 100644
index 0000000000..0dafac950d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align set to 'center'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property set to 'center' on a block element aligns the text in the center." />
+ <style type="text/css">
+ div
+ {
+ border: 1px solid blue;
+ text-align: center;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" below are aligned in the center, inside the blue box.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-004.xht b/testing/web-platform/tests/css/CSS2/text/text-align-004.xht
new file mode 100644
index 0000000000..01d1e0f667
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-004.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align set to 'justify'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="Text-align justify on a block element aligns the text on both the left and right sides." />
+ <style type="text/css">
+ div
+ {
+ border: 1px solid blue;
+ text-align: justify;
+ width: 150px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" are justified and spaced out on the first two lines of text inside the blue box. The final line of text does not have to be justified but can be based on user agent implementation.</p>
+ <div>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-005.xht b/testing/web-platform/tests/css/CSS2/text/text-align-005.xht
new file mode 100644
index 0000000000..f3c220f2de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-005.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property set to a value of 'inherit' correctly inherits its value from the parent element." />
+ <style type="text/css">
+ body
+ {
+ text-align: right;
+ }
+ p
+ {
+ text-align: left;
+ }
+ div
+ {
+ border: 1px solid blue;
+ text-align: left;
+ text-align: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" below are aligned to the right, inside the blue box.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-001.xht
new file mode 100644
index 0000000000..eb22d6a55c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align application on a 'display: inline' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property is not applied to 'display: inline' element." />
+ <style type="text/css">
+ #parent
+ {
+ border: solid;
+ text-align: right;
+ width: 500px;
+ }
+ #test
+ {
+ display: inline;
+ text-align: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p>
+ <div id="parent">
+ <div id="test">Filler Text Filler Text Filler Text Filler Text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-002.xht
new file mode 100644
index 0000000000..7bd2dbc64c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align application on a 'display: block' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property is applied to 'display: block' elements." />
+ <style type="text/css">
+ span
+ {
+ border: solid;
+ display: block;
+ text-align: right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p>
+ <div>
+ <span>Filler Text Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-003.xht
new file mode 100644
index 0000000000..557b3a5b31
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-003.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align application on a 'display: list-item' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property is applied to 'display: list-item' elements." />
+ <style type="text/css">
+ div
+ {
+ margin-left: 2em;
+ }
+ span
+ {
+ border: solid;
+ display: list-item;
+ text-align: right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is aligned to the right side of the box and there is a marker bullet on the left-hand side of the box.</p>
+ <div>
+ <span>Filler Text Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-005.xht
new file mode 100644
index 0000000000..749eff458d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align application on a 'display: inline-block' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property is applied to 'display: inline-block' elements." />
+ <style type="text/css">
+ span
+ {
+ border: solid;
+ display: inline-block;
+ text-align: right;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p>
+ <div>
+ <span>Filler Text Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-006.xht
new file mode 100644
index 0000000000..52f95c9f4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-006.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align application on a 'display: table' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property is applied to 'display: table' elements." />
+ <style type="text/css">
+ #table
+ {
+ border: solid;
+ display: table;
+ text-align: right;
+ width: 100%;:
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text Filler Text Filler Text Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-007.xht
new file mode 100644
index 0000000000..60d285083f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-007.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align application on a 'display: inline-table' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property is applied to 'display: inline-table' elements." />
+ <style type="text/css">
+ #table
+ {
+ border: solid;
+ display: inline-table;
+ text-align: right;
+ width: 100%;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text Filler Text Filler Text Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-008.xht
new file mode 100644
index 0000000000..4d8bd69f7f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-008.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align application on a 'display: table-row-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property is applied to 'display: table-row-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ border: solid;
+ display: table;
+ width: 100%;
+ }
+ #test
+ {
+ display: table-row-group;
+ text-align: right;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">Filler Text Filler Text Filler Text Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-009.xht
new file mode 100644
index 0000000000..82e20ac967
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-009.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align application on a 'display: table-header-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property is applied to 'display: table-header-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ border: solid;
+ display: table;
+ width: 100%;
+ }
+ #test
+ {
+ display: table-header-group;
+ text-align: right;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">Filler Text Filler Text Filler Text Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-010.xht
new file mode 100644
index 0000000000..32d30ceb3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-010.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align application on a 'display: table-footer-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property is applied to 'display: table-footer-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ border: solid;
+ display: table;
+ width: 100%;
+ }
+ #test
+ {
+ display: table-footer-group;
+ text-align: right;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">Filler Text Filler Text Filler Text Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-011.xht
new file mode 100644
index 0000000000..2f891392ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-011.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align application on a 'display: table-row' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property is applied to 'display: table-row' elements." />
+ <style type="text/css">
+ #table
+ {
+ border: solid;
+ display: table;
+ width: 100%;
+ }
+ #row
+ {
+ display: table-row;
+ text-align: right;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text Filler Text Filler Text Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-012.xht
new file mode 100644
index 0000000000..c667e5e068
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-012.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align application on a 'display: table-column-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property is not applied to a 'display: table-column-group' element." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ width: 100%;
+ }
+ #test
+ {
+ display: table-column;
+ text-align: right;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border: solid black;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is aligned to the left side of the box.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">Filler Text Filler Text Filler Text Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-013.xht
new file mode 100644
index 0000000000..fa17886b54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-013.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align application on a 'display: table-column' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property is not applied to a 'display: table-column' element." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ width: 100%;
+ }
+ #test
+ {
+ display: table-column;
+ text-align: right;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ border: solid black;
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is aligned to the left side of the box.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">Filler Text Filler Text Filler Text Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-014.xht
new file mode 100644
index 0000000000..cd53f543d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-014.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align application on a 'display: table-cell' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property is applied to 'display: table-cell' elements." />
+ <style type="text/css">
+ #table
+ {
+ border: solid;
+ display: table;
+ table-layout: fixed;
+ width: 100%;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ text-align: right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text Filler Text Filler Text Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-015.xht
new file mode 100644
index 0000000000..e6c536116c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-015.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align application on a 'display: table-caption' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="The 'text-align' property is applied to 'display: table-caption' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ width: 100%;
+ }
+ #caption
+ {
+ border: solid;
+ display: table-caption;
+ text-align: right;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p>
+ <div id="table">
+ <div id="caption">Filler Text Filler Text Filler Text Filler Text</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-001.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-001.xht
new file mode 100644
index 0000000000..f404f3fb72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align and direction - left and rtl</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="Text-align property should override the default text-align change caused by a switch of direction"/>
+ <style type="text/css"><![CDATA[
+ div {
+ text-align: left;
+ direction: rtl;}
+ ]]></style>
+ </head>
+ <body>
+ <div>
+ This text should be left-aligned
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-002.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-002.xht
new file mode 100644
index 0000000000..0ac15c30cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align and direction - nested center and rtl</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="Text-align property should override the default text-align change caused by a switch of direction"/>
+ <style type="text/css"><![CDATA[
+ div {text-align: center;}
+ p {direction:rtl;}
+ ]]></style>
+ </head>
+ <body>
+ <div>
+ <p>
+ This text should be centered horizontally on the page
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-003.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-003.xht
new file mode 100644
index 0000000000..45862fb06a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align and direction - nested rtl, center and ltr</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="Text-align property should override the default text-align change caused by a switch of direction"/>
+ <style type="text/css"><![CDATA[
+ body {direction: rtl;}
+ div {text-align: center;}
+ p {direction: ltr;}
+ ]]></style>
+ </head>
+ <body>
+ <div>
+ <p>
+ This text should be centered horizontally on the page
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-004.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-004.xht
new file mode 100644
index 0000000000..75bfeadcac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align and direction - nested center and ltr</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="Text-align property should override the default text-align change caused by a switch of direction"/>
+ <style type="text/css"><![CDATA[
+ div {text-align: center;}
+ p {direction: ltr;}
+ ]]></style>
+ </head>
+ <body>
+ <div>
+ <p>
+ This text should be centered horizontally on the page
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-005.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-005.xht
new file mode 100644
index 0000000000..357c0fa5a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-005.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align and direction - nested rtl, right and ltr</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/>
+ <meta name="assert" content="Text-align property should override the default text-align change caused by a switch of direction"/>
+ <style type="text/css"><![CDATA[
+ body {direction: rtl;}
+ div {text-align: right;}
+ p {direction: ltr;}
+ ]]></style>
+ </head>
+ <body>
+ <div>
+ <p>
+ This text should be right-aligned on the page
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-006.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-006.xht
new file mode 100644
index 0000000000..08d68d0da7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-006.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align and direction - nested left and rtl</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="Text-align property should override the default text-align change caused by a switch of direction"/>
+ <style type="text/css"><![CDATA[
+ div {text-align: left;}
+ p {direction: rtl;}
+ ]]></style>
+ </head>
+ <body>
+ <div>
+ <p>
+ This text should be left-aligned on the page
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-007.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-007.xht
new file mode 100644
index 0000000000..58f84d941e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-007.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: direction:rtl and text-align: left</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="Text-align should override default text-align in rtl context"/>
+ <style type="text/css"><![CDATA[
+ body {
+ direction: rtl;
+ }
+ div {
+ width:20em;
+ text-align: left;
+ border: 1px solid black;
+ }
+ ]]></style>
+
+ </head>
+ <body>
+
+ <p>The text should be left-aligned inside the box below. The box itself should be right-aligned on the page</p>
+
+ <div>
+ Text
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-008.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-008.xht
new file mode 100644
index 0000000000..0603f85821
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-008.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: direction:rtl and text-align: justify</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="Text-align should override default text-align in rtl context"/>
+ <style type="text/css"><![CDATA[
+ body {direction: rtl;}
+ div {
+ width:10em;
+ text-align: justify;
+ border: 1px solid black
+ }
+ ]]></style>
+
+ </head>
+ <body>
+
+ <p>
+ The text in the box below should be justified: the text should line up with the box edges on both the left and right sides.
+ </p>
+ <div>
+ The text in this box should be justified. The text in this box should be justified. The text in this box should be justified. The text in this box should be justified
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-009.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-009.xht
new file mode 100644
index 0000000000..5ce716cf1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-009.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: text-align: justify - implicit rtl text</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="Implicit rtl text should be justified by text-align: justify"/>
+ <style type="text/css"><![CDATA[
+ body {direction: rtl;}
+ div {
+ width:10em;
+ text-align: justify;
+ border: 1px solid black
+ }
+ ]]></style>
+
+ </head>
+ <body>
+ <p>
+ The text in the box below should be justified: the text should line up with the box edges on both the left and right sides
+ </p>
+ <div>
+ &#x05D0;&#x05D1;&#x05D1; &#x05D0;&#x05D1;&#x05D1; &#x05D0;&#x05D1;&#x05D1;
+ &#x05D0;&#x05D1;&#x05D1; &#x05D0;&#x05D1;&#x05D1;&#x05D0;&#x05D1; &#x05D0;&#x05D1;&#x05D1;
+ &#x05D0;&#x05D1;&#x05D1; &#x05D0;&#x05D1;&#x05D1; &#x05D0;&#x05D1;&#x05D1;
+ &#x05D0;&#x05D1;&#x05D1; &#x05D0;&#x05D1;&#x05D1; &#x05D0;&#x05D1;&#x05D1;
+ &#x05D0;&#x05D1;&#x05D1; &#x05D0;&#x05D1;&#x05D1; &#x05D0;&#x05D1;&#x05D1;
+ &#x05D0;&#x05D1;&#x05D1; &#x05D0;&#x05D1;&#x05D1; &#x05D0;&#x05D1;&#x05D1;&#x05D0;
+ &#x05D0;&#x05D1;&#x05D1; &#x05D0;&#x05D1;&#x05D1; &#x05D0;&#x05D1;&#x05D1;
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-010.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-010.xht
new file mode 100644
index 0000000000..49d489a687
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-010.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: text-align: justify - joined text</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="Joined text should be justified by text-align: justify"/>
+ <style type="text/css"><![CDATA[
+ body {
+ direction: rtl;
+ }
+ div {
+ width:10em;
+ text-align: justify;
+ border: 1px solid black
+ }
+ ]]></style>
+
+ </head>
+ <body>
+ <p>
+ The text in the box below should be justified: the text should line up with the box edges on both the left and right sides.
+ </p>
+ <div>
+ بائعة فاكهة وخضر فى حى ألتو فى لاباز. وقد أخذت ثمانية قروض من بانكوسول على مدى أربع سنوات والقرض الأخير كان ٥٠ ضعف القرض الأول.
+ </div>
+
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-011-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-011-ref.xht
new file mode 100644
index 0000000000..0e8b86f98b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-011-ref.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border-spacing: 0px;
+ padding-left: 10px;
+ }
+
+ td {padding: 0px 10px 10px 0px;}
+
+ img {vertical-align: bottom;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a perfect 6&times;6 grid of squares below. (Force bidi: &#x05D0;)</p>
+
+ <table>
+
+ <tr><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td></tr>
+
+ <tr><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td></tr>
+
+ </table>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-011.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-011.xht
new file mode 100644
index 0000000000..32d8e81963
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-011.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: text-align and bidi (basic test)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-28 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/align/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <link rel="match" href="text-align-bidi-011-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { margin: 1em; width: 29em; font: 0.625em/1 Ahem; }
+ .left { text-align: left; }
+ .right { text-align: right; }
+ .justify { text-align: justify; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a perfect 6&times;6 grid of squares below. (Force bidi: &#x05D0;) </p>
+ <div class="test left">xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx abcd</div>
+ <div class="test right">xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx abcd</div>
+ <div class="test justify">xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx abcd</div>
+ <div class="test left">&#x202E;xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx abcd</div>
+ <div class="test right">&#x202E;xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx abcd</div>
+ <div class="test justify">&#x202E;xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx abcd</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-012.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-012.xht
new file mode 100644
index 0000000000..0477087cbd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-012.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: text-align and bidi (basic test)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/align/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <style type="text/css">
+ p { color: blue; }
+ .test { margin: 1em; border: solid; width: 15em; font: 2em/1 monospace; text-align: justify; direction: rtl; }
+ </style>
+ </head>
+ <body>
+ <p>The text below should be justified to fit in the box (straight edges on all sides).</p>
+ <div class="test">
+ &#x05D0;
+ &#x05D0;
+ &#x05D0;
+ &#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;&#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;
+ &#x05D0;
+ &#x05D0;
+ &#x05D0;
+
+ &#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;
+
+ &#x05D0;&#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;&#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;&#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;&#x05D0;
+
+ &#x05D0;&#x05D0;&#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;&#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;&#x05D0;&#x05D0;
+ &#x05D0;&#x05D1;&#x05D2;&#x05D3;
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-013.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-013.xht
new file mode 100644
index 0000000000..f92421ec47
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-013.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: text-align and bidi</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/align/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <style type="text/css">
+ p { color: blue; }
+ .test { margin: 1em; border: solid; width: 15em; font: 2em/1 monospace; text-align: justify; direction: rtl; }
+ </style>
+ </head>
+ <body>
+ <p>The text below should be justified to fit in the box (straight edges on all sides).</p>
+ <div class="test">
+ &#x05D0;
+ &#x05D0;
+ X
+ &#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;&#x05D0;&#x05D0;
+ XX
+ &#x05D0;
+ &#x05D0;
+ X
+
+ XX
+ &#x05D0;&#x05D0;
+ XXX
+ &#x05D0;&#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;
+ XX
+
+ &#x05D0;&#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;&#x05D0;
+ XXXX
+ &#x05D0;&#x05D0;&#x05D0;&#x05D0;
+ XXX
+ &#x05D0;&#x05D0;&#x05D0;
+
+ XXXX
+ &#x05D0;&#x05D0;&#x05D0;&#x05D0;
+ &#x05D0;&#x05D0;
+ XX
+ &#x05D0;&#x05D0;&#x05D0;&#x05D0;
+ &#x05D0;&#x05D1;&#x05D2;&#x05D3;
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-inherit-001.xht b/testing/web-platform/tests/css/CSS2/text/text-align-inherit-001.xht
new file mode 100644
index 0000000000..b76d70966c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-inherit-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align inheritance on block level elements (spec example)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <meta name="assert" content="Ensure that block level elements inherit text-align values of parent elements." />
+ <style type="text/css">
+ div#important
+ {
+ text-align: center;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "FillerText" below is centered across the page.</p>
+ <div>
+ <div id="important">
+ <div>FillerText FillerText FillerText FillerText FillerText FillerText FillerText FillerText FillerText</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-001-ref.xht
new file mode 100644
index 0000000000..44dc0aabc9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-001-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 40px;
+ width: 280px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-001.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-001.xht
new file mode 100644
index 0000000000..85d62902f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-001.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align set to 'justify' with 'white-space' set to 'pre'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="match" href="text-align-white-space-001-ref.xht" />
+
+ <meta name="flags" content="ahem may" /> <!-- "may" because level 3 makes it no longer mandatory -->
+ <meta name="assert" content="Setting 'text-align' to 'justify' and 'white-space' to 'pre', text-align is computed to its initial value." />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 6em;
+ }
+ div div
+ {
+ position: absolute;
+ }
+ #test
+ {
+ color: green;
+ text-align: justify;
+ white-space: pre;
+
+ }
+ .red
+ {
+ color: red;
+ }
+ .green
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <div><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span> <span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span></div>
+ <div id="test">xxxx xxxx xxxx
+xxxx xxxx xxxx
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-002-ref.xht
new file mode 100644
index 0000000000..7ff7515baa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-002-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 80px;
+ width: 180px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-002.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-002.xht
new file mode 100644
index 0000000000..4b2ce08ffc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-002.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align set to 'justify' with 'white-space' set to 'pre-line'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="text-align-white-space-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Setting 'text-align' to 'justify' and 'white-space' to 'pre-line', 'text-align' remains 'justified'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 9em;
+ }
+ div div
+ {
+ position: absolute;
+ }
+ #test
+ {
+ color: green;
+ text-align: justify;
+ white-space: pre-line;
+ }
+ .red
+ {
+ color: red;
+ }
+ .green
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <div><span class="red">xxx</span><span class="green">xxx</span><span class="red">xxx</span>
+ <span class="red">xxx</span><span class="green">xxx</span><span class="red">xxx</span>
+ <span class="red">xxx</span><span class="green">xxx</span><span class="red">xxx</span>
+ <span class="red">xxx</span><span class="green">x</span><span class="red">xxx</span><span class="green">xx</span></div>
+ <div id="test">XXX XXX XXX XXX XXX XXX XXX XXX</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-003.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-003.xht
new file mode 100644
index 0000000000..947e869223
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-003.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align set to 'justify' with 'white-space' set to 'pre-wrap'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="match" href="text-align-white-space-002-ref.xht" />
+
+ <meta name="flags" content="ahem may" /> <!-- "may" because level 3 makes it no longer mandatory -->
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property" />
+ <meta name="assert" content="Setting 'text-align' to 'justify' and 'white-space' to 'pre-wrap', text-align is computed to its initial value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 9em;
+ }
+ div div
+ {
+ position: absolute;
+ }
+ #test
+ {
+ color: green;
+ text-align: justify;
+ white-space: pre-wrap;
+ }
+ .red
+ {
+ color: red;
+ }
+ .green
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <div><span class="red">xxx</span><span class="green">x</span><span class="red">xxx</span><span class="green">xx</span>
+ <span class="red">xxx</span><span class="green">x</span><span class="red">xxx</span><span class="green">xx</span>
+ <span class="red">xxx</span><span class="green">x</span><span class="red">xxx</span><span class="green">xx</span>
+ <span class="red">xxx</span><span class="green">x</span><span class="red">xxx</span><span class="green">xx</span></div>
+ <div id="test">XXX XXX XXX XXX XXX XXX XXX XXX</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-004-ref.xht
new file mode 100644
index 0000000000..0a8fea56cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-004-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 20px;
+ width: 280px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-004.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-004.xht
new file mode 100644
index 0000000000..4d8f6b6f26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-004.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align set to 'justify' with 'white-space' set to 'nowrap'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="text-align-white-space-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Setting 'text-align' to 'justify' and 'white-space' to 'nowrap', text-align is computed to 'justify'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 16em;
+ }
+ div div
+ {
+ position: absolute;
+ }
+ #test
+ {
+ color: green;
+ text-align: justify;
+ white-space: nowrap;
+ }
+ .red
+ {
+ color: red;
+ }
+ .green
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <div><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span></div>
+ <div id="test">xxxx xxxx xxxx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-005-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-005-ref.xht
new file mode 100644
index 0000000000..e5115bc33f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-005-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 40px;
+ margin-left: 40px;
+ width: 280px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-005.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-005.xht
new file mode 100644
index 0000000000..623a6cbd7b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-005.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align set to 'justify' with 'white-space' set to 'pre' and 'direction' set to 'rtl'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="match" href="text-align-white-space-005-ref.xht" />
+
+ <meta name="flags" content="ahem may" /> <!-- "may" because level 3 makes it no longer mandatory -->
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property" />
+ <meta name="assert" content="Setting 'text-align' to 'justify' and 'white-space' to 'pre', text-align is computed to its initial value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ font: 20px/1 Ahem;
+ margin-left: 4em;
+ position: relative;
+ width: 12em;
+ }
+ div div
+ {
+ margin: 0;
+ position: absolute;
+ }
+ #test
+ {
+ color: green;
+ text-align: justify;
+ white-space: pre;
+
+ }
+ .red
+ {
+ color: red;
+ }
+ .green
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <div><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span> <span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span></div>
+ <div id="test">xxxx xxxx xxxx
+xxxx xxxx xxxx
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-006.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-006.xht
new file mode 100644
index 0000000000..0171dc8645
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-006.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align set to 'justify' with 'white-space' set to 'pre-line' and 'direction' set to 'rtl'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="text-align-white-space-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Setting 'text-align' to 'justify' and 'white-space' to 'pre-line', 'text-align' remains 'justified'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ font: 20px/1 Ahem;
+ position: relative;
+ width: 9em;
+ }
+ div div
+ {
+ position: absolute;
+ }
+ #test
+ {
+ color: green;
+ text-align: justify;
+ white-space: pre-line;
+ }
+ .red
+ {
+ color: red;
+ }
+ .green
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <div><span class="red">xxx</span><span class="green">xxx</span><span class="red">xxx</span>
+ <span class="red">xxx</span><span class="green">xxx</span><span class="red">xxx</span>
+ <span class="red">xxx</span><span class="green">xxx</span><span class="red">xxx</span>
+ <span class="green">xx</span><span class="red">xxx</span><span class="green">x</span><span class="red">xxx</span></div>
+ <div id="test">XXX XXX XXX XXX XXX XXX XXX XXX</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-008-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-008-ref.xht
new file mode 100644
index 0000000000..d800fd8fcf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-008-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 20px;
+ margin-left: 220px;
+ width: 280px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-008.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-008.xht
new file mode 100644
index 0000000000..410b551580
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-008.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-align set to 'justify' with 'white-space' set to 'nowrap' and 'direction' set to 'rtl'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-28 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="text-align-white-space-008-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Setting 'text-align' to 'justify' and 'white-space' to 'nowrap', text-align is computed to 'justify'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ direction: rtl;
+ font: 20px/1 Ahem;
+ margin-left: 9em;
+ position: relative;
+ width: 16em;
+ }
+ div div
+ {
+ margin: 0;
+ position: absolute;
+ }
+ #test
+ {
+ color: green;
+ text-align: justify;
+ white-space: nowrap;
+ }
+ .red
+ {
+ color: red;
+ }
+ .green
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <div><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span></div>
+ <div id="test">xxxx xxxx xxxx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-001.xht
new file mode 100644
index 0000000000..291a1be4b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" below have a line under it.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-002.xht
new file mode 100644
index 0000000000..d34c177305
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-002.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-003.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-003.xht
new file mode 100644
index 0000000000..9a145bb570
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-003.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line through it.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-004.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-004.xht
new file mode 100644
index 0000000000..a01687a0cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-004.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'blink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'blink' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: blink;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" appear below. The user agent may allow the "Filler Text" below to blink on and off.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-005.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-005.xht
new file mode 100644
index 0000000000..2d0977855a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-005.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline overline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="Ensure that text-decoration underline, overline applied to paragraph element." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it and a line under it.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-006.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-006.xht
new file mode 100644
index 0000000000..20a1e83f7f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-006.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline line-through'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="Ensure that text-decoration underline, line-through applied to paragraph element." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it and a line through it.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-007.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-007.xht
new file mode 100644
index 0000000000..7e8e5e0e02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-007.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline blink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="Ensure that text-decoration underline, blink is applied to an inline element." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline blink;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-008.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-008.xht
new file mode 100644
index 0000000000..0698e793bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-008.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline underline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="Ensure that text-decoration overline underline is applied to a paragraph element." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it and a line under it.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-009.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-009.xht
new file mode 100644
index 0000000000..8561da5b80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-009.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline line-through'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline line-through' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it and a line through it.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-010.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-010.xht
new file mode 100644
index 0000000000..75238c61c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-010.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline blink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline blink' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline blink;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-011.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-011.xht
new file mode 100644
index 0000000000..195fcac326
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-011.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through underline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through underline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it and a line through it.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-012.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-012.xht
new file mode 100644
index 0000000000..c43abdca37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-012.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through overline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through overline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it and a line through it.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-013.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-013.xht
new file mode 100644
index 0000000000..335c49c95a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-013.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through blink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through blink' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through blink;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line through it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-014.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-014.xht
new file mode 100644
index 0000000000..37fb15d388
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-014.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'blink underline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'blink underline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: blink underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-015.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-015.xht
new file mode 100644
index 0000000000..b142463f84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-015.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'blink overline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'blink overline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: blink overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-016.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-016.xht
new file mode 100644
index 0000000000..3aea8aecb7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-016.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'blink line-through'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'blink line-through' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: blink line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line through it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-017.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-017.xht
new file mode 100644
index 0000000000..ff53f32b7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-017.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline overline line-through'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline overline line-through' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline overline line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-018.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-018.xht
new file mode 100644
index 0000000000..8001501692
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-018.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline overline blink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline overline blink' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline overline blink;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-019.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-019.xht
new file mode 100644
index 0000000000..5ef1377d7b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-019.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline line-through overline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline line-through overline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline line-through overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-020.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-020.xht
new file mode 100644
index 0000000000..d24983075f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-020.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline line-through blink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline line-through blink' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline line-through blink;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it, a line through it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-021.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-021.xht
new file mode 100644
index 0000000000..73578dcdd9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-021.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline blink overline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline blink overline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline blink overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-022.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-022.xht
new file mode 100644
index 0000000000..afedc1f6d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-022.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline blink line-through'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline blink line-through' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline blink line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it, a line through it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-023.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-023.xht
new file mode 100644
index 0000000000..a3c87f4e78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-023.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline underline line-through'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline underline line-through' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline underline line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-024.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-024.xht
new file mode 100644
index 0000000000..3debf8ffe0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-024.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline underline blink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline underline blink' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline underline blink;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-025.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-025.xht
new file mode 100644
index 0000000000..981f9a9412
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-025.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline line-through underline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline line-through underline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline line-through underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-026.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-026.xht
new file mode 100644
index 0000000000..fba87ac427
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-026.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline line-through blink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline line-through blink' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline line-through blink;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line through it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-027.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-027.xht
new file mode 100644
index 0000000000..e0842ecb2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-027.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline blink underline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline blink underline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline blink underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-028.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-028.xht
new file mode 100644
index 0000000000..fa744cd0cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-028.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline blink line-through'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline blink line-through' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline blink line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line through it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-029.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-029.xht
new file mode 100644
index 0000000000..8f1d51cd8f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-029.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through underline overline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through underline overline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through underline overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-030.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-030.xht
new file mode 100644
index 0000000000..6caf6382e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-030.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through underline blink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through underline blink' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through underline blink;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it, a line through it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-031.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-031.xht
new file mode 100644
index 0000000000..530e3a5bad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-031.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through overline underline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through overline underline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through overline underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-032.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-032.xht
new file mode 100644
index 0000000000..b3d43bf571
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-032.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through overline blink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through overline blink' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through overline blink;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line through it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-033.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-033.xht
new file mode 100644
index 0000000000..1a66964879
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-033.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through blink underline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through blink underline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through blink underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it, a line through it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-034.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-034.xht
new file mode 100644
index 0000000000..bce12fb1d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-034.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through blink overline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through blink overline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through blink overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line through it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-035.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-035.xht
new file mode 100644
index 0000000000..a3eb48e073
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-035.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'blink underline overline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'blink underline overline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: blink underline overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-036.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-036.xht
new file mode 100644
index 0000000000..ee8d27eec4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-036.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'blink underline line-through'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'blink underline line-through' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: blink underline line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it, a line through it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-037.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-037.xht
new file mode 100644
index 0000000000..4ebe90fdbf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-037.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'blink overline underline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'blink overline underline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: blink overline underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-038.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-038.xht
new file mode 100644
index 0000000000..9798867e55
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-038.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'blink overline line-through'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'blink overline line-through' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: blink overline line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line through it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-039.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-039.xht
new file mode 100644
index 0000000000..d9c7376b3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-039.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'blink line-through underline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'blink line-through underline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: blink line-through underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it, a line through it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-040.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-040.xht
new file mode 100644
index 0000000000..0f5e58263c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-040.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'blink line-through overline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'blink line-through overline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: blink line-through overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line through it, and user agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-041.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-041.xht
new file mode 100644
index 0000000000..1eb4e6ebcb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-041.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline overline line-through blink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline overline line-through blink' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline overline line-through blink;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-042.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-042.xht
new file mode 100644
index 0000000000..763f7b4b76
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-042.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline overline blink line-through'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline overline blink line-through' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline overline blink line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-043.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-043.xht
new file mode 100644
index 0000000000..948fe05db5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-043.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline line-through overline blink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline line-through overline blink' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline line-through overline blink;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-044.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-044.xht
new file mode 100644
index 0000000000..39a854f76c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-044.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline line-through blink overline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline line-through blink overline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline line-through blink overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-045.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-045.xht
new file mode 100644
index 0000000000..5e79393554
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-045.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline blink overline line-through'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline blink overline line-through' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline blink overline line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-046.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-046.xht
new file mode 100644
index 0000000000..baeb991faa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-046.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline blink line-through overline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline blink line-through overline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline blink line-through overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-047.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-047.xht
new file mode 100644
index 0000000000..8e01c5204d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-047.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline underline line-through blink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline underline line-through blink' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline underline line-through blink;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-048.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-048.xht
new file mode 100644
index 0000000000..6b0b7339dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-048.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline underline blink line-through'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline underline blink line-through' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline underline blink line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-049.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-049.xht
new file mode 100644
index 0000000000..22f2740550
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-049.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline line-through underline blink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline line-through underline blink' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline line-through underline blink;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-050.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-050.xht
new file mode 100644
index 0000000000..0813a286fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-050.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline line-through blink underline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline line-through blink underline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline line-through blink underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-051.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-051.xht
new file mode 100644
index 0000000000..1cf4e55ec3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-051.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline blink underline line-through'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline blink underline line-through' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline blink underline line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-052.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-052.xht
new file mode 100644
index 0000000000..2088bab347
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-052.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline blink line-through underline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline blink line-through underline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline blink line-through underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-053.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-053.xht
new file mode 100644
index 0000000000..c040a5c5d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-053.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through underline overline blink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through underline overline blink' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through underline overline blink;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-054.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-054.xht
new file mode 100644
index 0000000000..83809fa9f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-054.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through underline blink overline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through underline blink overline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through underline blink overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-055.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-055.xht
new file mode 100644
index 0000000000..b05cbed84c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-055.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through overline underline blink'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through overline underline blink' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through overline underline blink;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-056.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-056.xht
new file mode 100644
index 0000000000..47c1a56efc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-056.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through overline blink underline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through overline blink underline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through overline blink underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-057.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-057.xht
new file mode 100644
index 0000000000..28e09fdcda
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-057.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through blink underline overline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through blink underline overline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through blink underline overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-058.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-058.xht
new file mode 100644
index 0000000000..9d28ab8e8d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-058.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through blink overline underline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through blink overline underline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through blink overline underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-059.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-059.xht
new file mode 100644
index 0000000000..b2c3586c36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-059.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'blink underline overline line-through'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'blink underline overline line-through' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: blink underline overline line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-060.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-060.xht
new file mode 100644
index 0000000000..ab49e853e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-060.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'blink underline line-through overline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'blink underline line-through overline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: blink underline line-through overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-061.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-061.xht
new file mode 100644
index 0000000000..665f255a50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-061.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'blink overline underline line-through'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'blink overline underline line-through' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: blink overline underline line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-062.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-062.xht
new file mode 100644
index 0000000000..f50b5db67b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-062.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'blink overline line-through underline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'blink overline line-through underline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: blink overline line-through underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-063.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-063.xht
new file mode 100644
index 0000000000..abc305e941
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-063.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'blink line-through underline overline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'blink line-through underline overline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: blink line-through underline overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-064.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-064.xht
new file mode 100644
index 0000000000..3e320c4bbc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-064.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'blink line-through overline underline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' property set to 'blink line-through overline underline' renders the appropriate decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: blink line-through overline underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-065.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-065.xht
new file mode 100644
index 0000000000..33f6794842
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-065.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'none' does not render any text decorations." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline;
+ text-decoration: none;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" below does not blink, has no line over it, has no line under it and has no line through it.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-066.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-066.xht
new file mode 100644
index 0000000000..a350b495a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-066.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'inherit', inheriting one value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' set to 'inherit' on an element will inherit the text-decoration set on the div1 element." />
+ <style type="text/css">
+ #div1
+ {
+ text-decoration: underline;
+ }
+ div div
+ {
+ text-decoration: overline;
+ text-decoration: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" below only has a line under it.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-067.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-067.xht
new file mode 100644
index 0000000000..3901e04ca7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-067.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'inherit', inheriting two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' set to 'inherit' on an element will inherit the text-decoration set on the div1 element." />
+ <style type="text/css">
+ #div1
+ {
+ text-decoration: underline overline;
+ }
+ div div
+ {
+ text-decoration: underline;
+ text-decoration: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the words "Filler Text" below have a line under it and a line over it.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-068.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-068.xht
new file mode 100644
index 0000000000..2dcd8de49b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-068.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'inherit', inheriting three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' set to 'inherit' on an element will inherit the text-decoration set on the div1 element." />
+ <style type="text/css">
+ #div1
+ {
+ text-decoration: underline overline line-through;
+ }
+ div div
+ {
+ text-decoration: underline;
+ text-decoration: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-069.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-069.xht
new file mode 100644
index 0000000000..f68c419d60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-069.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'inherit', inheriting four values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="flags" content="may animated" />
+ <meta name="assert" content="The 'text-decoration' set to 'inherit' on an element will inherit the text-decoration set on the div1 element." />
+ <style type="text/css">
+ #div1
+ {
+ text-decoration: underline overline line-through blink;
+ }
+ div div
+ {
+ text-decoration: underline;
+ text-decoration: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-070.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-070.xht
new file mode 100644
index 0000000000..04610c2ebb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-070.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: 'text-decoration' - 'color' inheritance</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props"/>
+ <meta name="assert" content="The color of 'text-decoration' of ascendant must be applied to descendants even if descendant elements have different 'color' values"/>
+ <style type="text/css">
+ #test{
+ color:lime;
+ font-size:80px;
+ text-decoration:line-through;
+ }
+ span{
+ color:blue;
+ }
+ </style>
+ </head>
+
+ <body>
+ <p>To pass, there <strong>must</strong> be a green line through the text below.</p>
+ <div id="test">
+ <span>text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-071.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-071.xht
new file mode 100644
index 0000000000..78bafa7181
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-071.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: 'text-decoration' - inheritance exception 1</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props"/>
+ <meta name="assert" content="'text-decoration' values must not be propagated to floating descendants"/>
+ <style type="text/css">
+ #test{
+ font-size:80px;
+ text-decoration:line-through;
+ }
+ span{
+ float:left;
+ }
+ </style>
+ </head>
+
+ <body>
+ <p>To pass, there <strong>must not</strong> be a line through the text below.</p>
+ <div id="test">
+ <span>text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-072.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-072.xht
new file mode 100644
index 0000000000..b5811a385a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-072.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: 'text-decoration' - inheritance exception 2</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props"/>
+ <meta name="assert" content="'text-decoration' values must not be propagated to absolutely-positioned descendants"/>
+ <style type="text/css">
+ #test{
+ font-size:80px;
+ text-decoration:line-through;
+ }
+ span{
+ position:absolute;
+ }
+ </style>
+ </head>
+
+ <body>
+ <p>To pass, there <strong>must not</strong> be a line through the text below.</p>
+ <div id="test">
+ <span>text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-073.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-073.xht
new file mode 100644
index 0000000000..e4c4280eb5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-073.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: 'text-decoration' - inheritance exception 3</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props"/>
+ <meta name="assert" content="'text-decoration' values must not be propagated to the contents of 'inline-table' descendants"/>
+ <style type="text/css">
+ #test{
+ font-size:80px;
+ text-decoration:line-through;
+ }
+ span{
+ display:inline-table;
+ }
+ </style>
+ </head>
+
+ <body>
+ <p>To pass, there <strong>must not</strong> be a line through the text below.</p>
+ <div id="test">
+ <span>text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-074.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-074.xht
new file mode 100644
index 0000000000..770f2df6b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-074.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: 'text-decoration' - inheritance exception 4</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props"/>
+ <meta name="assert" content="'text-decoration' values must not be propagated to the contents of 'inline-block' descendants"/>
+ <style type="text/css">
+ #test{
+ font-size:80px;
+ text-decoration:line-through;
+ }
+ span{
+ display:inline-block;
+ }
+ </style>
+ </head>
+
+ <body>
+ <p>To pass, there <strong>must not</strong> be a line through the text below.</p>
+ <div id="test">
+ <span>text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-081.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-081.xht
new file mode 100644
index 0000000000..ddfe3baf03
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-081.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: text-decoration underlining and spaces</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/decoration/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <style type="text/css">
+ span { text-decoration: underline; color: orange; }
+ div { font-size: 3em; }
+ </style>
+ </head>
+ <body>
+ <p>There must be an <span>orange underline</span> in the space between
+ the two blue squares.</p>
+ <div><span><img src="support/swatch-blue.png" alt="X"/> <img src="support/swatch-blue.png" alt="X"/></span></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-082.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-082.xht
new file mode 100644
index 0000000000..42feb39746
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-082.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: text-decoration underlining and images</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/decoration/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <style type="text/css">
+ span { text-decoration: underline; color: red; }
+ </style>
+ </head>
+ <body>
+ <p>There must be no red (and no underlines) on this page.</p>
+ <div><span><br/><img src="support/cat.png" alt="Image download support must be enabled"/><br/></span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-083.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-083.xht
new file mode 100644
index 0000000000..6042a4e7bb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-083.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: text-decoration underlining and images</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/decoration/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <style type="text/css">
+ div { text-decoration: underline; color: red; }
+ </style>
+ </head>
+ <body>
+ <p>There must be no red (and no underlines) on this page.</p>
+ <div><br/><img src="support/cat.png" alt="Image download support must be enabled"/><br/></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-084.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-084.xht
new file mode 100644
index 0000000000..26da5d1ebb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-084.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: text-decoration underlining and images</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/decoration/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <style type="text/css">
+ div { width: 0; text-decoration: underline; color: orange; }
+ span { text-decoration: underline; color: orange; }
+ </style>
+ </head>
+ <body>
+ <p>Only the word <span>TEST</span>, not image, should be underlined.</p>
+ <div><span><img src="support/cat.png" alt="Image download support must be enabled"/>TEST</span></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-085.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-085.xht
new file mode 100644
index 0000000000..93ce0610e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-085.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: text-decoration with block children</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/decoration/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <style type="text/css">
+ div { color: blue; text-decoration: underline; position: relative; }
+ .block { display: block; }
+ .float { float: right; }
+ .pos { position: absolute; top: 4em; right: 0; }
+ </style>
+ </head>
+ <body>
+ <div>
+ <span class="test"> This text should be underlined.
+ <span class="block"> This text should be underlined. </span>
+ <span class="float"> This text should NOT be underlined. </span>
+ <span class="pos"> This text should NOT be underlined. </span>
+ </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-086.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-086.xht
new file mode 100644
index 0000000000..d2c44fbba8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-086.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: text-decoration with block children</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/decoration/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <style type="text/css">
+ div { position: relative; }
+ .test { color: blue; text-decoration: underline; }
+ .block { display: block; }
+ .float { float: right; }
+ .pos { position: absolute; top: 4em; right: 0; }
+ </style>
+ </head>
+ <body>
+ <div>
+ <span class="test"> This text should be underlined.
+ <span class="block"> This text should be underlined. </span>
+ <span class="float"> This text should NOT be underlined. </span>
+ <span class="pos"> This text should NOT be underlined. </span>
+ </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-087.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-087.xht
new file mode 100644
index 0000000000..4f2a4815ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-087.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: text-decoration with inline children</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/decoration/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <style type="text/css">
+ div { color: orange; text-decoration: underline; }
+ span { vertical-align: bottom; color: gray; }
+ .super { vertical-align: super; }
+ .up { vertical-align: 0.5em; }
+ </style>
+ </head>
+ <body>
+ <p>There should only be one solid orange line under the following
+ text. If the line is broken at any point, or if there are two
+ underlines anywhere, then the test has failed.</p>
+ <div>
+ <span> Test </span>
+ <span class="super"> test test test </span>
+ <span> test </span>
+ <span class="up"> test test </span>
+ <span> test. </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-088.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-088.xht
new file mode 100644
index 0000000000..6298724f37
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-088.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: text-decoration with block children</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+<link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/decoration/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <style type="text/css">
+ div { position: relative; }
+ .test { color: blue; text-decoration: underline; }
+ .block { display: block; }
+ .float { float: right; }
+ .pos { position: absolute; top: 5em; right: 0; }
+ </style>
+ </head>
+ <body>
+ <div>
+ <a href="data:,PASS" class="test"> This text should be underlined.
+ <span class="block"> This text should be underlined. </span>
+ <span class="float"> This text should NOT be underlined. </span>
+ <span class="pos"> This text should NOT be underlined. </span>
+ </a>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-089.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-089.xht
new file mode 100644
index 0000000000..1db33aaf56
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-089.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: text-decoration with inline children</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/decoration/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <style type="text/css">
+ div { color: orange; text-decoration: underline; }
+ span { vertical-align: bottom; color: gray; }
+ .inline-block { display: inline-block; width: 5em; border: dotted blue; margin: 0.5em 0; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a single orange line below, underneath the words
+ <em>LINE A</em> and <em>LINE B</em> that disappears within the dotted blue box.
+ If there are any lines under, inside, above, or on the blue box, then the
+ test has failed.</p>
+ <div>
+ <span>LINE A</span>
+ <span class="inline-block">CLEAR CLEAR CLEAR</span>
+ <span>LINE B</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-a-element-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-a-element-001.xht
new file mode 100644
index 0000000000..80f2030c0b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-a-element-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline' on a elements (spec example)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="Text-decoration set to 'underline' is applied to a elements." />
+ <style type="text/css">
+ a:visited, a:link
+ {
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it.</p>
+ <div>
+ <a href="#">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-001.xht
new file mode 100644
index 0000000000..e7d7d0d9db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration application on an 'inline' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/>
+ <meta name="assert" content="The 'text-decoration' property applies to an 'inline' element." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it.</p>
+ <div>Filler Text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-002.xht
new file mode 100644
index 0000000000..39f1bb2fd2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-002.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration application on a 'block' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/>
+ <meta name="assert" content="The 'text-decoration' property applies to a 'block' element." />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it.</p>
+ <div>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-003.xht
new file mode 100644
index 0000000000..fa1d248794
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration application on a 'list-item' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property applies to a 'list-item' element." />
+ <style type="text/css">
+ div
+ {
+ display: list-item;
+ margin-left: 2em;
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it and there is a marker bullet on the left-hand side of the text.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-005.xht
new file mode 100644
index 0000000000..19517eea0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-005.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration application on an 'inline-block' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/>
+ <meta name="assert" content="The 'text-decoration' property applies to an 'inline-block' element." />
+ <style type="text/css">
+ span
+ {
+ display: inline-block;
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it.</p>
+ <div>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-006.xht
new file mode 100644
index 0000000000..6861936cd0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-006.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration application on a 'table' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/>
+ <meta name="assert" content="The 'text-decoration' property applies to a 'table' element." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ text-decoration: underline;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-007.xht
new file mode 100644
index 0000000000..686b7316e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-007.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration application on an 'inline-table' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/>
+ <meta name="assert" content="The 'text-decoration' property applies to an 'inline-table' element." />
+ <style type="text/css">
+ #table
+ {
+ display: inline-table;
+ text-decoration: underline;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-008.xht
new file mode 100644
index 0000000000..e6b5252bfe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-008.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration application on a 'table-row-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/>
+ <meta name="assert" content="The 'text-decoration' property applies to a 'table-row-group' element." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-row-group;
+ text-decoration: underline;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-009.xht
new file mode 100644
index 0000000000..78239024fb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-009.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration application on a 'table-header-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/>
+ <meta name="assert" content="The 'text-decoration' property applies to a 'table-header-group' element." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-header-group;
+ text-decoration: underline;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-010.xht
new file mode 100644
index 0000000000..72201cb602
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-010.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration application on a 'table-footer-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/>
+ <meta name="assert" content="The 'text-decoration' property applies to a 'table-footer-group' element." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-footer-group;
+ text-decoration: underline;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-011.xht
new file mode 100644
index 0000000000..b174036da7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-011.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration application on a 'table-row' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/>
+ <meta name="assert" content="The 'text-decoration' property applies to a 'table-row' element." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ text-decoration: underline;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-012.xht
new file mode 100644
index 0000000000..d9b1eed112
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-012.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration application on a table-column-group element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property does not apply to a table-column-group element" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-column-group;
+ text-decoration: underline;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below does not have a line under it.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-013.xht
new file mode 100644
index 0000000000..a4692bc60d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-013.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration application on a table-column element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property does not apply to a table-column element" />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-column;
+ text-decoration: underline;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below does not have a line under it.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-014.xht
new file mode 100644
index 0000000000..a3031ef2bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-014.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration application on a 'table-cell' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/>
+ <meta name="assert" content="The 'text-decoration' property applies to a 'table-cell' element." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-015.xht
new file mode 100644
index 0000000000..b61b7b6570
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-015.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration application on a 'table-caption' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/>
+ <meta name="assert" content="The 'text-decoration' property applies to a 'table-caption' element." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ width: 100%
+ }
+ #test
+ {
+ display: table-caption;
+ text-decoration: underline;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it.</p>
+ <div id="table">
+ <div id="test">Filler Text</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-border-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-border-001.xht
new file mode 100644
index 0000000000..8517022264
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-border-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline' on 'border'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline' is not applied to 'border' in elements." />
+ <style type="text/css">
+ div
+ {
+ border: 10px;
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it which starts at the beginning of the text and continues until the end. The line also cannot extend beyond the text.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-border-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-border-002.xht
new file mode 100644
index 0000000000..977a62ad33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-border-002.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline' on 'border'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline' is not applied to 'border' in elements." />
+ <style type="text/css">
+ div
+ {
+ border: 10px;
+ text-decoration: overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line above it which starts at the beginning of the text and continues until the end. The line also cannot extend beyond the text.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-border-003.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-border-003.xht
new file mode 100644
index 0000000000..752833187c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-border-003.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through' on 'border'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through' is not applied to 'border' in elements." />
+ <style type="text/css">
+ div
+ {
+ border: 10px;
+ text-decoration: line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line through it which starts at the beginning of the text and continues until the end. The line also cannot extend beyond the text.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-color-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-color-001.xht
new file mode 100644
index 0000000000..deae2be7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-color-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration with 'color'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="Text-decoration is the color set on the element." />
+ <style type="text/css">
+ div
+ {
+ color: blue;
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line underneath the "Filler Text" below is blue.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-color-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-color-002.xht
new file mode 100644
index 0000000000..f8cb5dbe11
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-color-002.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration and 'color' on parent elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'color' is equal to the color on the element with 'text-decoration' set on it, even if a descendent element has a different color." />
+ <style type="text/css">
+ div
+ {
+ color: orange;
+ text-decoration: underline;
+ }
+ span
+ {
+ color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the color of the line below the "Filler Text" is orange and the color of the "Filler Text" is blue.</p>
+ <div>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-image-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-image-001.xht
new file mode 100644
index 0000000000..3c17fa0828
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-image-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration on images</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="image" />
+ <meta name="assert" content="Text-decoration is not applied to images." />
+ <style type="text/css">
+ img
+ {
+ color: red;
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <img src="support/swatch-white.png" alt="white square image" />
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-001.xht
new file mode 100644
index 0000000000..4946811b06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline' on 'margin'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline' is not applied to 'margin' in elements." />
+ <style type="text/css">
+ div
+ {
+ margin: 10px;
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it which starts at the beginning of the text and continues until the end. It cannot extend beyond the text.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-002.xht
new file mode 100644
index 0000000000..b369484667
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-002.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline' on 'margin'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline' is not applied to 'margin' in elements." />
+ <style type="text/css">
+ div
+ {
+ margin: 10px;
+ text-decoration: overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line above it which starts at the beginning of the text and continues until the end. The line also cannot extend beyond the text.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-003.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-003.xht
new file mode 100644
index 0000000000..7f25b56419
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-003.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through' on 'margin'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through' is not applied to 'margin' in elements." />
+ <style type="text/css">
+ div
+ {
+ margin: 10px;
+ text-decoration: line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line through it which starts at the beginning of the text and continues until the end. The line also cannot extend beyond the text.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-001.xht
new file mode 100644
index 0000000000..543b6df8ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline' on 'padding'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline' is not applied to 'padding' in elements." />
+ <style type="text/css">
+ div
+ {
+ padding: 10px;
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it which starts at the beginning of the text and continues until the end. The line also cannot extend beyond the text.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-002.xht
new file mode 100644
index 0000000000..ab6c5361ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-002.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline' on 'padding'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline' is not applied to 'padding' in elements." />
+ <style type="text/css">
+ div
+ {
+ padding: 10px;
+ text-decoration: overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line above it which starts at the beginning of the text and continues until the end. The line also cannot extend beyond the text.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-003.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-003.xht
new file mode 100644
index 0000000000..d76830a36c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-003.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through' on 'padding'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through' is not applied to 'padding' in elements." />
+ <style type="text/css">
+ div
+ {
+ padding: 10px;
+ text-decoration: line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line through it which starts at the beginning of the text and continues until the end. The line also cannot extend beyond the text.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-parent-child-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-parent-child-001.xht
new file mode 100644
index 0000000000..aa9c3ca081
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-parent-child-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration on ancestors</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="Text-decoration on a child does not affect the parent element's 'text-decoration'." />
+ <style type="text/css">
+ span
+ {
+ color: blue;
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black text below does not have an underline, and the blue text below has an underline.</p>
+ <div>Filler Text
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-position-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-position-001.xht
new file mode 100644
index 0000000000..1c1675530c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-position-001.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: text-decoration: overline - font-size</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property" />
+ <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=695442" title="Mozilla Bug 695442: strike style not correctly applied to sub and sup elements" />
+
+ <meta content="The position of text decoration lines must be determined in relation to the same baseline." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: black;
+ font-size: 4em;
+ margin-left: 1em;
+ text-decoration: overline;
+ }
+
+ span#wrapper {color: white;}
+
+ span#very-big {font-size: 1em;}
+
+ span#big {font-size: 0.5em;}
+
+ span#medium {font-size: 0.25em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is one <strong>and only one</strong> short straight horizontal black line.</p>
+
+ <div>
+ <span id="wrapper">
+ <span id="very-big">abc</span><span id="big">def</span><span id="medium">hik</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-001.xht
new file mode 100644
index 0000000000..e5b7aeb548
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration on inline elements with multiple boxes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline' is applied to all boxes within inline element (in this case, with different styles)." />
+ <style type="text/css">
+ span
+ {
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is underlined regardless of styles alternating within it.</p>
+ <div>
+ <span>Filler Text<b> Filler Text </b><i> Filler Text</i> Filler Text <b> Filler Text</b> Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-002.xht
new file mode 100644
index 0000000000..2a7676fc6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration inheritance to inline elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="Text-decoration is applied to anonymous inline element for block level elements with text not in inline element." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all the "Filler Text" below has a line under it.</p>
+ <div>
+ <span>Filler Text</span>
+ <span>Filler Text</span>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-003.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-003.xht
new file mode 100644
index 0000000000..a484c9f029
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration inheritance to block level elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="Text-decoration is inherited by block level elements from block level elements." />
+ <style type="text/css">
+ #div1
+ {
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line under it.</p>
+ <div id="div1">
+ <span>Filler Text </span>
+ <span> Filler Text</span>
+ <span> Filler Text</span>
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-004.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-004.xht
new file mode 100644
index 0000000000..8c9df1963d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-004.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration on floated children</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="Text-decoration is not propagated to children elements that are floated." />
+ <style type="text/css">
+ #div1
+ {
+ text-decoration: underline;
+ }
+ div div
+ {
+ float: left;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below does not have a line under it.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-005.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-005.xht
new file mode 100644
index 0000000000..acee51aff4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration on absolutely positioned children</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="Text-decoration is not propagated to children elements that are absolutely positioned." />
+ <style type="text/css">
+ #div1
+ {
+ text-decoration: underline;
+ }
+ div div
+ {
+ position: absolute;
+ left: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below does not have a line under it.</p>
+ <div id="div">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-006.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-006.xht
new file mode 100644
index 0000000000..2593b4697b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-006.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration on 'inline-table' children</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="Text-decoration is not propagated to children elements that are 'inline-tables'." />
+ <style type="text/css">
+ #div1
+ {
+ text-decoration: underline;
+ }
+ #table
+ {
+ display: inline-table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below does not have a line under it.</p>
+ <div id="div1">
+ <div id="table">
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-007.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-007.xht
new file mode 100644
index 0000000000..1e5a0bbb0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-007.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration on 'inline-block' children</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="Text-decoration is not propagated to children elements that are 'inline-block'." />
+ <style type="text/css">
+ #div1
+ {
+ text-decoration: underline;
+ }
+ div div
+ {
+ display: inline-block;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below does not have a line under it.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-relative-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-relative-001.xht
new file mode 100644
index 0000000000..58e1ed8920
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-relative-001.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration on descendents with relative positioning</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="Text-decoration is moved with relative positioned elements." />
+ <style type="text/css">
+ div
+ {
+ color: orange;
+ text-decoration: underline;
+ }
+ span
+ {
+ border: 1px solid blue;
+ }
+ #span1
+ {
+ left: 75px;
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes there is an orange line under only the words "Filler Text" below. Between the blue boxes, there cannot be any orange line.</p>
+ <div>
+ <span>Filler Text Filler Text</span><span id="span1">Filler Text Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-001.xht
new file mode 100644
index 0000000000..4056a98d76
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-001.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline' on white space</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline' is applied to white space in elements." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line below it, spaces as well as characters.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-002.xht
new file mode 100644
index 0000000000..7cc1e370ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-002.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline' on white space</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline' is applied to white space in elements." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line above it, spaces as well as characters.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-003.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-003.xht
new file mode 100644
index 0000000000..228f4cddd1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-003.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through' on white space</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through' is applied to white space in elements." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line through it, spaces as well as characters.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-004.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-004.xht
new file mode 100644
index 0000000000..2f12c3cfb3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-004.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline' on 'letter-spacing'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline' is applied to 'letter-spacing' in elements." />
+ <style type="text/css">
+ div
+ {
+ letter-spacing: 1em;
+ text-decoration: underline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line below it, spaces as well as characters.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-005.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-005.xht
new file mode 100644
index 0000000000..9aef658448
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-005.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline' on 'letter-spacing'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline' is applied to 'letter-spacing' in elements." />
+ <style type="text/css">
+ div
+ {
+ letter-spacing: 1em;
+ text-decoration: overline;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line above it, spaces as well as characters.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-006.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-006.xht
new file mode 100644
index 0000000000..4a3eac8e5a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-006.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through' on 'letter-spacing'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through' is applied to 'letter-spacing' in elements." />
+ <style type="text/css">
+ div
+ {
+ letter-spacing: 1em;
+ text-decoration: line-through;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line through it, spaces as well as characters.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-007.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-007.xht
new file mode 100644
index 0000000000..05dd1f6c85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-007.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'underline' on 'word-spacing'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'underline' is applied to 'word-spacing' in elements." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline;
+ word-spacing: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line below it, spaces as well as characters.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-008.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-008.xht
new file mode 100644
index 0000000000..0fc44f85dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-008.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'overline' on 'word-spacing'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'overline' is applied to 'word-spacing' in elements." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: overline;
+ word-spacing: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line above it, spaces as well as characters.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-009.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-009.xht
new file mode 100644
index 0000000000..4f253d7ab8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-009.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration set to 'line-through' on 'word-spacing'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="The 'text-decoration' property set to 'line-through' is applied to 'word-spacing' in elements." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: line-through;
+ word-spacing: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below has a line through it, spaces as well as characters.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-thickness-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-thickness-001.xht
new file mode 100644
index 0000000000..40fb85e797
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-thickness-001.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-decoration underline across elements with different font sizes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" />
+ <meta name="assert" content="Thickness and baseline are the same for all children of elements with 'text-decoration' set." />
+ <style type="text/css">
+ div
+ {
+ text-decoration: underline;
+ }
+ #span1
+ {
+ font-size: 50pt;
+ }
+ #span2
+ {
+ font-size: 30pt;
+ }
+ #span3
+ {
+ font-size: 20pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a contiguous line of the same thickness beneath all the "Filler Text" below.</p>
+ <div>
+ <span id="span1">Filler Text</span>
+ <span id="span2">Filler Text</span>
+ <span id="span3">Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-001-ref.xht
new file mode 100644
index 0000000000..b1743f1a4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-001-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: black;
+ font: 3.75em/1 serif;
+ margin-left: 1em;
+ text-decoration: overline;
+ }
+
+ span
+ {
+ color: white;
+ font-size: 0.4em;
+ vertical-align: -0.5em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is one <strong>and only one</strong> short straight horizontal black line.</p>
+
+ <div><span>abcdefghijklmno</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-001.xht
new file mode 100644
index 0000000000..0f911fc74c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-001.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: text-decoration: overline - vertical-align: &lt;length&gt;</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property" />
+ <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=695442" title="Mozilla Bug 695442: strike style not correctly applied to sub and sup elements" />
+ <link rel="match" href="text-decoration-va-length-001-ref.xht" />
+
+ <meta content="The position of text decoration lines must be determined in relation to the same baseline and is not affected by 'vertical-align' applied on its descendants." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: black;
+ font: 3.75em/1 serif;
+ margin-left: 1em;
+ text-decoration: overline;
+ }
+
+ span#wrapper
+ {
+ color: white;
+ font-size: 0.4em;
+ }
+
+ span#up {vertical-align: 0.5em;}
+
+ span#baseline {vertical-align: 0em;}
+
+ span#below {vertical-align: -0.5em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is one <strong>and only one</strong> short straight horizontal black line.</p>
+
+ <div>
+ <span id="wrapper">
+ <span id="up">abcde</span><span id="baseline">fghij</span><span id="below">klmno</span>
+ </span>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-002-ref.xht
new file mode 100644
index 0000000000..6b44915705
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-002-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: black;
+ font: 3.75em/0.4 serif;
+ margin-left: 1em;
+ text-decoration: underline;
+ text-decoration-skip-ink: none;
+ }
+
+ span
+ {
+ color: white;
+ font-size: 0.4em;
+ vertical-align: 1em;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is one <strong>and only one</strong> short straight horizontal black line.</p>
+
+ <div><span>abcdefghijklmno</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-002.xht
new file mode 100644
index 0000000000..1d1e0d6f13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-002.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: text-decoration: underline - vertical-align: &lt;length&gt;</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property" />
+ <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=695442" title="Mozilla Bug 695442: strike style not correctly applied to sub and sup elements" />
+ <link rel="match" href="text-decoration-va-length-002-ref.xht" />
+
+ <meta content="The position of text decoration lines must be determined in relation to the same baseline and is not affected by 'vertical-align' applied on its descendants." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: black;
+ font: 3.75em/0.4 serif;
+ margin-left: 1em;
+ text-decoration: underline;
+ text-decoration-skip-ink: none;
+ }
+
+ span#wrapper
+ {
+ color: white;
+ font-size: 0.4em;
+ }
+
+ span#high {vertical-align: 1em;}
+
+ span#up {vertical-align: 0.5em;}
+
+ span#baseline {vertical-align: 0em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is one <strong>and only one</strong> short straight horizontal black line.</p>
+
+ <div>
+ <span id="wrapper">
+ <span id="high">abcde</span><span id="up">fghij</span><span id="baseline">klmno</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-001.xht
new file mode 100644
index 0000000000..a6cb2e6873
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-001.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: text-decoration: line-through - vertical-align: sub</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property" />
+ <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=695442" title="Mozilla Bug 695442: strike style not correctly applied to sub and sup elements" />
+
+ <meta content="The position of text decoration lines must be determined in relation to the same baseline and is not affected by 'vertical-align' applied on its descendants." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ font: 4em/0.5 serif;
+ margin-left: 1em;
+ }
+
+ span#striken
+ {
+ color: black;
+ text-decoration: line-through;
+ }
+
+ span#vertical-align-sub
+ {
+ color: orange;
+ font-size: 0.4em;
+ vertical-align: sub;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if "abcde" has a black line above it; "abcde" must <strong>not be crossed out</strong> by such black line.</p>
+
+ <div>
+ <span id="striken">
+ <span id="vertical-align-sub">abcde</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-002.xht
new file mode 100644
index 0000000000..e3cfa87405
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-002.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: text-decoration: line-through - vertical-align: sub</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property" />
+ <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=695442" title="Mozilla Bug 695442: strike style not correctly applied to sub and sup elements" />
+
+ <meta content="The position of text decoration lines must be determined in relation to the same baseline and is not affected by 'vertical-align' applied on its descendants." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ font: 4em/0.5 serif;
+ margin-left: 1em;
+ }
+
+ span#vertical-align-sub
+ {
+ font-size: 0.4em;
+ vertical-align: sub;
+ }
+
+ span#striken {text-decoration: line-through;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if "vwxyz" has an black line across it; the black line must <strong>not be above</strong> "vwxyz".</p>
+
+ <div>
+ <span id="vertical-align-sub">
+ <span id="striken">vwxyz</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-003.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-003.xht
new file mode 100644
index 0000000000..4629eaafd6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-003.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: text-decoration: line-through - vertical-align: super</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property" />
+ <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=695442" title="Mozilla Bug 695442: strike style not correctly applied to sub and sup elements" />
+
+ <meta content="The position of text decoration lines must be determined in relation to the same baseline and is not affected by 'vertical-align' applied on its descendants." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ font: 4em/1 serif;
+ margin-left: 1em;
+ }
+
+ span#striken
+ {
+ color: black;
+ text-decoration: line-through;
+ }
+
+ span#vertical-align-super
+ {
+ color: orange;
+ font-size: 0.4em;
+ vertical-align: super;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if "abcde" has a black line under it; "abcde" must <strong>not be crossed out</strong> by such black line.</p>
+
+ <div>
+ <span id="striken">
+ <span id="vertical-align-super">abcde</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-004.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-004.xht
new file mode 100644
index 0000000000..2406e65b3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-004.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: text-decoration: line-through - vertical-align: super</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property" />
+ <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=695442" title="Mozilla Bug 695442: strike style not correctly applied to sub and sup elements" />
+
+ <meta content="The position of text decoration lines must be determined in relation to the same baseline and is not affected by 'vertical-align' applied on its descendants." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ font: 4em/1 serif;
+ margin-left: 1em;
+ }
+
+ span#vertical-align-super
+ {
+ font-size: 0.4em;
+ vertical-align: super;
+ }
+
+ span#striken {text-decoration: line-through;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if "vwxyz" has an black line across it; the black line must <strong>not be under</strong> "vwxyz".</p>
+
+ <div>
+ <span id="vertical-align-super">
+ <span id="striken">vwxyz</span>
+ </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-004-ref.xht
new file mode 100644
index 0000000000..8a2a55f87f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-004-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-004.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-004.xht
new file mode 100644
index 0000000000..b8195eff78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-004.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property sets a negative zero length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: -0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-005.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-005.xht
new file mode 100644
index 0000000000..791f62268b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-005.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using pixels with a zero value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 0px adds 0px in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: 0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-006.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-006.xht
new file mode 100644
index 0000000000..da3a2478b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-006.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +0px adds 0px in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: +0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-007.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-007.xht
new file mode 100644
index 0000000000..c957a782e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-007.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="../reference/pass_if_box_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 96px adds 96px in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ }
+ #reference
+ {
+ margin-left: 96px;
+ }
+ #test
+ {
+ text-indent: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-008.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-008.xht
new file mode 100644
index 0000000000..cf6e1aadb9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-008.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using pixels with a nominal value with a plus sign, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="../reference/pass_if_box_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +96px adds 96px in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ }
+ #reference
+ {
+ margin-left: 96px;
+ }
+ #test
+ {
+ text-indent: +96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-010-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-010-ref.xht
new file mode 100644
index 0000000000..6827888ede
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-010-ref.xht
@@ -0,0 +1,12 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <style type="text/css">
+ div { color: red; width: 10em; }
+ </style>
+ </head>
+ <body>
+ <p>You should not see any text below.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-010.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-010.xht
new file mode 100644
index 0000000000..ace9a11aaf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-010.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS text-indent: Negative</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/indent/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-010-ref.xht" />
+ <style type="text/css">
+ div { color: red; width: 10em; }
+ .a { text-indent: -100em; }
+ .b { text-indent: -1000em; }
+ .c { text-indent: -100000em; }
+ .d { text-indent: -100000000em; }
+ .e { text-indent: -1000000000000em; }
+ </style>
+ </head>
+ <body>
+ <p>You should not see any text below.</p>
+ <div class="a">FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL</div>
+ <div class="b">FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL</div>
+ <div class="c">FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL</div>
+ <div class="d">FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL</div>
+ <div class="e">FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
+ FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-011-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-011-ref.xht
new file mode 100644
index 0000000000..e4951ae399
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-011-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>test reference</title>
+ <style type="text/css">
+ .wide { width: 16em; font: 30px/0 monospace; color: blue; text-indent: 8em; margin: 2em 0; }
+ </style>
+ </head>
+ <body>
+ <p>The word PASS must be written below.</p>
+ <div class="wide">PASS</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-011.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-011.xht
new file mode 100644
index 0000000000..3ddd12dc9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-011.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS text-indent: Percentages</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/text-indent/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-011-ref.xht" />
+ <style type="text/css">
+ .wide { width: 16em; font: 30px/0 monospace; color: blue; text-indent: 8em; margin: 2em 0; }
+ .narrow { width: 4em; text-indent: 200%; }
+ </style>
+ </head>
+ <body>
+ <p>The word PASS must be written below.</p>
+ <div class="wide">&nbsp;&nbsp;SS<div class="narrow">PA</div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-012-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-012-ref.xht
new file mode 100644
index 0000000000..9162d8abab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-012-ref.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ .control, .control2
+ {
+ background-color: yellow;
+ border: black solid 2px;
+ height: 60px;
+ position: absolute;
+ width: 200px;
+ }
+
+ .control {top: 75px;}
+
+ .control2 {top: 175px;}
+
+ .a, .b
+ {
+ background-color: orange;
+ height: 50px;
+ position: absolute;
+ width: 50px;
+ }
+
+ .b {left: 150px;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>The following two blocks should be identical.</p>
+
+ <div class="control">
+ <div class="a"></div>
+ <div class="b"></div>
+ </div>
+
+ <div class="control2">
+ <div class="a"></div>
+ <div class="b"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-012.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-012.xht
new file mode 100644
index 0000000000..3ae96bbb35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-012.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS text-indent: Hyatt's Evil Test Which Mixes Lots Of Stuff</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-28 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/text-indent/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-012-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .control { background-color: yellow; position: absolute; top: 75px; height: 60px; width: 200px; border: 2px solid black; }
+ .control .a { background-color: orange; position: absolute; width: 50px; height: 50px; }
+ .control .b { background-color: orange; position: absolute; left: 150px; width: 50px; height: 50px; }
+ .test { background-color: yellow; text-indent: 100px; position: absolute; top: 175px; border: 2px solid black; font: 50px/1 Ahem; }
+ .test .a { background-color: orange; width: 50px; height: 50px; float: left; }
+ .test .b { background-color: orange; display: inline-block; width: 50px; height: 50px; }
+ </style>
+ </head>
+ <body>
+ <p>The following two blocks should be identical.</p>
+ <div class="control">
+ <div class="a"></div>
+ <div class="b"></div>
+ </div>
+ <div class="test"> <!-- this should shrink wrap to the intrinsic, no-line-wrapping width -->
+ <div class="a"></div> <!-- that's a float. -->
+ <div class="b"></div> <!-- that's an inline-block. it should be text-indented 100px from the left edge of the float. -->
+ <!-- the inline-block should sit on top of the baseline, which should be 0.2em from the bottom of the
+ block, since the Ahem font has a 0.2em descender. font-size is 50px, so 0.2em is 10px. -->
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-013-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-013-ref.xht
new file mode 100644
index 0000000000..883cd65785
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-013-ref.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>test reference</title>
+ <style type="text/css">
+ .indent { margin-left: 20em; color: black; }
+ .float { position: absolute; margin-left: -10em; width: 10em; }
+ .float span { background: black; }
+ </style>
+ </head>
+ <body>
+ <p>The word "PASS" should appear clearly on the next line (ignore the black bar).</p>
+ <div class="indent"><span class="float"><span>XXXXXXXX</span></span>PASS</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-013.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-013.xht
new file mode 100644
index 0000000000..60f77d3cbc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-013.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS text-indent: Floats</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/text-indent/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-013-ref.xht" />
+ <style type="text/css">
+ .indent { text-indent: 10em; color: black; }
+ .float { float: left; width: 10em; }
+ .float span { background: black; }
+ </style>
+ </head>
+ <body>
+ <p>The word "PASS" should appear clearly on the next line (ignore the black bar).</p>
+ <div class="indent"><span class="float"><span>XXXXXXXX</span></span>PASS</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-014-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-014-ref.xht
new file mode 100644
index 0000000000..d06337d34a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-014-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>test reference</title>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .container {
+ font: 20px/1 Ahem;
+ border: solid orange;
+ width: 12em;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>There must be a 4-square checkerboard pattern in the orange box below
+ and no red present.</p>
+ <div class="container">
+ <div class="outer">
+ <div>
+ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;BlockA<br />
+ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;BlockA<br />
+ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;BlockA<br />
+ BlockB<br />
+ BlockB<br />
+ BlockB
+ </div>
+ </div>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-014.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-014.xht
new file mode 100644
index 0000000000..b479e832cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-014.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: text-indent on anonymous blocks</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-014-ref.xht"/>
+ <meta name="assert" content="text-indent affects only the first line of
+ a block container if that line is also the first formatted line of an
+ element."/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ .container {
+ font: 20px/1 Ahem;
+ border: solid orange;
+ width: 12em;
+ }
+ .outer {
+ text-indent: 6em;
+ }
+ .inner {
+ text-indent: 0;
+ }
+ .outer {
+ }
+ .outer:before {
+ content: "BlockA";
+ display: block;
+ }
+
+ .controlA, .controlB {
+ background: red;
+ height: 3em;
+ width: 6em;
+ }
+ .controlA {
+ margin-left: 6em;
+ margin-bottom: -3em;
+ }
+ .controlB {
+ margin-top: -3em;
+ }
+ ]]></style>
+</head>
+<body>
+ <p>There must be a 4-square checkerboard pattern in the orange box below
+ and no red present.</p>
+ <div class="container">
+ <div class="controlA"></div>
+ <div class="outer">
+ <div>
+ BlockA
+ <div>BlockA</div>
+ BlockB
+ <div class="inner">BlockB</div>
+ BlockB
+ </div>
+ </div>
+ <div class="controlB"></div>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-016.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-016.xht
new file mode 100644
index 0000000000..51abc502d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-016.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent -0 pt adds 0pt in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: -0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-017.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-017.xht
new file mode 100644
index 0000000000..1a68e9f75f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-017.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using points with a zero value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 0pt adds 0pt in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: 0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-018.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-018.xht
new file mode 100644
index 0000000000..c7dfd95d08
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-018.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +0pt adds 0pt in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: +0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-019.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-019.xht
new file mode 100644
index 0000000000..010209b44a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-019.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="../reference/pass_if_box_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 72pt adds 72pt in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ }
+ #reference
+ {
+ margin-left: 72pt;
+ }
+ #test
+ {
+ text-indent: 72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-020.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-020.xht
new file mode 100644
index 0000000000..02b5f639bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-020.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using points with a nominal value with a plus sign, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="../reference/pass_if_box_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +72pt adds 72pt in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ }
+ #reference
+ {
+ margin-left: 72pt;
+ }
+ #test
+ {
+ text-indent: +72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-028.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-028.xht
new file mode 100644
index 0000000000..ae39829362
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-028.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent -0 pc adds 0pc in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: -0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-029.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-029.xht
new file mode 100644
index 0000000000..f22d4d4cc0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-029.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using picas with a zero value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 0pc adds 0pc in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: 0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-030.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-030.xht
new file mode 100644
index 0000000000..dda2788c47
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-030.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +0pc adds 0pc in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: +0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-031.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-031.xht
new file mode 100644
index 0000000000..174be5d97c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-031.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="../reference/pass_if_box_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 6pc adds 6pc in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ }
+ #reference
+ {
+ margin-left: 6pc;
+ }
+ #test
+ {
+ text-indent: 6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-032.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-032.xht
new file mode 100644
index 0000000000..7235309657
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-032.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using picas with a nominal value with a plus sign, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="../reference/pass_if_box_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +6pc adds 6pc in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ }
+ #reference
+ {
+ margin-left: 6pc;
+ }
+ #test
+ {
+ text-indent: +6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-040.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-040.xht
new file mode 100644
index 0000000000..0a7f2744cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-040.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent -0 cm adds 0cm in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: -0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-041.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-041.xht
new file mode 100644
index 0000000000..4e6525ebcd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-041.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using centimeters with a zero value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 0cm adds 0cm in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: 0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-042.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-042.xht
new file mode 100644
index 0000000000..658496625f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-042.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +0cm adds 0cm in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: +0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-043.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-043.xht
new file mode 100644
index 0000000000..9013b5cf6c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-043.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="../reference/pass_if_box_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 2.54cm adds 2.54cm in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ }
+ #reference
+ {
+ margin-left: 2.54cm;
+ }
+ #test
+ {
+ text-indent: 2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-044.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-044.xht
new file mode 100644
index 0000000000..bc2d405448
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-044.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using centimeters with a nominal value with a plus sign, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="../reference/pass_if_box_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +2.54cm adds 2.54cm in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ }
+ #reference
+ {
+ margin-left: 2.54cm;
+ }
+ #test
+ {
+ text-indent: +2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-052.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-052.xht
new file mode 100644
index 0000000000..0b2448abb0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-052.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent -0 mm adds 0mm in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: -0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-053.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-053.xht
new file mode 100644
index 0000000000..0acaf20f6e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-053.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using millimeters with a zero value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 0mm adds 0mm in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: 0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-054.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-054.xht
new file mode 100644
index 0000000000..c2e1c35445
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-054.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +0mm adds 0mm in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: +0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-055.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-055.xht
new file mode 100644
index 0000000000..485f9893d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-055.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="../reference/pass_if_box_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 25.4mm adds 25.4mm in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ }
+ #reference
+ {
+ margin-left: 25.4mm;
+ }
+ #test
+ {
+ text-indent: 25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-056.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-056.xht
new file mode 100644
index 0000000000..6b35739ca0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-056.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using millimeters with a nominal value with a plus sign, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="../reference/pass_if_box_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +25.4mm adds 25.4mm in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ }
+ #reference
+ {
+ margin-left: 25.4mm;
+ }
+ #test
+ {
+ text-indent: +25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-064.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-064.xht
new file mode 100644
index 0000000000..a0ec365f01
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-064.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent -0 in adds 0in in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: -0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-065.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-065.xht
new file mode 100644
index 0000000000..5e135c3ded
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-065.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using inches with a zero value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 0in adds 0in in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: 0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-066.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-066.xht
new file mode 100644
index 0000000000..dad89538ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-066.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +0in adds 0in in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: +0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-067.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-067.xht
new file mode 100644
index 0000000000..442c2bffaf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-067.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using inches with a nominal value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="../reference/pass_if_box_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 1in adds 1in in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ }
+ #reference
+ {
+ margin-left: 1in;
+ }
+ #test
+ {
+ text-indent: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-068.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-068.xht
new file mode 100644
index 0000000000..7831845305
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-068.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using inches with a nominal value with a plus sign, +1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="../reference/pass_if_box_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +1in adds 1in in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ }
+ #reference
+ {
+ margin-left: 1in;
+ }
+ #test
+ {
+ text-indent: +1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-076.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-076.xht
new file mode 100644
index 0000000000..e066b6eac4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-076.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent -0 em adds 0em in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: -0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-077.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-077.xht
new file mode 100644
index 0000000000..ff0f8a78ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-077.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using 'em' units with a zero value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 0em adds 0em in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-078.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-078.xht
new file mode 100644
index 0000000000..162f1e7099
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-078.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +0em adds 0em in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: +0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-079.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-079.xht
new file mode 100644
index 0000000000..cbd6b76210
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-079.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="../reference/pass_if_box_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 6em adds 6em in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ }
+ #reference
+ {
+ margin-left: 6em;
+ }
+ #test
+ {
+ text-indent: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-080.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-080.xht
new file mode 100644
index 0000000000..5ebef87970
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-080.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using 'em' units with a nominal value with a plus sign, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="../reference/pass_if_box_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +6em adds 6em in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ }
+ #reference
+ {
+ margin-left: 6em;
+ }
+ #test
+ {
+ text-indent: +6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-088.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-088.xht
new file mode 100644
index 0000000000..069cd99f45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-088.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: -0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-089.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-089.xht
new file mode 100644
index 0000000000..c3c632b275
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-089.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using 'ex' units with a zero value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 0ex adds 0ex in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: 0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-090.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-090.xht
new file mode 100644
index 0000000000..7352c9313f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-090.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +0ex adds 0ex in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: +0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-091-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-091-ref.xht
new file mode 100644
index 0000000000..5b087a93b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-091-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ }
+ #reference
+ {
+ margin-left: 12ex;
+ }
+ #test
+ {
+ margin-left: 12ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-091.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-091.xht
new file mode 100644
index 0000000000..cac90dd708
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-091.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent set to a nominal value for 'ex' units</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-091-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 12ex adds 12ex in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ }
+ #reference
+ {
+ margin-left: 12ex;
+ }
+ #test
+ {
+ text-indent: 12ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-092.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-092.xht
new file mode 100644
index 0000000000..2e3d04f4d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-092.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent set to a nominal value for 'ex' units with a plus sign</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-091-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +12ex adds 12ex in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ }
+ #reference
+ {
+ margin-left: 12ex;
+ }
+ #test
+ {
+ text-indent: +12ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-100.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-100.xht
new file mode 100644
index 0000000000..977d32170e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-100.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using percentages with a negative zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property sets a negative zero length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ width: 400px;
+ }
+ #test
+ {
+ text-indent: -0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div>X</div>
+ <div id="test">X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-101.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-101.xht
new file mode 100644
index 0000000000..35e155aea8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-101.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using percentages with a zero value, 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property sets a zero length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ width: 400px;
+ }
+ #test
+ {
+ text-indent: 0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div>X</div>
+ <div id="test">X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-102.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-102.xht
new file mode 100644
index 0000000000..a0352dea21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-102.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent using percentages with a positive zero value, +0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property sets a positive zero length value in percentages." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ width: 400px;
+ }
+ #test
+ {
+ text-indent: +0%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div>X</div>
+ <div id="test">X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-103-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-103-ref.xht
new file mode 100644
index 0000000000..a2fa38c953
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-103-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ position: relative;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="parent">
+ X
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-103.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-103.xht
new file mode 100644
index 0000000000..66b93897c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-103.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent set to '50%'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-103-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 50% adds 50% of the containing block's width in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ position: relative;
+ width: 400px;
+ }
+ #reference
+ {
+ color: red;
+ left: 0;
+ position: absolute;
+ top: 0;
+ z-index: -1;
+ }
+ #test
+ {
+ text-indent: 50%;
+ margin-left: -50%;
+ margin-right: 50%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="parent">
+ <div id="reference">X</div>
+ <div id="test">X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-104.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-104.xht
new file mode 100644
index 0000000000..10938498ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-104.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent set to '+50%'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-103-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +50% adds 50% of its containing block's width in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ position: relative;
+ width: 400px;
+ }
+ #reference
+ {
+ color: red;
+ left: 0;
+ position: absolute;
+ top: 0;
+ z-index: -1;
+ }
+ #test
+ {
+ text-indent: +50%;
+ margin-left: -50%;
+ margin-right: 50%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="parent">
+ <div id="reference">X</div>
+ <div id="test">X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-109.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-109.xht
new file mode 100644
index 0000000000..02d2b83f8d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-109.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent set to a negative zero value with no units, '0'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent -0 adds 0 in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: -0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-110.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-110.xht
new file mode 100644
index 0000000000..4592207f7b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-110.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent set to a zero value with no units, '0'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent 0 adds 0 in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-111.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-111.xht
new file mode 100644
index 0000000000..e887d34afc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-111.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent set to a positive zero value with no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent +0 adds 0px in front of the text." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ text-indent: +0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div>X</div>
+ <div id="test">X</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-112.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-112.xht
new file mode 100644
index 0000000000..4babc6dc79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-112.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="../reference/pass_if_box_ahem.html"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that text-indent with inherit uses its parent's value for text-indent." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 16px/1em Ahem;
+ text-indent: 96px;
+ }
+ #reference
+ {
+ margin-left: 96px;
+ text-indent: 0;
+ }
+ #test
+ {
+ text-indent: 0;
+ text-indent: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box on this page (with no jagged edges).</p>
+ <div id="parent">
+ <div id="reference">xx</div>
+ <div id="test">xx</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-113-ref-margin.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-113-ref-margin.xht
new file mode 100644
index 0000000000..174fa8b376
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-113-ref-margin.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="mismatch" href="text-indent-114-ref.xht"/>
+<style type="text/css">
+p { margin-left: 100px }
+</style>
+</head>
+<body>
+<p>text</p>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-113.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-113.xht
new file mode 100644
index 0000000000..d726f5e143
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-113.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: text-indent test (single-line-100)</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+<link rel="match" href="text-indent-113-ref-margin.xht"/>
+<style type="text/css">
+p { text-indent: 100px }
+</style>
+</head>
+<body>
+<p>text</p>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-114-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-114-ref.xht
new file mode 100644
index 0000000000..9c9fa56c3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-114-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="mismatch" href="text-indent-113-ref-margin.xht"/>
+<style type="text/css">
+</style>
+</head>
+<body>
+<p>text</p>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-114.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-114.xht
new file mode 100644
index 0000000000..07e333a89c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-114.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: text-indent test (single-line-0)</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+<link rel="match" href="text-indent-114-ref.xht"/>
+<style type="text/css">
+p { text-indent: 0px }
+</style>
+</head>
+<body>
+<p>text</p>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-115-ref-block-margin.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-115-ref-block-margin.xht
new file mode 100644
index 0000000000..4d7464123f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-115-ref-block-margin.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="match" href="text-indent-115-ref-inline-margin.xht"/>
+<style type="text/css">
+p { margin-left: 100px }
+span { background: yellow }
+</style>
+</head>
+<body>
+<p><span>text</span></p>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-115-ref-inline-margin.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-115-ref-inline-margin.xht
new file mode 100644
index 0000000000..1834146314
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-115-ref-inline-margin.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="match" href="text-indent-115-ref-block-margin.xht"/>
+<style type="text/css">
+span { background: yellow; margin-left: 100px }
+</style>
+</head>
+<body>
+<p><span>text</span></p>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-115.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-115.xht
new file mode 100644
index 0000000000..9eaa2161e3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-115.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: text-indent test (single-line-indent-inline)</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+<link rel="match" href="text-indent-115-ref-block-margin.xht"/>
+<style type="text/css">
+p { text-indent: 100px }
+span { background: yellow }
+</style>
+</head>
+<body>
+<p><span>text</span></p>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-001-ref.xht
new file mode 100644
index 0000000000..e4776c085c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ display: inline;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p>
+ <div id="div1">XXXXX</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-001.xht
new file mode 100644
index 0000000000..df859edb04
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-001.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent application on a 'display: inline' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-applies-to-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property is not applied to 'display: inline' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ display: inline;
+ text-indent: 10em;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p>
+ <div id="div1">XXXXX</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-002-ref.xht
new file mode 100644
index 0000000000..1aa29648dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-002-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ span
+ {
+ display: block;
+ margin-left: 10em;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 10em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p>
+ <div>
+ <span>XXXXX</span>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-002.xht
new file mode 100644
index 0000000000..04e97ccddd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-002.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent application on a 'display: block' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-applies-to-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property is applied to 'display: block' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ span
+ {
+ display: block;
+ text-indent: 10em;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 10em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p>
+ <div>
+ <span>XXXXX</span>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-003-ref.xht
new file mode 100644
index 0000000000..b708f014d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-003-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ div div
+ {
+ display: list-item;
+ margin-left: 1em;
+ padding-left: 2em;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 3em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box is directly above the blue box and there is a marker bullet on the left-hand side of the black box. (Note that the two boxes do not need to be touching.)</p>
+ <div>
+ <div>XXXXX</div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-003.xht
new file mode 100644
index 0000000000..d913cfa433
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-003.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent application on a 'display: list-item' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-applies-to-003-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property is applied to display: list-item elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ div div
+ {
+ display: list-item;
+ margin-left: 1em;
+ text-indent: 2em;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 3em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box is directly above the blue box and there is a marker bullet on the left-hand side of the black box. (Note that the two boxes do not need to be touching.)</p>
+ <div>
+ <div>XXXXX</div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-005.xht
new file mode 100644
index 0000000000..3016e795f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-005.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent application on a 'display: inline-block' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-applies-to-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property is applied to 'display: inline-block' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ span
+ {
+ display: inline-block;
+ text-indent: 10em;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 10em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p>
+ <div>
+ <span>XXXXX</span>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-006.xht
new file mode 100644
index 0000000000..4dbb6e02fd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-006.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent application on a 'display: table' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-applies-to-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property is applied to 'display: table' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ text-indent: 10em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 10em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">XXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-007-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-007-ref.xht
new file mode 100644
index 0000000000..71c902b9a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-007-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: inline-table;
+ margin-left: 10em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 10em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">XXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-007.xht
new file mode 100644
index 0000000000..cbbb41290a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-007.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent application on a 'display: inline-table' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-applies-to-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property is applied to 'display: inline-table' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: inline-table;
+ text-indent: 10em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 10em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">XXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-008.xht
new file mode 100644
index 0000000000..c55d6a2136
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-008.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent application on a 'display: table-row-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-applies-to-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property is applied to 'display: table-row-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-row-group;
+ text-indent: 10em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 10em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">XXXXX</div>
+ </div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-009.xht
new file mode 100644
index 0000000000..bc561f2ab1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-009.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent application on a 'display: table-header-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-applies-to-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property is applied to 'display: table-header-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-header-group;
+ text-indent: 10em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 10em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">XXXXX</div>
+ </div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-010.xht
new file mode 100644
index 0000000000..1c4ee225ff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-010.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent application on a 'display: table-footer-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-applies-to-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property is applied to 'display: table-footer-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-footer-group;
+ text-indent: 10em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 10em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">XXXXX</div>
+ </div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-011.xht
new file mode 100644
index 0000000000..2e888c99d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-011.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent application on a 'display: table-row' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-applies-to-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property is applied to 'display: table-row' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ text-indent: 10em;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 10em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">XXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-012-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-012-ref.xht
new file mode 100644
index 0000000000..1932202bbb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-012-ref.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ width: 100%;
+ }
+ #test
+ {
+ display: table-column-group;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">XXXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-012.xht
new file mode 100644
index 0000000000..491023c572
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-012.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent application on a 'display: table-column-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-applies-to-012-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property is not applied to 'display: table-column-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ width: 100%;
+ }
+ #test
+ {
+ display: table-column-group;
+ text-indent: 10em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">XXXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-013.xht
new file mode 100644
index 0000000000..71b98469de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-013.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent application on a 'display: table-column' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-applies-to-012-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property is not applied to 'display: table-column' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ width: 100%;
+ }
+ #test
+ {
+ display: table-column;
+ text-indent: 10em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">XXXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-014.xht
new file mode 100644
index 0000000000..70b372f6c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-014.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent application on a 'display: table-cell' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-applies-to-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property is applied to 'display: table-cell' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ text-indent: 10em;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 10em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">XXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-015.xht
new file mode 100644
index 0000000000..aaf45bd4ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-015.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent application on a 'display: table-caption' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-applies-to-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property is applied to 'display: table-caption' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ display: table-caption;
+ text-indent: 10em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 10em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p>
+ <div id="table">
+ <div id="caption">XXXXX</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-inherited-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-inherited-001-ref.xht
new file mode 100644
index 0000000000..884001b509
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-inherited-001-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ margin-left: 10em;
+ }
+ div div
+ {
+ display: inline-block;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 10em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box.</p>
+ <div id="div1">
+ <div>XXXXX</div>
+ </div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-inherited-001.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-inherited-001.xht
new file mode 100644
index 0000000000..352080f04b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-inherited-001.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent and inline-block level inheritance</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-inherited-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property is inherited by inline-block level elements resulting in a double indent." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ text-indent: 5em;
+ }
+ div div
+ {
+ display: inline-block;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 10em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box.</p>
+ <div id="div1">
+ <div>XXXXX</div>
+ </div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-001-ref.xht
new file mode 100644
index 0000000000..ef3f6ed278
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-001-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>Test for intrinsic widths and text-indent</title>
+<style type="text/css">
+
+body { font-size: 12px; }
+
+body &gt; div, body &gt; pre {
+ float: left; clear: left; margin: 1px; height: 2em;
+ border: medium solid;
+}
+
+</style>
+</head>
+<body>
+
+<!-- test against inline margin -->
+<div><span style="margin-left: 3em">X</span></div>
+
+<!-- test against block padding -->
+<div style="padding-left: 3em;">X</div>
+
+<!-- test against block width -->
+<div style="width: 4em;"></div>
+
+<div style="width: 4em;"></div>
+<div style="width: 4em;"></div>
+<div style="width: 6em;"></div>
+<div style="width: 4em;"></div>
+<div style="width: 6em;"></div>
+<div style="width: 4em;"></div>
+<div style="width: 6em;"></div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-001.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-001.xht
new file mode 100644
index 0000000000..66597fbee1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-001.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for intrinsic widths and text-indent (intrinsic-min)</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+<link rel="match" href="text-indent-intrinsic-001-ref.xht"/>
+<style type="text/css">
+
+body { font-size: 12px; width: 1px; }
+
+body &gt; div, body &gt; pre {
+ float: left; clear: left; margin: 1px; height: 2em;
+ border: medium solid;
+}
+
+span {
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+}
+
+</style>
+</head>
+<body>
+
+<!-- test against inline margin -->
+<div style="text-indent: 3em;">X</div>
+
+<!-- test against block padding -->
+<div style="text-indent: 3em;">X</div>
+
+<!-- test against block width -->
+<div style="text-indent: 3em;"><span></span></div>
+
+<div style="text-indent: 3em"><span style="width: 1em"></span></div>
+<div style="text-indent: 3em"><span style="width: 1em"></span>&#8203;<span style="width: 2em"></span></div>
+<div style="text-indent: 3em"><span style="width: 1em"></span>&#8203;<span style="width: 6em"></span></div>
+<div style="text-indent: 3em"><span style="width: 1em"></span><br /><span style="width: 2em"></span></div>
+<div style="text-indent: 3em"><span style="width: 1em"></span><br /><span style="width: 6em"></span></div>
+<pre style="text-indent: 3em"><span style="width: 1em"></span>
+<span style="width: 2em"></span></pre>
+<pre style="text-indent: 3em"><span style="width: 1em"></span>
+<span style="width: 6em"></span></pre>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-002-ref.xht
new file mode 100644
index 0000000000..5a5d6ba332
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-002-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>Test for intrinsic widths and text-indent</title>
+<style type="text/css">
+
+body { font-size: 12px; }
+
+body &gt; div, body &gt; pre {
+ float: left; clear: left; margin: 1px; height: 2em;
+ border: medium solid;
+}
+
+</style>
+</head>
+<body>
+
+<!-- test against inline margin -->
+<div><span style="margin-left: 3em">X</span></div>
+
+<!-- test against block padding -->
+<div style="padding-left: 3em;">X</div>
+
+<!-- test against block width -->
+<div style="width: 4em;"></div>
+
+<div style="width: 4em;"></div>
+<div style="width: 6em;"></div>
+<div style="width: 10em;"></div>
+<div style="width: 4em;"></div>
+<div style="width: 6em;"></div>
+<div style="width: 4em;"></div>
+<div style="width: 6em;"></div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-002.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-002.xht
new file mode 100644
index 0000000000..73c1d91369
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-002.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for intrinsic widths and text-indent (intrinsic-pref)</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<link rel="match" href="text-indent-intrinsic-002-ref.xht"/>
+<style type="text/css">
+
+body { font-size: 12px; }
+
+body &gt; div, body &gt; pre {
+ float: left; clear: left; margin: 1px; height: 2em;
+ border: medium solid;
+}
+
+span {
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+}
+
+</style>
+</head>
+<body>
+
+<!-- test against inline margin -->
+<div style="text-indent: 3em;">X</div>
+
+<!-- test against block padding -->
+<div style="text-indent: 3em;">X</div>
+
+<!-- test against block width -->
+<div style="text-indent: 3em;"><span></span></div>
+
+<div style="text-indent: 3em"><span style="width: 1em"></span></div>
+<div style="text-indent: 3em"><span style="width: 1em"></span>&#8203;<span style="width: 2em"></span></div>
+<div style="text-indent: 3em"><span style="width: 1em"></span>&#8203;<span style="width: 6em"></span></div>
+<div style="text-indent: 3em"><span style="width: 1em"></span><br /><span style="width: 2em"></span></div>
+<div style="text-indent: 3em"><span style="width: 1em"></span><br /><span style="width: 6em"></span></div>
+<pre style="text-indent: 3em"><span style="width: 1em"></span>
+<span style="width: 2em"></span></pre>
+<pre style="text-indent: 3em"><span style="width: 1em"></span>
+<span style="width: 6em"></span></pre>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-003-ref.xht
new file mode 100644
index 0000000000..5c021eb8a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-003-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>Test for intrinsic widths and text-indent</title>
+<style type="text/css">
+
+body { font-size: 12px; }
+
+body &gt; div, body &gt; pre {
+ float: left; clear: left; margin: 1px; height: 2em;
+ border: medium solid;
+}
+
+</style>
+</head>
+<body>
+
+<div style="width: 0"></div>
+<div style="width: 2em"></div>
+<div style="width: 0"></div>
+<div style="width: 1em"></div>
+<div style="width: 3em"></div>
+<div style="width: 3em"></div>
+<div style="width: 1em"></div>
+<div style="width: 2em"></div>
+<div style="width: 5em"></div>
+<div style="width: 2em"></div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-003.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-003.xht
new file mode 100644
index 0000000000..2db0f2a452
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-003.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for intrinsic widths and negative text-indent (negative-intrinsic-min)</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<link rel="match" href="text-indent-intrinsic-003-ref.xht"/>
+<style type="text/css">
+
+body { font-size: 12px; }
+
+body &gt; div, body &gt; pre {
+ float: left; clear: left; margin: 1px; height: 2em;
+ border: medium solid;
+}
+
+span {
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+}
+
+</style>
+</head>
+<body style="width: 1px">
+
+<div style="text-indent: -3em;"><span style="width: 1em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 5em"></span></div>
+
+<div style="text-indent: -3em;"><span style="width: 1em"></span>&#8203;<span style="width: 1em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 1em"></span>&#8203;<span style="width: 3em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 1em"></span>&#8203;<span style="width: 3em"></span>&#8203;<span style="width: 3em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 4em"></span>&#8203;<span style="width: 3em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 1em"></span><br /><span style="width: 1em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 5em"></span><br /><span style="width: 1em"></span></div>
+<pre style="text-indent: -3em"><span style="width: 1em"></span>
+<span style="width: 5em"></span></pre>
+<pre style="text-indent: -3em"><span style="width: 5em"></span>
+<span style="width: 1em"></span></pre>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-004-ref.xht
new file mode 100644
index 0000000000..472fae81c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-004-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>Test for intrinsic widths and text-indent</title>
+<style type="text/css">
+
+body { font-size: 12px; }
+
+body &gt; div, body &gt; pre {
+ float: left; clear: left; margin: 1px; height: 2em;
+ border: medium solid;
+}
+
+</style>
+</head>
+<body>
+
+<div style="width: 0"></div>
+<div style="width: 2em"></div>
+<div style="width: 0"></div>
+<div style="width: 1em"></div>
+<div style="width: 4em"></div>
+<div style="width: 4em"></div>
+<div style="width: 1em"></div>
+<div style="width: 2em"></div>
+<div style="width: 5em"></div>
+<div style="width: 2em"></div>
+
+
+
+</body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-004.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-004.xht
new file mode 100644
index 0000000000..b8f41c53ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-004.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: Test for intrinsic widths and negative text-indent (negative-intrinsic-pref)</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+<link rel="match" href="text-indent-intrinsic-004-ref.xht"/>
+<style type="text/css">
+
+body { font-size: 12px; }
+
+body &gt; div, body &gt; pre {
+ float: left; clear: left; margin: 1px; height: 2em;
+ border: medium solid;
+}
+
+span {
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+}
+
+</style>
+</head>
+<body>
+
+<div style="text-indent: -3em;"><span style="width: 1em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 5em"></span></div>
+
+<div style="text-indent: -3em;"><span style="width: 1em"></span>&#8203;<span style="width: 1em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 1em"></span>&#8203;<span style="width: 3em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 1em"></span>&#8203;<span style="width: 3em"></span>&#8203;<span style="width: 3em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 4em"></span>&#8203;<span style="width: 3em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 1em"></span><br /><span style="width: 1em"></span></div>
+<div style="text-indent: -3em;"><span style="width: 5em"></span><br /><span style="width: 1em"></span></div>
+<pre style="text-indent: -3em"><span style="width: 1em"></span>
+<span style="width: 5em"></span></pre>
+<pre style="text-indent: -3em"><span style="width: 5em"></span>
+<span style="width: 1em"></span></pre>
+
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-on-blank-line-rtl-left-align-ref.html b/testing/web-platform/tests/css/CSS2/text/text-indent-on-blank-line-rtl-left-align-ref.html
new file mode 100644
index 0000000000..15a15b3609
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-on-blank-line-rtl-left-align-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<p>There should be a hotpink square in the bottom left corner of a larger blue square.</p>
+<div style="width:200px; background:blue;">
+ <div style="height:100px;"></div>
+ <div style="width:100px; height:100px; background:hotpink;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-on-blank-line-rtl-left-align.html b/testing/web-platform/tests/css/CSS2/text/text-indent-on-blank-line-rtl-left-align.html
new file mode 100644
index 0000000000..af7e1cc014
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-on-blank-line-rtl-left-align.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<title>Text-indent on blank line in RTL container with text-align:left</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/text.html#propdef-text-indent" title="16.1 Indentation: the 'text-indent' property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+<link rel="match" href="text-indent-on-blank-line-rtl-left-align-ref.html">
+<p>There should be a hotpink square in the bottom left corner of a larger blue square.</p>
+<div style="text-align:left; direction:rtl; text-indent:300px; line-height:100px; width:200px; background:blue;">
+ <br>
+ <div style="vertical-align:bottom; display:inline-block; width:100px; height:100px; background:hotpink;"></div>
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-001.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-001.xht
new file mode 100644
index 0000000000..22717ddeee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent with negative value with overflow hidden</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'text-indent' property with negative value follows the overflow hidden assignment." />
+ <style type="text/css">
+ #div1
+ {
+ padding-left: 5em;
+ }
+ div div
+ {
+ color: red;
+ overflow: hidden;
+ text-indent: -5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="div1">
+ <div>XXXXX</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-002-ref.xht
new file mode 100644
index 0000000000..4fffdaf413
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-002-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ padding-left: 5em;
+ width: 40em;
+ }
+ div div
+ {
+ margin-left: -5em;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box.</p>
+ <div id="div1">
+ <div>XXXXX</div>
+ </div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-002.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-002.xht
new file mode 100644
index 0000000000..7c2f54a15a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-002.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent with negative value with 'overflow' set to 'visible'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-overflow-002-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property with negative value follows the 'overflow: visible' assignment." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ padding-left: 5em;
+ width: 40em;
+ }
+ div div
+ {
+ text-indent: -5em;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box.</p>
+ <div id="div1">
+ <div>XXXXX</div>
+ </div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-003-ref.xht
new file mode 100644
index 0000000000..ba7d905ae5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-003-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ width: 40em;
+ }
+ #div2
+ {
+ margin-left: 10em;
+ width: 5em;
+ }
+ #div3
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 10em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box.</p>
+ <div id="div1">
+ <div id="div2">XXXXX</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-003.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-003.xht
new file mode 100644
index 0000000000..fe6ac1bb5c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-003.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent with value larger than the available width with 'overflow' set to 'visible'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-overflow-003-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property with a value exceeding the available width follows the 'overflow: visible' assignment." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ width: 40em;
+ }
+ #div2
+ {
+ text-indent: 10em;
+ width: 5em;
+ }
+ #div3
+ {
+ background: blue;
+ height: 1em;
+ margin-left: 10em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box.</p>
+ <div id="div1">
+ <div id="div2">XXXXX</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-004.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-004.xht
new file mode 100644
index 0000000000..da4abce66d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-004.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent with value larger than the available width with 'overflow' set to 'hidden'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'text-indent' property with value exceeding the available width of the element follows the 'overflow: hidden' assignment." />
+ <style type="text/css">
+ div
+ {
+ color: red;
+ overflow: hidden;
+ text-indent: 10em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>XXXXX</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-percent-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-percent-001-ref.xht
new file mode 100644
index 0000000000..335ed62bbb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-percent-001-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>text-indent test</title>
+<style type="text/css">
+div { width: 500px; }
+p { width: 300px; text-indent: 30px; }
+</style>
+</head>
+<body>
+<div>
+<p>text</p>
+</div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-percent-001.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-percent-001.xht
new file mode 100644
index 0000000000..fc02d86a47
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-percent-001.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: text-indent test (single-line-percent)</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+<link rel="match" href="text-indent-percent-001-ref.xht"/>
+<style type="text/css">
+div { width: 500px; }
+p { width: 300px; text-indent: 10%; }
+</style>
+</head>
+<body>
+<div>
+<p>text</p>
+</div>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-001-ref.xht
new file mode 100644
index 0000000000..075e289094
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-001-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ direction: rtl;
+ font-family: Ahem;
+ line-height: 1em;
+ margin-right: 5em;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ float: right;
+ margin-right: 5em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box.</p>
+ <div id="div1">XXXXX</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-001.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-001.xht
new file mode 100644
index 0000000000..dfc9193bfd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-001.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent with 'direction' set to 'rtl'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-rtl-001-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property on an element with 'direction: rtl' indents from the right instead of left." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ direction: rtl;
+ font-family: Ahem;
+ line-height: 1em;
+ text-indent: 5em;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ float: right;
+ margin-right: 5em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box.</p>
+ <div id="div1">XXXXX</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-002-ref.xht
new file mode 100644
index 0000000000..8b9aeacf34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-002-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ direction: rtl;
+ width: 40em;
+ }
+ #div2
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ margin-right: -5em;
+ width: 30em;
+ }
+ #div3
+ {
+ background: blue;
+ height: 1em;
+ float: right;
+ margin-right: -5em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box.</p>
+ <div id="div1">
+ <div id="div2">XXXXX</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-002.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-002.xht
new file mode 100644
index 0000000000..f8b72b3fd1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-002.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-indent with negative value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+ <link rel="match" href="text-indent-rtl-002-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'text-indent' property with negative values with direction rtl indent to the right." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ direction: rtl;
+ width: 40em;
+ }
+ #div2
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ text-indent: -5em;
+ width: 30em;
+ }
+ #div3
+ {
+ background: blue;
+ height: 1em;
+ float: right;
+ margin-right: -5em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is directly above the blue box.</p>
+ <div id="div1">
+ <div id="div2">XXXXX</div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-notref-block-margin.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-notref-block-margin.xht
new file mode 100644
index 0000000000..c88a242f4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-notref-block-margin.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="mismatch" href="text-indent-wrap-001-ref-inline-margin.xht"/>
+<style type="text/css">
+p { margin-left: 100px }
+span { background: yellow }
+</style>
+</head>
+<body>
+<p><span>This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines.</span></p>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-ref-float.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-ref-float.xht
new file mode 100644
index 0000000000..764107424f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-ref-float.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="mismatch" href="text-indent-wrap-001-notref-block-margin.xht"/>
+<style type="text/css">
+i { float: left; height: 0.3em; width: 100px; }
+span { background: yellow }
+</style>
+</head>
+<body>
+<p><i></i><span>This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines.</span></p>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-ref-inline-margin.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-ref-inline-margin.xht
new file mode 100644
index 0000000000..dab3ad0e23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-ref-inline-margin.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="match" href="text-indent-wrap-001-ref-float.xht"/>
+<style type="text/css">
+span { background: yellow; margin-left: 100px }
+</style>
+</head>
+<body>
+<p><span>This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines.</span></p>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001.xht
new file mode 100644
index 0000000000..e4ec6de735
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
+<title>CSS Test: text-indent test (multiple-line)</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
+<link rel="match" href="text-indent-wrap-001-ref-inline-margin.xht"/>
+<style type="text/css">
+p { text-indent: 100px }
+span { background: yellow }
+</style>
+</head>
+<body>
+<p><span>This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines.</span></p>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-001-ref.xht
new file mode 100644
index 0000000000..f34e704489
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-001-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ </head>
+ <body>
+ <p>Test passes if the two lines of "Filler Text" below have the same (upper/lower) case for each letter.</p>
+ <div>Filler Text Filler Text FILLER TEXT FILLER TEXT FiLlEr TExT</div>
+ <div>Filler Text Filler Text FILLER TEXT FILLER TEXT FiLlEr TExT</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-001.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-001.xht
new file mode 100644
index 0000000000..c55c151db2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform set to 'capitalize'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="text-transform-001-ref.xht"/>
+ <meta name="assert" content="The 'text-transform' property set to 'capitalize' on an element makes the first character of every word uppercase." />
+ <style type="text/css">
+ #test
+ {
+ text-transform: capitalize;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two lines of "Filler Text" below have the same (upper/lower) case for each letter.</p>
+ <div>Filler Text Filler Text FILLER TEXT FILLER TEXT FiLlEr TExT</div>
+ <div id="test">filler text Filler Text FILLER TEXT fILLER tEXT FiLlEr tExT</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-002-ref.xht
new file mode 100644
index 0000000000..76002b8260
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-002-ref.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ </head>
+ <body>
+ <p>Test passes if the line of "Filler Text" and all of the characters of the text are all in lowercase.</p>
+ <div>filler text filler text filler text filler text filler text</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-002.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-002.xht
new file mode 100644
index 0000000000..cf9d0e43b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform set to 'lowercase'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="text-transform-002-ref.xht"/>
+ <meta name="assert" content="The 'text-transform' property set to 'lowercase' on an element makes every letter lowercase." />
+ <style type="text/css">
+ div
+ {
+ text-transform: lowercase;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line of "Filler Text" and all of the characters of the text are all in lowercase.</p>
+ <div>filler text Filler Text FILLER TEXT fILLER tEXT FiLlEr tExT</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-003-ref.xht
new file mode 100644
index 0000000000..9c39fbed2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-003-ref.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ </head>
+ <body>
+ <p>Test passes if the line of "Filler Text" and all of the characters of the text are all in uppercase.</p>
+ <div>FILLER TEXT FILLER TEXT FILLER TEXT FILLER TEXT FILLER TEXT</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-003.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-003.xht
new file mode 100644
index 0000000000..f8384ffbd2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform set to 'uppercase'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="text-transform-003-ref.xht"/>
+ <meta name="assert" content="The 'text-transform' property set to 'uppercase' on an element makes every letter uppercase." />
+ <style type="text/css">
+ div
+ {
+ text-transform: uppercase;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line of "Filler Text" and all of the characters of the text are all in uppercase.</p>
+ <div>filler text Filler Text FILLER TEXT fILLER tEXT FiLlEr tExT</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-004-ref.xht
new file mode 100644
index 0000000000..46378563f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-004-ref.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ </head>
+ <body>
+ <p>Test passes if the two lines of "Filler Text" below have the same (upper/lower) case for each letter.</p>
+ <div>filler text Filler Text FILLER TEXT fILLER tEXT FiLlEr tExT</div>
+ <div>filler text Filler Text FILLER TEXT fILLER tEXT FiLlEr tExT</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-004.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-004.xht
new file mode 100644
index 0000000000..03b0f5adb3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-004.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="text-transform-004-ref.xht"/>
+ <meta name="assert" content="The 'text-transform' property set to 'none' on an element makes no changes to the text." />
+ <style type="text/css">
+ #test
+ {
+ text-transform: uppercase;
+ text-transform: none;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two lines of "Filler Text" below have the same (upper/lower) case for each letter.</p>
+ <div>filler text Filler Text FILLER TEXT fILLER tEXT FiLlEr tExT</div>
+ <div id="test">filler text Filler Text FILLER TEXT fILLER tEXT FiLlEr tExT</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-005.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-005.xht
new file mode 100644
index 0000000000..13d9f39aac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-005.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="text-transform-003-ref.xht"/>
+ <meta name="assert" content="The 'text-transform' property set to 'inherit' on an element inherits its parent element's 'text-transform' value." />
+ <style type="text/css">
+ div
+ {
+ text-transform: uppercase;
+ }
+ span
+ {
+ text-transform: lowercase;
+ text-transform: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the line of "Filler Text" and all of the characters of the text are all in uppercase.</p>
+ <div>
+ <span>filler text Filler Text FILLER TEXT fILLER tEXT FiLlEr tExT</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-001.xht
new file mode 100644
index 0000000000..bced2794ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform application to 'display: inline' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/>
+ <meta name="assert" content="The 'text-transform' property is applied to 'display: inline' elements." />
+ <style type="text/css">
+ div div
+ {
+ display: inline;
+ text-transform: capitalize;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p>
+ <div>
+ <div id="testDiv">filler text</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-002.xht
new file mode 100644
index 0000000000..3bcd7bdb31
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform application to 'display: block' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/>
+ <meta name="assert" content="The 'text-transform' property is applied to 'display: block' elements." />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ text-transform: capitalize;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p>
+ <div>
+ <span>filler text</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-003-ref.xht
new file mode 100644
index 0000000000..1a172ca66d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-003-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <style type="text/css">
+ div
+ {
+ margin-left: 1em;
+ }
+ span
+ {
+ display: list-item;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case and there is a marker bullet on the left-hand side of the "Filler Text".</p>
+ <div>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-003.xht
new file mode 100644
index 0000000000..24091519c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-003.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform application to 'display: list-item' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="text-transform-applies-to-003-ref.xht"/>
+ <meta name="assert" content="The 'text-transform' property is applied to 'display: list-item' elements." />
+ <style type="text/css">
+ div
+ {
+ margin-left: 1em;
+ }
+ span
+ {
+ display: list-item;
+ text-transform: capitalize;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case and there is a marker bullet on the left-hand side of the "Filler Text".</p>
+ <div>
+ <span>filler text</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-005.xht
new file mode 100644
index 0000000000..885835e4d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-005.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform application to 'display: inline-block' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/>
+ <meta name="assert" content="The 'text-transform' property is applied to 'display: inline-block' elements." />
+ <style type="text/css">
+ span
+ {
+ display: inline-block;
+ text-transform: capitalize;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p>
+ <div>
+ <span>filler text</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-006.xht
new file mode 100644
index 0000000000..409ca27ff1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-006.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform application to 'display: table' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/>
+ <meta name="assert" content="The 'text-transform' property is applied to 'display: table' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ text-transform: capitalize;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">filler text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-007.xht
new file mode 100644
index 0000000000..f067fea7e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-007.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform application to 'display: inline-table' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/>
+ <meta name="assert" content="The 'text-transform' property is applied to 'display: inline-table' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: inline-table;
+ text-transform: capitalize;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">filler text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-008.xht
new file mode 100644
index 0000000000..6751d2eae3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-008.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform application to 'display: table-row-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/>
+ <meta name="assert" content="The 'text-transform' property is applied to 'display: table-row-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-row-group;
+ text-transform: capitalize;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">filler text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-009.xht
new file mode 100644
index 0000000000..10b3a246c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-009.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform application to 'display: table-header-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/>
+ <meta name="assert" content="The 'text-transform' property is applied to 'display: table-header-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-header-group;
+ text-transform: capitalize;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">filler text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-010.xht
new file mode 100644
index 0000000000..6a79b831ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-010.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform application to 'display: table-footer-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/>
+ <meta name="assert" content="The 'text-transform' property is applied to 'display: table-footer-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-footer-group;
+ text-transform: capitalize;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">filler text</div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-011.xht
new file mode 100644
index 0000000000..097c92995f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-011.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform application to 'display: table-row' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/>
+ <meta name="assert" content="The 'text-transform' property is applied to 'display: table-row' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ text-transform: capitalize;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">filler text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-012.xht
new file mode 100644
index 0000000000..11e514c146
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-012.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform application to 'display: table-column-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/>
+ <meta name="assert" content="Verifies that text-transform is not applied to 'display: table-column-group' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-column-group;
+ text-transform: lowercase;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-013.xht
new file mode 100644
index 0000000000..b683b23f7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-013.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform application to 'display: table-column' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/>
+ <meta name="assert" content="Verifies that text-transform is not applied to 'display: table-column' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-column;
+ text-transform: lowercase;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-014.xht
new file mode 100644
index 0000000000..a7262d0fad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-014.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform application to 'display: table-cell' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/>
+ <meta name="assert" content="The 'text-transform' property is applied to 'display: table-cell' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ text-transform: capitalize;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">filler text</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-015.xht
new file mode 100644
index 0000000000..57766155ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-015.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform application to 'display: table-caption' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/>
+ <meta name="assert" content="The 'text-transform' property is applied to 'display: table-caption' elements." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ width: 100%
+ }
+ #caption
+ {
+ display: table-caption;
+ text-transform: capitalize;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p>
+ <div id="table">
+ <div id="caption">filler text</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-001-ref.xht
new file mode 100644
index 0000000000..048bb04833
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-001-ref.xht
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>A <span>A</span></div>
+<div>B <span>B</span></div>
+<div>C <span>C</span></div>
+<div>D <span>D</span></div>
+<div>E <span>E</span></div>
+<div>F <span>F</span></div>
+<div>G <span>G</span></div>
+<div>H <span>H</span></div>
+<div>I <span>I</span></div>
+<div>J <span>J</span></div>
+<div>K <span>K</span></div>
+<div>L <span>L</span></div>
+<div>M <span>M</span></div>
+<div>N <span>N</span></div>
+<div>O <span>O</span></div>
+<div>P <span>P</span></div>
+<div>Q <span>Q</span></div>
+<div>R <span>R</span></div>
+<div>S <span>S</span></div>
+<div>T <span>T</span></div>
+<div>U <span>U</span></div>
+<div>V <span>V</span></div>
+<div>W <span>W</span></div>
+<div>X <span>X</span></div>
+<div>Y <span>Y</span></div>
+<div>Z <span>Z</span></div>
+<div>À <span>À</span></div>
+<div>Á <span>Á</span></div>
+<div>Â <span>Â</span></div>
+<div>Ã <span>Ã</span></div>
+<div>Ä <span>Ä</span></div>
+<div>Å <span>Å</span></div>
+<div>Æ <span>Æ</span></div>
+<div>Ç <span>Ç</span></div>
+<div>È <span>È</span></div>
+<div>É <span>É</span></div>
+<div>Ê <span>Ê</span></div>
+<div>Ë <span>Ë</span></div>
+<div>Ì <span>Ì</span></div>
+<div>Í <span>Í</span></div>
+<div>Î <span>Î</span></div>
+<div>Ï <span>Ï</span></div>
+<div>Ð <span>Ð</span></div>
+<div>Ñ <span>Ñ</span></div>
+<div>Ò <span>Ò</span></div>
+<div>Ó <span>Ó</span></div>
+<div>Ô <span>Ô</span></div>
+<div>Õ <span>Õ</span></div>
+<div>Ö <span>Ö</span></div>
+<div>Ø <span>Ø</span></div>
+<div>Ù <span>Ù</span></div>
+<div>Ú <span>Ú</span></div>
+<div>Û <span>Û</span></div>
+<div>Ü <span>Ü</span></div>
+<div>Ý <span>Ý</span></div>
+<div>Þ <span>Þ</span></div>
+<div>Ÿ <span>Ÿ</span></div>
+</div>
+
+
+<!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1). There is one character in this set, ÿ, that only occurs in the lower-case form.</p-->
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-001.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-001.xht
new file mode 100644
index 0000000000..3ca8b9fa5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-001.xht
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Latin1 uppercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-001-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=1' />
+<meta name="assert" content="The UA will uppercase all letters in the Latin 1 set when text-transform is set to uppercase." />
+<style type='text/css'>
+.test span { text-transform: uppercase; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>A <span>a</span></div>
+<div>B <span>b</span></div>
+<div>C <span>c</span></div>
+<div>D <span>d</span></div>
+<div>E <span>e</span></div>
+<div>F <span>f</span></div>
+<div>G <span>g</span></div>
+<div>H <span>h</span></div>
+<div>I <span>i</span></div>
+<div>J <span>j</span></div>
+<div>K <span>k</span></div>
+<div>L <span>l</span></div>
+<div>M <span>m</span></div>
+<div>N <span>n</span></div>
+<div>O <span>o</span></div>
+<div>P <span>p</span></div>
+<div>Q <span>q</span></div>
+<div>R <span>r</span></div>
+<div>S <span>s</span></div>
+<div>T <span>t</span></div>
+<div>U <span>u</span></div>
+<div>V <span>v</span></div>
+<div>W <span>w</span></div>
+<div>X <span>x</span></div>
+<div>Y <span>y</span></div>
+<div>Z <span>z</span></div>
+<div>À <span>à</span></div>
+<div>Á <span>á</span></div>
+<div>Â <span>â</span></div>
+<div>Ã <span>ã</span></div>
+<div>Ä <span>ä</span></div>
+<div>Å <span>å</span></div>
+<div>Æ <span>æ</span></div>
+<div>Ç <span>ç</span></div>
+<div>È <span>è</span></div>
+<div>É <span>é</span></div>
+<div>Ê <span>ê</span></div>
+<div>Ë <span>ë</span></div>
+<div>Ì <span>ì</span></div>
+<div>Í <span>í</span></div>
+<div>Î <span>î</span></div>
+<div>Ï <span>ï</span></div>
+<div>Ð <span>ð</span></div>
+<div>Ñ <span>ñ</span></div>
+<div>Ò <span>ò</span></div>
+<div>Ó <span>ó</span></div>
+<div>Ô <span>ô</span></div>
+<div>Õ <span>õ</span></div>
+<div>Ö <span>ö</span></div>
+<div>Ø <span>ø</span></div>
+<div>Ù <span>ù</span></div>
+<div>Ú <span>ú</span></div>
+<div>Û <span>û</span></div>
+<div>Ü <span>ü</span></div>
+<div>Ý <span>ý</span></div>
+<div>Þ <span>þ</span></div>
+<div>Ÿ <span>ÿ</span></div>
+</div>
+
+
+<!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1). There is one character in this set, ÿ, that only occurs in the lower-case form.</p-->
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-002-ref.xht
new file mode 100644
index 0000000000..a8e51fd7da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-002-ref.xht
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div><span>a</span> a</div>
+<div><span>b</span> b</div>
+<div><span>c</span> c</div>
+<div><span>d</span> d</div>
+<div><span>e</span> e</div>
+<div><span>f</span> f</div>
+<div><span>g</span> g</div>
+<div><span>h</span> h</div>
+<div><span>i</span> i</div>
+<div><span>j</span> j</div>
+<div><span>k</span> k</div>
+<div><span>l</span> l</div>
+<div><span>m</span> m</div>
+<div><span>n</span> n</div>
+<div><span>o</span> o</div>
+<div><span>p</span> p</div>
+<div><span>q</span> q</div>
+<div><span>r</span> r</div>
+<div><span>s</span> s</div>
+<div><span>t</span> t</div>
+<div><span>u</span> u</div>
+<div><span>v</span> v</div>
+<div><span>w</span> w</div>
+<div><span>x</span> x</div>
+<div><span>y</span> y</div>
+<div><span>z</span> z</div>
+<div><span>à</span> à</div>
+<div><span>á</span> á</div>
+<div><span>â</span> â</div>
+<div><span>ã</span> ã</div>
+<div><span>ä</span> ä</div>
+<div><span>å</span> å</div>
+<div><span>æ</span> æ</div>
+<div><span>ç</span> ç</div>
+<div><span>è</span> è</div>
+<div><span>é</span> é</div>
+<div><span>ê</span> ê</div>
+<div><span>ë</span> ë</div>
+<div><span>ì</span> ì</div>
+<div><span>í</span> í</div>
+<div><span>î</span> î</div>
+<div><span>ï</span> ï</div>
+<div><span>ð</span> ð</div>
+<div><span>ñ</span> ñ</div>
+<div><span>ò</span> ò</div>
+<div><span>ó</span> ó</div>
+<div><span>ô</span> ô</div>
+<div><span>õ</span> õ</div>
+<div><span>ö</span> ö</div>
+<div><span>ø</span> ø</div>
+<div><span>ù</span> ù</div>
+<div><span>ú</span> ú</div>
+<div><span>û</span> û</div>
+<div><span>ü</span> ü</div>
+<div><span>ý</span> ý</div>
+<div><span>þ</span> þ</div>
+<div><span>ÿ</span> ÿ</div>
+</div>
+
+
+<!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1). There is one character in this set, ÿ, that only occurs in the lower-case form.</p-->
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-002.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-002.xht
new file mode 100644
index 0000000000..1ffaeb5f58
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-002.xht
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Latin1 lowercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-002-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=2' />
+<meta name="assert" content="The UA will lowercase all letters in the Latin 1 set when text-transform is set to lowercase." />
+<style type='text/css'>
+.test span { text-transform: lowercase; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div><span>A</span> a</div>
+<div><span>B</span> b</div>
+<div><span>C</span> c</div>
+<div><span>D</span> d</div>
+<div><span>E</span> e</div>
+<div><span>F</span> f</div>
+<div><span>G</span> g</div>
+<div><span>H</span> h</div>
+<div><span>I</span> i</div>
+<div><span>J</span> j</div>
+<div><span>K</span> k</div>
+<div><span>L</span> l</div>
+<div><span>M</span> m</div>
+<div><span>N</span> n</div>
+<div><span>O</span> o</div>
+<div><span>P</span> p</div>
+<div><span>Q</span> q</div>
+<div><span>R</span> r</div>
+<div><span>S</span> s</div>
+<div><span>T</span> t</div>
+<div><span>U</span> u</div>
+<div><span>V</span> v</div>
+<div><span>W</span> w</div>
+<div><span>X</span> x</div>
+<div><span>Y</span> y</div>
+<div><span>Z</span> z</div>
+<div><span>À</span> à</div>
+<div><span>Á</span> á</div>
+<div><span>Â</span> â</div>
+<div><span>Ã</span> ã</div>
+<div><span>Ä</span> ä</div>
+<div><span>Å</span> å</div>
+<div><span>Æ</span> æ</div>
+<div><span>Ç</span> ç</div>
+<div><span>È</span> è</div>
+<div><span>É</span> é</div>
+<div><span>Ê</span> ê</div>
+<div><span>Ë</span> ë</div>
+<div><span>Ì</span> ì</div>
+<div><span>Í</span> í</div>
+<div><span>Î</span> î</div>
+<div><span>Ï</span> ï</div>
+<div><span>Ð</span> ð</div>
+<div><span>Ñ</span> ñ</div>
+<div><span>Ò</span> ò</div>
+<div><span>Ó</span> ó</div>
+<div><span>Ô</span> ô</div>
+<div><span>Õ</span> õ</div>
+<div><span>Ö</span> ö</div>
+<div><span>Ø</span> ø</div>
+<div><span>Ù</span> ù</div>
+<div><span>Ú</span> ú</div>
+<div><span>Û</span> û</div>
+<div><span>Ü</span> ü</div>
+<div><span>Ý</span> ý</div>
+<div><span>Þ</span> þ</div>
+<div><span>Ÿ</span> ÿ</div>
+</div>
+
+
+<!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1). There is one character in this set, ÿ, that only occurs in the lower-case form.</p-->
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-003-ref.xht
new file mode 100644
index 0000000000..b2c7cfec36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-003-ref.xht
@@ -0,0 +1,306 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { line-height: 2; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 3em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>Ÿ Ÿ</div>
+<div>Ā Ā</div>
+<div>Ă Ă</div>
+<div>Ą Ą</div>
+<div>Ć Ć</div>
+<div>Ĉ Ĉ</div>
+<div>Ċ Ċ</div>
+<div>Č Č</div>
+<div>Ď Ď</div>
+<div>Đ Đ</div>
+<div>Ē Ē</div>
+<div>Ĕ Ĕ</div>
+<div>Ė Ė</div>
+<div>Ę Ę</div>
+<div>Ě Ě</div>
+<div>Ĝ Ĝ</div>
+<div>Ğ Ğ</div>
+<div>Ġ Ġ</div>
+<div>Ģ Ģ</div>
+<div>Ĥ Ĥ</div>
+<div>Ħ Ħ</div>
+<div>Ĩ Ĩ</div>
+<div>Ī Ī</div>
+<div>Ĭ Ĭ</div>
+<div>Į Į</div>
+<div>I I</div>
+<div>IJ IJ</div>
+<div>Ĵ Ĵ</div>
+<div>Ķ Ķ</div>
+<div>Ĺ Ĺ</div>
+<div>Ļ Ļ</div>
+<div>Ľ Ľ</div>
+<div>Ŀ Ŀ</div>
+<div>Ł Ł</div>
+<div>Ń Ń</div>
+<div>Ņ Ņ</div>
+<div>Ň Ň</div>
+<div>Ŋ Ŋ</div>
+<div>Ō Ō</div>
+<div>Ŏ Ŏ</div>
+<div>Ő Ő</div>
+<div>Œ Œ</div>
+<div>Ŕ Ŕ</div>
+<div>Ŗ Ŗ</div>
+<div>Ř Ř</div>
+<div>Ś Ś</div>
+<div>Ŝ Ŝ</div>
+<div>Ş Ş</div>
+<div>Š Š</div>
+<div>Ţ Ţ</div>
+<div>Ť Ť</div>
+<div>Ŧ Ŧ</div>
+<div>Ũ Ũ</div>
+<div>Ū Ū</div>
+<div>Ŭ Ŭ</div>
+<div>Ů Ů</div>
+<div>Ű Ű</div>
+<div>Ų Ų</div>
+<div>Ŵ Ŵ</div>
+<div>Ŷ Ŷ</div>
+<div>Ź Ź</div>
+<div>Ż Ż</div>
+<div>Ž Ž</div>
+<div>S S</div>
+<div>Ƃ Ƃ</div>
+<div>Ƅ Ƅ</div>
+<div>Ƈ Ƈ</div>
+<div>Ƌ Ƌ</div>
+<div>Ƒ Ƒ</div>
+<div>Ƕ Ƕ</div>
+<div>Ƙ Ƙ</div>
+<div>Ƞ Ƞ</div>
+<div>Ơ Ơ</div>
+<div>Ƣ Ƣ</div>
+<div>Ƥ Ƥ</div>
+<div>Ƨ Ƨ</div>
+<div>Ƭ Ƭ</div>
+<div>Ư Ư</div>
+<div>Ƴ Ƴ</div>
+<div>Ƶ Ƶ</div>
+<div>Ƹ Ƹ</div>
+<div>Ƽ Ƽ</div>
+<div>Ƿ Ƿ</div>
+<div>DŽ DŽ</div>
+<div>DŽ DŽ</div>
+<div>LJ LJ</div>
+<div>LJ LJ</div>
+<div>NJ NJ</div>
+<div>NJ NJ</div>
+<div>Ǎ Ǎ</div>
+<div>Ǐ Ǐ</div>
+<div>Ǒ Ǒ</div>
+<div>Ǔ Ǔ</div>
+<div>Ǖ Ǖ</div>
+<div>Ǘ Ǘ</div>
+<div>Ǚ Ǚ</div>
+<div>Ǜ Ǜ</div>
+<div>Ǝ Ǝ</div>
+<div>Ǟ Ǟ</div>
+<div>Ǡ Ǡ</div>
+<div>Ǣ Ǣ</div>
+<div>Ǥ Ǥ</div>
+<div>Ǧ Ǧ</div>
+<div>Ǩ Ǩ</div>
+<div>Ǫ Ǫ</div>
+<div>Ǭ Ǭ</div>
+<div>Ǯ Ǯ</div>
+<div>DZ DZ</div>
+<div>DZ DZ</div>
+<div>Ǵ Ǵ</div>
+<div>Ǹ Ǹ</div>
+<div>Ǻ Ǻ</div>
+<div>Ǽ Ǽ</div>
+<div>Ǿ Ǿ</div>
+<div>Ȁ Ȁ</div>
+<div>Ȃ Ȃ</div>
+<div>Ȅ Ȅ</div>
+<div>Ȇ Ȇ</div>
+<div>Ȉ Ȉ</div>
+<div>Ȋ Ȋ</div>
+<div>Ȍ Ȍ</div>
+<div>Ȏ Ȏ</div>
+<div>Ȑ Ȑ</div>
+<div>Ȓ Ȓ</div>
+<div>Ȕ Ȕ</div>
+<div>Ȗ Ȗ</div>
+<div>Ș Ș</div>
+<div>Ț Ț</div>
+<div>Ȝ Ȝ</div>
+<div>Ȟ Ȟ</div>
+<div>Ȣ Ȣ</div>
+<div>Ȥ Ȥ</div>
+<div>Ȧ Ȧ</div>
+<div>Ȩ Ȩ</div>
+<div>Ȫ Ȫ</div>
+<div>Ȭ Ȭ</div>
+<div>Ȯ Ȯ</div>
+<div>Ȱ Ȱ</div>
+<div>Ȳ Ȳ</div>
+<div>Ɓ Ɓ</div>
+<div>Ɔ Ɔ</div>
+<div>Ɖ Ɖ</div>
+<div>Ɗ Ɗ</div>
+<div>Ə Ə</div>
+<div>Ɛ Ɛ</div>
+<div>Ɠ Ɠ</div>
+<div>Ɣ Ɣ</div>
+<div>Ɨ Ɨ</div>
+<div>Ɩ Ɩ</div>
+<div>Ɯ Ɯ</div>
+<div>Ɲ Ɲ</div>
+<div>Ɵ Ɵ</div>
+<div>Ʀ Ʀ</div>
+<div>Ʃ Ʃ</div>
+<div>Ʈ Ʈ</div>
+<div>Ʊ Ʊ</div>
+<div>Ʋ Ʋ</div>
+<div>Ʒ Ʒ</div>
+<div>Ḁ Ḁ</div>
+<div>Ḃ Ḃ</div>
+<div>Ḅ Ḅ</div>
+<div>Ḇ Ḇ</div>
+<div>Ḉ Ḉ</div>
+<div>Ḋ Ḋ</div>
+<div>Ḍ Ḍ</div>
+<div>Ḏ Ḏ</div>
+<div>Ḑ Ḑ</div>
+<div>Ḓ Ḓ</div>
+<div>Ḕ Ḕ</div>
+<div>Ḗ Ḗ</div>
+<div>Ḙ Ḙ</div>
+<div>Ḛ Ḛ</div>
+<div>Ḝ Ḝ</div>
+<div>Ḟ Ḟ</div>
+<div>Ḡ Ḡ</div>
+<div>Ḣ Ḣ</div>
+<div>Ḥ Ḥ</div>
+<div>Ḧ Ḧ</div>
+<div>Ḩ Ḩ</div>
+<div>Ḫ Ḫ</div>
+<div>Ḭ Ḭ</div>
+<div>Ḯ Ḯ</div>
+<div>Ḱ Ḱ</div>
+<div>Ḳ Ḳ</div>
+<div>Ḵ Ḵ</div>
+<div>Ḷ Ḷ</div>
+<div>Ḹ Ḹ</div>
+<div>Ḻ Ḻ</div>
+<div>Ḽ Ḽ</div>
+<div>Ḿ Ḿ</div>
+<div>Ṁ Ṁ</div>
+<div>Ṃ Ṃ</div>
+<div>Ṅ Ṅ</div>
+<div>Ṇ Ṇ</div>
+<div>Ṉ Ṉ</div>
+<div>Ṋ Ṋ</div>
+<div>Ṍ Ṍ</div>
+<div>Ṏ Ṏ</div>
+<div>Ṑ Ṑ</div>
+<div>Ṓ Ṓ</div>
+<div>Ṕ Ṕ</div>
+<div>Ṗ Ṗ</div>
+<div>Ṙ Ṙ</div>
+<div>Ṛ Ṛ</div>
+<div>Ṝ Ṝ</div>
+<div>Ṟ Ṟ</div>
+<div>Ṡ Ṡ</div>
+<div>Ṣ Ṣ</div>
+<div>Ṥ Ṥ</div>
+<div>Ṧ Ṧ</div>
+<div>Ṩ Ṩ</div>
+<div>Ṫ Ṫ</div>
+<div>Ṭ Ṭ</div>
+<div>Ṯ Ṯ</div>
+<div>Ṱ Ṱ</div>
+<div>Ṳ Ṳ</div>
+<div>Ṵ Ṵ</div>
+<div>Ṷ Ṷ</div>
+<div>Ṹ Ṹ</div>
+<div>Ṻ Ṻ</div>
+<div>Ṽ Ṽ</div>
+<div>Ṿ Ṿ</div>
+<div>Ẁ Ẁ</div>
+<div>Ẃ Ẃ</div>
+<div>Ẅ Ẅ</div>
+<div>Ẇ Ẇ</div>
+<div>Ẉ Ẉ</div>
+<div>Ẋ Ẋ</div>
+<div>Ẍ Ẍ</div>
+<div>Ẏ Ẏ</div>
+<div>Ẑ Ẑ</div>
+<div>Ẓ Ẓ</div>
+<div>Ẕ Ẕ</div>
+<div>Ṡ Ṡ</div>
+<div>Ạ Ạ</div>
+<div>Ả Ả</div>
+<div>Ấ Ấ</div>
+<div>Ầ Ầ</div>
+<div>Ẩ Ẩ</div>
+<div>Ẫ Ẫ</div>
+<div>Ậ Ậ</div>
+<div>Ắ Ắ</div>
+<div>Ằ Ằ</div>
+<div>Ẳ Ẳ</div>
+<div>Ẵ Ẵ</div>
+<div>Ặ Ặ</div>
+<div>Ẹ Ẹ</div>
+<div>Ẻ Ẻ</div>
+<div>Ẽ Ẽ</div>
+<div>Ế Ế</div>
+<div>Ề Ề</div>
+<div>Ể Ể</div>
+<div>Ễ Ễ</div>
+<div>Ệ Ệ</div>
+<div>Ỉ Ỉ</div>
+<div>Ị Ị</div>
+<div>Ọ Ọ</div>
+<div>Ỏ Ỏ</div>
+<div>Ố Ố</div>
+<div>Ồ Ồ</div>
+<div>Ổ Ổ</div>
+<div>Ỗ Ỗ</div>
+<div>Ộ Ộ</div>
+<div>Ớ Ớ</div>
+<div>Ờ Ờ</div>
+<div>Ở Ở</div>
+<div>Ỡ Ỡ</div>
+<div>Ợ Ợ</div>
+<div>Ụ Ụ</div>
+<div>Ủ Ủ</div>
+<div>Ứ Ứ</div>
+<div>Ừ Ừ</div>
+<div>Ử Ử</div>
+<div>Ữ Ữ</div>
+<div>Ự Ự</div>
+<div>Ỳ Ỳ</div>
+<div>Ỵ Ỵ</div>
+<div>Ỷ Ỷ</div>
+<div>Ỹ Ỹ</div>
+</div>
+
+
+<!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1).</p-->
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-003.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-003.xht
new file mode 100644
index 0000000000..a24adea6fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-003.xht
@@ -0,0 +1,315 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Unicode Latin, uppercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-003-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=3' />
+<meta name="assert" content="The UA will uppercase all Latin Unicode letters beyond Latin1 when text-transform is set to uppercase." />
+<style type='text/css'>
+.test span { text-transform: uppercase; }
+
+/* the CSS below is not part of the test */
+.test { line-height: 2; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 3em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>Ÿ <span>ÿ</span></div>
+<div>Ā <span>ā</span></div>
+<div>Ă <span>ă</span></div>
+<div>Ą <span>ą</span></div>
+<div>Ć <span>ć</span></div>
+<div>Ĉ <span>ĉ</span></div>
+<div>Ċ <span>ċ</span></div>
+<div>Č <span>č</span></div>
+<div>Ď <span>ď</span></div>
+<div>Đ <span>đ</span></div>
+<div>Ē <span>ē</span></div>
+<div>Ĕ <span>ĕ</span></div>
+<div>Ė <span>ė</span></div>
+<div>Ę <span>ę</span></div>
+<div>Ě <span>ě</span></div>
+<div>Ĝ <span>ĝ</span></div>
+<div>Ğ <span>ğ</span></div>
+<div>Ġ <span>ġ</span></div>
+<div>Ģ <span>ģ</span></div>
+<div>Ĥ <span>ĥ</span></div>
+<div>Ħ <span>ħ</span></div>
+<div>Ĩ <span>ĩ</span></div>
+<div>Ī <span>ī</span></div>
+<div>Ĭ <span>ĭ</span></div>
+<div>Į <span>į</span></div>
+<div>I <span>ı</span></div>
+<div>IJ <span>ij</span></div>
+<div>Ĵ <span>ĵ</span></div>
+<div>Ķ <span>ķ</span></div>
+<div>Ĺ <span>ĺ</span></div>
+<div>Ļ <span>ļ</span></div>
+<div>Ľ <span>ľ</span></div>
+<div>Ŀ <span>ŀ</span></div>
+<div>Ł <span>ł</span></div>
+<div>Ń <span>ń</span></div>
+<div>Ņ <span>ņ</span></div>
+<div>Ň <span>ň</span></div>
+<div>Ŋ <span>ŋ</span></div>
+<div>Ō <span>ō</span></div>
+<div>Ŏ <span>ŏ</span></div>
+<div>Ő <span>ő</span></div>
+<div>Œ <span>œ</span></div>
+<div>Ŕ <span>ŕ</span></div>
+<div>Ŗ <span>ŗ</span></div>
+<div>Ř <span>ř</span></div>
+<div>Ś <span>ś</span></div>
+<div>Ŝ <span>ŝ</span></div>
+<div>Ş <span>ş</span></div>
+<div>Š <span>š</span></div>
+<div>Ţ <span>ţ</span></div>
+<div>Ť <span>ť</span></div>
+<div>Ŧ <span>ŧ</span></div>
+<div>Ũ <span>ũ</span></div>
+<div>Ū <span>ū</span></div>
+<div>Ŭ <span>ŭ</span></div>
+<div>Ů <span>ů</span></div>
+<div>Ű <span>ű</span></div>
+<div>Ų <span>ų</span></div>
+<div>Ŵ <span>ŵ</span></div>
+<div>Ŷ <span>ŷ</span></div>
+<div>Ź <span>ź</span></div>
+<div>Ż <span>ż</span></div>
+<div>Ž <span>ž</span></div>
+<div>S <span>ſ</span></div>
+<div>Ƃ <span>ƃ</span></div>
+<div>Ƅ <span>ƅ</span></div>
+<div>Ƈ <span>ƈ</span></div>
+<div>Ƌ <span>ƌ</span></div>
+<div>Ƒ <span>ƒ</span></div>
+<div>Ƕ <span>ƕ</span></div>
+<div>Ƙ <span>ƙ</span></div>
+<div>Ƞ <span>ƞ</span></div>
+<div>Ơ <span>ơ</span></div>
+<div>Ƣ <span>ƣ</span></div>
+<div>Ƥ <span>ƥ</span></div>
+<div>Ƨ <span>ƨ</span></div>
+<div>Ƭ <span>ƭ</span></div>
+<div>Ư <span>ư</span></div>
+<div>Ƴ <span>ƴ</span></div>
+<div>Ƶ <span>ƶ</span></div>
+<div>Ƹ <span>ƹ</span></div>
+<div>Ƽ <span>ƽ</span></div>
+<div>Ƿ <span>ƿ</span></div>
+<div>DŽ <span>Dž</span></div>
+<div>DŽ <span>dž</span></div>
+<div>LJ <span>Lj</span></div>
+<div>LJ <span>lj</span></div>
+<div>NJ <span>Nj</span></div>
+<div>NJ <span>nj</span></div>
+<div>Ǎ <span>ǎ</span></div>
+<div>Ǐ <span>ǐ</span></div>
+<div>Ǒ <span>ǒ</span></div>
+<div>Ǔ <span>ǔ</span></div>
+<div>Ǖ <span>ǖ</span></div>
+<div>Ǘ <span>ǘ</span></div>
+<div>Ǚ <span>ǚ</span></div>
+<div>Ǜ <span>ǜ</span></div>
+<div>Ǝ <span>ǝ</span></div>
+<div>Ǟ <span>ǟ</span></div>
+<div>Ǡ <span>ǡ</span></div>
+<div>Ǣ <span>ǣ</span></div>
+<div>Ǥ <span>ǥ</span></div>
+<div>Ǧ <span>ǧ</span></div>
+<div>Ǩ <span>ǩ</span></div>
+<div>Ǫ <span>ǫ</span></div>
+<div>Ǭ <span>ǭ</span></div>
+<div>Ǯ <span>ǯ</span></div>
+<div>DZ <span>Dz</span></div>
+<div>DZ <span>dz</span></div>
+<div>Ǵ <span>ǵ</span></div>
+<div>Ǹ <span>ǹ</span></div>
+<div>Ǻ <span>ǻ</span></div>
+<div>Ǽ <span>ǽ</span></div>
+<div>Ǿ <span>ǿ</span></div>
+<div>Ȁ <span>ȁ</span></div>
+<div>Ȃ <span>ȃ</span></div>
+<div>Ȅ <span>ȅ</span></div>
+<div>Ȇ <span>ȇ</span></div>
+<div>Ȉ <span>ȉ</span></div>
+<div>Ȋ <span>ȋ</span></div>
+<div>Ȍ <span>ȍ</span></div>
+<div>Ȏ <span>ȏ</span></div>
+<div>Ȑ <span>ȑ</span></div>
+<div>Ȓ <span>ȓ</span></div>
+<div>Ȕ <span>ȕ</span></div>
+<div>Ȗ <span>ȗ</span></div>
+<div>Ș <span>ș</span></div>
+<div>Ț <span>ț</span></div>
+<div>Ȝ <span>ȝ</span></div>
+<div>Ȟ <span>ȟ</span></div>
+<div>Ȣ <span>ȣ</span></div>
+<div>Ȥ <span>ȥ</span></div>
+<div>Ȧ <span>ȧ</span></div>
+<div>Ȩ <span>ȩ</span></div>
+<div>Ȫ <span>ȫ</span></div>
+<div>Ȭ <span>ȭ</span></div>
+<div>Ȯ <span>ȯ</span></div>
+<div>Ȱ <span>ȱ</span></div>
+<div>Ȳ <span>ȳ</span></div>
+<div>Ɓ <span>ɓ</span></div>
+<div>Ɔ <span>ɔ</span></div>
+<div>Ɖ <span>ɖ</span></div>
+<div>Ɗ <span>ɗ</span></div>
+<div>Ə <span>ə</span></div>
+<div>Ɛ <span>ɛ</span></div>
+<div>Ɠ <span>ɠ</span></div>
+<div>Ɣ <span>ɣ</span></div>
+<div>Ɨ <span>ɨ</span></div>
+<div>Ɩ <span>ɩ</span></div>
+<div>Ɯ <span>ɯ</span></div>
+<div>Ɲ <span>ɲ</span></div>
+<div>Ɵ <span>ɵ</span></div>
+<div>Ʀ <span>ʀ</span></div>
+<div>Ʃ <span>ʃ</span></div>
+<div>Ʈ <span>ʈ</span></div>
+<div>Ʊ <span>ʊ</span></div>
+<div>Ʋ <span>ʋ</span></div>
+<div>Ʒ <span>ʒ</span></div>
+<div>Ḁ <span>ḁ</span></div>
+<div>Ḃ <span>ḃ</span></div>
+<div>Ḅ <span>ḅ</span></div>
+<div>Ḇ <span>ḇ</span></div>
+<div>Ḉ <span>ḉ</span></div>
+<div>Ḋ <span>ḋ</span></div>
+<div>Ḍ <span>ḍ</span></div>
+<div>Ḏ <span>ḏ</span></div>
+<div>Ḑ <span>ḑ</span></div>
+<div>Ḓ <span>ḓ</span></div>
+<div>Ḕ <span>ḕ</span></div>
+<div>Ḗ <span>ḗ</span></div>
+<div>Ḙ <span>ḙ</span></div>
+<div>Ḛ <span>ḛ</span></div>
+<div>Ḝ <span>ḝ</span></div>
+<div>Ḟ <span>ḟ</span></div>
+<div>Ḡ <span>ḡ</span></div>
+<div>Ḣ <span>ḣ</span></div>
+<div>Ḥ <span>ḥ</span></div>
+<div>Ḧ <span>ḧ</span></div>
+<div>Ḩ <span>ḩ</span></div>
+<div>Ḫ <span>ḫ</span></div>
+<div>Ḭ <span>ḭ</span></div>
+<div>Ḯ <span>ḯ</span></div>
+<div>Ḱ <span>ḱ</span></div>
+<div>Ḳ <span>ḳ</span></div>
+<div>Ḵ <span>ḵ</span></div>
+<div>Ḷ <span>ḷ</span></div>
+<div>Ḹ <span>ḹ</span></div>
+<div>Ḻ <span>ḻ</span></div>
+<div>Ḽ <span>ḽ</span></div>
+<div>Ḿ <span>ḿ</span></div>
+<div>Ṁ <span>ṁ</span></div>
+<div>Ṃ <span>ṃ</span></div>
+<div>Ṅ <span>ṅ</span></div>
+<div>Ṇ <span>ṇ</span></div>
+<div>Ṉ <span>ṉ</span></div>
+<div>Ṋ <span>ṋ</span></div>
+<div>Ṍ <span>ṍ</span></div>
+<div>Ṏ <span>ṏ</span></div>
+<div>Ṑ <span>ṑ</span></div>
+<div>Ṓ <span>ṓ</span></div>
+<div>Ṕ <span>ṕ</span></div>
+<div>Ṗ <span>ṗ</span></div>
+<div>Ṙ <span>ṙ</span></div>
+<div>Ṛ <span>ṛ</span></div>
+<div>Ṝ <span>ṝ</span></div>
+<div>Ṟ <span>ṟ</span></div>
+<div>Ṡ <span>ṡ</span></div>
+<div>Ṣ <span>ṣ</span></div>
+<div>Ṥ <span>ṥ</span></div>
+<div>Ṧ <span>ṧ</span></div>
+<div>Ṩ <span>ṩ</span></div>
+<div>Ṫ <span>ṫ</span></div>
+<div>Ṭ <span>ṭ</span></div>
+<div>Ṯ <span>ṯ</span></div>
+<div>Ṱ <span>ṱ</span></div>
+<div>Ṳ <span>ṳ</span></div>
+<div>Ṵ <span>ṵ</span></div>
+<div>Ṷ <span>ṷ</span></div>
+<div>Ṹ <span>ṹ</span></div>
+<div>Ṻ <span>ṻ</span></div>
+<div>Ṽ <span>ṽ</span></div>
+<div>Ṿ <span>ṿ</span></div>
+<div>Ẁ <span>ẁ</span></div>
+<div>Ẃ <span>ẃ</span></div>
+<div>Ẅ <span>ẅ</span></div>
+<div>Ẇ <span>ẇ</span></div>
+<div>Ẉ <span>ẉ</span></div>
+<div>Ẋ <span>ẋ</span></div>
+<div>Ẍ <span>ẍ</span></div>
+<div>Ẏ <span>ẏ</span></div>
+<div>Ẑ <span>ẑ</span></div>
+<div>Ẓ <span>ẓ</span></div>
+<div>Ẕ <span>ẕ</span></div>
+<div>Ṡ <span>ẛ</span></div>
+<div>Ạ <span>ạ</span></div>
+<div>Ả <span>ả</span></div>
+<div>Ấ <span>ấ</span></div>
+<div>Ầ <span>ầ</span></div>
+<div>Ẩ <span>ẩ</span></div>
+<div>Ẫ <span>ẫ</span></div>
+<div>Ậ <span>ậ</span></div>
+<div>Ắ <span>ắ</span></div>
+<div>Ằ <span>ằ</span></div>
+<div>Ẳ <span>ẳ</span></div>
+<div>Ẵ <span>ẵ</span></div>
+<div>Ặ <span>ặ</span></div>
+<div>Ẹ <span>ẹ</span></div>
+<div>Ẻ <span>ẻ</span></div>
+<div>Ẽ <span>ẽ</span></div>
+<div>Ế <span>ế</span></div>
+<div>Ề <span>ề</span></div>
+<div>Ể <span>ể</span></div>
+<div>Ễ <span>ễ</span></div>
+<div>Ệ <span>ệ</span></div>
+<div>Ỉ <span>ỉ</span></div>
+<div>Ị <span>ị</span></div>
+<div>Ọ <span>ọ</span></div>
+<div>Ỏ <span>ỏ</span></div>
+<div>Ố <span>ố</span></div>
+<div>Ồ <span>ồ</span></div>
+<div>Ổ <span>ổ</span></div>
+<div>Ỗ <span>ỗ</span></div>
+<div>Ộ <span>ộ</span></div>
+<div>Ớ <span>ớ</span></div>
+<div>Ờ <span>ờ</span></div>
+<div>Ở <span>ở</span></div>
+<div>Ỡ <span>ỡ</span></div>
+<div>Ợ <span>ợ</span></div>
+<div>Ụ <span>ụ</span></div>
+<div>Ủ <span>ủ</span></div>
+<div>Ứ <span>ứ</span></div>
+<div>Ừ <span>ừ</span></div>
+<div>Ử <span>ử</span></div>
+<div>Ữ <span>ữ</span></div>
+<div>Ự <span>ự</span></div>
+<div>Ỳ <span>ỳ</span></div>
+<div>Ỵ <span>ỵ</span></div>
+<div>Ỷ <span>ỷ</span></div>
+<div>Ỹ <span>ỹ</span></div>
+</div>
+
+
+<!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1).</p-->
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-004-ref.xht
new file mode 100644
index 0000000000..d6f1921159
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-004-ref.xht
@@ -0,0 +1,306 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { line-height: 2; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 3em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div>ÿ ÿ</div>
+<div>ā ā</div>
+<div>ă ă</div>
+<div>ą ą</div>
+<div>ć ć</div>
+<div>ĉ ĉ</div>
+<div>ċ ċ</div>
+<div>č č</div>
+<div>ď ď</div>
+<div>đ đ</div>
+<div>ē ē</div>
+<div>ĕ ĕ</div>
+<div>ė ė</div>
+<div>ę ę</div>
+<div>ě ě</div>
+<div>ĝ ĝ</div>
+<div>ğ ğ</div>
+<div>ġ ġ</div>
+<div>ģ ģ</div>
+<div>ĥ ĥ</div>
+<div>ħ ħ</div>
+<div>ĩ ĩ</div>
+<div>ī ī</div>
+<div>ĭ ĭ</div>
+<div>į į</div>
+<div>ı ı</div>
+<div>ij ij</div>
+<div>ĵ ĵ</div>
+<div>ķ ķ</div>
+<div>ĺ ĺ</div>
+<div>ļ ļ</div>
+<div>ľ ľ</div>
+<div>ŀ ŀ</div>
+<div>ł ł</div>
+<div>ń ń</div>
+<div>ņ ņ</div>
+<div>ň ň</div>
+<div>ŋ ŋ</div>
+<div>ō ō</div>
+<div>ŏ ŏ</div>
+<div>ő ő</div>
+<div>œ œ</div>
+<div>ŕ ŕ</div>
+<div>ŗ ŗ</div>
+<div>ř ř</div>
+<div>ś ś</div>
+<div>ŝ ŝ</div>
+<div>ş ş</div>
+<div>š š</div>
+<div>ţ ţ</div>
+<div>ť ť</div>
+<div>ŧ ŧ</div>
+<div>ũ ũ</div>
+<div>ū ū</div>
+<div>ŭ ŭ</div>
+<div>ů ů</div>
+<div>ű ű</div>
+<div>ų ų</div>
+<div>ŵ ŵ</div>
+<div>ŷ ŷ</div>
+<div>ź ź</div>
+<div>ż ż</div>
+<div>ž ž</div>
+<div>ſ ſ</div>
+<div>ƃ ƃ</div>
+<div>ƅ ƅ</div>
+<div>ƈ ƈ</div>
+<div>ƌ ƌ</div>
+<div>ƒ ƒ</div>
+<div>ƕ ƕ</div>
+<div>ƙ ƙ</div>
+<div>ƞ ƞ</div>
+<div>ơ ơ</div>
+<div>ƣ ƣ</div>
+<div>ƥ ƥ</div>
+<div>ƨ ƨ</div>
+<div>ƭ ƭ</div>
+<div>ư ư</div>
+<div>ƴ ƴ</div>
+<div>ƶ ƶ</div>
+<div>ƹ ƹ</div>
+<div>ƽ ƽ</div>
+<div>ƿ ƿ</div>
+<div>dž dž</div>
+<div>dž dž</div>
+<div>lj lj</div>
+<div>lj lj</div>
+<div>nj nj</div>
+<div>nj nj</div>
+<div>ǎ ǎ</div>
+<div>ǐ ǐ</div>
+<div>ǒ ǒ</div>
+<div>ǔ ǔ</div>
+<div>ǖ ǖ</div>
+<div>ǘ ǘ</div>
+<div>ǚ ǚ</div>
+<div>ǜ ǜ</div>
+<div>ǝ ǝ</div>
+<div>ǟ ǟ</div>
+<div>ǡ ǡ</div>
+<div>ǣ ǣ</div>
+<div>ǥ ǥ</div>
+<div>ǧ ǧ</div>
+<div>ǩ ǩ</div>
+<div>ǫ ǫ</div>
+<div>ǭ ǭ</div>
+<div>ǯ ǯ</div>
+<div>dz dz</div>
+<div>dz dz</div>
+<div>ǵ ǵ</div>
+<div>ǹ ǹ</div>
+<div>ǻ ǻ</div>
+<div>ǽ ǽ</div>
+<div>ǿ ǿ</div>
+<div>ȁ ȁ</div>
+<div>ȃ ȃ</div>
+<div>ȅ ȅ</div>
+<div>ȇ ȇ</div>
+<div>ȉ ȉ</div>
+<div>ȋ ȋ</div>
+<div>ȍ ȍ</div>
+<div>ȏ ȏ</div>
+<div>ȑ ȑ</div>
+<div>ȓ ȓ</div>
+<div>ȕ ȕ</div>
+<div>ȗ ȗ</div>
+<div>ș ș</div>
+<div>ț ț</div>
+<div>ȝ ȝ</div>
+<div>ȟ ȟ</div>
+<div>ȣ ȣ</div>
+<div>ȥ ȥ</div>
+<div>ȧ ȧ</div>
+<div>ȩ ȩ</div>
+<div>ȫ ȫ</div>
+<div>ȭ ȭ</div>
+<div>ȯ ȯ</div>
+<div>ȱ ȱ</div>
+<div>ȳ ȳ</div>
+<div>ɓ ɓ</div>
+<div>ɔ ɔ</div>
+<div>ɖ ɖ</div>
+<div>ɗ ɗ</div>
+<div>ə ə</div>
+<div>ɛ ɛ</div>
+<div>ɠ ɠ</div>
+<div>ɣ ɣ</div>
+<div>ɨ ɨ</div>
+<div>ɩ ɩ</div>
+<div>ɯ ɯ</div>
+<div>ɲ ɲ</div>
+<div>ɵ ɵ</div>
+<div>ʀ ʀ</div>
+<div>ʃ ʃ</div>
+<div>ʈ ʈ</div>
+<div>ʊ ʊ</div>
+<div>ʋ ʋ</div>
+<div>ʒ ʒ</div>
+<div>ḁ ḁ</div>
+<div>ḃ ḃ</div>
+<div>ḅ ḅ</div>
+<div>ḇ ḇ</div>
+<div>ḉ ḉ</div>
+<div>ḋ ḋ</div>
+<div>ḍ ḍ</div>
+<div>ḏ ḏ</div>
+<div>ḑ ḑ</div>
+<div>ḓ ḓ</div>
+<div>ḕ ḕ</div>
+<div>ḗ ḗ</div>
+<div>ḙ ḙ</div>
+<div>ḛ ḛ</div>
+<div>ḝ ḝ</div>
+<div>ḟ ḟ</div>
+<div>ḡ ḡ</div>
+<div>ḣ ḣ</div>
+<div>ḥ ḥ</div>
+<div>ḧ ḧ</div>
+<div>ḩ ḩ</div>
+<div>ḫ ḫ</div>
+<div>ḭ ḭ</div>
+<div>ḯ ḯ</div>
+<div>ḱ ḱ</div>
+<div>ḳ ḳ</div>
+<div>ḵ ḵ</div>
+<div>ḷ ḷ</div>
+<div>ḹ ḹ</div>
+<div>ḻ ḻ</div>
+<div>ḽ ḽ</div>
+<div>ḿ ḿ</div>
+<div>ṁ ṁ</div>
+<div>ṃ ṃ</div>
+<div>ṅ ṅ</div>
+<div>ṇ ṇ</div>
+<div>ṉ ṉ</div>
+<div>ṋ ṋ</div>
+<div>ṍ ṍ</div>
+<div>ṏ ṏ</div>
+<div>ṑ ṑ</div>
+<div>ṓ ṓ</div>
+<div>ṕ ṕ</div>
+<div>ṗ ṗ</div>
+<div>ṙ ṙ</div>
+<div>ṛ ṛ</div>
+<div>ṝ ṝ</div>
+<div>ṟ ṟ</div>
+<div>ṡ ṡ</div>
+<div>ṣ ṣ</div>
+<div>ṥ ṥ</div>
+<div>ṧ ṧ</div>
+<div>ṩ ṩ</div>
+<div>ṫ ṫ</div>
+<div>ṭ ṭ</div>
+<div>ṯ ṯ</div>
+<div>ṱ ṱ</div>
+<div>ṳ ṳ</div>
+<div>ṵ ṵ</div>
+<div>ṷ ṷ</div>
+<div>ṹ ṹ</div>
+<div>ṻ ṻ</div>
+<div>ṽ ṽ</div>
+<div>ṿ ṿ</div>
+<div>ẁ ẁ</div>
+<div>ẃ ẃ</div>
+<div>ẅ ẅ</div>
+<div>ẇ ẇ</div>
+<div>ẉ ẉ</div>
+<div>ẋ ẋ</div>
+<div>ẍ ẍ</div>
+<div>ẏ ẏ</div>
+<div>ẑ ẑ</div>
+<div>ẓ ẓ</div>
+<div>ẕ ẕ</div>
+<div>ẛ ẛ</div>
+<div>ạ ạ</div>
+<div>ả ả</div>
+<div>ấ ấ</div>
+<div>ầ ầ</div>
+<div>ẩ ẩ</div>
+<div>ẫ ẫ</div>
+<div>ậ ậ</div>
+<div>ắ ắ</div>
+<div>ằ ằ</div>
+<div>ẳ ẳ</div>
+<div>ẵ ẵ</div>
+<div>ặ ặ</div>
+<div>ẹ ẹ</div>
+<div>ẻ ẻ</div>
+<div>ẽ ẽ</div>
+<div>ế ế</div>
+<div>ề ề</div>
+<div>ể ể</div>
+<div>ễ ễ</div>
+<div>ệ ệ</div>
+<div>ỉ ỉ</div>
+<div>ị ị</div>
+<div>ọ ọ</div>
+<div>ỏ ỏ</div>
+<div>ố ố</div>
+<div>ồ ồ</div>
+<div>ổ ổ</div>
+<div>ỗ ỗ</div>
+<div>ộ ộ</div>
+<div>ớ ớ</div>
+<div>ờ ờ</div>
+<div>ở ở</div>
+<div>ỡ ỡ</div>
+<div>ợ ợ</div>
+<div>ụ ụ</div>
+<div>ủ ủ</div>
+<div>ứ ứ</div>
+<div>ừ ừ</div>
+<div>ử ử</div>
+<div>ữ ữ</div>
+<div>ự ự</div>
+<div>ỳ ỳ</div>
+<div>ỵ ỵ</div>
+<div>ỷ ỷ</div>
+<div>ỹ ỹ</div>
+</div>
+
+
+<!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1).</p-->
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-004.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-004.xht
new file mode 100644
index 0000000000..0a53bca4a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-004.xht
@@ -0,0 +1,315 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Unicode Latin, lowercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-004-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=4' />
+<meta name="assert" content="The UA will lowercase all Latin Unicode letters beyond Latin1 when text-transform is set to lowercase." />
+<style type='text/css'>
+.test span { text-transform: lowercase; }
+
+/* the CSS below is not part of the test */
+.test { line-height: 2; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 3em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div><span>Ÿ</span> ÿ</div>
+<div><span>Ā</span> ā</div>
+<div><span>Ă</span> ă</div>
+<div><span>Ą</span> ą</div>
+<div><span>Ć</span> ć</div>
+<div><span>Ĉ</span> ĉ</div>
+<div><span>Ċ</span> ċ</div>
+<div><span>Č</span> č</div>
+<div><span>Ď</span> ď</div>
+<div><span>Đ</span> đ</div>
+<div><span>Ē</span> ē</div>
+<div><span>Ĕ</span> ĕ</div>
+<div><span>Ė</span> ė</div>
+<div><span>Ę</span> ę</div>
+<div><span>Ě</span> ě</div>
+<div><span>Ĝ</span> ĝ</div>
+<div><span>Ğ</span> ğ</div>
+<div><span>Ġ</span> ġ</div>
+<div><span>Ģ</span> ģ</div>
+<div><span>Ĥ</span> ĥ</div>
+<div><span>Ħ</span> ħ</div>
+<div><span>Ĩ</span> ĩ</div>
+<div><span>Ī</span> ī</div>
+<div><span>Ĭ</span> ĭ</div>
+<div><span>Į</span> į</div>
+<div><span>ı</span> ı</div>
+<div><span>IJ</span> ij</div>
+<div><span>Ĵ</span> ĵ</div>
+<div><span>Ķ</span> ķ</div>
+<div><span>Ĺ</span> ĺ</div>
+<div><span>Ļ</span> ļ</div>
+<div><span>Ľ</span> ľ</div>
+<div><span>Ŀ</span> ŀ</div>
+<div><span>Ł</span> ł</div>
+<div><span>Ń</span> ń</div>
+<div><span>Ņ</span> ņ</div>
+<div><span>Ň</span> ň</div>
+<div><span>Ŋ</span> ŋ</div>
+<div><span>Ō</span> ō</div>
+<div><span>Ŏ</span> ŏ</div>
+<div><span>Ő</span> ő</div>
+<div><span>Œ</span> œ</div>
+<div><span>Ŕ</span> ŕ</div>
+<div><span>Ŗ</span> ŗ</div>
+<div><span>Ř</span> ř</div>
+<div><span>Ś</span> ś</div>
+<div><span>Ŝ</span> ŝ</div>
+<div><span>Ş</span> ş</div>
+<div><span>Š</span> š</div>
+<div><span>Ţ</span> ţ</div>
+<div><span>Ť</span> ť</div>
+<div><span>Ŧ</span> ŧ</div>
+<div><span>Ũ</span> ũ</div>
+<div><span>Ū</span> ū</div>
+<div><span>Ŭ</span> ŭ</div>
+<div><span>Ů</span> ů</div>
+<div><span>Ű</span> ű</div>
+<div><span>Ų</span> ų</div>
+<div><span>Ŵ</span> ŵ</div>
+<div><span>Ŷ</span> ŷ</div>
+<div><span>Ź</span> ź</div>
+<div><span>Ż</span> ż</div>
+<div><span>Ž</span> ž</div>
+<div><span>ſ</span> ſ</div>
+<div><span>Ƃ</span> ƃ</div>
+<div><span>Ƅ</span> ƅ</div>
+<div><span>Ƈ</span> ƈ</div>
+<div><span>Ƌ</span> ƌ</div>
+<div><span>Ƒ</span> ƒ</div>
+<div><span>Ƕ</span> ƕ</div>
+<div><span>Ƙ</span> ƙ</div>
+<div><span>Ƞ</span> ƞ</div>
+<div><span>Ơ</span> ơ</div>
+<div><span>Ƣ</span> ƣ</div>
+<div><span>Ƥ</span> ƥ</div>
+<div><span>Ƨ</span> ƨ</div>
+<div><span>Ƭ</span> ƭ</div>
+<div><span>Ư</span> ư</div>
+<div><span>Ƴ</span> ƴ</div>
+<div><span>Ƶ</span> ƶ</div>
+<div><span>Ƹ</span> ƹ</div>
+<div><span>Ƽ</span> ƽ</div>
+<div><span>Ƿ</span> ƿ</div>
+<div><span>DŽ</span> dž</div>
+<div><span>Dž</span> dž</div>
+<div><span>LJ</span> lj</div>
+<div><span>Lj</span> lj</div>
+<div><span>NJ</span> nj</div>
+<div><span>Nj</span> nj</div>
+<div><span>Ǎ</span> ǎ</div>
+<div><span>Ǐ</span> ǐ</div>
+<div><span>Ǒ</span> ǒ</div>
+<div><span>Ǔ</span> ǔ</div>
+<div><span>Ǖ</span> ǖ</div>
+<div><span>Ǘ</span> ǘ</div>
+<div><span>Ǚ</span> ǚ</div>
+<div><span>Ǜ</span> ǜ</div>
+<div><span>Ǝ</span> ǝ</div>
+<div><span>Ǟ</span> ǟ</div>
+<div><span>Ǡ</span> ǡ</div>
+<div><span>Ǣ</span> ǣ</div>
+<div><span>Ǥ</span> ǥ</div>
+<div><span>Ǧ</span> ǧ</div>
+<div><span>Ǩ</span> ǩ</div>
+<div><span>Ǫ</span> ǫ</div>
+<div><span>Ǭ</span> ǭ</div>
+<div><span>Ǯ</span> ǯ</div>
+<div><span>DZ</span> dz</div>
+<div><span>Dz</span> dz</div>
+<div><span>Ǵ</span> ǵ</div>
+<div><span>Ǹ</span> ǹ</div>
+<div><span>Ǻ</span> ǻ</div>
+<div><span>Ǽ</span> ǽ</div>
+<div><span>Ǿ</span> ǿ</div>
+<div><span>Ȁ</span> ȁ</div>
+<div><span>Ȃ</span> ȃ</div>
+<div><span>Ȅ</span> ȅ</div>
+<div><span>Ȇ</span> ȇ</div>
+<div><span>Ȉ</span> ȉ</div>
+<div><span>Ȋ</span> ȋ</div>
+<div><span>Ȍ</span> ȍ</div>
+<div><span>Ȏ</span> ȏ</div>
+<div><span>Ȑ</span> ȑ</div>
+<div><span>Ȓ</span> ȓ</div>
+<div><span>Ȕ</span> ȕ</div>
+<div><span>Ȗ</span> ȗ</div>
+<div><span>Ș</span> ș</div>
+<div><span>Ț</span> ț</div>
+<div><span>Ȝ</span> ȝ</div>
+<div><span>Ȟ</span> ȟ</div>
+<div><span>Ȣ</span> ȣ</div>
+<div><span>Ȥ</span> ȥ</div>
+<div><span>Ȧ</span> ȧ</div>
+<div><span>Ȩ</span> ȩ</div>
+<div><span>Ȫ</span> ȫ</div>
+<div><span>Ȭ</span> ȭ</div>
+<div><span>Ȯ</span> ȯ</div>
+<div><span>Ȱ</span> ȱ</div>
+<div><span>Ȳ</span> ȳ</div>
+<div><span>Ɓ</span> ɓ</div>
+<div><span>Ɔ</span> ɔ</div>
+<div><span>Ɖ</span> ɖ</div>
+<div><span>Ɗ</span> ɗ</div>
+<div><span>Ə</span> ə</div>
+<div><span>Ɛ</span> ɛ</div>
+<div><span>Ɠ</span> ɠ</div>
+<div><span>Ɣ</span> ɣ</div>
+<div><span>Ɨ</span> ɨ</div>
+<div><span>Ɩ</span> ɩ</div>
+<div><span>Ɯ</span> ɯ</div>
+<div><span>Ɲ</span> ɲ</div>
+<div><span>Ɵ</span> ɵ</div>
+<div><span>Ʀ</span> ʀ</div>
+<div><span>Ʃ</span> ʃ</div>
+<div><span>Ʈ</span> ʈ</div>
+<div><span>Ʊ</span> ʊ</div>
+<div><span>Ʋ</span> ʋ</div>
+<div><span>Ʒ</span> ʒ</div>
+<div><span>Ḁ</span> ḁ</div>
+<div><span>Ḃ</span> ḃ</div>
+<div><span>Ḅ</span> ḅ</div>
+<div><span>Ḇ</span> ḇ</div>
+<div><span>Ḉ</span> ḉ</div>
+<div><span>Ḋ</span> ḋ</div>
+<div><span>Ḍ</span> ḍ</div>
+<div><span>Ḏ</span> ḏ</div>
+<div><span>Ḑ</span> ḑ</div>
+<div><span>Ḓ</span> ḓ</div>
+<div><span>Ḕ</span> ḕ</div>
+<div><span>Ḗ</span> ḗ</div>
+<div><span>Ḙ</span> ḙ</div>
+<div><span>Ḛ</span> ḛ</div>
+<div><span>Ḝ</span> ḝ</div>
+<div><span>Ḟ</span> ḟ</div>
+<div><span>Ḡ</span> ḡ</div>
+<div><span>Ḣ</span> ḣ</div>
+<div><span>Ḥ</span> ḥ</div>
+<div><span>Ḧ</span> ḧ</div>
+<div><span>Ḩ</span> ḩ</div>
+<div><span>Ḫ</span> ḫ</div>
+<div><span>Ḭ</span> ḭ</div>
+<div><span>Ḯ</span> ḯ</div>
+<div><span>Ḱ</span> ḱ</div>
+<div><span>Ḳ</span> ḳ</div>
+<div><span>Ḵ</span> ḵ</div>
+<div><span>Ḷ</span> ḷ</div>
+<div><span>Ḹ</span> ḹ</div>
+<div><span>Ḻ</span> ḻ</div>
+<div><span>Ḽ</span> ḽ</div>
+<div><span>Ḿ</span> ḿ</div>
+<div><span>Ṁ</span> ṁ</div>
+<div><span>Ṃ</span> ṃ</div>
+<div><span>Ṅ</span> ṅ</div>
+<div><span>Ṇ</span> ṇ</div>
+<div><span>Ṉ</span> ṉ</div>
+<div><span>Ṋ</span> ṋ</div>
+<div><span>Ṍ</span> ṍ</div>
+<div><span>Ṏ</span> ṏ</div>
+<div><span>Ṑ</span> ṑ</div>
+<div><span>Ṓ</span> ṓ</div>
+<div><span>Ṕ</span> ṕ</div>
+<div><span>Ṗ</span> ṗ</div>
+<div><span>Ṙ</span> ṙ</div>
+<div><span>Ṛ</span> ṛ</div>
+<div><span>Ṝ</span> ṝ</div>
+<div><span>Ṟ</span> ṟ</div>
+<div><span>Ṡ</span> ṡ</div>
+<div><span>Ṣ</span> ṣ</div>
+<div><span>Ṥ</span> ṥ</div>
+<div><span>Ṧ</span> ṧ</div>
+<div><span>Ṩ</span> ṩ</div>
+<div><span>Ṫ</span> ṫ</div>
+<div><span>Ṭ</span> ṭ</div>
+<div><span>Ṯ</span> ṯ</div>
+<div><span>Ṱ</span> ṱ</div>
+<div><span>Ṳ</span> ṳ</div>
+<div><span>Ṵ</span> ṵ</div>
+<div><span>Ṷ</span> ṷ</div>
+<div><span>Ṹ</span> ṹ</div>
+<div><span>Ṻ</span> ṻ</div>
+<div><span>Ṽ</span> ṽ</div>
+<div><span>Ṿ</span> ṿ</div>
+<div><span>Ẁ</span> ẁ</div>
+<div><span>Ẃ</span> ẃ</div>
+<div><span>Ẅ</span> ẅ</div>
+<div><span>Ẇ</span> ẇ</div>
+<div><span>Ẉ</span> ẉ</div>
+<div><span>Ẋ</span> ẋ</div>
+<div><span>Ẍ</span> ẍ</div>
+<div><span>Ẏ</span> ẏ</div>
+<div><span>Ẑ</span> ẑ</div>
+<div><span>Ẓ</span> ẓ</div>
+<div><span>Ẕ</span> ẕ</div>
+<div><span>ẛ</span> ẛ</div>
+<div><span>Ạ</span> ạ</div>
+<div><span>Ả</span> ả</div>
+<div><span>Ấ</span> ấ</div>
+<div><span>Ầ</span> ầ</div>
+<div><span>Ẩ</span> ẩ</div>
+<div><span>Ẫ</span> ẫ</div>
+<div><span>Ậ</span> ậ</div>
+<div><span>Ắ</span> ắ</div>
+<div><span>Ằ</span> ằ</div>
+<div><span>Ẳ</span> ẳ</div>
+<div><span>Ẵ</span> ẵ</div>
+<div><span>Ặ</span> ặ</div>
+<div><span>Ẹ</span> ẹ</div>
+<div><span>Ẻ</span> ẻ</div>
+<div><span>Ẽ</span> ẽ</div>
+<div><span>Ế</span> ế</div>
+<div><span>Ề</span> ề</div>
+<div><span>Ể</span> ể</div>
+<div><span>Ễ</span> ễ</div>
+<div><span>Ệ</span> ệ</div>
+<div><span>Ỉ</span> ỉ</div>
+<div><span>Ị</span> ị</div>
+<div><span>Ọ</span> ọ</div>
+<div><span>Ỏ</span> ỏ</div>
+<div><span>Ố</span> ố</div>
+<div><span>Ồ</span> ồ</div>
+<div><span>Ổ</span> ổ</div>
+<div><span>Ỗ</span> ỗ</div>
+<div><span>Ộ</span> ộ</div>
+<div><span>Ớ</span> ớ</div>
+<div><span>Ờ</span> ờ</div>
+<div><span>Ở</span> ở</div>
+<div><span>Ỡ</span> ỡ</div>
+<div><span>Ợ</span> ợ</div>
+<div><span>Ụ</span> ụ</div>
+<div><span>Ủ</span> ủ</div>
+<div><span>Ứ</span> ứ</div>
+<div><span>Ừ</span> ừ</div>
+<div><span>Ử</span> ử</div>
+<div><span>Ữ</span> ữ</div>
+<div><span>Ự</span> ự</div>
+<div><span>Ỳ</span> ỳ</div>
+<div><span>Ỵ</span> ỵ</div>
+<div><span>Ỷ</span> ỷ</div>
+<div><span>Ỹ</span> ỹ</div>
+</div>
+
+
+<!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1).</p-->
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-005-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-005-ref.xht
new file mode 100644
index 0000000000..6f993f3a3a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-005-ref.xht
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test" xml:lang="tr"><div>I <span>I</span></div> <div>İ <span>İ</span></div></div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-005.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-005.xht
new file mode 100644
index 0000000000..91082f5fe9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-005.xht
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Turkish, uppercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-005-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=5' />
+<meta name="assert" content="When the language is declared to be Turkish, the UA will use Turkish-specific rules when text-transform is set to uppercase." />
+<style type='text/css'>
+.test span { text-transform: uppercase; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test" xml:lang="tr"><div>I <span>ı</span></div> <div>İ <span>i</span></div></div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-006-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-006-ref.xht
new file mode 100644
index 0000000000..ddf3b8b3ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-006-ref.xht
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test" xml:lang="tr"><div><span>ı</span> ı</div> <div><span>i</span> i</div></div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-006.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-006.xht
new file mode 100644
index 0000000000..624dc9f6c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-006.xht
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Turkish, lowercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-006-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=6' />
+<meta name="assert" content="When the language is declared to be Turkish, the UA will use Turkish-specific rules when text-transform is set to lowercase." />
+<style type='text/css'>
+.test span { text-transform: lowercase; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test" xml:lang="tr"><div><span>I</span> ı</div> <div><span>İ</span> i</div></div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-007-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-007-ref.xht
new file mode 100644
index 0000000000..56e640913d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-007-ref.xht
@@ -0,0 +1,172 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { line-height: 2; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 4em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>Ά Ά</div>
+<div>Έ Έ</div>
+<div>Ή Ή</div>
+<div>Ί Ί</div>
+<div>Α Α</div>
+<div>Β Β</div>
+<div>Γ Γ</div>
+<div>Δ Δ</div>
+<div>Ε Ε</div>
+<div>Ζ Ζ</div>
+<div>Η Η</div>
+<div>Θ Θ</div>
+<div>Ι Ι</div>
+<div>Κ Κ</div>
+<div>Λ Λ</div>
+<div>Μ Μ</div>
+<div>Ν Ν</div>
+<div>Ξ Ξ</div>
+<div>Ο Ο</div>
+<div>Π Π</div>
+<div>Ρ Ρ</div>
+<div>Σ Σ</div>
+<div>Σ Σ</div>
+<div>Τ Τ</div>
+<div>Υ Υ</div>
+<div>Φ Φ</div>
+<div>Χ Χ</div>
+<div>Ψ Ψ</div>
+<div>Ω Ω</div>
+<div>Ϊ Ϊ</div>
+<div>Ϋ Ϋ</div>
+<div>Ό Ό</div>
+<div>Ύ Ύ</div>
+<div>Ώ Ώ</div>
+<div>Β Β</div>
+<div>Θ Θ</div>
+<div>Φ Φ</div>
+<div>Π Π</div>
+<div>Ϙ Ϙ</div>
+<div>Ϛ Ϛ</div>
+<div>Ϝ Ϝ</div>
+<div>Ϟ Ϟ</div>
+<div>Ϡ Ϡ</div>
+<div>Κ Κ</div>
+<div>Ρ Ρ</div>
+<div>Ϲ Ϲ</div>
+<div>Ε Ε</div>
+<div>Ϸ Ϸ</div>
+<div>Ϻ Ϻ</div>
+<div>Ἀ Ἀ</div>
+<div>Ἁ Ἁ</div>
+<div>Ἂ Ἂ</div>
+<div>Ἃ Ἃ</div>
+<div>Ἄ Ἄ</div>
+<div>Ἅ Ἅ</div>
+<div>Ἆ Ἆ</div>
+<div>Ἇ Ἇ</div>
+<div>Ἐ Ἐ</div>
+<div>Ἑ Ἑ</div>
+<div>Ἒ Ἒ</div>
+<div>Ἓ Ἓ</div>
+<div>Ἔ Ἔ</div>
+<div>Ἕ Ἕ</div>
+<div>Ἠ Ἠ</div>
+<div>Ἡ Ἡ</div>
+<div>Ἢ Ἢ</div>
+<div>Ἣ Ἣ</div>
+<div>Ἤ Ἤ</div>
+<div>Ἥ Ἥ</div>
+<div>Ἦ Ἦ</div>
+<div>Ἧ Ἧ</div>
+<div>Ἰ Ἰ</div>
+<div>Ἱ Ἱ</div>
+<div>Ἲ Ἲ</div>
+<div>Ἳ Ἳ</div>
+<div>Ἴ Ἴ</div>
+<div>Ἵ Ἵ</div>
+<div>Ἶ Ἶ</div>
+<div>Ἷ Ἷ</div>
+<div>Ὀ Ὀ</div>
+<div>Ὁ Ὁ</div>
+<div>Ὂ Ὂ</div>
+<div>Ὃ Ὃ</div>
+<div>Ὄ Ὄ</div>
+<div>Ὅ Ὅ</div>
+<div>Ὑ Ὑ</div>
+<div>Ὓ Ὓ</div>
+<div>Ὕ Ὕ</div>
+<div>Ὗ Ὗ</div>
+<div>Ὠ Ὠ</div>
+<div>Ὡ Ὡ</div>
+<div>Ὢ Ὢ</div>
+<div>Ὣ Ὣ</div>
+<div>Ὤ Ὤ</div>
+<div>Ὥ Ὥ</div>
+<div>Ὦ Ὦ</div>
+<div>Ὧ Ὧ</div>
+<div>Ὰ Ὰ</div>
+<div>Ά Ά</div>
+<div>Ὲ Ὲ</div>
+<div>Έ Έ</div>
+<div>Ὴ Ὴ</div>
+<div>Ή Ή</div>
+<div>Ὶ Ὶ</div>
+<div>Ί Ί</div>
+<div>Ὸ Ὸ</div>
+<div>Ό Ό</div>
+<div>Ὺ Ὺ</div>
+<div>Ύ Ύ</div>
+<div>Ὼ Ὼ</div>
+<div>Ώ Ώ</div>
+<div>ᾈ ᾈ</div>
+<div>ᾉ ᾉ</div>
+<div>ᾊ ᾊ</div>
+<div>ᾋ ᾋ</div>
+<div>ᾌ ᾌ</div>
+<div>ᾍ ᾍ</div>
+<div>ᾎ ᾎ</div>
+<div>ᾏ ᾏ</div>
+<div>ᾘ ᾘ</div>
+<div>ᾙ ᾙ</div>
+<div>ᾚ ᾚ</div>
+<div>ᾛ ᾛ</div>
+<div>ᾜ ᾜ</div>
+<div>ᾝ ᾝ</div>
+<div>ᾞ ᾞ</div>
+<div>ᾟ ᾟ</div>
+<div>ᾨ ᾨ</div>
+<div>ᾩ ᾩ</div>
+<div>ᾪ ᾪ</div>
+<div>ᾫ ᾫ</div>
+<div>ᾬ ᾬ</div>
+<div>ᾭ ᾭ</div>
+<div>ᾮ ᾮ</div>
+<div>ᾯ ᾯ</div>
+<div>Ᾰ Ᾰ</div>
+<div>Ᾱ Ᾱ</div>
+<div>ᾼ ᾼ</div>
+<div>Ι Ι</div>
+<div>ῌ ῌ</div>
+<div>Ῐ Ῐ</div>
+<div>Ῑ Ῑ</div>
+<div>Ῠ Ῠ</div>
+<div>Ῡ Ῡ</div>
+<div>Ῥ Ῥ</div>
+<div>ῼ ῼ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-007.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-007.xht
new file mode 100644
index 0000000000..d9d200f467
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-007.xht
@@ -0,0 +1,181 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Greek, uppercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-007-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=7' />
+<meta name="assert" content="The UA will uppercase Unicode Greek when text-transform is set to uppercase." />
+<style type='text/css'>
+.test span { text-transform: uppercase; }
+
+/* the CSS below is not part of the test */
+.test { line-height: 2; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 4em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>Ά <span>ά</span></div>
+<div>Έ <span>έ</span></div>
+<div>Ή <span>ή</span></div>
+<div>Ί <span>ί</span></div>
+<div>Α <span>α</span></div>
+<div>Β <span>β</span></div>
+<div>Γ <span>γ</span></div>
+<div>Δ <span>δ</span></div>
+<div>Ε <span>ε</span></div>
+<div>Ζ <span>ζ</span></div>
+<div>Η <span>η</span></div>
+<div>Θ <span>θ</span></div>
+<div>Ι <span>ι</span></div>
+<div>Κ <span>κ</span></div>
+<div>Λ <span>λ</span></div>
+<div>Μ <span>μ</span></div>
+<div>Ν <span>ν</span></div>
+<div>Ξ <span>ξ</span></div>
+<div>Ο <span>ο</span></div>
+<div>Π <span>π</span></div>
+<div>Ρ <span>ρ</span></div>
+<div>Σ <span>ς</span></div>
+<div>Σ <span>σ</span></div>
+<div>Τ <span>τ</span></div>
+<div>Υ <span>υ</span></div>
+<div>Φ <span>φ</span></div>
+<div>Χ <span>χ</span></div>
+<div>Ψ <span>ψ</span></div>
+<div>Ω <span>ω</span></div>
+<div>Ϊ <span>ϊ</span></div>
+<div>Ϋ <span>ϋ</span></div>
+<div>Ό <span>ό</span></div>
+<div>Ύ <span>ύ</span></div>
+<div>Ώ <span>ώ</span></div>
+<div>Β <span>ϐ</span></div>
+<div>Θ <span>ϑ</span></div>
+<div>Φ <span>ϕ</span></div>
+<div>Π <span>ϖ</span></div>
+<div>Ϙ <span>ϙ</span></div>
+<div>Ϛ <span>ϛ</span></div>
+<div>Ϝ <span>ϝ</span></div>
+<div>Ϟ <span>ϟ</span></div>
+<div>Ϡ <span>ϡ</span></div>
+<div>Κ <span>ϰ</span></div>
+<div>Ρ <span>ϱ</span></div>
+<div>Ϲ <span>ϲ</span></div>
+<div>Ε <span>ϵ</span></div>
+<div>Ϸ <span>ϸ</span></div>
+<div>Ϻ <span>ϻ</span></div>
+<div>Ἀ <span>ἀ</span></div>
+<div>Ἁ <span>ἁ</span></div>
+<div>Ἂ <span>ἂ</span></div>
+<div>Ἃ <span>ἃ</span></div>
+<div>Ἄ <span>ἄ</span></div>
+<div>Ἅ <span>ἅ</span></div>
+<div>Ἆ <span>ἆ</span></div>
+<div>Ἇ <span>ἇ</span></div>
+<div>Ἐ <span>ἐ</span></div>
+<div>Ἑ <span>ἑ</span></div>
+<div>Ἒ <span>ἒ</span></div>
+<div>Ἓ <span>ἓ</span></div>
+<div>Ἔ <span>ἔ</span></div>
+<div>Ἕ <span>ἕ</span></div>
+<div>Ἠ <span>ἠ</span></div>
+<div>Ἡ <span>ἡ</span></div>
+<div>Ἢ <span>ἢ</span></div>
+<div>Ἣ <span>ἣ</span></div>
+<div>Ἤ <span>ἤ</span></div>
+<div>Ἥ <span>ἥ</span></div>
+<div>Ἦ <span>ἦ</span></div>
+<div>Ἧ <span>ἧ</span></div>
+<div>Ἰ <span>ἰ</span></div>
+<div>Ἱ <span>ἱ</span></div>
+<div>Ἲ <span>ἲ</span></div>
+<div>Ἳ <span>ἳ</span></div>
+<div>Ἴ <span>ἴ</span></div>
+<div>Ἵ <span>ἵ</span></div>
+<div>Ἶ <span>ἶ</span></div>
+<div>Ἷ <span>ἷ</span></div>
+<div>Ὀ <span>ὀ</span></div>
+<div>Ὁ <span>ὁ</span></div>
+<div>Ὂ <span>ὂ</span></div>
+<div>Ὃ <span>ὃ</span></div>
+<div>Ὄ <span>ὄ</span></div>
+<div>Ὅ <span>ὅ</span></div>
+<div>Ὑ <span>ὑ</span></div>
+<div>Ὓ <span>ὓ</span></div>
+<div>Ὕ <span>ὕ</span></div>
+<div>Ὗ <span>ὗ</span></div>
+<div>Ὠ <span>ὠ</span></div>
+<div>Ὡ <span>ὡ</span></div>
+<div>Ὢ <span>ὢ</span></div>
+<div>Ὣ <span>ὣ</span></div>
+<div>Ὤ <span>ὤ</span></div>
+<div>Ὥ <span>ὥ</span></div>
+<div>Ὦ <span>ὦ</span></div>
+<div>Ὧ <span>ὧ</span></div>
+<div>Ὰ <span>ὰ</span></div>
+<div>Ά <span>ά</span></div>
+<div>Ὲ <span>ὲ</span></div>
+<div>Έ <span>έ</span></div>
+<div>Ὴ <span>ὴ</span></div>
+<div>Ή <span>ή</span></div>
+<div>Ὶ <span>ὶ</span></div>
+<div>Ί <span>ί</span></div>
+<div>Ὸ <span>ὸ</span></div>
+<div>Ό <span>ό</span></div>
+<div>Ὺ <span>ὺ</span></div>
+<div>Ύ <span>ύ</span></div>
+<div>Ὼ <span>ὼ</span></div>
+<div>Ώ <span>ώ</span></div>
+<div>ᾈ <span>ᾀ</span></div>
+<div>ᾉ <span>ᾁ</span></div>
+<div>ᾊ <span>ᾂ</span></div>
+<div>ᾋ <span>ᾃ</span></div>
+<div>ᾌ <span>ᾄ</span></div>
+<div>ᾍ <span>ᾅ</span></div>
+<div>ᾎ <span>ᾆ</span></div>
+<div>ᾏ <span>ᾇ</span></div>
+<div>ᾘ <span>ᾐ</span></div>
+<div>ᾙ <span>ᾑ</span></div>
+<div>ᾚ <span>ᾒ</span></div>
+<div>ᾛ <span>ᾓ</span></div>
+<div>ᾜ <span>ᾔ</span></div>
+<div>ᾝ <span>ᾕ</span></div>
+<div>ᾞ <span>ᾖ</span></div>
+<div>ᾟ <span>ᾗ</span></div>
+<div>ᾨ <span>ᾠ</span></div>
+<div>ᾩ <span>ᾡ</span></div>
+<div>ᾪ <span>ᾢ</span></div>
+<div>ᾫ <span>ᾣ</span></div>
+<div>ᾬ <span>ᾤ</span></div>
+<div>ᾭ <span>ᾥ</span></div>
+<div>ᾮ <span>ᾦ</span></div>
+<div>ᾯ <span>ᾧ</span></div>
+<div>Ᾰ <span>ᾰ</span></div>
+<div>Ᾱ <span>ᾱ</span></div>
+<div>ᾼ <span>ᾳ</span></div>
+<div>Ι <span>ι</span></div>
+<div>ῌ <span>ῃ</span></div>
+<div>Ῐ <span>ῐ</span></div>
+<div>Ῑ <span>ῑ</span></div>
+<div>Ῠ <span>ῠ</span></div>
+<div>Ῡ <span>ῡ</span></div>
+<div>Ῥ <span>ῥ</span></div>
+<div>ῼ <span>ῳ</span></div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-008-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-008-ref.xht
new file mode 100644
index 0000000000..7fdd0d0140
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-008-ref.xht
@@ -0,0 +1,172 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { line-height: 2; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 4em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div>ά ά</div>
+<div>έ έ</div>
+<div>ή ή</div>
+<div>ί ί</div>
+<div>α α</div>
+<div>β β</div>
+<div>γ γ</div>
+<div>δ δ</div>
+<div>ε ε</div>
+<div>ζ ζ</div>
+<div>η η</div>
+<div>θ θ</div>
+<div>ι ι</div>
+<div>κ κ</div>
+<div>λ λ</div>
+<div>μ μ</div>
+<div>ν ν</div>
+<div>ξ ξ</div>
+<div>ο ο</div>
+<div>π π</div>
+<div>ρ ρ</div>
+<div>ς ς</div>
+<div>σ σ</div>
+<div>τ τ</div>
+<div>υ υ</div>
+<div>φ φ</div>
+<div>χ χ</div>
+<div>ψ ψ</div>
+<div>ω ω</div>
+<div>ϊ ϊ</div>
+<div>ϋ ϋ</div>
+<div>ό ό</div>
+<div>ύ ύ</div>
+<div>ώ ώ</div>
+<div>ϐ ϐ</div>
+<div>ϑ ϑ</div>
+<div>ϕ ϕ</div>
+<div>ϖ ϖ</div>
+<div>ϙ ϙ</div>
+<div>ϛ ϛ</div>
+<div>ϝ ϝ</div>
+<div>ϟ ϟ</div>
+<div>ϡ ϡ</div>
+<div>ϰ ϰ</div>
+<div>ϱ ϱ</div>
+<div>ϲ ϲ</div>
+<div>ϵ ϵ</div>
+<div>ϸ ϸ</div>
+<div>ϻ ϻ</div>
+<div>ἀ ἀ</div>
+<div>ἁ ἁ</div>
+<div>ἂ ἂ</div>
+<div>ἃ ἃ</div>
+<div>ἄ ἄ</div>
+<div>ἅ ἅ</div>
+<div>ἆ ἆ</div>
+<div>ἇ ἇ</div>
+<div>ἐ ἐ</div>
+<div>ἑ ἑ</div>
+<div>ἒ ἒ</div>
+<div>ἓ ἓ</div>
+<div>ἔ ἔ</div>
+<div>ἕ ἕ</div>
+<div>ἠ ἠ</div>
+<div>ἡ ἡ</div>
+<div>ἢ ἢ</div>
+<div>ἣ ἣ</div>
+<div>ἤ ἤ</div>
+<div>ἥ ἥ</div>
+<div>ἦ ἦ</div>
+<div>ἧ ἧ</div>
+<div>ἰ ἰ</div>
+<div>ἱ ἱ</div>
+<div>ἲ ἲ</div>
+<div>ἳ ἳ</div>
+<div>ἴ ἴ</div>
+<div>ἵ ἵ</div>
+<div>ἶ ἶ</div>
+<div>ἷ ἷ</div>
+<div>ὀ ὀ</div>
+<div>ὁ ὁ</div>
+<div>ὂ ὂ</div>
+<div>ὃ ὃ</div>
+<div>ὄ ὄ</div>
+<div>ὅ ὅ</div>
+<div>ὑ ὑ</div>
+<div>ὓ ὓ</div>
+<div>ὕ ὕ</div>
+<div>ὗ ὗ</div>
+<div>ὠ ὠ</div>
+<div>ὡ ὡ</div>
+<div>ὢ ὢ</div>
+<div>ὣ ὣ</div>
+<div>ὤ ὤ</div>
+<div>ὥ ὥ</div>
+<div>ὦ ὦ</div>
+<div>ὧ ὧ</div>
+<div>ὰ ὰ</div>
+<div>ά ά</div>
+<div>ὲ ὲ</div>
+<div>έ έ</div>
+<div>ὴ ὴ</div>
+<div>ή ή</div>
+<div>ὶ ὶ</div>
+<div>ί ί</div>
+<div>ὸ ὸ</div>
+<div>ό ό</div>
+<div>ὺ ὺ</div>
+<div>ύ ύ</div>
+<div>ὼ ὼ</div>
+<div>ώ ώ</div>
+<div>ᾀ ᾀ</div>
+<div>ᾁ ᾁ</div>
+<div>ᾂ ᾂ</div>
+<div>ᾃ ᾃ</div>
+<div>ᾄ ᾄ</div>
+<div>ᾅ ᾅ</div>
+<div>ᾆ ᾆ</div>
+<div>ᾇ ᾇ</div>
+<div>ᾐ ᾐ</div>
+<div>ᾑ ᾑ</div>
+<div>ᾒ ᾒ</div>
+<div>ᾓ ᾓ</div>
+<div>ᾔ ᾔ</div>
+<div>ᾕ ᾕ</div>
+<div>ᾖ ᾖ</div>
+<div>ᾗ ᾗ</div>
+<div>ᾠ ᾠ</div>
+<div>ᾡ ᾡ</div>
+<div>ᾢ ᾢ</div>
+<div>ᾣ ᾣ</div>
+<div>ᾤ ᾤ</div>
+<div>ᾥ ᾥ</div>
+<div>ᾦ ᾦ</div>
+<div>ᾧ ᾧ</div>
+<div>ᾰ ᾰ</div>
+<div>ᾱ ᾱ</div>
+<div>ᾳ ᾳ</div>
+<div>ι ι</div>
+<div>ῃ ῃ</div>
+<div>ῐ ῐ</div>
+<div>ῑ ῑ</div>
+<div>ῠ ῠ</div>
+<div>ῡ ῡ</div>
+<div>ῥ ῥ</div>
+<div>ῳ ῳ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-008.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-008.xht
new file mode 100644
index 0000000000..b5c38bf736
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-008.xht
@@ -0,0 +1,181 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Greek, lowercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-008-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=8' />
+<meta name="assert" content="The UA will lowercase Unicode Greek when text-transform is set to lowercase." />
+<style type='text/css'>
+.test span { text-transform: lowercase; }
+
+/* the CSS below is not part of the test */
+.test { line-height: 2; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 4em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div><span>Ά</span> ά</div>
+<div><span>Έ</span> έ</div>
+<div><span>Ή</span> ή</div>
+<div><span>Ί</span> ί</div>
+<div><span>Α</span> α</div>
+<div><span>Β</span> β</div>
+<div><span>Γ</span> γ</div>
+<div><span>Δ</span> δ</div>
+<div><span>Ε</span> ε</div>
+<div><span>Ζ</span> ζ</div>
+<div><span>Η</span> η</div>
+<div><span>Θ</span> θ</div>
+<div><span>Ι</span> ι</div>
+<div><span>Κ</span> κ</div>
+<div><span>Λ</span> λ</div>
+<div><span>Μ</span> μ</div>
+<div><span>Ν</span> ν</div>
+<div><span>Ξ</span> ξ</div>
+<div><span>Ο</span> ο</div>
+<div><span>Π</span> π</div>
+<div><span>Ρ</span> ρ</div>
+<div><span>ς</span> ς</div>
+<div><span>Σ</span> σ</div>
+<div><span>Τ</span> τ</div>
+<div><span>Υ</span> υ</div>
+<div><span>Φ</span> φ</div>
+<div><span>Χ</span> χ</div>
+<div><span>Ψ</span> ψ</div>
+<div><span>Ω</span> ω</div>
+<div><span>Ϊ</span> ϊ</div>
+<div><span>Ϋ</span> ϋ</div>
+<div><span>Ό</span> ό</div>
+<div><span>Ύ</span> ύ</div>
+<div><span>Ώ</span> ώ</div>
+<div><span>ϐ</span> ϐ</div>
+<div><span>ϑ</span> ϑ</div>
+<div><span>ϕ</span> ϕ</div>
+<div><span>ϖ</span> ϖ</div>
+<div><span>Ϙ</span> ϙ</div>
+<div><span>Ϛ</span> ϛ</div>
+<div><span>Ϝ</span> ϝ</div>
+<div><span>Ϟ</span> ϟ</div>
+<div><span>Ϡ</span> ϡ</div>
+<div><span>ϰ</span> ϰ</div>
+<div><span>ϱ</span> ϱ</div>
+<div><span>Ϲ</span> ϲ</div>
+<div><span>ϵ</span> ϵ</div>
+<div><span>Ϸ</span> ϸ</div>
+<div><span>Ϻ</span> ϻ</div>
+<div><span>Ἀ</span> ἀ</div>
+<div><span>Ἁ</span> ἁ</div>
+<div><span>Ἂ</span> ἂ</div>
+<div><span>Ἃ</span> ἃ</div>
+<div><span>Ἄ</span> ἄ</div>
+<div><span>Ἅ</span> ἅ</div>
+<div><span>Ἆ</span> ἆ</div>
+<div><span>Ἇ</span> ἇ</div>
+<div><span>Ἐ</span> ἐ</div>
+<div><span>Ἑ</span> ἑ</div>
+<div><span>Ἒ</span> ἒ</div>
+<div><span>Ἓ</span> ἓ</div>
+<div><span>Ἔ</span> ἔ</div>
+<div><span>Ἕ</span> ἕ</div>
+<div><span>Ἠ</span> ἠ</div>
+<div><span>Ἡ</span> ἡ</div>
+<div><span>Ἢ</span> ἢ</div>
+<div><span>Ἣ</span> ἣ</div>
+<div><span>Ἤ</span> ἤ</div>
+<div><span>Ἥ</span> ἥ</div>
+<div><span>Ἦ</span> ἦ</div>
+<div><span>Ἧ</span> ἧ</div>
+<div><span>Ἰ</span> ἰ</div>
+<div><span>Ἱ</span> ἱ</div>
+<div><span>Ἲ</span> ἲ</div>
+<div><span>Ἳ</span> ἳ</div>
+<div><span>Ἴ</span> ἴ</div>
+<div><span>Ἵ</span> ἵ</div>
+<div><span>Ἶ</span> ἶ</div>
+<div><span>Ἷ</span> ἷ</div>
+<div><span>Ὀ</span> ὀ</div>
+<div><span>Ὁ</span> ὁ</div>
+<div><span>Ὂ</span> ὂ</div>
+<div><span>Ὃ</span> ὃ</div>
+<div><span>Ὄ</span> ὄ</div>
+<div><span>Ὅ</span> ὅ</div>
+<div><span>Ὑ</span> ὑ</div>
+<div><span>Ὓ</span> ὓ</div>
+<div><span>Ὕ</span> ὕ</div>
+<div><span>Ὗ</span> ὗ</div>
+<div><span>Ὠ</span> ὠ</div>
+<div><span>Ὡ</span> ὡ</div>
+<div><span>Ὢ</span> ὢ</div>
+<div><span>Ὣ</span> ὣ</div>
+<div><span>Ὤ</span> ὤ</div>
+<div><span>Ὥ</span> ὥ</div>
+<div><span>Ὦ</span> ὦ</div>
+<div><span>Ὧ</span> ὧ</div>
+<div><span>Ὰ</span> ὰ</div>
+<div><span>Ά</span> ά</div>
+<div><span>Ὲ</span> ὲ</div>
+<div><span>Έ</span> έ</div>
+<div><span>Ὴ</span> ὴ</div>
+<div><span>Ή</span> ή</div>
+<div><span>Ὶ</span> ὶ</div>
+<div><span>Ί</span> ί</div>
+<div><span>Ὸ</span> ὸ</div>
+<div><span>Ό</span> ό</div>
+<div><span>Ὺ</span> ὺ</div>
+<div><span>Ύ</span> ύ</div>
+<div><span>Ὼ</span> ὼ</div>
+<div><span>Ώ</span> ώ</div>
+<div><span>ᾈ</span> ᾀ</div>
+<div><span>ᾉ</span> ᾁ</div>
+<div><span>ᾊ</span> ᾂ</div>
+<div><span>ᾋ</span> ᾃ</div>
+<div><span>ᾌ</span> ᾄ</div>
+<div><span>ᾍ</span> ᾅ</div>
+<div><span>ᾎ</span> ᾆ</div>
+<div><span>ᾏ</span> ᾇ</div>
+<div><span>ᾘ</span> ᾐ</div>
+<div><span>ᾙ</span> ᾑ</div>
+<div><span>ᾚ</span> ᾒ</div>
+<div><span>ᾛ</span> ᾓ</div>
+<div><span>ᾜ</span> ᾔ</div>
+<div><span>ᾝ</span> ᾕ</div>
+<div><span>ᾞ</span> ᾖ</div>
+<div><span>ᾟ</span> ᾗ</div>
+<div><span>ᾨ</span> ᾠ</div>
+<div><span>ᾩ</span> ᾡ</div>
+<div><span>ᾪ</span> ᾢ</div>
+<div><span>ᾫ</span> ᾣ</div>
+<div><span>ᾬ</span> ᾤ</div>
+<div><span>ᾭ</span> ᾥ</div>
+<div><span>ᾮ</span> ᾦ</div>
+<div><span>ᾯ</span> ᾧ</div>
+<div><span>Ᾰ</span> ᾰ</div>
+<div><span>Ᾱ</span> ᾱ</div>
+<div><span>ᾼ</span> ᾳ</div>
+<div><span>Ι</span> ι</div>
+<div><span>ῌ</span> ῃ</div>
+<div><span>Ῐ</span> ῐ</div>
+<div><span>Ῑ</span> ῑ</div>
+<div><span>Ῠ</span> ῠ</div>
+<div><span>Ῡ</span> ῡ</div>
+<div><span>Ῥ</span> ῥ</div>
+<div><span>ῼ</span> ῳ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-009-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-009-ref.xht
new file mode 100644
index 0000000000..1a8727ddec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-009-ref.xht
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>Ϣ Ϣ</div>
+<div>Ϥ Ϥ</div>
+<div>Ϧ Ϧ</div>
+<div>Ϩ Ϩ</div>
+<div>Ϫ Ϫ</div>
+<div>Ϭ Ϭ</div>
+<div>Ϯ Ϯ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-009.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-009.xht
new file mode 100644
index 0000000000..8c54a28921
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-009.xht
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Coptic, uppercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-009-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=9' />
+<meta name="assert" content="The UA will uppercase Unicode Coptic when text-transform is set to uppercase." />
+<style type='text/css'>
+.test span { text-transform: uppercase; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>Ϣ <span>ϣ</span></div>
+<div>Ϥ <span>ϥ</span></div>
+<div>Ϧ <span>ϧ</span></div>
+<div>Ϩ <span>ϩ</span></div>
+<div>Ϫ <span>ϫ</span></div>
+<div>Ϭ <span>ϭ</span></div>
+<div>Ϯ <span>ϯ</span></div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-010-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-010-ref.xht
new file mode 100644
index 0000000000..c5d842cb9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-010-ref.xht
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div>ϣ ϣ</div>
+<div>ϥ ϥ</div>
+<div>ϧ ϧ</div>
+<div>ϩ ϩ</div>
+<div>ϫ ϫ</div>
+<div>ϭ ϭ</div>
+<div>ϯ ϯ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-010.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-010.xht
new file mode 100644
index 0000000000..20d3589c13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-010.xht
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Coptic, lowercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-010-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=10' />
+<meta name="assert" content="The UA will lowercase Unicode Coptic when text-transform is set to lowercase." />
+<style type='text/css'>
+.test span { text-transform: lowercase; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div><span>Ϣ</span> ϣ</div>
+<div><span>Ϥ</span> ϥ</div>
+<div><span>Ϧ</span> ϧ</div>
+<div><span>Ϩ</span> ϩ</div>
+<div><span>Ϫ</span> ϫ</div>
+<div><span>Ϭ</span> ϭ</div>
+<div><span>Ϯ</span> ϯ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-011-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-011-ref.xht
new file mode 100644
index 0000000000..54945b7d61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-011-ref.xht
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { line-height: 2; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 3em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>А А</div>
+<div>Б Б</div>
+<div>В В</div>
+<div>Г Г</div>
+<div>Д Д</div>
+<div>Е Е</div>
+<div>Ж Ж</div>
+<div>З З</div>
+<div>И И</div>
+<div>Й Й</div>
+<div>К К</div>
+<div>Л Л</div>
+<div>М М</div>
+<div>Н Н</div>
+<div>О О</div>
+<div>П П</div>
+<div>Р Р</div>
+<div>С С</div>
+<div>Т Т</div>
+<div>У У</div>
+<div>Ф Ф</div>
+<div>Х Х</div>
+<div>Ц Ц</div>
+<div>Ч Ч</div>
+<div>Ш Ш</div>
+<div>Щ Щ</div>
+<div>Ъ Ъ</div>
+<div>Ы Ы</div>
+<div>Ь Ь</div>
+<div>Э Э</div>
+<div>Ю Ю</div>
+<div>Я Я</div>
+<div>Ѐ Ѐ</div>
+<div>Ё Ё</div>
+<div>Ђ Ђ</div>
+<div>Ѓ Ѓ</div>
+<div>Є Є</div>
+<div>Ѕ Ѕ</div>
+<div>І І</div>
+<div>Ї Ї</div>
+<div>Ј Ј</div>
+<div>Љ Љ</div>
+<div>Њ Њ</div>
+<div>Ћ Ћ</div>
+<div>Ќ Ќ</div>
+<div>Ѝ Ѝ</div>
+<div>Ў Ў</div>
+<div>Џ Џ</div>
+<div>Ѡ Ѡ</div>
+<div>Ѣ Ѣ</div>
+<div>Ѥ Ѥ</div>
+<div>Ѧ Ѧ</div>
+<div>Ѩ Ѩ</div>
+<div>Ѫ Ѫ</div>
+<div>Ѭ Ѭ</div>
+<div>Ѯ Ѯ</div>
+<div>Ѱ Ѱ</div>
+<div>Ѳ Ѳ</div>
+<div>Ѵ Ѵ</div>
+<div>Ѷ Ѷ</div>
+<div>Ѹ Ѹ</div>
+<div>Ѻ Ѻ</div>
+<div>Ѽ Ѽ</div>
+<div>Ѿ Ѿ</div>
+<div>Ҁ Ҁ</div>
+<div>Ҋ Ҋ</div>
+<div>Ҍ Ҍ</div>
+<div>Ҏ Ҏ</div>
+<div>Ґ Ґ</div>
+<div>Ғ Ғ</div>
+<div>Ҕ Ҕ</div>
+<div>Җ Җ</div>
+<div>Ҙ Ҙ</div>
+<div>Қ Қ</div>
+<div>Ҝ Ҝ</div>
+<div>Ҟ Ҟ</div>
+<div>Ҡ Ҡ</div>
+<div>Ң Ң</div>
+<div>Ҥ Ҥ</div>
+<div>Ҧ Ҧ</div>
+<div>Ҩ Ҩ</div>
+<div>Ҫ Ҫ</div>
+<div>Ҭ Ҭ</div>
+<div>Ү Ү</div>
+<div>Ұ Ұ</div>
+<div>Ҳ Ҳ</div>
+<div>Ҵ Ҵ</div>
+<div>Ҷ Ҷ</div>
+<div>Ҹ Ҹ</div>
+<div>Һ Һ</div>
+<div>Ҽ Ҽ</div>
+<div>Ҿ Ҿ</div>
+<div>Ӂ Ӂ</div>
+<div>Ӄ Ӄ</div>
+<div>Ӆ Ӆ</div>
+<div>Ӈ Ӈ</div>
+<div>Ӊ Ӊ</div>
+<div>Ӌ Ӌ</div>
+<div>Ӎ Ӎ</div>
+<div>Ӑ Ӑ</div>
+<div>Ӓ Ӓ</div>
+<div>Ӕ Ӕ</div>
+<div>Ӗ Ӗ</div>
+<div>Ә Ә</div>
+<div>Ӛ Ӛ</div>
+<div>Ӝ Ӝ</div>
+<div>Ӟ Ӟ</div>
+<div>Ӡ Ӡ</div>
+<div>Ӣ Ӣ</div>
+<div>Ӥ Ӥ</div>
+<div>Ӧ Ӧ</div>
+<div>Ө Ө</div>
+<div>Ӫ Ӫ</div>
+<div>Ӭ Ӭ</div>
+<div>Ӯ Ӯ</div>
+<div>Ӱ Ӱ</div>
+<div>Ӳ Ӳ</div>
+<div>Ӵ Ӵ</div>
+<div>Ӹ Ӹ</div>
+<div>Ԁ Ԁ</div>
+<div>Ԃ Ԃ</div>
+<div>Ԅ Ԅ</div>
+<div>Ԇ Ԇ</div>
+<div>Ԉ Ԉ</div>
+<div>Ԋ Ԋ</div>
+<div>Ԍ Ԍ</div>
+<div>Ԏ Ԏ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-011.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-011.xht
new file mode 100644
index 0000000000..f7cd8b9a21
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-011.xht
@@ -0,0 +1,162 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Cyrillic, uppercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-011-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=11' />
+<meta name="assert" content="The UA will uppercase Unicode Cyrillic when text-transform is set to uppercase." />
+<style type='text/css'>
+.test span { text-transform: uppercase; }
+
+/* the CSS below is not part of the test */
+.test { line-height: 2; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 3em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>А <span>а</span></div>
+<div>Б <span>б</span></div>
+<div>В <span>в</span></div>
+<div>Г <span>г</span></div>
+<div>Д <span>д</span></div>
+<div>Е <span>е</span></div>
+<div>Ж <span>ж</span></div>
+<div>З <span>з</span></div>
+<div>И <span>и</span></div>
+<div>Й <span>й</span></div>
+<div>К <span>к</span></div>
+<div>Л <span>л</span></div>
+<div>М <span>м</span></div>
+<div>Н <span>н</span></div>
+<div>О <span>о</span></div>
+<div>П <span>п</span></div>
+<div>Р <span>р</span></div>
+<div>С <span>с</span></div>
+<div>Т <span>т</span></div>
+<div>У <span>у</span></div>
+<div>Ф <span>ф</span></div>
+<div>Х <span>х</span></div>
+<div>Ц <span>ц</span></div>
+<div>Ч <span>ч</span></div>
+<div>Ш <span>ш</span></div>
+<div>Щ <span>щ</span></div>
+<div>Ъ <span>ъ</span></div>
+<div>Ы <span>ы</span></div>
+<div>Ь <span>ь</span></div>
+<div>Э <span>э</span></div>
+<div>Ю <span>ю</span></div>
+<div>Я <span>я</span></div>
+<div>Ѐ <span>ѐ</span></div>
+<div>Ё <span>ё</span></div>
+<div>Ђ <span>ђ</span></div>
+<div>Ѓ <span>ѓ</span></div>
+<div>Є <span>є</span></div>
+<div>Ѕ <span>ѕ</span></div>
+<div>І <span>і</span></div>
+<div>Ї <span>ї</span></div>
+<div>Ј <span>ј</span></div>
+<div>Љ <span>љ</span></div>
+<div>Њ <span>њ</span></div>
+<div>Ћ <span>ћ</span></div>
+<div>Ќ <span>ќ</span></div>
+<div>Ѝ <span>ѝ</span></div>
+<div>Ў <span>ў</span></div>
+<div>Џ <span>џ</span></div>
+<div>Ѡ <span>ѡ</span></div>
+<div>Ѣ <span>ѣ</span></div>
+<div>Ѥ <span>ѥ</span></div>
+<div>Ѧ <span>ѧ</span></div>
+<div>Ѩ <span>ѩ</span></div>
+<div>Ѫ <span>ѫ</span></div>
+<div>Ѭ <span>ѭ</span></div>
+<div>Ѯ <span>ѯ</span></div>
+<div>Ѱ <span>ѱ</span></div>
+<div>Ѳ <span>ѳ</span></div>
+<div>Ѵ <span>ѵ</span></div>
+<div>Ѷ <span>ѷ</span></div>
+<div>Ѹ <span>ѹ</span></div>
+<div>Ѻ <span>ѻ</span></div>
+<div>Ѽ <span>ѽ</span></div>
+<div>Ѿ <span>ѿ</span></div>
+<div>Ҁ <span>ҁ</span></div>
+<div>Ҋ <span>ҋ</span></div>
+<div>Ҍ <span>ҍ</span></div>
+<div>Ҏ <span>ҏ</span></div>
+<div>Ґ <span>ґ</span></div>
+<div>Ғ <span>ғ</span></div>
+<div>Ҕ <span>ҕ</span></div>
+<div>Җ <span>җ</span></div>
+<div>Ҙ <span>ҙ</span></div>
+<div>Қ <span>қ</span></div>
+<div>Ҝ <span>ҝ</span></div>
+<div>Ҟ <span>ҟ</span></div>
+<div>Ҡ <span>ҡ</span></div>
+<div>Ң <span>ң</span></div>
+<div>Ҥ <span>ҥ</span></div>
+<div>Ҧ <span>ҧ</span></div>
+<div>Ҩ <span>ҩ</span></div>
+<div>Ҫ <span>ҫ</span></div>
+<div>Ҭ <span>ҭ</span></div>
+<div>Ү <span>ү</span></div>
+<div>Ұ <span>ұ</span></div>
+<div>Ҳ <span>ҳ</span></div>
+<div>Ҵ <span>ҵ</span></div>
+<div>Ҷ <span>ҷ</span></div>
+<div>Ҹ <span>ҹ</span></div>
+<div>Һ <span>һ</span></div>
+<div>Ҽ <span>ҽ</span></div>
+<div>Ҿ <span>ҿ</span></div>
+<div>Ӂ <span>ӂ</span></div>
+<div>Ӄ <span>ӄ</span></div>
+<div>Ӆ <span>ӆ</span></div>
+<div>Ӈ <span>ӈ</span></div>
+<div>Ӊ <span>ӊ</span></div>
+<div>Ӌ <span>ӌ</span></div>
+<div>Ӎ <span>ӎ</span></div>
+<div>Ӑ <span>ӑ</span></div>
+<div>Ӓ <span>ӓ</span></div>
+<div>Ӕ <span>ӕ</span></div>
+<div>Ӗ <span>ӗ</span></div>
+<div>Ә <span>ә</span></div>
+<div>Ӛ <span>ӛ</span></div>
+<div>Ӝ <span>ӝ</span></div>
+<div>Ӟ <span>ӟ</span></div>
+<div>Ӡ <span>ӡ</span></div>
+<div>Ӣ <span>ӣ</span></div>
+<div>Ӥ <span>ӥ</span></div>
+<div>Ӧ <span>ӧ</span></div>
+<div>Ө <span>ө</span></div>
+<div>Ӫ <span>ӫ</span></div>
+<div>Ӭ <span>ӭ</span></div>
+<div>Ӯ <span>ӯ</span></div>
+<div>Ӱ <span>ӱ</span></div>
+<div>Ӳ <span>ӳ</span></div>
+<div>Ӵ <span>ӵ</span></div>
+<div>Ӹ <span>ӹ</span></div>
+<div>Ԁ <span>ԁ</span></div>
+<div>Ԃ <span>ԃ</span></div>
+<div>Ԅ <span>ԅ</span></div>
+<div>Ԇ <span>ԇ</span></div>
+<div>Ԉ <span>ԉ</span></div>
+<div>Ԋ <span>ԋ</span></div>
+<div>Ԍ <span>ԍ</span></div>
+<div>Ԏ <span>ԏ</span></div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-012-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-012-ref.xht
new file mode 100644
index 0000000000..745b7c7326
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-012-ref.xht
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { line-height: 2; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 3em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div>а а</div>
+<div>б б</div>
+<div>в в</div>
+<div>г г</div>
+<div>д д</div>
+<div>е е</div>
+<div>ж ж</div>
+<div>з з</div>
+<div>и и</div>
+<div>й й</div>
+<div>к к</div>
+<div>л л</div>
+<div>м м</div>
+<div>н н</div>
+<div>о о</div>
+<div>п п</div>
+<div>р р</div>
+<div>с с</div>
+<div>т т</div>
+<div>у у</div>
+<div>ф ф</div>
+<div>х х</div>
+<div>ц ц</div>
+<div>ч ч</div>
+<div>ш ш</div>
+<div>щ щ</div>
+<div>ъ ъ</div>
+<div>ы ы</div>
+<div>ь ь</div>
+<div>э э</div>
+<div>ю ю</div>
+<div>я я</div>
+<div>ѐ ѐ</div>
+<div>ё ё</div>
+<div>ђ ђ</div>
+<div>ѓ ѓ</div>
+<div>є є</div>
+<div>ѕ ѕ</div>
+<div>і і</div>
+<div>ї ї</div>
+<div>ј ј</div>
+<div>љ љ</div>
+<div>њ њ</div>
+<div>ћ ћ</div>
+<div>ќ ќ</div>
+<div>ѝ ѝ</div>
+<div>ў ў</div>
+<div>џ џ</div>
+<div>ѡ ѡ</div>
+<div>ѣ ѣ</div>
+<div>ѥ ѥ</div>
+<div>ѧ ѧ</div>
+<div>ѩ ѩ</div>
+<div>ѫ ѫ</div>
+<div>ѭ ѭ</div>
+<div>ѯ ѯ</div>
+<div>ѱ ѱ</div>
+<div>ѳ ѳ</div>
+<div>ѵ ѵ</div>
+<div>ѷ ѷ</div>
+<div>ѹ ѹ</div>
+<div>ѻ ѻ</div>
+<div>ѽ ѽ</div>
+<div>ѿ ѿ</div>
+<div>ҁ ҁ</div>
+<div>ҋ ҋ</div>
+<div>ҍ ҍ</div>
+<div>ҏ ҏ</div>
+<div>ґ ґ</div>
+<div>ғ ғ</div>
+<div>ҕ ҕ</div>
+<div>җ җ</div>
+<div>ҙ ҙ</div>
+<div>қ қ</div>
+<div>ҝ ҝ</div>
+<div>ҟ ҟ</div>
+<div>ҡ ҡ</div>
+<div>ң ң</div>
+<div>ҥ ҥ</div>
+<div>ҧ ҧ</div>
+<div>ҩ ҩ</div>
+<div>ҫ ҫ</div>
+<div>ҭ ҭ</div>
+<div>ү ү</div>
+<div>ұ ұ</div>
+<div>ҳ ҳ</div>
+<div>ҵ ҵ</div>
+<div>ҷ ҷ</div>
+<div>ҹ ҹ</div>
+<div>һ һ</div>
+<div>ҽ ҽ</div>
+<div>ҿ ҿ</div>
+<div>ӂ ӂ</div>
+<div>ӄ ӄ</div>
+<div>ӆ ӆ</div>
+<div>ӈ ӈ</div>
+<div>ӊ ӊ</div>
+<div>ӌ ӌ</div>
+<div>ӎ ӎ</div>
+<div>ӑ ӑ</div>
+<div>ӓ ӓ</div>
+<div>ӕ ӕ</div>
+<div>ӗ ӗ</div>
+<div>ә ә</div>
+<div>ӛ ӛ</div>
+<div>ӝ ӝ</div>
+<div>ӟ ӟ</div>
+<div>ӡ ӡ</div>
+<div>ӣ ӣ</div>
+<div>ӥ ӥ</div>
+<div>ӧ ӧ</div>
+<div>ө ө</div>
+<div>ӫ ӫ</div>
+<div>ӭ ӭ</div>
+<div>ӯ ӯ</div>
+<div>ӱ ӱ</div>
+<div>ӳ ӳ</div>
+<div>ӵ ӵ</div>
+<div>ӹ ӹ</div>
+<div>ԁ ԁ</div>
+<div>ԃ ԃ</div>
+<div>ԅ ԅ</div>
+<div>ԇ ԇ</div>
+<div>ԉ ԉ</div>
+<div>ԋ ԋ</div>
+<div>ԍ ԍ</div>
+<div>ԏ ԏ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-012.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-012.xht
new file mode 100644
index 0000000000..e761c3cb74
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-012.xht
@@ -0,0 +1,162 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Cyrillic, lowercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-012-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=12' />
+<meta name="assert" content="The UA will lowercase Unicode Cyrillic when text-transform is set to lowercase." />
+<style type='text/css'>
+.test span { text-transform: lowercase; }
+
+/* the CSS below is not part of the test */
+.test { line-height: 2; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 3em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div><span>А</span> а</div>
+<div><span>Б</span> б</div>
+<div><span>В</span> в</div>
+<div><span>Г</span> г</div>
+<div><span>Д</span> д</div>
+<div><span>Е</span> е</div>
+<div><span>Ж</span> ж</div>
+<div><span>З</span> з</div>
+<div><span>И</span> и</div>
+<div><span>Й</span> й</div>
+<div><span>К</span> к</div>
+<div><span>Л</span> л</div>
+<div><span>М</span> м</div>
+<div><span>Н</span> н</div>
+<div><span>О</span> о</div>
+<div><span>П</span> п</div>
+<div><span>Р</span> р</div>
+<div><span>С</span> с</div>
+<div><span>Т</span> т</div>
+<div><span>У</span> у</div>
+<div><span>Ф</span> ф</div>
+<div><span>Х</span> х</div>
+<div><span>Ц</span> ц</div>
+<div><span>Ч</span> ч</div>
+<div><span>Ш</span> ш</div>
+<div><span>Щ</span> щ</div>
+<div><span>Ъ</span> ъ</div>
+<div><span>Ы</span> ы</div>
+<div><span>Ь</span> ь</div>
+<div><span>Э</span> э</div>
+<div><span>Ю</span> ю</div>
+<div><span>Я</span> я</div>
+<div><span>Ѐ</span> ѐ</div>
+<div><span>Ё</span> ё</div>
+<div><span>Ђ</span> ђ</div>
+<div><span>Ѓ</span> ѓ</div>
+<div><span>Є</span> є</div>
+<div><span>Ѕ</span> ѕ</div>
+<div><span>І</span> і</div>
+<div><span>Ї</span> ї</div>
+<div><span>Ј</span> ј</div>
+<div><span>Љ</span> љ</div>
+<div><span>Њ</span> њ</div>
+<div><span>Ћ</span> ћ</div>
+<div><span>Ќ</span> ќ</div>
+<div><span>Ѝ</span> ѝ</div>
+<div><span>Ў</span> ў</div>
+<div><span>Џ</span> џ</div>
+<div><span>Ѡ</span> ѡ</div>
+<div><span>Ѣ</span> ѣ</div>
+<div><span>Ѥ</span> ѥ</div>
+<div><span>Ѧ</span> ѧ</div>
+<div><span>Ѩ</span> ѩ</div>
+<div><span>Ѫ</span> ѫ</div>
+<div><span>Ѭ</span> ѭ</div>
+<div><span>Ѯ</span> ѯ</div>
+<div><span>Ѱ</span> ѱ</div>
+<div><span>Ѳ</span> ѳ</div>
+<div><span>Ѵ</span> ѵ</div>
+<div><span>Ѷ</span> ѷ</div>
+<div><span>Ѹ</span> ѹ</div>
+<div><span>Ѻ</span> ѻ</div>
+<div><span>Ѽ</span> ѽ</div>
+<div><span>Ѿ</span> ѿ</div>
+<div><span>Ҁ</span> ҁ</div>
+<div><span>Ҋ</span> ҋ</div>
+<div><span>Ҍ</span> ҍ</div>
+<div><span>Ҏ</span> ҏ</div>
+<div><span>Ґ</span> ґ</div>
+<div><span>Ғ</span> ғ</div>
+<div><span>Ҕ</span> ҕ</div>
+<div><span>Җ</span> җ</div>
+<div><span>Ҙ</span> ҙ</div>
+<div><span>Қ</span> қ</div>
+<div><span>Ҝ</span> ҝ</div>
+<div><span>Ҟ</span> ҟ</div>
+<div><span>Ҡ</span> ҡ</div>
+<div><span>Ң</span> ң</div>
+<div><span>Ҥ</span> ҥ</div>
+<div><span>Ҧ</span> ҧ</div>
+<div><span>Ҩ</span> ҩ</div>
+<div><span>Ҫ</span> ҫ</div>
+<div><span>Ҭ</span> ҭ</div>
+<div><span>Ү</span> ү</div>
+<div><span>Ұ</span> ұ</div>
+<div><span>Ҳ</span> ҳ</div>
+<div><span>Ҵ</span> ҵ</div>
+<div><span>Ҷ</span> ҷ</div>
+<div><span>Ҹ</span> ҹ</div>
+<div><span>Һ</span> һ</div>
+<div><span>Ҽ</span> ҽ</div>
+<div><span>Ҿ</span> ҿ</div>
+<div><span>Ӂ</span> ӂ</div>
+<div><span>Ӄ</span> ӄ</div>
+<div><span>Ӆ</span> ӆ</div>
+<div><span>Ӈ</span> ӈ</div>
+<div><span>Ӊ</span> ӊ</div>
+<div><span>Ӌ</span> ӌ</div>
+<div><span>Ӎ</span> ӎ</div>
+<div><span>Ӑ</span> ӑ</div>
+<div><span>Ӓ</span> ӓ</div>
+<div><span>Ӕ</span> ӕ</div>
+<div><span>Ӗ</span> ӗ</div>
+<div><span>Ә</span> ә</div>
+<div><span>Ӛ</span> ӛ</div>
+<div><span>Ӝ</span> ӝ</div>
+<div><span>Ӟ</span> ӟ</div>
+<div><span>Ӡ</span> ӡ</div>
+<div><span>Ӣ</span> ӣ</div>
+<div><span>Ӥ</span> ӥ</div>
+<div><span>Ӧ</span> ӧ</div>
+<div><span>Ө</span> ө</div>
+<div><span>Ӫ</span> ӫ</div>
+<div><span>Ӭ</span> ӭ</div>
+<div><span>Ӯ</span> ӯ</div>
+<div><span>Ӱ</span> ӱ</div>
+<div><span>Ӳ</span> ӳ</div>
+<div><span>Ӵ</span> ӵ</div>
+<div><span>Ӹ</span> ӹ</div>
+<div><span>Ԁ</span> ԁ</div>
+<div><span>Ԃ</span> ԃ</div>
+<div><span>Ԅ</span> ԅ</div>
+<div><span>Ԇ</span> ԇ</div>
+<div><span>Ԉ</span> ԉ</div>
+<div><span>Ԋ</span> ԋ</div>
+<div><span>Ԍ</span> ԍ</div>
+<div><span>Ԏ</span> ԏ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-013-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-013-ref.xht
new file mode 100644
index 0000000000..48a8b43b4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-013-ref.xht
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>Ա Ա</div>
+<div>Բ Բ</div>
+<div>Գ Գ</div>
+<div>Դ Դ</div>
+<div>Ե Ե</div>
+<div>Զ Զ</div>
+<div>Է Է</div>
+<div>Ը Ը</div>
+<div>Թ Թ</div>
+<div>Ժ Ժ</div>
+<div>Ի Ի</div>
+<div>Լ Լ</div>
+<div>Խ Խ</div>
+<div>Ծ Ծ</div>
+<div>Կ Կ</div>
+<div>Հ Հ</div>
+<div>Ձ Ձ</div>
+<div>Ղ Ղ</div>
+<div>Ճ Ճ</div>
+<div>Մ Մ</div>
+<div>Յ Յ</div>
+<div>Ն Ն</div>
+<div>Շ Շ</div>
+<div>Ո Ո</div>
+<div>Չ Չ</div>
+<div>Պ Պ</div>
+<div>Ջ Ջ</div>
+<div>Ռ Ռ</div>
+<div>Ս Ս</div>
+<div>Վ Վ</div>
+<div>Տ Տ</div>
+<div>Ր Ր</div>
+<div>Ց Ց</div>
+<div>Ւ Ւ</div>
+<div>Փ Փ</div>
+<div>Ք Ք</div>
+<div>Օ Օ</div>
+<div>Ֆ Ֆ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-013.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-013.xht
new file mode 100644
index 0000000000..2c64320229
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-013.xht
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Armenian, uppercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-013-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=13' />
+<meta name="assert" content="The UA will uppercase Unicode Armenian when text-transform is set to uppercase." />
+<style type='text/css'>
+.test span { text-transform: uppercase; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>Ա <span>ա</span></div>
+<div>Բ <span>բ</span></div>
+<div>Գ <span>գ</span></div>
+<div>Դ <span>դ</span></div>
+<div>Ե <span>ե</span></div>
+<div>Զ <span>զ</span></div>
+<div>Է <span>է</span></div>
+<div>Ը <span>ը</span></div>
+<div>Թ <span>թ</span></div>
+<div>Ժ <span>ժ</span></div>
+<div>Ի <span>ի</span></div>
+<div>Լ <span>լ</span></div>
+<div>Խ <span>խ</span></div>
+<div>Ծ <span>ծ</span></div>
+<div>Կ <span>կ</span></div>
+<div>Հ <span>հ</span></div>
+<div>Ձ <span>ձ</span></div>
+<div>Ղ <span>ղ</span></div>
+<div>Ճ <span>ճ</span></div>
+<div>Մ <span>մ</span></div>
+<div>Յ <span>յ</span></div>
+<div>Ն <span>ն</span></div>
+<div>Շ <span>շ</span></div>
+<div>Ո <span>ո</span></div>
+<div>Չ <span>չ</span></div>
+<div>Պ <span>պ</span></div>
+<div>Ջ <span>ջ</span></div>
+<div>Ռ <span>ռ</span></div>
+<div>Ս <span>ս</span></div>
+<div>Վ <span>վ</span></div>
+<div>Տ <span>տ</span></div>
+<div>Ր <span>ր</span></div>
+<div>Ց <span>ց</span></div>
+<div>Ւ <span>ւ</span></div>
+<div>Փ <span>փ</span></div>
+<div>Ք <span>ք</span></div>
+<div>Օ <span>օ</span></div>
+<div>Ֆ <span>ֆ</span></div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-014-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-014-ref.xht
new file mode 100644
index 0000000000..27249cce97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-014-ref.xht
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div>ա ա</div>
+<div>բ բ</div>
+<div>գ գ</div>
+<div>դ դ</div>
+<div>ե ե</div>
+<div>զ զ</div>
+<div>է է</div>
+<div>ը ը</div>
+<div>թ թ</div>
+<div>ժ ժ</div>
+<div>ի ի</div>
+<div>լ լ</div>
+<div>խ խ</div>
+<div>ծ ծ</div>
+<div>կ կ</div>
+<div>հ հ</div>
+<div>ձ ձ</div>
+<div>ղ ղ</div>
+<div>ճ ճ</div>
+<div>մ մ</div>
+<div>յ յ</div>
+<div>ն ն</div>
+<div>շ շ</div>
+<div>ո ո</div>
+<div>չ չ</div>
+<div>պ պ</div>
+<div>ջ ջ</div>
+<div>ռ ռ</div>
+<div>ս ս</div>
+<div>վ վ</div>
+<div>տ տ</div>
+<div>ր ր</div>
+<div>ց ց</div>
+<div>ւ ւ</div>
+<div>փ փ</div>
+<div>ք ք</div>
+<div>օ օ</div>
+<div>ֆ ֆ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-014.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-014.xht
new file mode 100644
index 0000000000..b48f82464c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-014.xht
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Armenian, lowercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-014-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=14' />
+<meta name="assert" content="The UA will lowercase Unicode Armenian when text-transform is set to lowercase." />
+<style type='text/css'>
+.test span { text-transform: lowercase; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div><span>Ա</span> ա</div>
+<div><span>Բ</span> բ</div>
+<div><span>Գ</span> գ</div>
+<div><span>Դ</span> դ</div>
+<div><span>Ե</span> ե</div>
+<div><span>Զ</span> զ</div>
+<div><span>Է</span> է</div>
+<div><span>Ը</span> ը</div>
+<div><span>Թ</span> թ</div>
+<div><span>Ժ</span> ժ</div>
+<div><span>Ի</span> ի</div>
+<div><span>Լ</span> լ</div>
+<div><span>Խ</span> խ</div>
+<div><span>Ծ</span> ծ</div>
+<div><span>Կ</span> կ</div>
+<div><span>Հ</span> հ</div>
+<div><span>Ձ</span> ձ</div>
+<div><span>Ղ</span> ղ</div>
+<div><span>Ճ</span> ճ</div>
+<div><span>Մ</span> մ</div>
+<div><span>Յ</span> յ</div>
+<div><span>Ն</span> ն</div>
+<div><span>Շ</span> շ</div>
+<div><span>Ո</span> ո</div>
+<div><span>Չ</span> չ</div>
+<div><span>Պ</span> պ</div>
+<div><span>Ջ</span> ջ</div>
+<div><span>Ռ</span> ռ</div>
+<div><span>Ս</span> ս</div>
+<div><span>Վ</span> վ</div>
+<div><span>Տ</span> տ</div>
+<div><span>Ր</span> ր</div>
+<div><span>Ց</span> ց</div>
+<div><span>Ւ</span> ւ</div>
+<div><span>Փ</span> փ</div>
+<div><span>Ք</span> ք</div>
+<div><span>Օ</span> օ</div>
+<div><span>Ֆ</span> ֆ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-015-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-015-ref.xht
new file mode 100644
index 0000000000..2f5c8877cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-015-ref.xht
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>Ⅰ Ⅰ</div>
+<div>Ⅱ Ⅱ</div>
+<div>Ⅲ Ⅲ</div>
+<div>Ⅳ Ⅳ</div>
+<div>Ⅴ Ⅴ</div>
+<div>Ⅵ Ⅵ</div>
+<div>Ⅶ Ⅶ</div>
+<div>Ⅷ Ⅷ</div>
+<div>Ⅸ Ⅸ</div>
+<div>Ⅹ Ⅹ</div>
+<div>Ⅺ Ⅺ</div>
+<div>Ⅻ Ⅻ</div>
+<div>Ⅼ Ⅼ</div>
+<div>Ⅽ Ⅽ</div>
+<div>Ⅾ Ⅾ</div>
+<div>Ⅿ Ⅿ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-015.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-015.xht
new file mode 100644
index 0000000000..cb467408ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-015.xht
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Roman numerals, uppercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-015-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=15' />
+<meta name="assert" content="The UA will uppercase Unicode Roman numerals when text-transform is set to uppercase." />
+<style type='text/css'>
+.test span { text-transform: uppercase; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>Ⅰ <span>ⅰ</span></div>
+<div>Ⅱ <span>ⅱ</span></div>
+<div>Ⅲ <span>ⅲ</span></div>
+<div>Ⅳ <span>ⅳ</span></div>
+<div>Ⅴ <span>ⅴ</span></div>
+<div>Ⅵ <span>ⅵ</span></div>
+<div>Ⅶ <span>ⅶ</span></div>
+<div>Ⅷ <span>ⅷ</span></div>
+<div>Ⅸ <span>ⅸ</span></div>
+<div>Ⅹ <span>ⅹ</span></div>
+<div>Ⅺ <span>ⅺ</span></div>
+<div>Ⅻ <span>ⅻ</span></div>
+<div>Ⅼ <span>ⅼ</span></div>
+<div>Ⅽ <span>ⅽ</span></div>
+<div>Ⅾ <span>ⅾ</span></div>
+<div>Ⅿ <span>ⅿ</span></div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-016-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-016-ref.xht
new file mode 100644
index 0000000000..c4b2e8e031
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-016-ref.xht
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div>ⅰ ⅰ</div>
+<div>ⅱ ⅱ</div>
+<div>ⅲ ⅲ</div>
+<div>ⅳ ⅳ</div>
+<div>ⅴ ⅴ</div>
+<div>ⅵ ⅵ</div>
+<div>ⅶ ⅶ</div>
+<div>ⅷ ⅷ</div>
+<div>ⅸ ⅸ</div>
+<div>ⅹ ⅹ</div>
+<div>ⅺ ⅺ</div>
+<div>ⅻ ⅻ</div>
+<div>ⅼ ⅼ</div>
+<div>ⅽ ⅽ</div>
+<div>ⅾ ⅾ</div>
+<div>ⅿ ⅿ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-016.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-016.xht
new file mode 100644
index 0000000000..18b9913071
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-016.xht
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Roman numerals, lowercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-016-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=16' />
+<meta name="assert" content="The UA will lowercase Unicode Roman numerals when text-transform is set to lowercase." />
+<style type='text/css'>
+.test span { text-transform: lowercase; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div><span>Ⅰ</span> ⅰ</div>
+<div><span>Ⅱ</span> ⅱ</div>
+<div><span>Ⅲ</span> ⅲ</div>
+<div><span>Ⅳ</span> ⅳ</div>
+<div><span>Ⅴ</span> ⅴ</div>
+<div><span>Ⅵ</span> ⅵ</div>
+<div><span>Ⅶ</span> ⅶ</div>
+<div><span>Ⅷ</span> ⅷ</div>
+<div><span>Ⅸ</span> ⅸ</div>
+<div><span>Ⅹ</span> ⅹ</div>
+<div><span>Ⅺ</span> ⅺ</div>
+<div><span>Ⅻ</span> ⅻ</div>
+<div><span>Ⅼ</span> ⅼ</div>
+<div><span>Ⅽ</span> ⅽ</div>
+<div><span>Ⅾ</span> ⅾ</div>
+<div><span>Ⅿ</span> ⅿ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-017-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-017-ref.xht
new file mode 100644
index 0000000000..4262ac0478
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-017-ref.xht
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>Ⓐ Ⓐ</div>
+<div>Ⓑ Ⓑ</div>
+<div>Ⓒ Ⓒ</div>
+<div>Ⓓ Ⓓ</div>
+<div>Ⓔ Ⓔ</div>
+<div>Ⓕ Ⓕ</div>
+<div>Ⓖ Ⓖ</div>
+<div>Ⓗ Ⓗ</div>
+<div>Ⓘ Ⓘ</div>
+<div>Ⓙ Ⓙ</div>
+<div>Ⓚ Ⓚ</div>
+<div>Ⓛ Ⓛ</div>
+<div>Ⓜ Ⓜ</div>
+<div>Ⓝ Ⓝ</div>
+<div>Ⓞ Ⓞ</div>
+<div>Ⓟ Ⓟ</div>
+<div>Ⓠ Ⓠ</div>
+<div>Ⓡ Ⓡ</div>
+<div>Ⓢ Ⓢ</div>
+<div>Ⓣ Ⓣ</div>
+<div>Ⓤ Ⓤ</div>
+<div>Ⓥ Ⓥ</div>
+<div>Ⓦ Ⓦ</div>
+<div>Ⓧ Ⓧ</div>
+<div>Ⓨ Ⓨ</div>
+<div>Ⓩ Ⓩ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-017.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-017.xht
new file mode 100644
index 0000000000..d7deebd9f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-017.xht
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Circled Latin, uppercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-017-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=17' />
+<meta name="assert" content="The UA will uppercase Unicode Circled Latin when text-transform is set to uppercase." />
+<style type='text/css'>
+.test span { text-transform: uppercase; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>Ⓐ <span>ⓐ</span></div>
+<div>Ⓑ <span>ⓑ</span></div>
+<div>Ⓒ <span>ⓒ</span></div>
+<div>Ⓓ <span>ⓓ</span></div>
+<div>Ⓔ <span>ⓔ</span></div>
+<div>Ⓕ <span>ⓕ</span></div>
+<div>Ⓖ <span>ⓖ</span></div>
+<div>Ⓗ <span>ⓗ</span></div>
+<div>Ⓘ <span>ⓘ</span></div>
+<div>Ⓙ <span>ⓙ</span></div>
+<div>Ⓚ <span>ⓚ</span></div>
+<div>Ⓛ <span>ⓛ</span></div>
+<div>Ⓜ <span>ⓜ</span></div>
+<div>Ⓝ <span>ⓝ</span></div>
+<div>Ⓞ <span>ⓞ</span></div>
+<div>Ⓟ <span>ⓟ</span></div>
+<div>Ⓠ <span>ⓠ</span></div>
+<div>Ⓡ <span>ⓡ</span></div>
+<div>Ⓢ <span>ⓢ</span></div>
+<div>Ⓣ <span>ⓣ</span></div>
+<div>Ⓤ <span>ⓤ</span></div>
+<div>Ⓥ <span>ⓥ</span></div>
+<div>Ⓦ <span>ⓦ</span></div>
+<div>Ⓧ <span>ⓧ</span></div>
+<div>Ⓨ <span>ⓨ</span></div>
+<div>Ⓩ <span>ⓩ</span></div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-018-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-018-ref.xht
new file mode 100644
index 0000000000..1665eba3c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-018-ref.xht
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div>ⓐ ⓐ</div>
+<div>ⓑ ⓑ</div>
+<div>ⓒ ⓒ</div>
+<div>ⓓ ⓓ</div>
+<div>ⓔ ⓔ</div>
+<div>ⓕ ⓕ</div>
+<div>ⓖ ⓖ</div>
+<div>ⓗ ⓗ</div>
+<div>ⓘ ⓘ</div>
+<div>ⓙ ⓙ</div>
+<div>ⓚ ⓚ</div>
+<div>ⓛ ⓛ</div>
+<div>ⓜ ⓜ</div>
+<div>ⓝ ⓝ</div>
+<div>ⓞ ⓞ</div>
+<div>ⓟ ⓟ</div>
+<div>ⓠ ⓠ</div>
+<div>ⓡ ⓡ</div>
+<div>ⓢ ⓢ</div>
+<div>ⓣ ⓣ</div>
+<div>ⓤ ⓤ</div>
+<div>ⓥ ⓥ</div>
+<div>ⓦ ⓦ</div>
+<div>ⓧ ⓧ</div>
+<div>ⓨ ⓨ</div>
+<div>ⓩ ⓩ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-018.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-018.xht
new file mode 100644
index 0000000000..a594c80915
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-018.xht
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Circled Latin, lowercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-018-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=18' />
+<meta name="assert" content="The UA will lowercase Unicode Circled Latin when text-transform is set to lowercase." />
+<style type='text/css'>
+.test span { text-transform: lowercase; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div><span>Ⓐ</span> ⓐ</div>
+<div><span>Ⓑ</span> ⓑ</div>
+<div><span>Ⓒ</span> ⓒ</div>
+<div><span>Ⓓ</span> ⓓ</div>
+<div><span>Ⓔ</span> ⓔ</div>
+<div><span>Ⓕ</span> ⓕ</div>
+<div><span>Ⓖ</span> ⓖ</div>
+<div><span>Ⓗ</span> ⓗ</div>
+<div><span>Ⓘ</span> ⓘ</div>
+<div><span>Ⓙ</span> ⓙ</div>
+<div><span>Ⓚ</span> ⓚ</div>
+<div><span>Ⓛ</span> ⓛ</div>
+<div><span>Ⓜ</span> ⓜ</div>
+<div><span>Ⓝ</span> ⓝ</div>
+<div><span>Ⓞ</span> ⓞ</div>
+<div><span>Ⓟ</span> ⓟ</div>
+<div><span>Ⓠ</span> ⓠ</div>
+<div><span>Ⓡ</span> ⓡ</div>
+<div><span>Ⓢ</span> ⓢ</div>
+<div><span>Ⓣ</span> ⓣ</div>
+<div><span>Ⓤ</span> ⓤ</div>
+<div><span>Ⓥ</span> ⓥ</div>
+<div><span>Ⓦ</span> ⓦ</div>
+<div><span>Ⓧ</span> ⓧ</div>
+<div><span>Ⓨ</span> ⓨ</div>
+<div><span>Ⓩ</span> ⓩ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-019-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-019-ref.xht
new file mode 100644
index 0000000000..97b3be4a1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-019-ref.xht
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>Ａ Ａ</div>
+<div>Ｂ Ｂ</div>
+<div>Ｃ Ｃ</div>
+<div>Ｄ Ｄ</div>
+<div>Ｅ Ｅ</div>
+<div>Ｆ Ｆ</div>
+<div>Ｇ Ｇ</div>
+<div>Ｈ Ｈ</div>
+<div>Ｉ Ｉ</div>
+<div>Ｊ Ｊ</div>
+<div>Ｋ Ｋ</div>
+<div>Ｌ Ｌ</div>
+<div>Ｍ Ｍ</div>
+<div>Ｎ Ｎ</div>
+<div>Ｏ Ｏ</div>
+<div>Ｐ Ｐ</div>
+<div>Ｑ Ｑ</div>
+<div>Ｒ Ｒ</div>
+<div>Ｓ Ｓ</div>
+<div>Ｔ Ｔ</div>
+<div>Ｕ Ｕ</div>
+<div>Ｖ Ｖ</div>
+<div>Ｗ Ｗ</div>
+<div>Ｘ Ｘ</div>
+<div>Ｙ Ｙ</div>
+<div>Ｚ Ｚ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-019.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-019.xht
new file mode 100644
index 0000000000..d389d81308
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-019.xht
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Full-width Latin, uppercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-019-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=19' />
+<meta name="assert" content="The UA will uppercase Unicode Full-width Latin when text-transform is set to uppercase." />
+<style type='text/css'>
+.test span { text-transform: uppercase; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>Ａ <span>ａ</span></div>
+<div>Ｂ <span>ｂ</span></div>
+<div>Ｃ <span>ｃ</span></div>
+<div>Ｄ <span>ｄ</span></div>
+<div>Ｅ <span>ｅ</span></div>
+<div>Ｆ <span>ｆ</span></div>
+<div>Ｇ <span>ｇ</span></div>
+<div>Ｈ <span>ｈ</span></div>
+<div>Ｉ <span>ｉ</span></div>
+<div>Ｊ <span>ｊ</span></div>
+<div>Ｋ <span>ｋ</span></div>
+<div>Ｌ <span>ｌ</span></div>
+<div>Ｍ <span>ｍ</span></div>
+<div>Ｎ <span>ｎ</span></div>
+<div>Ｏ <span>ｏ</span></div>
+<div>Ｐ <span>ｐ</span></div>
+<div>Ｑ <span>ｑ</span></div>
+<div>Ｒ <span>ｒ</span></div>
+<div>Ｓ <span>ｓ</span></div>
+<div>Ｔ <span>ｔ</span></div>
+<div>Ｕ <span>ｕ</span></div>
+<div>Ｖ <span>ｖ</span></div>
+<div>Ｗ <span>ｗ</span></div>
+<div>Ｘ <span>ｘ</span></div>
+<div>Ｙ <span>ｙ</span></div>
+<div>Ｚ <span>ｚ</span></div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-020-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-020-ref.xht
new file mode 100644
index 0000000000..51d41c4cd7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-020-ref.xht
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div>ａ ａ</div>
+<div>ｂ ｂ</div>
+<div>ｃ ｃ</div>
+<div>ｄ ｄ</div>
+<div>ｅ ｅ</div>
+<div>ｆ ｆ</div>
+<div>ｇ ｇ</div>
+<div>ｈ ｈ</div>
+<div>ｉ ｉ</div>
+<div>ｊ ｊ</div>
+<div>ｋ ｋ</div>
+<div>ｌ ｌ</div>
+<div>ｍ ｍ</div>
+<div>ｎ ｎ</div>
+<div>ｏ ｏ</div>
+<div>ｐ ｐ</div>
+<div>ｑ ｑ</div>
+<div>ｒ ｒ</div>
+<div>ｓ ｓ</div>
+<div>ｔ ｔ</div>
+<div>ｕ ｕ</div>
+<div>ｖ ｖ</div>
+<div>ｗ ｗ</div>
+<div>ｘ ｘ</div>
+<div>ｙ ｙ</div>
+<div>ｚ ｚ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-020.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-020.xht
new file mode 100644
index 0000000000..5fb88cca02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-020.xht
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Full-width Latin, lowercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-020-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=20' />
+<meta name="assert" content="The UA will lowercase Unicode Full-width Latin when text-transform is set to lowercase." />
+<style type='text/css'>
+.test span { text-transform: lowercase; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div><span>Ａ</span> ａ</div>
+<div><span>Ｂ</span> ｂ</div>
+<div><span>Ｃ</span> ｃ</div>
+<div><span>Ｄ</span> ｄ</div>
+<div><span>Ｅ</span> ｅ</div>
+<div><span>Ｆ</span> ｆ</div>
+<div><span>Ｇ</span> ｇ</div>
+<div><span>Ｈ</span> ｈ</div>
+<div><span>Ｉ</span> ｉ</div>
+<div><span>Ｊ</span> ｊ</div>
+<div><span>Ｋ</span> ｋ</div>
+<div><span>Ｌ</span> ｌ</div>
+<div><span>Ｍ</span> ｍ</div>
+<div><span>Ｎ</span> ｎ</div>
+<div><span>Ｏ</span> ｏ</div>
+<div><span>Ｐ</span> ｐ</div>
+<div><span>Ｑ</span> ｑ</div>
+<div><span>Ｒ</span> ｒ</div>
+<div><span>Ｓ</span> ｓ</div>
+<div><span>Ｔ</span> ｔ</div>
+<div><span>Ｕ</span> ｕ</div>
+<div><span>Ｖ</span> ｖ</div>
+<div><span>Ｗ</span> ｗ</div>
+<div><span>Ｘ</span> ｘ</div>
+<div><span>Ｙ</span> ｙ</div>
+<div><span>Ｚ</span> ｚ</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-021-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-021-ref.xht
new file mode 100644
index 0000000000..17567c6b8c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-021-ref.xht
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>𐐀 𐐀</div>
+<div>𐐁 𐐁</div>
+<div>𐐂 𐐂</div>
+<div>𐐃 𐐃</div>
+<div>𐐄 𐐄</div>
+<div>𐐅 𐐅</div>
+<div>𐐆 𐐆</div>
+<div>𐐇 𐐇</div>
+<div>𐐈 𐐈</div>
+<div>𐐉 𐐉</div>
+<div>𐐊 𐐊</div>
+<div>𐐋 𐐋</div>
+<div>𐐌 𐐌</div>
+<div>𐐍 𐐍</div>
+<div>𐐎 𐐎</div>
+<div>𐐏 𐐏</div>
+<div>𐐐 𐐐</div>
+<div>𐐑 𐐑</div>
+<div>𐐒 𐐒</div>
+<div>𐐓 𐐓</div>
+<div>𐐔 𐐔</div>
+<div>𐐕 𐐕</div>
+<div>𐐖 𐐖</div>
+<div>𐐗 𐐗</div>
+<div>𐐘 𐐘</div>
+<div>𐐙 𐐙</div>
+<div>𐐚 𐐚</div>
+<div>𐐛 𐐛</div>
+<div>𐐜 𐐜</div>
+<div>𐐝 𐐝</div>
+<div>𐐞 𐐞</div>
+<div>𐐟 𐐟</div>
+<div>𐐠 𐐠</div>
+<div>𐐡 𐐡</div>
+<div>𐐢 𐐢</div>
+<div>𐐣 𐐣</div>
+<div>𐐤 𐐤</div>
+<div>𐐥 𐐥</div>
+<div>𐐦 𐐦</div>
+<div>𐐧 𐐧</div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-021.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-021.xht
new file mode 100644
index 0000000000..a882329d40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-021.xht
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Deseret, uppercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-021-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=21' />
+<meta name="assert" content="The UA will uppercase Unicode Deseret characters when text-transform is set to uppercase." />
+<style type='text/css'>
+.test span { text-transform: uppercase; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
+
+
+<div class="test">
+<div>𐐀 <span>𐐨</span></div>
+<div>𐐁 <span>𐐩</span></div>
+<div>𐐂 <span>𐐪</span></div>
+<div>𐐃 <span>𐐫</span></div>
+<div>𐐄 <span>𐐬</span></div>
+<div>𐐅 <span>𐐭</span></div>
+<div>𐐆 <span>𐐮</span></div>
+<div>𐐇 <span>𐐯</span></div>
+<div>𐐈 <span>𐐰</span></div>
+<div>𐐉 <span>𐐱</span></div>
+<div>𐐊 <span>𐐲</span></div>
+<div>𐐋 <span>𐐳</span></div>
+<div>𐐌 <span>𐐴</span></div>
+<div>𐐍 <span>𐐵</span></div>
+<div>𐐎 <span>𐐶</span></div>
+<div>𐐏 <span>𐐷</span></div>
+<div>𐐐 <span>𐐸</span></div>
+<div>𐐑 <span>𐐹</span></div>
+<div>𐐒 <span>𐐺</span></div>
+<div>𐐓 <span>𐐻</span></div>
+<div>𐐔 <span>𐐼</span></div>
+<div>𐐕 <span>𐐽</span></div>
+<div>𐐖 <span>𐐾</span></div>
+<div>𐐗 <span>𐐿</span></div>
+<div>𐐘 <span>𐑀</span></div>
+<div>𐐙 <span>𐑁</span></div>
+<div>𐐚 <span>𐑂</span></div>
+<div>𐐛 <span>𐑃</span></div>
+<div>𐐜 <span>𐑄</span></div>
+<div>𐐝 <span>𐑅</span></div>
+<div>𐐞 <span>𐑆</span></div>
+<div>𐐟 <span>𐑇</span></div>
+<div>𐐠 <span>𐑈</span></div>
+<div>𐐡 <span>𐑉</span></div>
+<div>𐐢 <span>𐑊</span></div>
+<div>𐐣 <span>𐑋</span></div>
+<div>𐐤 <span>𐑌</span></div>
+<div>𐐥 <span>𐑍</span></div>
+<div>𐐦 <span>𐑎</span></div>
+<div>𐐧 <span>𐑏</span></div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-022-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-022-ref.xht
new file mode 100644
index 0000000000..f2ca31d3e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-022-ref.xht
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>test reference</title>
+<style type='text/css'>
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div>𐐨 𐐨</div>
+<div>𐐩 𐐩</div>
+<div>𐐪 𐐪</div>
+<div>𐐫 𐐫</div>
+<div>𐐬 𐐬</div>
+<div>𐐭 𐐭</div>
+<div>𐐮 𐐮</div>
+<div>𐐯 𐐯</div>
+<div>𐐰 𐐰</div>
+<div>𐐱 𐐱</div>
+<div>𐐲 𐐲</div>
+<div>𐐳 𐐳</div>
+<div>𐐴 𐐴</div>
+<div>𐐵 𐐵</div>
+<div>𐐶 𐐶</div>
+<div>𐐷 𐐷</div>
+<div>𐐸 𐐸</div>
+<div>𐐹 𐐹</div>
+<div>𐐺 𐐺</div>
+<div>𐐻 𐐻</div>
+<div>𐐼 𐐼</div>
+<div>𐐽 𐐽</div>
+<div>𐐾 𐐾</div>
+<div>𐐿 𐐿</div>
+<div>𐑀 𐑀</div>
+<div>𐑁 𐑁</div>
+<div>𐑂 𐑂</div>
+<div>𐑃 𐑃</div>
+<div>𐑄 𐑄</div>
+<div>𐑅 𐑅</div>
+<div>𐑆 𐑆</div>
+<div>𐑇 𐑇</div>
+<div>𐑈 𐑈</div>
+<div>𐑉 𐑉</div>
+<div>𐑊 𐑊</div>
+<div>𐑋 𐑋</div>
+<div>𐑌 𐑌</div>
+<div>𐑍 𐑍</div>
+<div>𐑎 𐑎</div>
+<div>𐑏 𐑏 </div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-022.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-022.xht
new file mode 100644
index 0000000000..aa152d397c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-022.xht
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: text-transform - Deseret, lowercase</title>
+<link rel='author' title='Richard Ishida' href='http://rishida.net' />
+<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' />
+<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+<link rel="match" href="text-transform-bicameral-022-ref.xht"/>
+<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=22' />
+<meta name="assert" content="The UA will lowercase Unicode Deseret characters when text-transform is set to lowercase." />
+<style type='text/css'>
+.test span { text-transform: lowercase; }
+
+/* the CSS below is not part of the test */
+.test { font-size: 130%; line-height: 2.5; color: blue; }
+.test div { white-space: nowrap; text-align: center;
+ width: 5em; display: inline-block; }</style>
+<script type='text/javascript'>
+//<![CDATA[
+function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
+//]]>
+</script>
+</head>
+<body>
+<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
+
+
+<div class="test">
+<div><span>𐐀</span> 𐐨</div>
+<div><span>𐐁</span> 𐐩</div>
+<div><span>𐐂</span> 𐐪</div>
+<div><span>𐐃</span> 𐐫</div>
+<div><span>𐐄</span> 𐐬</div>
+<div><span>𐐅</span> 𐐭</div>
+<div><span>𐐆</span> 𐐮</div>
+<div><span>𐐇</span> 𐐯</div>
+<div><span>𐐈</span> 𐐰</div>
+<div><span>𐐉</span> 𐐱</div>
+<div><span>𐐊</span> 𐐲</div>
+<div><span>𐐋</span> 𐐳</div>
+<div><span>𐐌</span> 𐐴</div>
+<div><span>𐐍</span> 𐐵</div>
+<div><span>𐐎</span> 𐐶</div>
+<div><span>𐐏</span> 𐐷</div>
+<div><span>𐐐</span> 𐐸</div>
+<div><span>𐐑</span> 𐐹</div>
+<div><span>𐐒</span> 𐐺</div>
+<div><span>𐐓</span> 𐐻</div>
+<div><span>𐐔</span> 𐐼</div>
+<div><span>𐐕</span> 𐐽</div>
+<div><span>𐐖</span> 𐐾</div>
+<div><span>𐐗</span> 𐐿</div>
+<div><span>𐐘</span> 𐑀</div>
+<div><span>𐐙</span> 𐑁</div>
+<div><span>𐐚</span> 𐑂</div>
+<div><span>𐐛</span> 𐑃</div>
+<div><span>𐐜</span> 𐑄</div>
+<div><span>𐐝</span> 𐑅</div>
+<div><span>𐐞</span> 𐑆</div>
+<div><span>𐐟</span> 𐑇</div>
+<div><span>𐐠</span> 𐑈</div>
+<div><span>𐐡</span> 𐑉</div>
+<div><span>𐐢</span> 𐑊</div>
+<div><span>𐐣</span> 𐑋</div>
+<div><span>𐐤</span> 𐑌</div>
+<div><span>𐐥</span> 𐑍</div>
+<div><span>𐐦</span> 𐑎</div>
+<div><span>𐐧</span> 𐑏 </div>
+</div>
+
+
+<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-cap-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-001-ref.xht
new file mode 100644
index 0000000000..2408b13443
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-001-ref.xht
@@ -0,0 +1,5 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head></head><body style="letter-spacing:2px">
+ This Text Should Be Capitalized.
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-cap-001.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-001.xht
new file mode 100644
index 0000000000..9b6c9e0c96
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-001.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: text-transform</title>
+ <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="text-transform-cap-001-ref.xht"/>
+ </head><body style="letter-spacing:2px">
+ <span style="text-transform:capitalize">This text should be capitalized.</span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-cap-002.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-002.xht
new file mode 100644
index 0000000000..4986f4bfec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-002.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: text-transform</title>
+ <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="text-transform-cap-001-ref.xht"/>
+ </head><body style="letter-spacing:2px">
+ T<span style="text-transform:capitalize">his text should be capitalized.</span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-cap-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-003-ref.xht
new file mode 100644
index 0000000000..f1ea0ece08
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-003-ref.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head></head><body style="letter-spacing:2px">
+<p>I Ask "Questions"
+</p><p>i ask "Questions"
+</p><p>I Ask questions
+</p><p>I Ask<br />Questions
+</p><p>I Ask&#160;Questions
+</p><p style="white-space:nowrap">I Ask Questions
+
+
+</p></body></html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-cap-003.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-003.xht
new file mode 100644
index 0000000000..1b945056a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-003.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: text-transform</title>
+ <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="text-transform-cap-003-ref.xht"/>
+</head><body style="letter-spacing:2px">
+<p><span style="text-transform:capitalize">i ask "questions"</span>
+</p><p>i ask "<span style="text-transform:capitalize">questions"</span>
+</p><p><span style="text-transform:capitalize">i ask <span style="text-transform:none">q</span>uestions</span>
+</p><p><span style="text-transform:capitalize">i ask<br />questions</span>
+</p><p><span style="text-transform:capitalize">i ask&#160;questions</span>
+</p><p style="white-space:nowrap"><span style="text-transform:capitalize">i ask questions</span>
+
+
+</p></body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-lowercase-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-lowercase-001-ref.xht
new file mode 100644
index 0000000000..d9cff6d618
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-lowercase-001-ref.xht
@@ -0,0 +1,5 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>
+ this text should be lowercased.
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-lowercase-001.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-lowercase-001.xht
new file mode 100644
index 0000000000..15c7a4f048
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-lowercase-001.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: text-transform</title>
+ <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="text-transform-lowercase-001-ref.xht"/>
+ </head><body>
+ <span style="text-transform:lowercase">This text should be lowercased.</span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-unicase-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-unicase-001-ref.xht
new file mode 100644
index 0000000000..3dffb50868
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-unicase-001-ref.xht
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ </head>
+ <body>
+ <p>Test passes if the two characters below look exactly alike.</p>
+ <div>
+ <span id="test">&#4304;</span>
+ <span>&#4304;</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-unicase-001.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-unicase-001.xht
new file mode 100644
index 0000000000..c5cefc2a1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-unicase-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Text-transform and unicase scripts</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="text-transform-unicase-001-ref.xht"/>
+ <meta name="assert" content="Verifies that text-transform does not capitalize a unicase script." />
+ <style type="text/css">
+ #test
+ {
+ text-transform: uppercase;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two characters below look exactly alike.</p>
+ <div>
+ <span id="test">&#4304;</span>
+ <span>&#4304;</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-001-ref.xht
new file mode 100644
index 0000000000..7751d8d4d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-001-ref.xht
@@ -0,0 +1,5 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>
+ THIS TEXT SHOULD BE UPPERCASED.
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-001.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-001.xht
new file mode 100644
index 0000000000..b2fdac637d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-001.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: text-transform</title>
+ <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="text-transform-uppercase-001-ref.xht"/>
+ </head><body>
+ <span style="text-transform:uppercase">This text should be uppercased.</span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-002-ref.xht
new file mode 100644
index 0000000000..62857789d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-002-ref.xht
@@ -0,0 +1,5 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>
+ SS
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-002.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-002.xht
new file mode 100644
index 0000000000..2b7de254d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-002.xht
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: text-transform szlig</title>
+ <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="text-transform-uppercase-002-ref.xht"/>
+ </head><body>
+ <span style="text-transform:uppercase">&#223;</span>
+
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-001-ref.xht
new file mode 100644
index 0000000000..e0c5e2a39b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-001-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" />
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1em Ahem;
+ line-height: 1em;
+ }
+ #reference
+ {
+ height: 1em;
+ width: 5em;
+ }
+ #div1, #div3
+ {
+ background: black;
+ }
+ #div1, #div2, #div3
+ {
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div>
+ <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-001.xht
new file mode 100644
index 0000000000..f4fb548d00
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-001.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space set to 'normal'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property set to 'normal' removes extra spacing when more than one space is next to another." />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1em Ahem;
+ line-height: 1em;
+ }
+ #test
+ {
+ white-space: normal;
+ }
+ #reference
+ {
+ height: 1em;
+ width: 5em;
+ }
+ #div1, #div3
+ {
+ background: black;
+ }
+ #div1, #div2, #div3
+ {
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="test">XX XX</div>
+ <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-002-ref.xht
new file mode 100644
index 0000000000..30ea7df609
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-002-ref.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" />
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1em Ahem;
+ line-height: 1em;
+ }
+ #reference
+ {
+ height: 1em;
+ width: 7em;
+ }
+ #div1, #div3
+ {
+ background: black;
+ }
+ #div1, #div2, #div3
+ {
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ height: 1em;
+ width: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black squares on the page.</p>
+ <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div>
+ <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-002.xht b/testing/web-platform/tests/css/CSS2/text/white-space-002.xht
new file mode 100644
index 0000000000..5fb1a842e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-002.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space set to 'pre'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property set to 'pre' does not remove extra spacing when more than one space is next to another." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1em Ahem;
+ line-height: 1em;
+ }
+ #test
+ {
+ white-space: pre;
+ }
+ #reference
+ {
+ height: 1em;
+ width: 7em;
+ }
+ #div1, #div3
+ {
+ background: black;
+ }
+ #div1, #div2, #div3
+ {
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ height: 1em;
+ width: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black squares on the page.</p>
+ <div id="test">XX XX</div>
+ <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-003.xht b/testing/web-platform/tests/css/CSS2/text/white-space-003.xht
new file mode 100644
index 0000000000..dd59199bfd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-003.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space set to 'nowrap'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property set to 'nowrap' removes extra spacing when more than one space is next to another. And the text does not wrap when width is constrained." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1em Ahem;
+ line-height: 1em;
+ }
+ #test
+ {
+ white-space: nowrap;
+ width: 1em;
+ }
+ #reference
+ {
+ height: 1em;
+ width: 5em;
+ }
+ #div1, #div3
+ {
+ background: black;
+ }
+ #div1, #div2, #div3
+ {
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="test">XX XX</div>
+ <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-004-ref.xht
new file mode 100644
index 0000000000..8238da185b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-004-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" />
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ margin: 0;
+ padding: 0;
+ }
+ #reference
+ {
+ background: blue;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single black box above a blue box (there can be white space between the boxes) and the black box has the same width as the blue box.</p>
+ <div>XX<br />XX</div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-004.xht b/testing/web-platform/tests/css/CSS2/text/white-space-004.xht
new file mode 100644
index 0000000000..641c3f3c0b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-004.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space set to 'pre-wrap'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property set to 'pre-wrap' does not remove extra spacing when two spaces are next to each other and introduces line breaking opportunities." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ margin: 0;
+ padding: 0;
+ }
+ #test
+ {
+ white-space: pre-wrap;
+ width: 5em;
+ }
+ #reference
+ {
+ background: blue;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single black box above a blue box (there can be white space between the boxes) and the black box has the same width as the blue box.</p>
+ <div id="test">XX XX</div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-005.xht b/testing/web-platform/tests/css/CSS2/text/white-space-005.xht
new file mode 100644
index 0000000000..aa5b61ca2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-005.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space set to 'pre-line'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property set to 'pre-line' does remove extra spacing when two spaces are next to each other and breaks at new lines." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1em Ahem;
+ line-height: 1em;
+ }
+ #test
+ {
+ white-space: pre-line;
+ }
+ #reference
+ {
+ height: 1em;
+ width: 5em;
+ }
+ #div1, #div3
+ {
+ background: black;
+ }
+ #div1, #div2, #div3
+ {
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="test">XX XX</div>
+ <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-006.xht b/testing/web-platform/tests/css/CSS2/text/white-space-006.xht
new file mode 100644
index 0000000000..de0061bb23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-006.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property" />
+ <link rel="match" href="white-space-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property set to 'inherit' causes the element to use its parent's white-space value." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ white-space: pre;
+ }
+ div
+ {
+ font: 1em Ahem;
+ line-height: 1em;
+ }
+ #test
+ {
+ white-space: normal;
+ white-space: inherit;
+ }
+ #reference
+ {
+ height: 1em;
+ width: 7em;
+ }
+ #div1, #div3
+ {
+ background: black;
+ }
+ #div1, #div2, #div3
+ {
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ height: 1em;
+ width: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black squares on the page.</p>
+ <div id="wrapper"><div id="test">XX XX</div></div>
+ <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-007-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-007-ref.xht
new file mode 100644
index 0000000000..926c233c59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-007-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" />
+ <link rel="author" title="Justin Boss" href="http://www.bosspro.org/contactus/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" />
+
+ <style type="text/css"><![CDATA[
+ div#test
+ {
+ background-color: orange;
+ height: 100px;
+ width: 500px;
+ }
+
+ div#control
+ {
+ background-color: blue;
+ height: 100px;
+ width: 500px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the wide orange and blue rectangles are the <strong>same width</strong> and the <strong>same height</strong>.</p>
+
+ <div id="test">&nbsp;</div>
+
+ <div id="control">&nbsp;</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-007.xht b/testing/web-platform/tests/css/CSS2/text/white-space-007.xht
new file mode 100644
index 0000000000..3dc9fcc695
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-007.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: white-space</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" />
+ <link rel="author" title="Justin Boss" href="http://www.bosspro.org/contactus/" />
+ <link rel="help" title="C.5.76 Section 16.6.1 The 'white-space' processing model" href="https://www.w3.org/TR/CSS21/changes.html#q21.363" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="'white-space: normal' and 'white-space: nowrap' should collapse sequences of white space. Regarding wrapping, line breaking opportunities are determined on the text prior to white space collapsing steps." />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div#test
+ {
+ background-color: orange;
+ color: orange;
+ font: 50px/1 Ahem;
+ width: 500px;
+ white-space: normal;
+ }
+
+ span
+ {
+ white-space: nowrap;
+ }
+
+ div#control
+ {
+ background-color: blue;
+ height: 100px;
+ width: 500px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the wide orange and blue rectangles are the <strong>same width</strong> and the <strong>same height</strong>.</p>
+
+ <div id="test"><span>X </span> <span>X </span> <span>X </span> <span>X </span> <span>X </span> <span>X </span> <span>X </span> <span>X </span> <span>X </span> <span>X </span></div>
+
+ <div id="control">&nbsp;</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-008-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-008-ref.xht
new file mode 100644
index 0000000000..583eb2e828
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-008-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="fassino[at]gmail.com" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" />
+
+ <style type="text/css"><![CDATA[
+ #test-overlapping-green
+ {
+ background-color: lime;
+ }
+
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide bright green rectangle below with one "X" in it and if there is no red.</p>
+
+ <div id="test-overlapping-green"><br/><br/>X</div>
+
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-008.xht b/testing/web-platform/tests/css/CSS2/text/white-space-008.xht
new file mode 100644
index 0000000000..c81aac449a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-008.xht
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: white-space - pre and newlines in source</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-transform" />
+ <link rel="match" href="white-space-008-ref.xht" />
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Bruno Fassino" href="fassino[at]gmail.com" />
+ <meta content="Newlines in source must be preserved with 'white-space: pre'" name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #test-overlapping-green
+ {
+ background-color: lime;
+ white-space: pre;
+ }
+
+ #reference-overlapped-red
+ {
+ background-color: red;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: -1;
+ }
+
+ #relatively-positioned-wrapper
+ {
+ position: relative;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a wide bright green rectangle below with one "X" in it and if there is no red.</p>
+
+ <div id="relatively-positioned-wrapper">
+
+ <div id="test-overlapping-green">
+
+X</div>
+
+ <div id="reference-overlapped-red">
+ X<br />
+ X<br />
+
+ X
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-001.xht
new file mode 100644
index 0000000000..1702e171b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-001.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space application to 'display: inline' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property" />
+ <link rel="match" href="white-space-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property applies to 'display: inline' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ display: inline;
+ white-space: pre;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black squares on the page.</p>
+ <div>
+ <div id="div1">XX XX</div>
+ </div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-002.xht
new file mode 100644
index 0000000000..04e90d7f95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-002.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space application to 'display: block' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="white-space-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property applies to 'display: block' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ span
+ {
+ display: block;
+ white-space: pre;
+ }
+ #div1, #div2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black squares on the page.</p>
+ <div>
+ <span>XX XX</span>
+ </div>
+ <div id="div1"></div><div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-003-ref.xht
new file mode 100644
index 0000000000..3123d6221b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-003-ref.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" />
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ margin-left: 2em;
+ }
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ display: list-item;
+ }
+ #ref1, #ref2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #ref2
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two squares below and the left most square has a marker bullet on the left-hand side.</p>
+ <div id="test">XX&nbsp;&nbsp;&nbsp;XX</div>
+ <div id="ref1"></div><div id="ref2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-003.xht
new file mode 100644
index 0000000000..67ad1e5d10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-003.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space application to 'display: list-item' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="white-space-applies-to-003-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property applies to display: list-item elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ margin-left: 2em;
+ }
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ display: list-item;
+ white-space: pre;
+ }
+ #ref1, #ref2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #ref2
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two squares below and the left most square has a marker bullet on the left-hand side.</p>
+ <div id="test">XX XX</div>
+ <div id="ref1"></div><div id="ref2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-005.xht
new file mode 100644
index 0000000000..8508a884be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-005.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space application to 'display: inline-block' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="white-space-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property applies to 'display: inline-block' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ span
+ {
+ display: inline-block;
+ white-space: pre;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black squares on the page.</p>
+ <div>
+ <span>XX XX</span>
+ </div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-006.xht
new file mode 100644
index 0000000000..b60f51ff75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-006.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space application to 'display: table' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="white-space-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property applies to 'display: table' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ white-space: pre;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1, #div2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black squares on the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">XX XX</div>
+ </div>
+ </div>
+ <div id="div1"></div><div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-007.xht
new file mode 100644
index 0000000000..2521a6d8b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-007.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space application to 'display: inline-table' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="white-space-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property applies to 'display: inline-table' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: inline-table;
+ white-space: pre;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1, #div2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black squares on the page.</p>
+ <div>
+ <div id="table">
+ <div id="row">
+ <div id="cell">XX XX</div>
+ </div>
+ </div>
+ </div>
+ <div id="div1"></div><div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-008.xht
new file mode 100644
index 0000000000..214d844f1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-008.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space application to 'display: table-row-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="white-space-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property applies to 'display: table-row-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ font-family: Ahem;
+ }
+ #test
+ {
+ display: table-row-group;
+ white-space: pre;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1, #div2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black squares on the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">XX XX</div>
+ </div>
+ </div>
+ </div>
+ <div id="div1"></div><div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-009.xht
new file mode 100644
index 0000000000..5328956af6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-009.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space application to 'display: table-header-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="white-space-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property applies to 'display: table-header-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ font-family: Ahem;
+ }
+ #test
+ {
+ display: table-header-group;
+ white-space: pre;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1, #div2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black squares on the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">XX XX</div>
+ </div>
+ </div>
+ </div>
+ <div id="div1"></div><div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-010.xht
new file mode 100644
index 0000000000..affee6ab1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-010.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space application to 'display: table-footer-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="white-space-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property applies to 'display: table-footer-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ font-family: Ahem;
+ }
+ #test
+ {
+ display: table-footer-group;
+ white-space: pre;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1, #div2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black squares on the page.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">XX XX</div>
+ </div>
+ </div>
+ </div>
+ <div id="div1"></div><div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-011.xht
new file mode 100644
index 0000000000..f4dcfbe9b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-011.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space application to 'display: table-row' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/>
+ <link rel="match" href="white-space-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property applies to 'display: table-row' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ white-space: pre;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1, #div2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black squares on the page.</p>
+ <div>
+ <div id="table">
+ <div id="row">
+ <div id="cell">XX XX</div>
+ </div>
+ </div>
+ </div>
+ <div id="div1"></div><div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-012.xht
new file mode 100644
index 0000000000..f4d9ecfe4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-012.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space application to 'display: table-column-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property is not applied to 'display: table-column-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-column-group;
+ white-space: pre;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1, #div2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ margin-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">XX XX</div>
+ </div>
+ </div>
+ <div id="div1"></div><div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-013.xht
new file mode 100644
index 0000000000..4e01932c83
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-013.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space application to 'display: table-column' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property is not applied to 'display: table-column' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-column;
+ white-space: pre;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1, #div2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ margin-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">XX XX</div>
+ </div>
+ </div>
+ <div id="div1"></div><div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-014.xht
new file mode 100644
index 0000000000..fc9b641252
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-014.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space application to 'display: table-cell' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="white-space-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property applies to 'display: table-cell' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ white-space: pre;
+ }
+ #div1, #div2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black squares on the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">XX XX</div>
+ </div>
+ </div>
+ <div id="div1"></div><div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-015.xht
new file mode 100644
index 0000000000..1b8acd7b05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-015.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space application to 'display: table-caption' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="white-space-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property applies to 'display: table-caption' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ display: table-caption;
+ white-space: pre;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1, #div2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black squares on the page.</p>
+ <div id="table">
+ <div id="caption">XX XX</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div id="div1"></div><div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-bidirectionality-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-bidirectionality-001-ref.xht
new file mode 100644
index 0000000000..7234d43469
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-bidirectionality-001-ref.xht
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" />
+ </head>
+ <body>
+ <p>Test passes if the following text is below "A BC" (there can be two spaces between letters 'A' and 'B').</p>
+ <div>
+ <bdo>A&nbsp;&nbsp;BC</bdo>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-bidirectionality-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-bidirectionality-001.xht
new file mode 100644
index 0000000000..1d0f8211af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-bidirectionality-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space and bidirectionality (example from spec)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-bidirectionality-001-ref.xht" />
+ <meta name="assert" content="The white space processing model does not take bidi into account for the first half of the processing model but does for the second half." />
+ <style type="text/css">
+ div
+ {
+ white-space: normal;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the following text is below "A BC" (there can be two spaces between letters 'A' and 'B').</p>
+ <div>
+ <bdo dir="ltr">A <bdo dir="rtl"> B </bdo> C</bdo>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-001-ref.xht
new file mode 100644
index 0000000000..3ea0bf3be5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-001-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 200px;
+ margin-left: 20px;
+ width: 20px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a vertical green bar and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-001.xht
new file mode 100644
index 0000000000..90f2d4535c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space normal: collapsing through padding, borders, margins</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-28 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/collapsing/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-collapsing-001-ref.xht" />
+
+ <meta name="flags" content="ahem"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { font: 1.25em/1 Ahem; background: white; color: red; }
+ .test span { background: red; color: green; }
+ .a, .b, .c, .d, .e { margin-left: 1em; }
+ .f span { margin-left: 1em; }
+ .g span { padding-left: 1em; background: white; }
+ .h span { border-left: 1em white solid; }
+ .i span { margin-left: 0.25em; border-left: 0.5em white solid; padding-left: 0.25em; background: white; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a vertical green bar and <strong>no red</strong>.</p>
+ <div class="test a"><span>X</span> </div>
+ <div class="test b"><span> X</span> </div>
+ <div class="test c"> <span>X</span> </div>
+ <div class="test d"> <span> X</span> </div>
+ <div class="test e"> <span> X</span> </div>
+ <div class="test f"> <span> X</span> </div>
+ <div class="test g"> <span> X</span> </div>
+ <div class="test h"> <span> X</span> </div>
+ <div class="test i"> <span> X</span> </div>
+ <div class="test a"><span>X</span> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-002.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-002.xht
new file mode 100644
index 0000000000..627214c8d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-002.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space normal: collapsing through padding, borders, margins</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-28 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/collapsing/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-collapsing-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { font: 1.25em/1 Ahem; background: white; color: red; }
+ .test span { background: red; color: green; }
+ em { font: inherit; }
+ .a, .b, .c, .d, .e { margin-left: 1em; }
+ .f span { margin-left: 1em; }
+ .g span { padding-left: 1em; background: white; }
+ .h span { border-left: 1em white solid; }
+ .i span { margin-left: 0.25em; border-left: 0.5em white solid; padding-left: 0.25em; background: white; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if there is a vertical green bar and <strong>no red</strong>.</p>
+ <div class="test a"> <em> </em> <span>X</span> </div>
+ <div class="test b"> <em> </em> <span> X</span> </div>
+ <div class="test c"> <em> </em> <span>X</span> </div>
+ <div class="test d"> <em> </em> <span> X</span> </div>
+ <div class="test e"> <em> </em> <span> X</span> </div>
+ <div class="test f"> <em> </em> <span> X</span> </div>
+ <div class="test g"> <em> </em> <span> X</span> </div>
+ <div class="test h"> <em> </em> <span> X</span> </div>
+ <div class="test i"> <em> </em> <span> X</span> </div>
+ <div class="test a"> <em> </em> <span>X</span> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-003-ref.xht
new file mode 100644
index 0000000000..a045802baa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-003-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { margin: 0.25em; border: 0.25em solid navy; padding: 0.1em; background: blue; color: yellow; text-decoration: underline; width: 7em; text-align: center; font: 2em Ahem, monospace; }
+ </style>
+ </head>
+ <body>
+ <p>The following lines should all look identical:</p>
+ <div class="test">XXXX</div>
+ <div class="test">XXXX</div>
+ <div class="test">XXXX</div>
+ <div class="test">XXXX</div>
+ <div class="test"><span>XXXX</span></div>
+ <div class="test"><span>XXXX</span></div>
+ <div class="test"><span>XXXX</span></div>
+ <div class="test"><span>XXXX</span></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-003.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-003.xht
new file mode 100644
index 0000000000..0363a4cf82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-003.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space normal: collapsing at line edges</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/collapsing/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2" />
+ <link rel="match" href="white-space-collapsing-003-ref.xht" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { margin: 0.25em; border: 0.25em solid navy; padding: 0.1em; background: blue; color: yellow; text-decoration: underline; width: 7em; text-align: center; font: 2em Ahem, monospace; }
+ </style>
+ </head>
+ <body>
+ <p>The following lines should all look identical:</p>
+ <div class="test a">XXXX</div>
+ <div class="test b">XXXX </div>
+ <div class="test c"> XXXX</div>
+ <div class="test d"> XXXX </div>
+ <div class="test a"><span>XXXX</span></div>
+ <div class="test b"><span>XXXX </span></div>
+ <div class="test c"><span> XXXX</span></div>
+ <div class="test d"><span> XXXX </span></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-004-ref.xht
new file mode 100644
index 0000000000..99f4005232
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-004-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border: black solid medium;
+ margin-top: 40px;
+ width: 120px;
+ }
+
+ img {vertical-align: top;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 2 identical bicolored rectangles and <strong>no red</strong>.</p>
+
+ <div><img src="support/swatch-teal.png" width="40" height="40" alt="Image download support must be enabled" /><img src="support/swatch-aqua.png" width="40" height="40" alt="Image download support must be enabled" /><img src="support/swatch-teal.png" width="40" height="40" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-teal.png" width="40" height="40" alt="Image download support must be enabled" /><img src="support/swatch-aqua.png" width="40" height="40" alt="Image download support must be enabled" /><img src="support/swatch-teal.png" width="40" height="40" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-004.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-004.xht
new file mode 100644
index 0000000000..70a2a4f6ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-004.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space normal: simple tests</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-28 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/collapsing/none/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-collapsing-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { font: 2.5em/1 Ahem; color: teal; background: aqua; white-space: normal; width: 3em; border: solid black; }
+ .test span { display: none; color: red; background: maroon; }
+ em { background: red; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 identical bicolored rectangles and <strong>no red</strong>.</p>
+ <p class="test">X X</p>
+ <p class="test">
+ X <em>
+ <span> FAIL </span>
+ <span> FAIL </span>
+ <span> FAIL </span>
+ <span> FAIL </span>
+ <span> FAIL </span>
+ </em>X
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-005.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-005.xht
new file mode 100644
index 0000000000..8ed9d432ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-005.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space normal: simple tests</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-28 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/collapsing/none/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-collapsing-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { font: 2.5em/1 Ahem; color: teal; background: aqua; white-space: normal; width: 3em; border: solid black; }
+ .test span { display: none; color: red; background: maroon; }
+ em { background: red; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 identical bicolored rectangles and <strong>no red</strong>.</p>
+ <p class="test">X X</p>
+ <p class="test">
+ X <em>
+ <span>FAIL</span>
+ <span>FAIL</span>
+ <span>FAIL</span>
+ <span>FAIL</span>
+ <span>FAIL</span>
+ </em>X
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-001-ref.xht
new file mode 100644
index 0000000000..df6da32f52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-001-ref.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: aqua;
+ border: black solid medium;
+ height: 40px;
+ margin-top: 18px;
+ margin-left: 2px;
+ margin-bottom: 2px;
+ padding-left: 40px;
+ width: 160px;
+ }
+
+ div#second-div
+ {
+ margin-top: 2px;
+ }
+
+ img {vertical-align: top;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 bicolored rectangles are <strong>identical</strong> and if there is <strong>no red</strong>. (Force bidi: &#x05D0;)</p>
+
+ <div><img src="support/swatch-yellow.png" width="80" height="40" alt="Image download support must be enabled" /></div>
+
+ <div id="second-div"><img src="support/swatch-yellow.png" width="80" height="40" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-001.xht
new file mode 100644
index 0000000000..41644681eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-001.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: White-space collapsing and the bidi algorithm</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/collapsing/bidi/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#egbidiwscollapse" />
+ <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes" />
+ <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#bidi-box-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-collapsing-bidi-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ td { background: red; padding: 0; border: solid; }
+ .test span { color: aqua; background: yellow; font: 2.5em/1 Ahem; white-space: normal; }
+ .reference .block { color: aqua; background: red; font: 2.5em/1 Ahem; white-space: normal; }
+ .reference .space { color: yellow; background: red; font: 2.5em/1 Ahem; white-space: normal; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 2 bicolored rectangles are <strong>identical</strong> and if there is <strong>no red</strong>. (Force bidi: &#x05D0;)</p>
+ <table>
+ <tr><td class="test"><span>x &#x202E; x &#x202C; x</span></td></tr>
+ <tr><td class="reference"><span class="block">x</span><span class="space">x</span><span class="space">x</span><span class="block">x</span><span class="block">x</span></td></tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-002.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-002.xht
new file mode 100644
index 0000000000..7b6718f4d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-002.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: White-space collapsing and the bidi algorithm (using &lt;dir&gt;)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/collapsing/bidi/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#egbidiwscollapse" />
+ <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes" />
+ <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#bidi-box-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-collapsing-bidi-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ td { background: red; padding: 0; border: solid; }
+ .test .test { color: aqua; background: yellow; font: 2.5em/1 Ahem; white-space: normal; }
+ .reference .block { color: aqua; background: red; font: 2.5em/1 Ahem; white-space: normal; }
+ .reference .space { color: yellow; background: red; font: 2.5em/1 Ahem; white-space: normal; }
+ </style>
+ </head>
+ <body>
+ <p> Test passes if the 2 bicolored rectangles are <strong>identical</strong> and if there is <strong>no red</strong>. (Force bidi: &#x05D0;) </p>
+ <table>
+ <tr><td class="test"><span class="test"><span dir="ltr">x <span dir="rtl"> x </span> x</span></span></td></tr>
+ <tr><td class="reference"><span class="block">x</span><span class="space">x</span><span class="space">x</span><span class="block">x</span><span class="block">x</span></td></tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-003-ref.xht
new file mode 100644
index 0000000000..b02276c9ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-003-ref.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: green solid medium;
+ height: 20px;
+ margin-bottom: 4px;
+ margin-left: 2px;
+ width: 60px;
+ }
+
+ div#first {margin-top: 18px;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 6 green stripes are <strong>identical</strong> and if there is <strong>no red</strong>.</p>
+
+ <div id="first"></div>
+
+ <div></div>
+
+ <div></div>
+
+ <div></div>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-003.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-003.xht
new file mode 100644
index 0000000000..cd21357dac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-003.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Trailing spaces in table cells</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/collapsing/bidi/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes" />
+ <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#bidi-box-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-collapsing-bidi-003-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ td { border: solid; padding: 0; background: red; font: 1.25em/1 Ahem; color: green; white-space: normal; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the 6 green stripes are <strong>identical</strong> and if there is <strong>no red</strong>.</p>
+ <table><tr><td>XXX </td></tr></table>
+ <table><tr><td> XXX</td></tr></table>
+ <table><tr><td> XXX </td></tr></table>
+ <table dir="rtl"><tr><td>XXX </td></tr></table>
+ <table dir="rtl"><tr><td> XXX</td></tr></table>
+ <table dir="rtl"><tr><td> XXX </td></tr></table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-breaks-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-breaks-001-ref.xht
new file mode 100644
index 0000000000..42dd7d0187
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-breaks-001-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/>
+ <link rel="author" title="Florian Rivoal" href="https:/florian.rivoal.net"/>
+ <style type="text/css">
+ div {
+ height: 2em;
+ background: green;
+ }
+ </style>
+
+ </head>
+ <body>
+ <p>There must be a green box below and no red.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-breaks-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-breaks-001.xht
new file mode 100644
index 0000000000..d06ca5f96b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-breaks-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Line Breaking in Collapsed White Space</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1"/>
+ <link rel="match" href="white-space-collapsing-breaks-001-ref.xht"/>
+ <meta name="assert" content="Line break opportunities are determined before
+ white space collapsing."/>
+ <style type="text/css">
+ .control {
+ line-height: 1;
+ height: 2em;
+ background: red;
+ }
+ .cover {
+ color: green;
+ background: green;
+ }
+ .constraint {
+ width: 0;
+ }
+ .nobr { white-space: nowrap; }
+ </style>
+
+ </head>
+ <body>
+ <p>There must be a green box below and no red.</p>
+ <div class="control">
+ <div class="cover">
+ <div class="constraint">
+ <span class="nobr">AA </span> BB
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-control-characters-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-control-characters-001.xht
new file mode 100644
index 0000000000..09d66cd49b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-control-characters-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space and non white space control characters</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#ctrlchars" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-processing"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="White space processing model does not affect non white space control characters, in this case the 'Start of string' character." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ white-space: normal;
+ }
+ span
+ {
+ background: black;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box is the same width or wider than the blue box.</p>
+ <div id="div1"><span>X &#x98; XX</span></div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-generated-content-before-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-generated-content-before-001-ref.xht
new file mode 100644
index 0000000000..bb9c8f5700
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-generated-content-before-001-ref.xht
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test Reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/" />
+ <style type="text/css">
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two lines below have the exact same spacing.</p>
+ <div>The spacing on these two sentences need to be the same!</div>
+ <div>The spacing on these two sentences need to be the same!</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-generated-content-before-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-generated-content-before-001.xht
new file mode 100644
index 0000000000..da9fbd170b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-generated-content-before-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre-line' vs. ':before' assignment</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-line" />
+ <link rel="match" href="white-space-generated-content-before-001-ref.xht" />
+ <meta name="assert" content="The ':before' assignment and 'white-space: pre-line' assignment behave the same way with respect to white space." />
+ <style type="text/css">
+ #div1
+ {
+ white-space: pre-line;
+ }
+ #div2:before
+ {
+ content:" The spacing on these ";
+ white-space: pre-line;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two lines below have the exact same spacing.</p>
+ <div id="div1"> The spacing on these two sentences need to be the same! </div>
+ <div id="div2">two sentences need to be the same! </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-mixed-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-001-ref.xht
new file mode 100644
index 0000000000..7e17ec3d26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-001-ref.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: yellow;
+ border: blue solid medium;
+ color: orange;
+ font: 1.25em/1 Ahem;
+ white-space: pre;
+ width: 19em;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>There should be a pretty yellow and orange pattern and "PASS" in orange on white.</p>
+
+ <div>1234567890123456789
+x x x x x x x x x x
+1234567890123456789 xxxx xxxx xxxx xxxx
+x x x x x x x x
+x x x x x x x x x x xxxx xxxx xxxx xxxx
+x x x x x x x
+xxxxxxxxxxxxxxxxxxx x x x xxxx xxxx</div>
+
+ <p>The pattern in the blue rectangle above should look exactly like the reference rendering below:</p>
+
+ <div>1234567890123456789
+x x x x x x x x x x
+1234567890123456789 xxxx xxxx xxxx xxxx
+x x x x x x x x
+x x x x x x x x x x xxxx xxxx xxxx xxxx
+x x x x x x x
+xxxxxxxxxxxxxxxxxxx x x x xxxx xxxx</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-mixed-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-001.xht
new file mode 100644
index 0000000000..2202c90644
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-001.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <!-- ================================================================ -->
+ <!-- WARNING! This document contains significant trailing whitespace! -->
+ <!-- ================================================================ -->
+
+ <head>
+ <title>CSS Test: white-space: mixed tests</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/mixed/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property" />
+ <link rel="match" href="white-space-mixed-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test
+ {
+ background: yellow;
+ border: solid blue;
+ color: orange;
+ font: 1.25em/1 Ahem;
+ width: 19em;
+ }
+
+ .normal { white-space: normal; }
+ .nowrap { white-space: nowrap; }
+ .pre { white-space: pre; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a pretty yellow and orange pattern and "PASS" in orange on white.</p>
+ <div class="test pre">1234567890123456789<span class="normal">
+ x <span>
+x <span class="pre"></span> x<span>
+
+</span> x x</span> x <span> x x </span> x <span class="pre">x</span>
+1234</span>567890123456789 xxxx xxxx xx<span class="normal">x<span class="nowrap">x
+xxxx </span> </span>x<span class="normal"> <span class="pre"> </span> <span class="pre"> </span> <span class="pre"> </span>
+<span class="nowrap">
+ </span> </span> <span class="pre"> </span><span class="normal"> </span> <span class="nowrap">
+ </span><span class="normal"> </span> x x x x x x x
+<span class="nowrap">x
+x x x x x x x x x xxxx
+xxxx xxxx xxxx </span>
+x x x x x x x<span class="normal"> xxxxxxxxxxxxxxxxxxx<span
+class="pre"> x x x xxxx xxxx </span></span>
+</div>
+
+ <p>The pattern in the blue rectangle above should look exactly like the reference rendering below:</p>
+
+ <div class="test pre">1234567890123456789
+x x x x x x x x x x
+1234567890123456789 xxxx xxxx xxxx xxxx
+x x x x x x x x
+x x x x x x x x x x xxxx xxxx xxxx xxxx
+x x x x x x x
+xxxxxxxxxxxxxxxxxxx x x x xxxx xxxx</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-mixed-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-002-ref.xht
new file mode 100644
index 0000000000..85fa178883
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-002-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: yellow;
+ border: blue solid medium;
+ margin-bottom: 40px;
+ margin-left: 20px;
+ margin-top: 36px;
+ width: 140px;
+ }
+
+ img {vertical-align: top;}
+
+ img + img {float: right;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the contents of the 2 blue stripes are <strong>identical</strong>.</p>
+
+ <div><img src="support/swatch-orange.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-orange.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-mixed-002.xht b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-002.xht
new file mode 100644
index 0000000000..1de2d46024
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-002.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space: mixed tests (simple)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/mixed/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules" />
+ <link rel="match" href="white-space-mixed-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { border: solid blue; font: 1.25em/1 Ahem; background: yellow; color: orange; float: left; clear: left; margin: 1em; }
+ .normal { white-space: normal; }
+ .nowrap { white-space: nowrap; }
+ .pre { white-space: pre; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the contents of the 2 blue stripes are <strong>identical</strong>.</p>
+ <div class="test normal">[<span class="normal"> </span><span class="pre"> </span><span class="normal"> </span><span class="pre"> </span><span class="normal"> </span>]</div>
+ <div class="test pre">[ ]</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-mixed-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-003-ref.xht
new file mode 100644
index 0000000000..a26e5300ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-003-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ margin-left: 20px;
+ margin-top: 36px;
+ }
+
+ img
+ {
+ border: blue solid medium;
+ margin-right: 40px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the contents of the 2 small blue rectangles are <strong>identical</strong>.</p>
+
+ <div><img src="support/swatch-orange.png" width="20" height="40" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="20" height="40" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-mixed-003.xht b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-003.xht
new file mode 100644
index 0000000000..26a790936a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-003.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space: mixed tests (simple)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/mixed/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property" />
+ <link rel="match" href="white-space-mixed-003-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { border: solid blue; font: 1.25em/1 Ahem; background: yellow; color: orange; float: left; margin: 1em; }
+ .normal { white-space: normal; }
+ .nowrap { white-space: nowrap; }
+ .pre { white-space: pre; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the contents of the 2 small blue rectangles are <strong>identical</strong>.</p>
+ <div class="test normal"><span class="pre">x
+<!-- --></span><span class="normal"> x</span></div>
+ <div class="test pre">x
+x</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-mixed-004.xht b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-004.xht
new file mode 100644
index 0000000000..8b9a601edb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-004.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <!-- ================================================================ -->
+ <!-- WARNING! This document contains significant trailing whitespace! -->
+ <!-- ================================================================ -->
+
+ <head>
+ <title>CSS Test: white-space: mixed tests</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/mixed/dynamic/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+
+ <meta name="flags" content="ahem interact"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div { font: 1em/1 Ahem, monospace; color: navy; }
+ .bn { white-space: normal; }
+ .bp { white-space: pre; }
+ div:hover .an { white-space: normal; }
+ div:hover .ap { white-space: pre; }
+ div:hover .aG { color: green; }
+ div:hover .aB { color: brown; }
+ div:hover .abG { background: green; }
+ div:hover .abL { background: lime; }
+ </style>
+ </head>
+ <body>
+ <p>The picture below should change from a smiley-face to a landscape when you hover over it.</p>
+
+ <!-- note that spaces at the start of a line collapse in white-space: normal -->
+
+ <div>
+<span class="bp an"> </span><span class="bn ap aG"> ###</span><span class="bp ap"><!-- keep newline -->
+ </span><span class="bp an aG"> ##<span class="abL"> </span> </span><span class="bp ap aG">##
+ </span><span class="bp an aG"> #<span class="abL"> #
+<!-- keep newline --></span> #</span><span class="bn ap"><!-- keep newline -->
+ </span><span class="bp an aG"> #</span><span class="bp an aG abL"><!-- keep newline -->
+ #</span><span class="bn ap"><!-- keep newline -->
+ </span><span class="bp an aB"> #</span><span class="bn ap"><!-- keep newline -->
+ </span><span class="bp ap aB"> #</span><span class="bn ap"><!-- keep newline -->
+ </span><span class="bp an aB"> #</span><span class="bp ap"><!-- keep newline -->
+<!-- keep newline --></span><span class="bn ap aB"> #</span><span class="bn an"><!-- keep newline -->
+<!-- keep newline --></span><span class="bp an"> </span><span class="bp ap aG"> #</span><span class="bn ap"><!-- keep newline -->
+ </span><span class="bp an"><!-- keep newline -->
+<!-- keep newline --></span><span class="bn an aB">#
+ </span><span class="bp ap"> </span><span class="bp an aG"> <span class="abL"> #
+#</span></span><span class="bn ap"><!-- keep newline -->
+ </span><span class="bp an aB"> #<span class="bn ap"> </span>
+ </span><span class="bp an aG"># </span><span class="bn ap aB"><!-- keep newline -->
+ #</span><span class="bp ap"> </span><span class="bn ap aB"> #
+ </span><span class="bp an aB"> #<span class="bn ap"> </span>
+ #</span><span class="bn ap"><!-- keep newline -->
+ </span><span class="bp ap aG abL"> ##</span><span class="bp an aG abL"># #
+ # #
+ ##<span class="abG"> </span> ##
+ ###</span><span class="bn ap abL"> </span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-001-ref.xht
new file mode 100644
index 0000000000..068ee1813a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-001-ref.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: black solid medium;
+ height: 120px;
+ text-align: center;
+ width: 60px;
+ }
+
+ img
+ {
+ vertical-align: top;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a rectangle with 3 columns (1 dark green, 1 light green and then 1 dark green) and if there is <strong>no red</strong>.</p>
+
+ <div><img src="support/swatch-lime.png" width="20" height="120" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-001.xht
new file mode 100644
index 0000000000..b50e02f3d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-001.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space normal: simple tests</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2" />
+ <link rel="match" href="white-space-normal-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ * { white-space: normal; }
+ div { display: block; }
+ span { display: inline; }
+ table { padding: 0; border-spacing: 0; border: solid; }
+ td { font: 20px/1 Ahem; color: red; background: red; padding: 0; }
+ .red { background: red; }
+ .green { color: green; background: lime; }
+ .check { width: 3em; background: lime; color: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a rectangle with 3 columns (1 dark green, 1 light green and then 1 dark green) and if there is <strong>no red</strong>.</p>
+ <table>
+ <tr>
+ <td>
+ <div class="red"> </div>
+ <div class="red"> <div></div></div>
+ <div class="red"> <div> </div></div>
+ <div class="red"><div> </div></div>
+ <div class="red"><div> </div> </div>
+ <div class="red"><div></div> </div>
+ <div class="red"> <div></div> </div>
+ <div class="red"> <div> </div> </div>
+ <div class="green"><span>X</span> <span>X</span></div>
+ <div class="green"> <span>X</span> <span>X</span></div>
+ <div class="green"><span>X</span> <span>X</span> </div>
+ <div class="green"> <div></div> <span>X</span> <span>X</span> </div>
+ <div class="green"> <span>X</span> <span>X</span> <div></div> </div>
+ <div class="check">X X</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-002.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-002.xht
new file mode 100644
index 0000000000..b929d6751a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-002.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space normal: simple tests</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-normal-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ * { white-space: normal; }
+ div { display: block; }
+ span { display: inline; }
+ table { padding: 0; border-spacing: 0; border: solid; }
+ td { font: 20px/1 Ahem; color: red; background: red; padding: 0; }
+ .red { background: red; }
+ .green { color: green; background: lime; }
+ .check { width: 3em; background: lime; color: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a rectangle with 3 columns (1 dark green, 1 light green and then 1 dark green) and if there is <strong>no red</strong>.</p>
+ <table>
+ <tr>
+ <td>
+ <div class="red"> </div>
+ <div class="red"> <div></div></div>
+ <div class="red"> <div> </div></div>
+ <div class="red"><div> </div></div>
+ <div class="red"><div> </div> </div>
+ <div class="red"><div></div> </div>
+ <div class="red"> <div></div> </div>
+ <div class="red"> <div> </div> </div>
+ <div class="green"><span>X</span> <span>X</span></div>
+ <div class="green"> <span>X</span> <span>X</span></div>
+ <div class="green"><span>X</span> <span>X</span> </div>
+ <div class="green"> <div></div> <span>X</span> <span>X</span> </div>
+ <div class="green"> <span>X</span> <span>X</span> <div></div> </div>
+ <div class="check">X X</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-003-ref.xht
new file mode 100644
index 0000000000..f348a819e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-003-ref.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: lime;
+ color: green;
+ font: 20px/1 Ahem;
+ height: 100px;
+ margin-left: 2px;
+ margin-top: 18px;
+ width: 380px;
+ }
+
+ img {vertical-align: top;}
+
+ img.va-bottom {vertical-align: bottom;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is only the word "PASS" in green and <strong>no red</strong>.</p>
+
+ <div>
+ <!-- start of 1st line --><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /> <img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /> <img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /> <img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" />
+
+ <!-- start of 2nd line --> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;<img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;<img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;<img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;<img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" />
+
+ <!-- start of 3rd line --> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /> <img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" />
+
+ <!-- start of 4th line --> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;<img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" />&nbsp;&nbsp;<img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" />&nbsp;&nbsp;<img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" />
+
+ <!-- start of 5th line --> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;<img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" />
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-003.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-003.xht
new file mode 100644
index 0000000000..f7ef8a6d3b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-003.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space normal: UNICODE space characters</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules" />
+ <link rel="match" href="white-space-normal-003-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ /* setup */
+ * { white-space: normal; font: inherit; }
+ strong {font-weight: bold;}
+ div { display: block; }
+ span { display: inline; }
+
+ /* test */
+ td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; }
+ span { color: green; background: lime; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only the word "PASS" in green and <strong>no red</strong>.</p>
+ <table>
+ <tr>
+ <td>
+ <div>&#x0009;<span>XXXp pXXp pXXp pXXp</span></div>
+ <div><span> X &#xFEFF; X X&nbsp; X X &nbsp;&Eacute; X&nbsp;&nbsp;&Eacute;</span> </div>
+ <div><span> XXX&Eacute; XXXX &Eacute;XXp &Eacute;XXp </span></div>
+ <div> <span>X&#xFEFF; &#xFEFF; &#xFEFF; &#xFEFF; &#xFEFF;X &#xFEFF; X p&nbsp; X p &nbsp;X </span> </div>
+ <div> <span> X&nbsp; &nbsp; X&nbsp; X &Eacute;XX&Eacute; &Eacute;XX&Eacute;
+
+</span>
+
+ </div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-004.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-004.xht
new file mode 100644
index 0000000000..4bed414ba2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-004.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space normal: UNICODE space characters with inline elements</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules" />
+ <link rel="match" href="white-space-normal-003-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ /* setup */
+ * { white-space: normal; font: inherit; }
+ strong {font-weight: bold;}
+ div { display: block; }
+ span { display: inline; }
+
+ /* test */
+ td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; }
+ span { color: green; background: lime; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only the word "PASS" in green and <strong>no red</strong>.</p>
+ <table>
+ <tr>
+ <td>
+ <div>&#x0009;<span>XXXp pXXp pXXp pXXp</span></div>
+ <div><span> <span> X</span> &#xFEFF;<span> X</span> X&nbsp; X X &nbsp;&Eacute; <span> X&nbsp;&nbsp;</span>&Eacute;</span> </div>
+ <div> </div>
+ <div><span> XXX&Eacute; XXXX &Eacute;XXp &Eacute;XXp </span></div>
+ <div> <span>X&#xFEFF; &#xFEFF; &#xFEFF; &#xFEFF; &#xFEFF;X &#xFEFF; X p&nbsp; <span> X </span> p &nbsp;X </span> </div>
+ <div><span>X&nbsp; &nbsp; X<span></span>&nbsp;<span> X </span>&Eacute;XX&Eacute; <span> </span> &Eacute;XX&Eacute; </span> </div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-005-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-005-ref.xht
new file mode 100644
index 0000000000..31ad4dc09d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-005-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: lime;
+ border: green solid 20px;
+ height: 60px;
+ margin-left: 2px;
+ margin-top: 18px;
+ width: 60px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled bright green square with a thick green border and if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-005.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-005.xht
new file mode 100644
index 0000000000..fad48a1ac6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-005.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space normal: zero width non-breaking space</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules" />
+ <link rel="match" href="white-space-normal-005-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ /* setup */
+ td * { white-space: normal; font: inherit; }
+ div { display: block; }
+ span { display: inline; }
+
+ /* test */
+ td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; }
+ span { background: lime; }
+ div { color: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled bright green square with a thick green border and if there is <strong>no red</strong>.</p>
+ <!-- U+00A0 is exactly equivalent to U+200B U+0020 U+200B -->
+ <table>
+ <tr>
+ <td>
+ <div>XXXXX</div>
+ <div>X<span>&#x00A0;&#x00A0;&#x00A0;</span>X</div>
+ <div>X<span>&#x200B; &#x200B; &#x200B; &#x200B;</span>X</div>
+ <div>X<span> &#x200B; &#x200B; </span>X</div>
+ <div>XXXXX</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-006.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-006.xht
new file mode 100644
index 0000000000..e64b6c8026
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-006.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space normal: zero width non-breaking space</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules" />
+ <link rel="match" href="white-space-normal-005-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ /* setup */
+ td * { white-space: normal; font: inherit; }
+ div { display: block; }
+ span { display: inline; }
+
+ /* test */
+ td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; }
+ span { background: lime; }
+ div { color: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled bright green square with a thick green border and if there is <strong>no red</strong>.</p>
+ <!-- U+00A0 is exactly equivalent to U+200B U+0020 U+200B -->
+ <table>
+ <tr>
+ <td>
+ <div>XXXXX</div>
+ <div><span>X&#x00A0;&#x00A0;&#x00A0;X</span></div>
+ <div><span>X&#x200B; &#x200B; &#x200B; &#x200B;X</span></div>
+ <div><span>X &#x200B; &#x200B; X</span></div>
+ <div>XXXXX</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-007-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-007-ref.xht
new file mode 100644
index 0000000000..77851d24f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-007-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 20px;
+ margin-left: 20px;
+ margin-top: 20px;
+ width: 220px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are only 3 identical striped green and lime bars and <strong>no red</strong>.</p>
+
+ <div><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-007.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-007.xht
new file mode 100644
index 0000000000..efb65641ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-007.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <!-- ================================================================ -->
+ <!-- WARNING! This document contains significant trailing whitespace! -->
+ <!-- ================================================================ -->
+ <head>
+ <title>CSS Test: white-space normal: zero width non-breaking space</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/007.html" type="text/html" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules" />
+ <link rel="match" href="white-space-normal-007-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ /* setup */
+ * { white-space: normal; font: inherit; }
+ strong {font-weight: bold;}
+ div { display: block; margin: 1em; }
+ span { display: inline; }
+
+ /* test */
+ div { font: 20px/1 Ahem; }
+ .green { background: lime; color: green; }
+ .red { background: red; color: maroon; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only 3 identical striped green and lime bars and <strong>no red</strong>.</p>
+
+ <!-- the next two tests are identical, but one uses raw data and the other uses entities -->
+
+ <div><span class="red">
+
+ <span class="green">X <span class="red"><span class="red"> <span class="red">
+ </span></span> </span>X <span class="red">
+ </span>X<span class="red"><span class="red"><span class="green"> </span><span
+ class="red"> </span></span> </span>X
+<span class="red">
+
+ </span>
+ <span class="green">X<span class="green"> <span class="red"> </span></span><span
+ class="red"> </span>X<span class="red">
+
+ </span></span></span></span></div>
+
+ <div><span class="red">&#x000A;&#x000A;&#x0020;&#x0020;&#x0020;<span class="green">X&#x0020;<span class="red"><span class="red">&#x0020;<span class="red">&#x000A;&#x0020;&#x0020;&#x0020;</span></span>&#x0020;</span>X&#x0020;<span class="red">&#x0020;&#x000A;&#x0020;&#x0020;&#x0020;</span>X<span class="red"><span class="red"><span class="green">&#x0020;</span><span class="red">&#x0020;</span></span>&#x0020;</span>X&#x000A;<span class="red">&#x0020;&#x000A;&#x0020;&#x0020;&#x0020;&#x000A;&#x0020;&#x0020;&#x0020;</span>&#x000A;&#x0020;&#x0020;&#x0020;<span class="green">X<span class="green">&#x0020;<span class="red">&#x0020;</span></span><span class="red">&#x0020;</span>X<span class="red">&#x000A;&#x000A;&#x0020;&#x0020;</span></span></span></span></div>
+
+ <div><span class="green">X X X X X X</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-008-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-008-ref.xht
new file mode 100644
index 0000000000..66e7c23631
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-008-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 20px;
+ margin-left: 20px;
+ margin-top: 20px;
+ width: 220px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are only 2 identical striped green and lime bars and <strong>no red</strong>.</p>
+
+ <div><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ <div><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-008.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-008.xht
new file mode 100644
index 0000000000..10d44a0b28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-008.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space normal: zero width non-breaking space</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules" />
+ <link rel="match" href="white-space-normal-008-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ /* setup */
+ * { white-space: normal; font: inherit; }
+ strong {font-weight: bold;}
+ div { display: block; margin: 1em; }
+ span { display: inline; }
+
+ /* test */
+ div { font: 20px/1 Ahem; }
+ .green { background: lime; color: green; }
+ .red { background: red; color: maroon; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only 2 identical striped green and lime bars and <strong>no red</strong>.</p>
+
+ <div><span class="red">
+ <span class="green">X </span> <span class="red"> </span> <span class="green"> X </span>
+ <span class="green">X </span> <span class="green"> X </span>
+ <span class="green">X</span><span class="green"> X<span class="red"> </span></span>
+ </span></div>
+
+ <div><span class="green">X X X X X X</span></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-009-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-009-ref.xht
new file mode 100644
index 0000000000..7b7ae558b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-009-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 40px;
+ margin-left: 20px;
+ margin-top: 20px;
+ width: 80px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-009.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-009.xht
new file mode 100644
index 0000000000..ef5d6f49bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-009.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space normal: zero width non-breaking space</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/009.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property" />
+ <link rel="match" href="white-space-normal-009-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ /* setup */
+ * { white-space: normal; font: inherit; }
+ strong {font-weight: bold;}
+ div { display: block; margin: 1em; }
+ span { display: inline; }
+
+ /* test */
+ div { font: 20px/1 Ahem; width: 4em; background: red; color: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div>
+ xxxx
+ xxxx
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-001-ref.xht
new file mode 100644
index 0000000000..3ae439c06a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-001-ref.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: lime;
+ height: 20px;
+ width: 200px;
+ }
+
+ img
+ {
+ margin-left: 60px;
+ vertical-align: top;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a bright green stripe with a green square in it.</p>
+
+ <div><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-001.xht
new file mode 100644
index 0000000000..340755111e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-001.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space nowrap: basic test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/nowrap/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property" />
+ <link rel="match" href="white-space-nowrap-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .top { font: 20px/1 Ahem; }
+ .outer { width: 10em; background: red; }
+ .inner { width: 7em; color: lime; background: green; white-space: nowrap; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a bright green stripe with a green square in it.</p>
+ <div class="top">
+ <div class="outer">
+ <div class="inner">
+ xxx xxxxxx
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-005.xht b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-005.xht
new file mode 100644
index 0000000000..2866785a12
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-005.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space nowrap: zero width non-breaking space</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/nowrap/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules" />
+ <link rel="match" href="white-space-normal-005-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ /* setup */
+ td * { white-space: nowrap; font: inherit; }
+ div { display: block; }
+ span { display: inline; }
+
+ /* test */
+ td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; }
+ span { background: lime; }
+ div { color: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled bright green square with a thick green border and if there is <strong>no red</strong>.</p>
+ <!-- U+00A0 is exactly equivalent to U+200B U+0020 U+200B -->
+ <table>
+ <tr>
+ <td>
+ <div>XXXXX</div>
+ <div>X<span>&#x00A0;&#x00A0;&#x00A0;</span>X</div>
+ <div>X<span>&#x200B; &#x200B; &#x200B; &#x200B;</span>X</div>
+ <div>X<span> &#x200B; &#x200B; </span>X</div>
+ <div>XXXXX</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-006.xht b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-006.xht
new file mode 100644
index 0000000000..04976acd4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-006.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space nowrap: zero width non-breaking space</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/nowrap/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules" />
+ <link rel="match" href="white-space-normal-005-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ /* setup */
+ td * { white-space: nowrap; font: inherit; }
+ div { display: block; }
+ span { display: inline; }
+
+ /* test */
+ td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; }
+ span { background: lime; }
+ div { color: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled bright green square with a thick green border and if there is <strong>no red</strong>.</p>
+ <!-- U+00A0 is exactly equivalent to U+200B U+0020 U+200B -->
+ <table>
+ <tr>
+ <td>
+ <div>XXXXX</div>
+ <div><span>X&#x00A0;&#x00A0;&#x00A0;X</span></div>
+ <div><span>X&#x200B; &#x200B; &#x200B; &#x200B;X</span></div>
+ <div><span>X &#x200B; &#x200B; X</span></div>
+ <div>XXXXX</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-attribute-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-attribute-001.xht
new file mode 100644
index 0000000000..d8e16ffc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-attribute-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'nowrap' vs. 'nowrap' attribute</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="white-space-generated-content-before-001-ref.xht" />
+ <meta name="assert" content="The 'nowrap' attribute and 'white-space: nowrap' assignment behave the same way with respect to white space." />
+ <style type="text/css">
+ div, td
+ {
+ width: 2in;
+ }
+ div
+ {
+ white-space: nowrap;
+ }
+ table
+ {
+ border-spacing: 0;
+ }
+ td
+ {
+ padding: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two lines below have the exact same spacing.</p>
+ <div> The spacing on these two sentences need to be the same! </div>
+ <table cellspacing="0">
+ <tr>
+ <td nowrap="nowrap"> The spacing on these two sentences need to be the same! </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-p-element-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-p-element-001.xht
new file mode 100644
index 0000000000..478aebfc0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-p-element-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'normal' vs. 'p' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="white-space-generated-content-before-001-ref.xht" />
+ <meta name="assert" content="The 'p' element and 'white-space: normal' assignment behave the same way with respect to white space." />
+ <style type="text/css">
+ div
+ {
+ white-space: normal;
+ }
+ div + p { margin: 0; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two lines below have the exact same spacing.</p>
+ <div> The spacing on these two sentences need to be the same! </div>
+ <p> The spacing on these two sentences need to be the same! </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-001-ref.xht
new file mode 100644
index 0000000000..7949195018
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-001-ref.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: green solid 20px;
+ font: 20px/1 Ahem;
+ height: 100px;
+ margin-left: 3px;
+ /*
+ default horizontal border-spacing : 2px
+ +
+ padding-left of cell : 1px
+ =========================================
+ 3px
+ */
+
+ margin-top: 39px;
+ /*
+ margin-bottom of p : 16px
+ +
+ default vertical border-spacing : 2px
+ +
+ padding-top of cell : 1px
+ +
+ pre's margin-top (margin: 1em 0px) : 20px
+ ===========================================
+ 39px
+ */
+ width: 380px;
+ }
+
+ img {vertical-align: top;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the word PASS is drawn and if there is <strong>no red</strong>.</p>
+
+ <div>
+ <!-- start of 1st line -->
+ <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />
+
+ <!-- start of 2nd line -->
+ <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;
+
+ <!-- start of 3rd line -->
+ <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />
+
+ <!-- start of 4th line -->
+ <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />
+
+ <!-- start of 5th line -->
+ <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-001.xht
new file mode 100644
index 0000000000..0d5d6b5c12
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-001.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space pre: simple tests</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/pre/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property" />
+ <link rel="match" href="white-space-pre-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ pre { white-space: pre; font: 1.25em/1 Ahem; background: green; color: lime; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word PASS is drawn and if there is <strong>no red</strong>.</p>
+ <table><tr><td>
+ <pre>
+ xxxx xxxx xxxx xxxx
+ x x x x x x
+ xxxx xxxx xxxx xxxx
+ x x x x x
+ x x x xxxx xxxx
+ </pre>
+ </td></tr></table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-002-ref.xht
new file mode 100644
index 0000000000..76f8093038
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-002-ref.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ border: green solid 20px;
+ font: 20px/1 Ahem;
+ height: 100px;
+ margin-left: 3px;
+ /*
+ default horizontal border-spacing : 2px
+ +
+ padding-left of cell : 1px
+ =========================================
+ 3px
+ */
+
+ margin-top: 19px;
+ /*
+ margin-bottom of p : 16px
+ +
+ default vertical border-spacing : 2px
+ +
+ padding-top of cell : 1px
+ =======================================
+ 19px
+ */
+ width: 380px;
+ }
+
+ img {vertical-align: top;}
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the word PASS is drawn and if there is <strong>no red</strong>.</p>
+
+ <div>
+ <!-- start of 1st line -->
+ <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />
+
+ <!-- start of 2nd line -->
+ <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;
+
+ <!-- start of 3rd line -->
+ <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />
+
+ <!-- start of 4th line -->
+ <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />
+
+ <!-- start of 5th line -->
+ <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;<img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" />
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-002.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-002.xht
new file mode 100644
index 0000000000..508be26165
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space pre: simple tests</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/pre/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="match" href="white-space-pre-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div { white-space: pre; font: 1.25em/1 Ahem; background: green; color: lime; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the word PASS is drawn and if there is <strong>no red</strong>.</p>
+ <table><tr><td>
+ <div>
+ xxxx xxxx xxxx xxxx
+ x x x x x x
+ xxxx xxxx xxxx xxxx
+ x x x x x
+ x x x xxxx xxxx
+ </div>
+ </td></tr></table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-005.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-005.xht
new file mode 100644
index 0000000000..485e1520e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-005.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space pre: zero width non-breaking space</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/pre/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules" />
+ <link rel="match" href="white-space-normal-005-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ /* setup */
+ td * { white-space: pre; font: inherit; }
+ div { display: block; }
+ span { display: inline; }
+
+ /* test */
+ td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; }
+ span { background: lime; }
+ div { color: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled bright green square with a thick green border and if there is <strong>no red</strong>.</p>
+ <!-- U+00A0 is exactly equivalent to U+200B U+0020 U+200B -->
+ <table>
+ <tr>
+ <td>
+ <div>XXXXX</div>
+ <div>X<span>&#x00A0;&#x00A0;&#x00A0;</span>X</div>
+ <div>X<span>&#x200B; &#x200B; &#x200B; &#x200B;</span>X</div>
+ <div>X<span> &#x200B; &#x200B; </span>X</div>
+ <div>XXXXX</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-006.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-006.xht
new file mode 100644
index 0000000000..a58646bbcc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-006.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: white-space pre: zero width non-breaking space</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/pre/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules" />
+ <link rel="match" href="white-space-normal-005-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ /* setup */
+ td * { white-space: pre; font: inherit; }
+ div { display: block; }
+ span { display: inline; }
+
+ /* test */
+ td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; }
+ span { background: lime; }
+ div { color: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled bright green square with a thick green border and if there is <strong>no red</strong>.</p>
+ <!-- U+00A0 is exactly equivalent to U+200B U+0020 U+200B -->
+ <table>
+ <tr>
+ <td>
+ <div>XXXXX</div>
+ <div><span>X&#x00A0;&#x00A0;&#x00A0;X</span></div>
+ <div><span>X&#x200B; &#x200B; &#x200B; &#x200B;X</span></div>
+ <div><span>X &#x200B; &#x200B; X</span></div>
+ <div>XXXXX</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-007.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-007.xht
new file mode 100644
index 0000000000..c71d772fae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-007.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <!-- See also http://www.hixie.ch/tests/adhoc/css/text/word-spacing/001.html -->
+ <head>
+ <title>CSS Test: white-space and word-spacing</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/pre/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <style type="text/css">
+ p { word-spacing: 0.1em; white-space: pre; }
+ </style>
+ </head>
+ <body>
+ <p>There should be two lines below.</p>
+ <p>This test has:
+PASSED</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-element-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-element-001-ref.xht
new file mode 100644
index 0000000000..fecdfb157d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-element-001-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" />
+ <style type="text/css">
+ pre, div
+ {
+ font-family: monospace;
+ font-size: 10pt;
+ margin: 0;
+ }
+ div
+ {
+ white-space: pre;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the next two lines have the exact same spacing.</p>
+ <div> The spacing on these two sentences need to be the same! </div>
+ <div> The spacing on these two sentences need to be the same! </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-element-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-element-001.xht
new file mode 100644
index 0000000000..769dd01870
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-element-001.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre' vs. 'pre' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/>
+ <link rel="match" href="white-space-pre-element-001-ref.xht" />
+ <meta name="assert" content="The 'pre' element and 'white-space: pre' assignment behave the same way with respect to white space." />
+ <style type="text/css">
+ pre, div
+ {
+ font-family: monospace;
+ font-size: 10pt;
+ margin: 0;
+ }
+ div
+ {
+ white-space: pre;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the next two lines have the exact same spacing.</p>
+ <div> The spacing on these two sentences need to be the same! </div>
+ <pre> The spacing on these two sentences need to be the same! </pre>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-001.xht
new file mode 100644
index 0000000000..f212b0c66b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-001.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Block level elements with text and white space</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Text within a block element is treated like an anonymous inline element for white space processing model." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1, #div2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div2
+ {
+ margin-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div>XX XX</div>
+ <div id="div1"></div><div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-002-ref.xht
new file mode 100644
index 0000000000..30320ebde2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-002-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/" />
+ <style type="text/css">
+ div
+ {
+ height: 1em;
+ margin-bottom: 3px;
+ }
+ #div1
+ {
+ background-color: black;
+ width: 2em;
+ }
+ #div2
+ {
+ background-color: blue;
+ width: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is shorter than the blue box.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-002.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-002.xht
new file mode 100644
index 0000000000..3cc4db9868
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-002.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'normal' with tab adjoining linefeed</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-processing-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A tab before a linefeed is removed if 'white-space' is set to 'normal'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ height: 1em;
+ margin-bottom: 3px;
+ width: 3em;
+ }
+ #div1
+ {
+ white-space: normal;
+ }
+ #div2
+ {
+ background-color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is shorter than the blue box.</p>
+ <div id="div1">XX&#09;&#10;</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-003.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-003.xht
new file mode 100644
index 0000000000..f4310d257c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-003.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'nowrap' with tab adjoining linefeed</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-processing-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A tab before a linefeed is removed if 'white-space' is set to 'nowrap'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ height: 1em;
+ margin-bottom: 3px;
+ width: 3em;
+ }
+ #div1
+ {
+ white-space: nowrap;
+ }
+ #div2
+ {
+ background-color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is shorter than the blue box.</p>
+ <div id="div1">XX&#09;&#10;</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-004.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-004.xht
new file mode 100644
index 0000000000..08e5c8be5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-004.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre-line' with tab adjoining linefeed</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-processing-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A tab before a linefeed is removed if 'white-space' is set to 'pre-line'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ height: 1em;
+ margin-bottom: 3px;
+ width: 3em;
+ }
+ #div1
+ {
+ white-space: pre-line;
+ }
+ #div2
+ {
+ background-color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is shorter than the blue box.</p>
+ <div id="div1">XX&#09;&#10;</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-005-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-005-ref.xht
new file mode 100644
index 0000000000..e42ddd8085
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-005-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ height: 1em;
+ margin-bottom: 3px;
+ width: 3em;
+ }
+ #div2
+ {
+ background-color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is shorter than the blue box.</p>
+ <div id="div1">XX</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-005.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-005.xht
new file mode 100644
index 0000000000..1237c6830d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-005.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'normal' with carriage return adjoining linefeed</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-processing"/>
+ <meta name="flags" content="ahem may" />
+ <meta name="assert" content="A carriage return before a linefeed is removed if 'white-space' is set to 'normal'. The linefeed may be rendered as a space or not rendered. Under css-text-3, this is stricter: the carriage return is turned into a space, which is removed before a line feed, and the line feed must be turned into a space, which must be discarded since it's at the end of a line." />
+ <link rel="match" href="white-space-processing-005-ref.xht"/>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ height: 1em;
+ margin-bottom: 3px;
+ width: 3em;
+ }
+ #div1
+ {
+ white-space: normal;
+ }
+ #div2
+ {
+ background-color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is shorter than the blue box.</p>
+ <div id="div1">XX&#x0D;&#10;</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-006-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-006-ref.xht
new file mode 100644
index 0000000000..76e313a593
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-006-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ height: 1em;
+ margin-bottom: 3px;
+ width: 4em;
+ }
+ #div1
+ {
+ background: black;
+ white-space: nowrap;
+ }
+ #div2
+ {
+ background-color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is the same width, or shorter, than the blue box. Its okay if the black box has a small notch in it.</p>
+ <div id="div1">XX X</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-006.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-006.xht
new file mode 100644
index 0000000000..886e6bdc05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-006.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'nowrap' with carriage return adjoining linefeed</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <meta name="flags" content="ahem may" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-processing"/>
+ <link rel="match" href="white-space-processing-006-ref.xht" />
+ <meta name="assert" content="A carriage return before a linefeed is removed if 'white-space' is set to 'nowrap'. The linefeed may be rendered as a space or not rendered. Under css-text-3 rules, this is scriter, and 1 space is expected" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ height: 1em;
+ margin-bottom: 3px;
+ width: 4em;
+ }
+ #div1
+ {
+ background: black;
+ white-space: nowrap;
+ }
+ #div2
+ {
+ background-color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is the same width, or shorter, than the blue box. Its okay if the black box has a small notch in it.</p>
+ <div id="div1">XX&#13;&#10;X</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-007.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-007.xht
new file mode 100644
index 0000000000..d05501d169
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-007.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre-line' with carriage return adjoining linefeed</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-processing"/>
+ <meta name="flags" content="ahem may" />
+ <link rel="match" href="white-space-processing-005-ref.xht"/>
+ <meta name="assert" content="A carriage return before a linefeed is removed if 'white-space' is set to 'pre-line'. The linefeed may be rendered as a space or not rendered. Under css-text-3, the result is fully deterministic." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ height: 1em;
+ margin-bottom: 3px;
+ width: 3em;
+ }
+ #div1
+ {
+ white-space: pre-line;
+ }
+ #div2
+ {
+ background-color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is shorter than the blue box.</p>
+ <div id="div1">XX&#13;&#10;</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-008.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-008.xht
new file mode 100644
index 0000000000..1e9fb19486
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-008.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'normal' with space adjoining linefeed</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-processing-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A space before a linefeed is removed if 'white-space' is set to 'normal'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ height: 1em;
+ margin-bottom: 3px;
+ width: 3em;
+ }
+ #div1
+ {
+ white-space: pre;
+ }
+ #div2
+ {
+ background-color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is shorter than the blue box.</p>
+ <div id="div1">XX&#32;&#10;</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-009.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-009.xht
new file mode 100644
index 0000000000..6592161324
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-009.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'nowrap' with space adjoining linefeed</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-processing-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A space before a linefeed is removed if 'white-space' is set to 'nowrap'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ height: 1em;
+ margin-bottom: 3px;
+ width: 3em;
+ }
+ #div1
+ {
+ white-space: nowrap;
+ }
+ #div2
+ {
+ background-color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is shorter than the blue box.</p>
+ <div id="div1">XX&#32;&#10;</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-010.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-010.xht
new file mode 100644
index 0000000000..bbf43365f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-010.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre-line' with space adjoining linefeed</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-processing-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A space before a linefeed is removed if 'white-space' is set to 'pre-line'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ height: 1em;
+ margin-bottom: 3px;
+ width: 3em;
+ }
+ #div1
+ {
+ white-space: pre-line;
+ }
+ #div2
+ {
+ background-color: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is shorter than the blue box.</p>
+ <div id="div1">XX&#32;&#10;</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-011.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-011.xht
new file mode 100644
index 0000000000..6b42dffe5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-011.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre' with sequence of spaces</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A sequence of spaces are not collapsed when 'white-space' is set to 'pre'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ white-space: pre;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black squares on the page.</p>
+ <div id="div1">XX&#32;&#32;&#32;XX</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-012.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-012.xht
new file mode 100644
index 0000000000..688d2c5ef6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-012.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre-wrap' with sequence of spaces</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-002-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Sequence of spaces are not collapsed when 'white-space' is set to 'pre-wrap'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ white-space: pre-wrap;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black squares on the page.</p>
+ <div id="div1">XX&#32;&#32;&#32;XX</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-013-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-013-ref.xht
new file mode 100644
index 0000000000..937cb87d14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-013-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/" />
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one box below.</p>
+ <div>XX<br />XX</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-013.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-013.xht
new file mode 100644
index 0000000000..b6dee8f2a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-013.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre-wrap' and line opportunity with sequence of spaces</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-processing-013-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A line breaking opportunity is introduced at the end of a sequence of spaces when 'white-space' is set to 'pre-wrap'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font-family: Ahem;
+ line-height: 1em;
+ white-space: pre-wrap;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one box below.</p>
+ <div>XX&#32;&#32;&#32;XX</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-014-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-014-ref.xht
new file mode 100644
index 0000000000..9b1bc070d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-014-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ height: 1em;
+ margin-bottom: 3px;
+ }
+ #div1
+ {
+ background-color: blue;
+ width: 5em;
+ }
+ #div2
+ {
+ background-color: orange;
+ width: 4em;
+ }
+ span
+ {
+ background-color: black;
+ white-space: normal;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is the same width as either the blue box or the orange box.</p>
+ <div id="div1"></div>
+ <div>
+ <span>XX XX</span>
+ </div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-014.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-014.xht
new file mode 100644
index 0000000000..8f4c10f6e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-014.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'normal' and linefeed characters</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-transform"/>
+ <link rel="match" href="white-space-processing-014-ref.xht"/>
+ <meta name="flags" content="ahem may" />
+ <meta name="assert" content="Linefeed characters are transformed into spaces, zero-width space, or not rendered when 'white-space' is set to 'normal'. Under css-text-3 rules, they must be transformed into spaces" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ height: 1em;
+ margin-bottom: 3px;
+ }
+ #div1
+ {
+ background-color: blue;
+ width: 5em;
+ }
+ #div2
+ {
+ background-color: orange;
+ width: 4em;
+ }
+ span
+ {
+ background-color: black;
+ white-space: normal;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box below is the same width as either the blue box or the orange box.</p>
+ <div id="div1"></div>
+ <div>
+ <span>XX&#10;XX</span>
+ </div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-015-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-015-ref.xht
new file mode 100644
index 0000000000..d31a52d448
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-015-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ background-color: black;
+ font-family: Ahem;
+ white-space: nowrap;
+ }
+ #div1
+ {
+ background: blue;
+ display: inline-block;
+ height: 1em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box below and it is at least as long as the blue box (it can be longer).</p>
+ <div>
+ <span>XX XX</span>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-015.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-015.xht
new file mode 100644
index 0000000000..329753677b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-015.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'nowrap' and linefeed characters</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-transform"/>
+ <link rel="match" href="white-space-processing-015-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Linefeed characters are transformed into spaces, zero-width space, or not rendered when 'white-space' is set to 'nowrap'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ background-color: black;
+ font-family: Ahem;
+ white-space: nowrap;
+ }
+ #div1
+ {
+ background: blue;
+ display: inline-block;
+ height: 1em;
+ width: 5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one black box below and it is at least as long as the blue box (it can be longer).</p>
+ <div>
+ <span>XX&#10;XX</span>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-016-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-016-ref.xht
new file mode 100644
index 0000000000..78feea9618
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-016-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ background-color: black;
+ font-family: Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two boxes below, one above the other.</p>
+ <div>
+ <span>XX<br />XX</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-016.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-016.xht
new file mode 100644
index 0000000000..f284ec407d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-016.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre' and linefeed characters</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-transform" />
+ <link rel="match" href="white-space-processing-016-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Linefeed characters are not transformed when 'white-space' is set to 'pre'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ background-color: black;
+ font-family: Ahem;
+ white-space: pre;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two boxes below, one above the other.</p>
+ <div>
+ <span>XX&#10;XX</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-017.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-017.xht
new file mode 100644
index 0000000000..ed3dc31693
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-017.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre-line' and linefeed characters</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-transform" />
+ <link rel="match" href="white-space-processing-016-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Linefeed characters are not transformed when 'white-space' is set to 'pre-line'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ background-color: black;
+ font-family: Ahem;
+ white-space: pre-line;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two boxes below, one above the other.</p>
+ <div>
+ <span>XX&#10;XX</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-018.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-018.xht
new file mode 100644
index 0000000000..57d065a25e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-018.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre-wrap' and linefeed characters</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-transform" />
+ <link rel="match" href="white-space-processing-016-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Linefeed characters are not transformed when 'white-space' is set to 'pre-wrap'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ background-color: black;
+ font-family: Ahem;
+ white-space: pre-wrap;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two boxes below, one above the other.</p>
+ <div>
+ <span>XX&#10;XX</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-019.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-019.xht
new file mode 100644
index 0000000000..4c6600be05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-019.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'normal' and tabs</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Tabs are converted to spaces when 'white-space' is set to 'normal'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ white-space: normal;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="div1">XX&#09;XX</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-020.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-020.xht
new file mode 100644
index 0000000000..b54037045d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-020.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'nowrap' and tabs</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Tabs are converted to spaces when 'white-space' is set to 'nowrap'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ white-space: nowrap;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="div1">XX&#09;XX</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-021.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-021.xht
new file mode 100644
index 0000000000..b6bae368e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-021.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre-line' and tabs</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Tabs are converted to spaces when 'white-space' is set to 'pre-line'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ white-space: pre-line;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="div1">XX&#09;XX</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-022.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-022.xht
new file mode 100644
index 0000000000..ccc6e91ede
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-022.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White space processing model with 'space' characters</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="One space with 'white-space' set to 'normal' adjoining a space with 'white-space' set to 'normal' collapse into one space." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ white-space: normal;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="div1">XX&#32;&#32;&#32;XX</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-023.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-023.xht
new file mode 100644
index 0000000000..25a77a6ea6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-023.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Two spaces adjoining with 'white-space' 'normal'/'nowrap'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="One space with 'white-space' set to 'normal' adjoining a space with 'white-space' set to 'nowrap' collapse into one space." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 16px/1em Ahem;
+ }
+ #span1
+ {
+ white-space: normal;
+ }
+ #span2
+ {
+ white-space: nowrap;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="div1">
+ <span id="span1">XX&#32;</span><span id="span2">&#32;XX</span>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-024.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-024.xht
new file mode 100644
index 0000000000..8f6a83dbc9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-024.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Two spaces adjoining with 'white-space' 'normal'/'pre-line'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="One space with 'white-space' set to 'normal' adjoining a space with 'white-space' set to 'pre-line' collapse into one space." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 16px/1em Ahem;
+ }
+ #span1
+ {
+ white-space: normal;
+ }
+ #span2
+ {
+ white-space: pre-line;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="div1">
+ <span id="span1">XX&#32;</span><span id="span2">&#32;XX</span>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-025.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-025.xht
new file mode 100644
index 0000000000..34eda9c291
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-025.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Two spaces adjoining with 'white-space' 'nowrap'/'normal'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="One space with 'white-space' set to 'nowrap' adjoining a space with 'white-space' set to 'normal' collapse into one space." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 16px/1em Ahem;
+ }
+ #span1
+ {
+ white-space: nowrap;
+ }
+ #span2
+ {
+ white-space: normal;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="div1">
+ <span id="span1">XX&#32;</span><span id="span2">&#32;XX</span>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-026.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-026.xht
new file mode 100644
index 0000000000..a9462df88a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-026.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Two spaces adjoining with 'white-space' 'nowrap'/'nowrap'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="One space with 'white-space' set to 'nowrap' adjoining a space with 'white-space' set to 'nowrap' collapse into one space." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 16px/1em Ahem;
+ }
+ #span1
+ {
+ white-space: nowrap;
+ }
+ #span2
+ {
+ white-space: nowrap;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="div1">
+ <span id="span1">XX&#32;</span><span id="span2">&#32;XX</span>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-027.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-027.xht
new file mode 100644
index 0000000000..9b3b10f780
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-027.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Two spaces adjoining with 'white-space' 'nowrap'/'pre-line'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="One space with 'white-space' set to 'nowrap' adjoining a space with 'white-space' set to 'pre-line' collapse into one space." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 16px/1em Ahem;
+ }
+ #span1
+ {
+ white-space: nowrap;
+ }
+ #span2
+ {
+ white-space: pre-line;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="div1">
+ <span id="span1">XX&#32;</span><span id="span2">&#32;XX</span>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-028.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-028.xht
new file mode 100644
index 0000000000..270e5f5dd1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-028.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Two spaces adjoining with 'white-space' 'pre-line'/'normal'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="One space with 'white-space' set to 'pre-line' adjoining a space with 'white-space' set to 'normal' collapse into one space." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 16px/1em Ahem;
+ }
+ #span1
+ {
+ white-space: pre-line;
+ }
+ #span2
+ {
+ white-space: normal;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="div1">
+ <span id="span1">XX&#32;</span><span id="span2">&#32;XX</span>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-029.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-029.xht
new file mode 100644
index 0000000000..513ffda908
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-029.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Two spaces adjoining with 'white-space' 'pre-line'/'nowrap'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="One space with 'white-space' set to 'pre-line' adjoining a space with 'white-space' set to 'nowrap' collapse into one space." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 16px/1em Ahem;
+ }
+ #span1
+ {
+ white-space: pre-line;
+ }
+ #span2
+ {
+ white-space: nowrap;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="div1">
+ <span id="span1">XX&#32;</span><span id="span2">&#32;XX</span>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-030.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-030.xht
new file mode 100644
index 0000000000..7f3fb4cfb6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-030.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Two spaces adjoining with 'white-space' 'pre-line'/'pre-line'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="One space with 'white-space' set to 'pre-line' adjoining a space with 'white-space' set to 'pre-line' collapse into one space." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 16px/1em Ahem;
+ }
+ #span1
+ {
+ white-space: pre-line;
+ }
+ #span2
+ {
+ white-space: pre-line;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <div id="div1">
+ <span id="span1">XX&#32;</span><span id="span2">&#32;XX</span>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-031-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-031-ref.xht
new file mode 100644
index 0000000000..050191c8e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-031-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" />
+ <style type="text/css">
+ div
+ {
+ height: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-031.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-031.xht
new file mode 100644
index 0000000000..b032363623
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-031.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Two spaces adjoining with 'white-space' 'normal'/'pre'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-processing-031-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="One space with 'white-space' set to 'normal' adjoining a space with 'white-space' set to 'pre' remain two spaces." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 16px/1em Ahem;
+ }
+ #span1
+ {
+ white-space: normal;
+ }
+ #span2
+ {
+ white-space: pre;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">
+ <span id="span1">X&#32;</span><span id="span2">&#32;X</span>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-032.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-032.xht
new file mode 100644
index 0000000000..11b37aa1f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-032.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Two spaces adjoining with 'white-space' 'normal'/'pre-wrap'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-processing-031-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="One space with 'white-space' set to 'normal' adjoining a space with 'white-space' set to 'pre-wrap' remain two spaces." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 16px/1em Ahem;
+ }
+ #span1
+ {
+ white-space: normal;
+ }
+ #span2
+ {
+ white-space: pre-wrap;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">
+ <span id="span1">X&#32;</span><span id="span2">&#32;X</span>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-033.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-033.xht
new file mode 100644
index 0000000000..ba6af357ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-033.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Two spaces adjoining with 'white-space' 'nowrap'/'pre'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-processing-031-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="One space with 'white-space' set to 'nowrap' adjoining a space with 'white-space' set to 'pre' remain two spaces." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 16px/1em Ahem;
+ }
+ #span1
+ {
+ white-space: nowrap;
+ }
+ #span2
+ {
+ white-space: pre;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">
+ <span id="span1">X&#32;</span><span id="span2">&#32;X</span>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-034.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-034.xht
new file mode 100644
index 0000000000..4acf4e580c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-034.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Two spaces adjoining with 'white-space' 'nowrap'/'pre-wrap'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-processing-031-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="One space with 'white-space' set to 'nowrap' adjoining a space with 'white-space' set to 'pre-wrap' remain two spaces." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 16px/1em Ahem;
+ }
+ #span1
+ {
+ white-space: nowrap;
+ }
+ #span2
+ {
+ white-space: pre-wrap;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">
+ <span id="span1">X&#32;</span><span id="span2">&#32;X</span>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-035.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-035.xht
new file mode 100644
index 0000000000..aec28aa8a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-035.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Two spaces adjoining with 'white-space' 'pre-line'/'pre'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-processing-031-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="One space with 'white-space' set to 'pre-line' adjoining a space with 'white-space' set to 'pre' retain two spaces." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 16px/1em Ahem;
+ }
+ #span1
+ {
+ white-space: pre-line;
+ }
+ #span2
+ {
+ white-space: pre;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">
+ <span id="span1">X&#32;</span><span id="span2">&#32;X</span>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-036.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-036.xht
new file mode 100644
index 0000000000..0755c3b51f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-036.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Two spaces adjoining with 'white-space' 'pre-line'/'pre-wrap'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-processing-031-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="One space with 'white-space' set to 'pre-line' adjoining a space with 'white-space' set to 'pre-wrap' retain two spaces." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font: 16px/1em Ahem;
+ }
+ #span1
+ {
+ white-space: pre-line;
+ }
+ #span2
+ {
+ white-space: pre-wrap;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">
+ <span id="span1">X&#32;</span><span id="span2">&#32;X</span>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-037-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-037-ref.xht
new file mode 100644
index 0000000000..192344dfce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-037-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'normal' and space at beginning of line</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-037.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-037.xht
new file mode 100644
index 0000000000..11ed4be9ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-037.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'normal' and space at beginning of line</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2" />
+ <link rel="match" href="white-space-processing-037-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Space at beginning of line is removed when 'white-space' is set to 'normal'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ white-space: normal;
+ }
+ #div2
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below.</p>
+ <div id="div1">&#32;X</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-038.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-038.xht
new file mode 100644
index 0000000000..935e3ff043
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-038.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'nowrap' and space at beginning of line</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2" />
+ <link rel="match" href="white-space-processing-037-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Space at beginning of line is removed when 'white-space' is set to 'nowrap'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ white-space: nowrap;
+ }
+ #div2
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below.</p>
+ <div id="div1">&#32;X</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-039.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-039.xht
new file mode 100644
index 0000000000..db66acbd2c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-039.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre-line' and space at beginning of line</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2" />
+ <link rel="match" href="white-space-processing-037-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Space at beginning of line is removed when 'white-space' is set to 'pre-line'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ white-space: pre-line;
+ }
+ #div2
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below.</p>
+ <div id="div1">&#32;X</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-040.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-040.xht
new file mode 100644
index 0000000000..bda32c7b31
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-040.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre-wrap' and space at beginning of line</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2" />
+ <link rel="match" href="white-space-processing-037-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Space at beginning of line is not removed when 'white-space' is set to 'pre-wrap'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ white-space: pre-wrap;
+ margin-left: -1em;
+ }
+ #div2
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below.</p>
+ <div id="div1">&#32;X</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-041.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-041.xht
new file mode 100644
index 0000000000..2e3644c4f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-041.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre' and space at beginning of line</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2" />
+ <link rel="match" href="white-space-processing-037-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Space at beginning of line is not removed when 'white-space' is set to 'pre'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ white-space: pre;
+ margin-left: -1em;
+ }
+ #div2
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below.</p>
+ <div id="div1">&#32;X</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-042-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-042-ref.xht
new file mode 100644
index 0000000000..c845dd06d9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-042-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivol" href="https://florian.rivoal.net" />
+ <style type="text/css">
+ div
+ {
+ height: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ <div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-042.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-042.xht
new file mode 100644
index 0000000000..a33484aece
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-042.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Tab width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2" />
+ <link rel="match" href="white-space-processing-042-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Tabs (when rendered) render spaces at 8 character stops. That is, within a line, split the line into 8 character lengths. The tab would continue until the end of the next length. So if there are already 3 characters in a line, the tab would be rendered as 5 spaces." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ white-space: pre;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div>
+ <div id="div1">XX&#09;XX</div>
+ <div id="div2"></div><div id="div3"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-043-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-043-ref.xht
new file mode 100644
index 0000000000..0a8924fc94
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-043-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" />
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ font: 1.25em/1 Ahem;
+ white-space: normal;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <span>X</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-043.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-043.xht
new file mode 100644
index 0000000000..aeaf8d82c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-043.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'normal' and space at end of line</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2" />
+ <link rel="match" href="white-space-processing-043-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Space is removed at the end of the line when 'white-space' is set to 'normal'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ background-color: red;
+ font: 1.25em/1 Ahem;
+ white-space: normal;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <span>X&#32;</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-044.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-044.xht
new file mode 100644
index 0000000000..624bf68837
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-044.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'nowrap' and space at end of line</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2" />
+ <link rel="match" href="white-space-processing-043-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Space is removed at the end of the line when 'white-space' is set to 'nowrap'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ background-color: red;
+ font: 1.25em/1 Ahem;
+ white-space: nowrap;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <span>X&#32;</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-045.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-045.xht
new file mode 100644
index 0000000000..0d01b72d64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-045.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre-line' and space at end of line</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2" />
+ <link rel="match" href="white-space-processing-043-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Space is removed at the end of the line when 'white-space' is set to 'pre-line'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ background-color: red;
+ font: 1.25em/1 Ahem;
+ white-space: pre-line;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <span>X&#32;</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-046-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-046-ref.xht
new file mode 100644
index 0000000000..9c7e0950ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-046-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoa.net" />
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ background-color:black;
+ font-family: Ahem;
+ white-space: pre;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div>
+ <span>&nbsp;</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-046.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-046.xht
new file mode 100644
index 0000000000..3b81e108da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-046.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre' and space at end of line</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2" />
+ <link rel="match" href="white-space-processing-046-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Space is not removed at the end of the line when 'white-space' is set to 'pre'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ background-color:black;
+ font-family: Ahem;
+ white-space: pre;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div>
+ <span>&#32;</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-047.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-047.xht
new file mode 100644
index 0000000000..c92979ba18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-047.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre-wrap' and space at end of line</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2" />
+ <link rel="match" href="white-space-processing-046-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Space is not removed at the end of the line when 'white-space' is set to 'pre-wrap'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ background-color: black;
+ font-family: Ahem;
+ white-space: pre-wrap;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div>
+ <span>&#32;</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-048-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-048-ref.xht
new file mode 100644
index 0000000000..ab837b0276
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-048-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-family: Ahem;
+ white-space: normal;
+ width: 5em;
+ }
+ div div
+ {
+ color: blue;
+ float: right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is below the black box.</p>
+ <div id="div1">
+ <span>XXXXXX</span>
+ <div>XXX</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-048.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-048.xht
new file mode 100644
index 0000000000..13a639ab75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-048.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats and line opportunity with 'white-space'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-encoding"/>
+ <link rel="match" href="white-space-processing-048-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A line breaking opportunity is not introduced with floats." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-family: Ahem;
+ white-space: normal;
+ width: 5em;
+ }
+ div div
+ {
+ color: blue;
+ float: right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue box is below the black box.</p>
+ <div id="div1">
+ <span>XXX<div>XXX</div>XXX</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-049-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-049-ref.xht
new file mode 100644
index 0000000000..0903a615cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-049-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: orange;
+ color: blue;
+ font: 1.25em/1 Ahem;
+ padding: 0em 2em;
+ width: 3em;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is an orange sliver on the left and right of a short blue stripe.</p>
+
+ <div>123</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-049.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-049.xht
new file mode 100644
index 0000000000..4492d4b64b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-049.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats and line-breaking opportunities with 'white-space'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-encoding"/>
+ <link rel="match" href="white-space-processing-049-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A line breaking opportunity is not introduced with an absolutely positioned element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ color: orange;
+ font: 1.25em/1 Ahem;
+ position: relative;
+ white-space: normal;
+ width: 5em;
+ }
+ div div
+ {
+ color: blue;
+ position: absolute;
+ right:0;
+ top:0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an orange sliver on the left and right of a short blue stripe.</p>
+ <div id="div1">
+ <span>XXX<div>XXX</div>XXXX</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-050.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-050.xht
new file mode 100644
index 0000000000..b4f528a2ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-050.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'normal' on a 'pre' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property set to 'normal' removes extra spacing when two spaces are next to each other when set on 'pre' element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ pre
+ {
+ font: 16px/1em Ahem;
+ margin: 0;
+ padding: 0;
+ }
+ #pre1
+ {
+ white-space: normal;
+ }
+ #pre2
+ {
+ background: blue;
+ }
+ #pre3
+ {
+ margin-left: 1em;
+ }
+ #pre2, #pre3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <pre id="pre1">XX XX</pre>
+ <pre id="pre2"></pre><pre id="pre3"></pre>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-051.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-051.xht
new file mode 100644
index 0000000000..8556d3a161
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-051.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'nowrap' on a 'pre' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-001-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property set to 'nowrap' does not remove extra spacing when two spaces are next to each other." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ pre
+ {
+ font: 16px/1em Ahem;
+ margin: 0;
+ padding: 0;
+ }
+ #pre1
+ {
+ white-space: nowrap;
+ width: 3em;
+ }
+ #pre2, #pre3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #pre3
+ {
+ margin-left: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 filled black squares.</p>
+ <pre id="pre1">XX XX</pre>
+ <pre id="pre2"></pre><pre id="pre3"></pre>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-052-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-052-ref.xht
new file mode 100644
index 0000000000..318b6321a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-052-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" />
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ pre
+ {
+ font: 16px/1em Ahem;
+ margin: 0;
+ padding: 0;
+ }
+ #pre1
+ {
+ white-space: pre-wrap;
+ width: 5em;
+ }
+ #pre2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one box below.</p>
+ <pre id="pre1">XX<br />XX</pre>
+ <pre id="pre2"></pre>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-052.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-052.xht
new file mode 100644
index 0000000000..45461812b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-052.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre-wrap' on a 'pre' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-processing-052-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property set to 'pre-wrap' does not remove extra spacing when two spaces are next to each other and introduces line breaking opportunities when set on a 'pre' element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ pre
+ {
+ font: 16px/1em Ahem;
+ margin: 0;
+ padding: 0;
+ }
+ #pre1
+ {
+ white-space: pre-wrap;
+ width: 5em;
+ }
+ #pre2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one box below.</p>
+ <pre id="pre1">XX XX</pre>
+ <pre id="pre2"></pre>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-053.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-053.xht
new file mode 100644
index 0000000000..03c14b1b5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-053.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White-space 'pre-line' on a 'pre' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" />
+ <link rel="match" href="white-space-processing-052-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'white-space' property set to 'pre-line' does remove extra spacing when two spaces are next to each other and breaks at new lines when set on a 'pre' element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ pre
+ {
+ font: 16px/1em Ahem;
+ margin: 0;
+ padding: 0;
+ }
+ #pre1
+ {
+ white-space: pre-line;
+ }
+ #pre2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one box below.</p>
+ <pre id="pre1"> XX
+ XX</pre>
+ <pre id="pre2"></pre>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-054-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-054-ref.xht
new file mode 100644
index 0000000000..88e3c439f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-054-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/" />
+ <style type="text/css">
+ div
+ {
+ height: 1em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 1.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div><div id="div2"></div><div id="div3"></div></div>
+ <div><div id="div2"></div><div id="div3"></div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-054.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-054.xht
new file mode 100644
index 0000000000..e122a9d8cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-054.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White space processing model with 'en quad' characters</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules" />
+ <link rel="match" href="white-space-processing-054-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="An 'en quad' characters is not collapsed by the white space processing model." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ white-space: normal;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 1.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">XX&#8192;&#8192;&#8192;XX</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-055-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-055-ref.xht
new file mode 100644
index 0000000000..b2e817a80a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-055-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ background: black;
+ display: inline-block;
+ height: 2em;
+ width: 4em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-055.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-055.xht
new file mode 100644
index 0000000000..3dd01b0d70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-055.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White space processing model with 'zero width no break space' character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules" />
+ <link rel="match" href="white-space-processing-055-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="A 'zero width no break space' character is not collapsed by the white space processing model." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ white-space: normal;
+ }
+ #div2
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 4em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is only one box below.</p>
+ <div id="div1">XX&#65279;&#65279;&#65279;XX</div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-056-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-056-ref.xht
new file mode 100644
index 0000000000..2a9e425fd7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-056-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" />
+ <style type="text/css">
+ div
+ {
+ font-size: 1.25em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 2em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small filled black squares.</p>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-056.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-056.xht
new file mode 100644
index 0000000000..0dfc98751a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-056.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: White space processing model with 'ideographic space' character</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules" />
+ <link rel="match" href="white-space-processing-056-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'ideographic space' character is not collapsed by the white space processing model." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 1.25em/1 Ahem;
+ }
+ #div1
+ {
+ white-space: normal;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 2em;
+ }
+ #div3
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are 2 small filled black squares.</p>
+ <div id="div1">XX&#12288;&#12288;&#12288;XX</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-004-ref.xht
new file mode 100644
index 0000000000..2dab814ef0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-004-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-004.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-004.xht
new file mode 100644
index 0000000000..f7e449efc2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-004.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a negative zero length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: -0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-005.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-005.xht
new file mode 100644
index 0000000000..16db0a26f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-005.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using pixels with a zero value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a zero length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: 0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-006.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-006.xht
new file mode 100644
index 0000000000..8eb27fd6b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-006.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using pixels with a positive zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a positive zero length value in pixels." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: +0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-007-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-007-ref.xht
new file mode 100644
index 0000000000..dddf4d31ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-007-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span1,
+ #span2
+ {
+ margin-left: 112px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x</span><span id="span1">x</span>
+ </div>
+ <div>
+ <span>x</span><span id="span2">x</span>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-007.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-007.xht
new file mode 100644
index 0000000000..98a55006ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-007.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing normal pixel on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing 96px adds 96px (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span2
+ {
+ margin-left: 96px;
+ }
+ #test
+ {
+ word-spacing: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-008.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-008.xht
new file mode 100644
index 0000000000..a69ac2cc72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-008.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing +normal pixel on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing +96px adds 96px (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span2
+ {
+ margin-left: 96px;
+ }
+ #test
+ {
+ word-spacing: +96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-016.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-016.xht
new file mode 100644
index 0000000000..d35020bb85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-016.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a negative zero length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: -0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-017.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-017.xht
new file mode 100644
index 0000000000..53752f7624
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-017.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using points with a zero value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a zero length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: 0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-018.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-018.xht
new file mode 100644
index 0000000000..ce7ed13974
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-018.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using points with a positive zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a positive zero length value in points." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: +0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-019.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-019.xht
new file mode 100644
index 0000000000..5c047edfa6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-019.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing set to a nominal value of '72pt'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that letter-spacing 72pt adds 72pt (in addition to default spacing) between letters in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span2
+ {
+ margin-left: 72pt;
+ }
+ #test
+ {
+ word-spacing: 72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-020.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-020.xht
new file mode 100644
index 0000000000..c4ee51998f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-020.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing +normal pt on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing +72pt adds +72 points (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span2
+ {
+ margin-left: 72pt;
+ }
+ #test
+ {
+ word-spacing: +72pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-028.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-028.xht
new file mode 100644
index 0000000000..bc4ad9ff2b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-028.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a negative zero length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: -0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-029.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-029.xht
new file mode 100644
index 0000000000..c33d73e350
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-029.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using picas with a zero value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a zero length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: 0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-030.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-030.xht
new file mode 100644
index 0000000000..74575f93ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-030.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using picas with a positive zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a positive zero length value in picas." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: +0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-031.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-031.xht
new file mode 100644
index 0000000000..f28c3c123c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-031.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing normal pc on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing 6pc adds 6pc (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span2
+ {
+ margin-left: 6pc;
+ }
+ #test
+ {
+ word-spacing: 6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-032.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-032.xht
new file mode 100644
index 0000000000..bf7cea9b1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-032.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing +normal pc on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing +6pc adds 6pc (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span2
+ {
+ margin-left: 6pc;
+ }
+ #test
+ {
+ word-spacing: +6pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-040.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-040.xht
new file mode 100644
index 0000000000..7d9995882e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-040.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a negative zero length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: -0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-041.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-041.xht
new file mode 100644
index 0000000000..9daf333f8e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-041.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using centimeters with a zero value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a zero length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: 0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-042.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-042.xht
new file mode 100644
index 0000000000..f07bd616b4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-042.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using centimeters with a positive zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a positive zero length value in centimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: +0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-043.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-043.xht
new file mode 100644
index 0000000000..6d56c4ae08
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-043.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing normal cm on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing 2.54cm adds 2.54cm (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span2
+ {
+ margin-left: 2.54cm;
+ }
+ #test
+ {
+ word-spacing: 2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-044.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-044.xht
new file mode 100644
index 0000000000..ba5650373f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-044.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing +normal cm on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing +2.54cm adds 2.54cm (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span2
+ {
+ margin-left: 2.54cm;
+ }
+ #test
+ {
+ word-spacing: +2.54cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-052.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-052.xht
new file mode 100644
index 0000000000..97a017bf20
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-052.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a negative zero length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: -0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-053.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-053.xht
new file mode 100644
index 0000000000..2224326c9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-053.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using millimeters with a zero value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a zero length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: 0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-054.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-054.xht
new file mode 100644
index 0000000000..e8d217e156
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-054.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using millimeters with a positive zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a positive zero length value in millimeters." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: +0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-055.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-055.xht
new file mode 100644
index 0000000000..895882fa7f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-055.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing normal mm on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing 25.4mm adds 25.4mm (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span2
+ {
+ margin-left: 25.4mm;
+ }
+ #test
+ {
+ word-spacing: 25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-056.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-056.xht
new file mode 100644
index 0000000000..8d393bc97c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-056.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing +normal mm on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing +25.4mm adds 25.4mm (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span2
+ {
+ margin-left: 25.4mm;
+ }
+ #test
+ {
+ word-spacing: +25.4mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-064.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-064.xht
new file mode 100644
index 0000000000..5f60fd6618
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-064.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a negative zero length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: -0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-065.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-065.xht
new file mode 100644
index 0000000000..3f9a20f030
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-065.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using inches with a zero value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a zero length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: 0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-066.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-066.xht
new file mode 100644
index 0000000000..0f4a7bb00c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-066.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using inches with a positive zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a positive zero length value in inches." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: +0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-067.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-067.xht
new file mode 100644
index 0000000000..f2f2eda7bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-067.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing normal in on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing 1in adds 1in (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span2
+ {
+ margin-left: 1in;
+ }
+ #test
+ {
+ word-spacing: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-068.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-068.xht
new file mode 100644
index 0000000000..d8aa6b7b60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-068.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing +normal in on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing +1in adds 1in (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span2
+ {
+ margin-left: 1in;
+ }
+ #test
+ {
+ word-spacing: +1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-076.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-076.xht
new file mode 100644
index 0000000000..01cfc7d5ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-076.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a negative zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: -0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-077.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-077.xht
new file mode 100644
index 0000000000..b27a110554
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-077.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using 'em' units with a zero value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-078.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-078.xht
new file mode 100644
index 0000000000..6d53a9b432
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-078.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a positive zero length value in 'em' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: +0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-079.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-079.xht
new file mode 100644
index 0000000000..aa26d4e6a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-079.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing normal em on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing 6em adds 6em (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span2
+ {
+ margin-left: 6em;
+ }
+ #test
+ {
+ word-spacing: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-080.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-080.xht
new file mode 100644
index 0000000000..9c9cedb4bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-080.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing +normal em on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-007-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing +6em adds 6em (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span2
+ {
+ margin-left: 6em;
+ }
+ #test
+ {
+ word-spacing: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-088.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-088.xht
new file mode 100644
index 0000000000..324ebbe1b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-088.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a negative zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: -0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-089.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-089.xht
new file mode 100644
index 0000000000..cd4e4370c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-089.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using 'ex' units with a zero value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: 0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-090.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-090.xht
new file mode 100644
index 0000000000..d77ef61e0b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-090.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property sets a positive zero length value in 'ex' units." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: +0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-091-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-091-ref.xht
new file mode 100644
index 0000000000..5f80730fb0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-091-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span1,
+ #span2
+ {
+ margin-left: 12ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span1">x</span>
+ </div>
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-091.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-091.xht
new file mode 100644
index 0000000000..534e3018a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-091.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing nominal ex on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-091-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing 12ex adds 12ex (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span2
+ {
+ margin-left: 12ex;
+ }
+ #test
+ {
+ word-spacing: 12ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-092.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-092.xht
new file mode 100644
index 0000000000..11b5e58169
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-092.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing +normal ex on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-091-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing +12ex adds 12ex (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span2
+ {
+ margin-left: 12ex;
+ }
+ #test
+ {
+ word-spacing: +12ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-097.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-097.xht
new file mode 100644
index 0000000000..e6807d77aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-097.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing -0 on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing -0 adds 0 (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: -0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-098.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-098.xht
new file mode 100644
index 0000000000..23b22a2406
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-098.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing 0 on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing 0 adds no extra space (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-099.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-099.xht
new file mode 100644
index 0000000000..160d1671d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-099.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing +0 on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing +0 adds no extra space (in addition to default spacing) between words in the element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: +0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-100.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-100.xht
new file mode 100644
index 0000000000..41208d7153
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-100.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing set to 'normal'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-004-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property set to normal does not change spacing between words." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #test
+ {
+ word-spacing: normal;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div>
+ <div>
+ <span>x x</span>
+ </div>
+ <div id="test">x x</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-101.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-101.xht
new file mode 100644
index 0000000000..cc09cd2c45
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-101.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing inherit on an element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" />
+ <link rel="match" href="word-spacing-091-ref.xht" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Ensure that word-spacing with inherit uses its parents value for word-spacing." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #wrapper
+ {
+ font: 16px/1em Ahem;
+ }
+ #span2
+ {
+ margin-left: 12ex;
+ }
+ #parent
+ {
+ word-spacing: 12ex;
+ }
+ #test
+ {
+ word-spacing: 0;
+ word-spacing: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below (with no jagged edges).</p>
+ <div id="wrapper">
+ <div>
+ <span>x </span><span id="span2">x</span>
+ </div>
+ <div id="parent">
+ <div id="test">x x</div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-001-ref.xht
new file mode 100644
index 0000000000..adec02560e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-001-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ div div
+ {
+ display: inline;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 22em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p>
+ <div>
+ <div>XXXXX &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;XXXXXX</div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-001.xht
new file mode 100644
index 0000000000..1b8935ba3e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing application to 'display: inline' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-applies-to-001-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property applies to 'display: inline' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ div div
+ {
+ display: inline;
+ word-spacing: 10em;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 22em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p>
+ <div>
+ <div>XXXXX XXXXXX</div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-002.xht
new file mode 100644
index 0000000000..905623e6cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-002.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing application to 'display: block' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-applies-to-001-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property applies to 'display: block' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ span
+ {
+ display: block;
+ word-spacing: 10em;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 22em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p>
+ <div>
+ <span>XXXXX XXXXXX</span>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-003-ref.xht
new file mode 100644
index 0000000000..620db3dc40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-003-ref.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ margin-left: 2em;
+ }
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ div div
+ {
+ display: list-item;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ width: 22em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends. There also needs to be a marker bullet on the left-hand side of the left most black box.</p>
+ <div>
+ <div>XXXXX &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;XXXXXX</div>
+ </div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-003.xht
new file mode 100644
index 0000000000..df82c523da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-003.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing application to 'display: list-item' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-applies-to-003-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property applies to 'display: list-item' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ margin-left: 2em;
+ }
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ div div
+ {
+ display: list-item;
+ word-spacing: 10em;
+ }
+ #div2
+ {
+ background: blue;
+ height: 1em;
+ width: 22em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends. There also needs to be a marker bullet on the left-hand side of the left most black box.</p>
+ <div>
+ <div>XXXXX XXXXXX</div>
+ </div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-005.xht
new file mode 100644
index 0000000000..3d3980335a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-005.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing application to 'display: inline-block' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-applies-to-001-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property applies to 'display: inline-block' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ span
+ {
+ display: inline-block;
+ word-spacing: 10em;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 22em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p>
+ <div>
+ <span>XXXXX XXXXXX</span>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-006.xht
new file mode 100644
index 0000000000..2391060920
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-006.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing application to 'display: table' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-applies-to-001-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property applies to 'display: table' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ word-spacing: 10em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 22em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">XXXXX XXXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-007-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-007-ref.xht
new file mode 100644
index 0000000000..3763d7e86b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-007-ref.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: inline-table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 22em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">XXXXX &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;XXXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-007.xht
new file mode 100644
index 0000000000..a8780bf5de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-007.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing application to 'display: inline-table' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-applies-to-007-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property applies to 'display: inline-table' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: inline-table;
+ word-spacing: 10em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 22em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">XXXXX XXXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-008.xht
new file mode 100644
index 0000000000..f5b1f98357
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-008.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing application to 'display: table-row-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-applies-to-001-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property applies to 'display: table-row-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-row-group;
+ word-spacing: 10em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 22em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">XXXXX XXXXXX</div>
+ </div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-009.xht
new file mode 100644
index 0000000000..aecc99e2a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-009.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing application to 'display: table-header-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-applies-to-001-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property applies to 'display: table-header-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-header-group;
+ word-spacing: 10em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 22em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">XXXXX XXXXXX</div>
+ </div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-010.xht
new file mode 100644
index 0000000000..f726522e73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-010.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing application to 'display: table-footer-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-applies-to-001-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property applies to 'display: table-footer-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-footer-group;
+ word-spacing: 10em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 22em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell">XXXXX XXXXXX</div>
+ </div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-011.xht
new file mode 100644
index 0000000000..ad9d843c75
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-011.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing application to 'display: table-row' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-applies-to-001-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property applies to 'display: table-row' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ word-spacing: 10em;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 22em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell">XXXXX XXXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-012-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-012-ref.xht
new file mode 100644
index 0000000000..59fcf0312a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-012-ref.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-column-group;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">XXXXX XXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-012.xht
new file mode 100644
index 0000000000..2bc77c239d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-012.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing application to 'display: table-column-group' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-applies-to-012-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property is not applied to 'display: table-column-group' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-column-group;
+ word-spacing: 10em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">XXXXX XXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-013.xht
new file mode 100644
index 0000000000..628c516335
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-013.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing application to 'display: table-column' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-applies-to-012-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property is not applied to 'display: table-column' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #test
+ {
+ display: table-column;
+ word-spacing: 10em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 11em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell">XXXXX XXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-014.xht
new file mode 100644
index 0000000000..0fe3c6217f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-014.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing application to 'display: table-cell' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-applies-to-001-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property applies to 'display: table-cell' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ }
+ #table
+ {
+ display: table-row;
+ }
+ #test
+ {
+ display: table-cell;
+ word-spacing: 10em;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 22em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="row">
+ <div id="test">XXXXX XXXXXX</div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-015.xht
new file mode 100644
index 0000000000..c81aa5a99a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-015.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing application to 'display: table-caption' element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-applies-to-001-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'word-spacing' property applies to 'display: table-caption' elements." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #table
+ {
+ display: table;
+ width: 22em;
+ }
+ #caption
+ {
+ display: table-caption;
+ word-spacing: 10em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #div1
+ {
+ background: blue;
+ height: 1em;
+ width: 22em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p>
+ <div id="table">
+ <div id="caption">XXXXX XXXXXX</div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div id="div1"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-001-ref.xht
new file mode 100644
index 0000000000..4a6004eb6f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-001-ref.xht
@@ -0,0 +1,80 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <style type="text/css">
+ div {
+ margin: 1em;
+ font-family: monospace;
+ page-break-inside: avoid;
+ }
+ div p {
+ margin: 0;
+ }
+ .controlcontrol {
+ background: orange;
+ width: 4em;
+ }
+
+ .control span {
+ background: blue;
+ color: blue;
+ }
+ .spacer {
+ padding-left: 4em;
+ }
+ .test span {
+ background: orange;
+ color: orange;
+ }
+ .ws-pre p {
+ white-space: pre;
+ }
+ </style>
+ </head>
+ <body>
+ <p>In each of the following pairs, the blue and orange bars must have equal lengths.</p>
+
+ <div>
+ <p class="control"><span class="spacer"></span>&nbsp;</p>
+ <p class="controlcontrol">&nbsp;</p>
+ </div>
+
+ <div class="ws-normal">
+ <p class="control"><span>A <span class="spacer"></span>B</span></p>
+ <p class="test"><span>A <span class="spacer"></span>B</span></p>
+ </div>
+ <div class="ws-normal">
+ <p class="control"><span>A <span class="spacer"></span>B</span></p>
+ <p class="test"><span>A <span class="spacer"></span>B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A <span class="spacer"></span> <span class="spacer"></span>B</span></p>
+ <p class="test"><span>A <span class="spacer"></span> <span class="spacer"></span>B</span></p>
+ </div>
+
+ <div class="ws-normal">
+ <p class="control"><span>A&nbsp;<span class="spacer"></span>B</span></p>
+ <p class="test"><span>A&nbsp;<span class="spacer"></span>B</span></p>
+ </div>
+ <div class="ws-normal">
+ <p class="control"><span>A&nbsp;&nbsp;<span class="spacer"></span><span class="spacer"></span>B</span></p>
+ <p class="test"><span>A&nbsp;&nbsp;<span class="spacer"></span><span class="spacer"></span>B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&nbsp;&nbsp;<span class="spacer"></span><span class="spacer"></span>B</span></p>
+ <p class="test"><span>A&nbsp;&nbsp;<span class="spacer"></span><span class="spacer"></span>B</span></p>
+ </div>
+
+ <div class="ws-normal">
+ <p class="control"><span>A&nbsp; &nbsp; <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>B</span></p>
+ <p class="test"><span>A&nbsp; &nbsp; <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&nbsp; &nbsp; <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>&#09;B</span></p>
+ <p class="test"><span>A&nbsp; &nbsp; <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>&#09;B</span></p>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-001.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-001.xht
new file mode 100644
index 0000000000..8fc41a9a0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-001.xht
@@ -0,0 +1,88 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: word-spacing on Flexible Space Characters</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-characters-001-ref.xht"/>
+ <meta name="assert" content="Word-spacing affects each space (U+0020)
+ and non-breaking space (U+00A0)."/>
+ <style type="text/css">
+ div {
+ margin: 1em;
+ font-family: monospace;
+ page-break-inside: avoid;
+ }
+ div p {
+ margin: 0;
+ }
+ .controlcontrol {
+ background: orange;
+ width: 4em;
+ }
+
+ .control span {
+ background: blue;
+ color: blue;
+ }
+ .spacer {
+ padding-left: 4em;
+ }
+ .test span {
+ word-spacing: 4em;
+ background: orange;
+ color: orange;
+ }
+ .ws-pre p {
+ white-space: pre;
+ }
+ </style>
+ </head>
+ <body>
+ <p>In each of the following pairs, the blue and orange bars must have equal lengths.</p>
+
+ <div>
+ <p class="control"><span class="spacer"></span>&nbsp;</p>
+ <p class="controlcontrol">&nbsp;</p>
+ </div>
+
+ <div class="ws-normal">
+ <p class="control"><span>A <span class="spacer"></span>B</span></p>
+ <p class="test"><span>A B</span></p>
+ </div>
+ <div class="ws-normal">
+ <p class="control"><span>A <span class="spacer"></span>B</span></p>
+ <p class="test"><span>A B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A <span class="spacer"></span> <span class="spacer"></span>B</span></p>
+ <p class="test"><span>A B</span></p>
+ </div>
+
+ <div class="ws-normal">
+ <p class="control"><span>A&nbsp;<span class="spacer"></span>B</span></p>
+ <p class="test"><span>A&nbsp;B</span></p>
+ </div>
+ <div class="ws-normal">
+ <p class="control"><span>A&nbsp;&nbsp;<span class="spacer"></span><span class="spacer"></span>B</span></p>
+ <p class="test"><span>A&nbsp;&nbsp;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&nbsp;&nbsp;<span class="spacer"></span><span class="spacer"></span>B</span></p>
+ <p class="test"><span>A&nbsp;&nbsp;B</span></p>
+ </div>
+
+ <div class="ws-normal">
+ <p class="control"><span>A&nbsp; &nbsp; <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>B</span></p>
+ <p class="test"><span>A&nbsp; &nbsp; &#09;
+ &#09; B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&nbsp; &nbsp; <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>&#09;B</span></p>
+ <p class="test"><span>A&nbsp; &nbsp; &#09;B</span></p>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-002-ref.xht
new file mode 100644
index 0000000000..4b7928d976
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-002-ref.xht
@@ -0,0 +1,175 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <style type="text/css">
+ div {
+ margin: 1em;
+ font-family: monospace;
+ page-break-inside: avoid;
+ }
+ div p {
+ margin: 0;
+ }
+
+ .control span {
+ background: blue;
+ color: blue;
+ }
+ .test span {
+ background: orange;
+ color: orange;
+ }
+ .ws-pre p {
+ white-space: pre;
+ }
+ body > div { display: inline-block; } /* to avoid overflowing the screen. Non essential to the test. */
+ </style>
+ </head>
+ <body>
+ <p>In each of the following pairs, the blue and orange bars must have equal lengths.</p>
+
+ <!-- IDEOGRAPHIC SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x3000;&#x3000;&#x3000;&#x3000;B</span></p>
+ <p class="test"><span>A&#x3000;&#x3000;&#x3000;&#x3000;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x3000;&#x3000;&#x3000;&#x3000;B</span></p>
+ <p class="test"><span>A&#x3000;&#x3000;&#x3000;&#x3000;B</span></p>
+ </div>
+
+ <!-- EN QUAD -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2000;&#x2000;&#x2000;&#x2000;B</span></p>
+ <p class="test"><span>A&#x2000;&#x2000;&#x2000;&#x2000;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2000;&#x2000;&#x2000;&#x2000;B</span></p>
+ <p class="test"><span>A&#x2000;&#x2000;&#x2000;&#x2000;B</span></p>
+ </div>
+
+ <!-- EM QUAD -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2001;&#x2001;&#x2001;&#x2001;B</span></p>
+ <p class="test"><span>A&#x2001;&#x2001;&#x2001;&#x2001;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2001;&#x2001;&#x2001;&#x2001;B</span></p>
+ <p class="test"><span>A&#x2001;&#x2001;&#x2001;&#x2001;B</span></p>
+ </div>
+
+ <!-- EN SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2002;&#x2002;&#x2002;&#x2002;B</span></p>
+ <p class="test"><span>A&#x2002;&#x2002;&#x2002;&#x2002;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2002;&#x2002;&#x2002;&#x2002;B</span></p>
+ <p class="test"><span>A&#x2002;&#x2002;&#x2002;&#x2002;B</span></p>
+ </div>
+
+ <!-- EM SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2003;&#x2003;&#x2003;&#x2003;B</span></p>
+ <p class="test"><span>A&#x2003;&#x2003;&#x2003;&#x2003;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2003;&#x2003;&#x2003;&#x2003;B</span></p>
+ <p class="test"><span>A&#x2003;&#x2003;&#x2003;&#x2003;B</span></p>
+ </div>
+
+ <!-- THREE-PER-EM SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2004;&#x2004;&#x2004;&#x2004;B</span></p>
+ <p class="test"><span>A&#x2004;&#x2004;&#x2004;&#x2004;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2004;&#x2004;&#x2004;&#x2004;B</span></p>
+ <p class="test"><span>A&#x2004;&#x2004;&#x2004;&#x2004;B</span></p>
+ </div>
+
+ <!-- FOUR-PER-EM SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2005;&#x2005;&#x2005;&#x2005;B</span></p>
+ <p class="test"><span>A&#x2005;&#x2005;&#x2005;&#x2005;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2005;&#x2005;&#x2005;&#x2005;B</span></p>
+ <p class="test"><span>A&#x2005;&#x2005;&#x2005;&#x2005;B</span></p>
+ </div>
+
+ <!-- SIX-PER-EM SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2006;&#x2006;&#x2006;&#x2006;B</span></p>
+ <p class="test"><span>A&#x2006;&#x2006;&#x2006;&#x2006;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2006;&#x2006;&#x2006;&#x2006;B</span></p>
+ <p class="test"><span>A&#x2006;&#x2006;&#x2006;&#x2006;B</span></p>
+ </div>
+
+ <!-- FIGURE SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2007;&#x2007;&#x2007;&#x2007;B</span></p>
+ <p class="test"><span>A&#x2007;&#x2007;&#x2007;&#x2007;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2007;&#x2007;&#x2007;&#x2007;B</span></p>
+ <p class="test"><span>A&#x2007;&#x2007;&#x2007;&#x2007;B</span></p>
+ </div>
+
+ <!-- PUNCTUATION SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2008;&#x2008;&#x2008;&#x2008;B</span></p>
+ <p class="test"><span>A&#x2008;&#x2008;&#x2008;&#x2008;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2008;&#x2008;&#x2008;&#x2008;B</span></p>
+ <p class="test"><span>A&#x2008;&#x2008;&#x2008;&#x2008;B</span></p>
+ </div>
+
+ <!--THIN SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2009;&#x2009;&#x2009;&#x2009;B</span></p>
+ <p class="test"><span>A&#x2009;&#x2009;&#x2009;&#x2009;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2009;&#x2009;&#x2009;&#x2009;B</span></p>
+ <p class="test"><span>A&#x2009;&#x2009;&#x2009;&#x2009;B</span></p>
+ </div>
+
+ <!-- HAIR SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x200A;&#x200A;&#x200A;&#x200A;B</span></p>
+ <p class="test"><span>A&#x200A;&#x200A;&#x200A;&#x200A;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x200A;&#x200A;&#x200A;&#x200A;B</span></p>
+ <p class="test"><span>A&#x200A;&#x200A;&#x200A;&#x200A;B</span></p>
+ </div>
+
+ <!-- NARROW NO-BREAK SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x202F;&#x202F;&#x202F;&#x202F;B</span></p>
+ <p class="test"><span>A&#x202F;&#x202F;&#x202F;&#x202F;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x202F;&#x202F;&#x202F;&#x202F;B</span></p>
+ <p class="test"><span>A&#x202F;&#x202F;&#x202F;&#x202F;B</span></p>
+ </div>
+
+ <!-- MEDIUM MATHEMATICAL SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x205F;&#x205F;&#x205F;&#x205F;B</span></p>
+ <p class="test"><span>A&#x205F;&#x205F;&#x205F;&#x205F;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x205F;&#x205F;&#x205F;&#x205F;B</span></p>
+ <p class="test"><span>A&#x205F;&#x205F;&#x205F;&#x205F;B</span></p>
+ </div>
+
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-002.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-002.xht
new file mode 100644
index 0000000000..1f2578c29b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-002.xht
@@ -0,0 +1,181 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: word-spacing on Fixed-Width Space Characters</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-characters-002-ref.xht"/>
+ <meta name="assert" content="Word-spacing does not affect fixed-width spaces."/>
+ <style type="text/css">
+ div {
+ margin: 1em;
+ font-family: monospace;
+ page-break-inside: avoid;
+ }
+ div p {
+ margin: 0;
+ }
+
+ .control span {
+ background: blue;
+ color: blue;
+ }
+ .test span {
+ word-spacing: 4em;
+ background: orange;
+ color: orange;
+ }
+ .ws-pre p {
+ white-space: pre;
+ }
+ body > div { display: inline-block; } /* to avoid overflowing the screen. Non essential to the test. */
+ </style>
+ </head>
+ <body>
+ <p>In each of the following pairs, the blue and orange bars must have equal lengths.</p>
+
+ <!-- IDEOGRAPHIC SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x3000;&#x3000;&#x3000;&#x3000;B</span></p>
+ <p class="test"><span>A&#x3000;&#x3000;&#x3000;&#x3000;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x3000;&#x3000;&#x3000;&#x3000;B</span></p>
+ <p class="test"><span>A&#x3000;&#x3000;&#x3000;&#x3000;B</span></p>
+ </div>
+
+ <!-- EN QUAD -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2000;&#x2000;&#x2000;&#x2000;B</span></p>
+ <p class="test"><span>A&#x2000;&#x2000;&#x2000;&#x2000;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2000;&#x2000;&#x2000;&#x2000;B</span></p>
+ <p class="test"><span>A&#x2000;&#x2000;&#x2000;&#x2000;B</span></p>
+ </div>
+
+ <!-- EM QUAD -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2001;&#x2001;&#x2001;&#x2001;B</span></p>
+ <p class="test"><span>A&#x2001;&#x2001;&#x2001;&#x2001;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2001;&#x2001;&#x2001;&#x2001;B</span></p>
+ <p class="test"><span>A&#x2001;&#x2001;&#x2001;&#x2001;B</span></p>
+ </div>
+
+ <!-- EN SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2002;&#x2002;&#x2002;&#x2002;B</span></p>
+ <p class="test"><span>A&#x2002;&#x2002;&#x2002;&#x2002;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2002;&#x2002;&#x2002;&#x2002;B</span></p>
+ <p class="test"><span>A&#x2002;&#x2002;&#x2002;&#x2002;B</span></p>
+ </div>
+
+ <!-- EM SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2003;&#x2003;&#x2003;&#x2003;B</span></p>
+ <p class="test"><span>A&#x2003;&#x2003;&#x2003;&#x2003;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2003;&#x2003;&#x2003;&#x2003;B</span></p>
+ <p class="test"><span>A&#x2003;&#x2003;&#x2003;&#x2003;B</span></p>
+ </div>
+
+ <!-- THREE-PER-EM SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2004;&#x2004;&#x2004;&#x2004;B</span></p>
+ <p class="test"><span>A&#x2004;&#x2004;&#x2004;&#x2004;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2004;&#x2004;&#x2004;&#x2004;B</span></p>
+ <p class="test"><span>A&#x2004;&#x2004;&#x2004;&#x2004;B</span></p>
+ </div>
+
+ <!-- FOUR-PER-EM SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2005;&#x2005;&#x2005;&#x2005;B</span></p>
+ <p class="test"><span>A&#x2005;&#x2005;&#x2005;&#x2005;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2005;&#x2005;&#x2005;&#x2005;B</span></p>
+ <p class="test"><span>A&#x2005;&#x2005;&#x2005;&#x2005;B</span></p>
+ </div>
+
+ <!-- SIX-PER-EM SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2006;&#x2006;&#x2006;&#x2006;B</span></p>
+ <p class="test"><span>A&#x2006;&#x2006;&#x2006;&#x2006;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2006;&#x2006;&#x2006;&#x2006;B</span></p>
+ <p class="test"><span>A&#x2006;&#x2006;&#x2006;&#x2006;B</span></p>
+ </div>
+
+ <!-- FIGURE SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2007;&#x2007;&#x2007;&#x2007;B</span></p>
+ <p class="test"><span>A&#x2007;&#x2007;&#x2007;&#x2007;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2007;&#x2007;&#x2007;&#x2007;B</span></p>
+ <p class="test"><span>A&#x2007;&#x2007;&#x2007;&#x2007;B</span></p>
+ </div>
+
+ <!-- PUNCTUATION SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2008;&#x2008;&#x2008;&#x2008;B</span></p>
+ <p class="test"><span>A&#x2008;&#x2008;&#x2008;&#x2008;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2008;&#x2008;&#x2008;&#x2008;B</span></p>
+ <p class="test"><span>A&#x2008;&#x2008;&#x2008;&#x2008;B</span></p>
+ </div>
+
+ <!--THIN SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x2009;&#x2009;&#x2009;&#x2009;B</span></p>
+ <p class="test"><span>A&#x2009;&#x2009;&#x2009;&#x2009;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x2009;&#x2009;&#x2009;&#x2009;B</span></p>
+ <p class="test"><span>A&#x2009;&#x2009;&#x2009;&#x2009;B</span></p>
+ </div>
+
+ <!-- HAIR SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x200A;&#x200A;&#x200A;&#x200A;B</span></p>
+ <p class="test"><span>A&#x200A;&#x200A;&#x200A;&#x200A;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x200A;&#x200A;&#x200A;&#x200A;B</span></p>
+ <p class="test"><span>A&#x200A;&#x200A;&#x200A;&#x200A;B</span></p>
+ </div>
+
+ <!-- NARROW NO-BREAK SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x202F;&#x202F;&#x202F;&#x202F;B</span></p>
+ <p class="test"><span>A&#x202F;&#x202F;&#x202F;&#x202F;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x202F;&#x202F;&#x202F;&#x202F;B</span></p>
+ <p class="test"><span>A&#x202F;&#x202F;&#x202F;&#x202F;B</span></p>
+ </div>
+
+ <!-- MEDIUM MATHEMATICAL SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x205F;&#x205F;&#x205F;&#x205F;B</span></p>
+ <p class="test"><span>A&#x205F;&#x205F;&#x205F;&#x205F;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x205F;&#x205F;&#x205F;&#x205F;B</span></p>
+ <p class="test"><span>A&#x205F;&#x205F;&#x205F;&#x205F;B</span></p>
+ </div>
+
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-003-ref.xht
new file mode 100644
index 0000000000..b8d64adee1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-003-ref.xht
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <style type="text/css">
+ div {
+ margin: 1em;
+ font-family: monospace;
+ page-break-inside: avoid;
+ }
+ div p {
+ margin: 0;
+ }
+
+ .control span {
+ background: blue;
+ color: blue;
+ }
+ .test span {
+ background: orange;
+ color: orange;
+ }
+ .ws-pre p {
+ white-space: pre;
+ }
+ </style>
+ </head>
+ <body>
+ <p>In each of the following pairs, the blue and orange bars must have equal lengths.</p>
+
+ <!-- ZERO-WIDTH SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x200B;&#x200B;&#x200B;&#x200B;B</span></p>
+ <p class="test"><span>A&#x200B;&#x200B;&#x200B;&#x200B;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x200B;&#x200B;&#x200B;&#x200B;B</span></p>
+ <p class="test"><span>A&#x200B;&#x200B;&#x200B;&#x200B;B</span></p>
+ </div>
+
+ <!-- ZERO-WIDTH NO-BREAK SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#xFEFF;&#xFEFF;&#xFEFF;&#xFEFF;B</span></p>
+ <p class="test"><span>A&#xFEFF;&#xFEFF;&#xFEFF;&#xFEFF;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#xFEFF;&#xFEFF;&#xFEFF;&#xFEFF;B</span></p>
+ <p class="test"><span>A&#xFEFF;&#xFEFF;&#xFEFF;&#xFEFF;B</span></p>
+ </div>
+
+ <!-- ZERO-WIDTH NON-JOINER -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x200C;&#x200C;&#x200C;&#x200C;B</span></p>
+ <p class="test"><span>A&#x200C;&#x200C;&#x200C;&#x200C;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x200C;&#x200C;&#x200C;&#x200C;B</span></p>
+ <p class="test"><span>A&#x200C;&#x200C;&#x200C;&#x200C;B</span></p>
+ </div>
+
+ <!-- ZERO-WIDTH JOINER -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x200D;&#x200D;&#x200D;&#x200D;B</span></p>
+ <p class="test"><span>A&#x200D;&#x200D;&#x200D;&#x200D;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x200D;&#x200D;&#x200D;&#x200D;B</span></p>
+ <p class="test"><span>A&#x200D;&#x200D;&#x200D;&#x200D;B</span></p>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-003.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-003.xht
new file mode 100644
index 0000000000..a5119af6ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-003.xht
@@ -0,0 +1,79 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: word-spacing on Zero-Width Characters</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-characters-003-ref.xht"/>
+ <meta name="assert" content="Word-spacing does not affect zero-width characters."/>
+ <style type="text/css">
+ div {
+ margin: 1em;
+ font-family: monospace;
+ page-break-inside: avoid;
+ }
+ div p {
+ margin: 0;
+ }
+
+ .control span {
+ background: blue;
+ color: blue;
+ }
+ .test span {
+ word-spacing: 4em;
+ background: orange;
+ color: orange;
+ }
+ .ws-pre p {
+ white-space: pre;
+ }
+ </style>
+ </head>
+ <body>
+ <p>In each of the following pairs, the blue and orange bars must have equal lengths.</p>
+
+ <!-- ZERO-WIDTH SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x200B;&#x200B;&#x200B;&#x200B;B</span></p>
+ <p class="test"><span>A&#x200B;&#x200B;&#x200B;&#x200B;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x200B;&#x200B;&#x200B;&#x200B;B</span></p>
+ <p class="test"><span>A&#x200B;&#x200B;&#x200B;&#x200B;B</span></p>
+ </div>
+
+ <!-- ZERO-WIDTH NO-BREAK SPACE -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#xFEFF;&#xFEFF;&#xFEFF;&#xFEFF;B</span></p>
+ <p class="test"><span>A&#xFEFF;&#xFEFF;&#xFEFF;&#xFEFF;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#xFEFF;&#xFEFF;&#xFEFF;&#xFEFF;B</span></p>
+ <p class="test"><span>A&#xFEFF;&#xFEFF;&#xFEFF;&#xFEFF;B</span></p>
+ </div>
+
+ <!-- ZERO-WIDTH NON-JOINER -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x200C;&#x200C;&#x200C;&#x200C;B</span></p>
+ <p class="test"><span>A&#x200C;&#x200C;&#x200C;&#x200C;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x200C;&#x200C;&#x200C;&#x200C;B</span></p>
+ <p class="test"><span>A&#x200C;&#x200C;&#x200C;&#x200C;B</span></p>
+ </div>
+
+ <!-- ZERO-WIDTH JOINER -->
+ <div class="ws-normal">
+ <p class="control"><span>A&#x200D;&#x200D;&#x200D;&#x200D;B</span></p>
+ <p class="test"><span>A&#x200D;&#x200D;&#x200D;&#x200D;B</span></p>
+ </div>
+ <div class="ws-pre">
+ <p class="control"><span>A&#x200D;&#x200D;&#x200D;&#x200D;B</span></p>
+ <p class="test"><span>A&#x200D;&#x200D;&#x200D;&#x200D;B</span></p>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-justify-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-justify-001-ref.xht
new file mode 100644
index 0000000000..90268c2994
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-justify-001-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ font: 16px/1em Ahem;
+ width: 20em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are three distinct boxes below.</p>
+ <div>
+ <span>XXXXX &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;XXXXX XXXXX &nbsp;&nbsp;&nbsp;XXXXX</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-justify-001.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-justify-001.xht
new file mode 100644
index 0000000000..17d811de98
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-justify-001.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing and 'text-align: justify'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-justify-property"/>
+ <link rel="match" href="word-spacing-justify-001-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The word spacing is changed when combined with 'text-align: justify'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ font: 16px/1em Ahem;
+ text-align: justify;
+ width: 20em;
+ word-spacing: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are three distinct boxes below.</p>
+ <div>
+ <span>XXXXX XXXXX XXXXX XXXXX</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-001-ref.xht
new file mode 100644
index 0000000000..8f331d3dbc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-001-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">X &nbsp;&nbsp;X</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-001.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-001.xht
new file mode 100644
index 0000000000..0f28e33f64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-001.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing and white space with multiple spaces</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-remove-space-001-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The white space processing removes spaces before 'word-spacing' is applied." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ word-spacing: 2em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">X X</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-002-ref.xht
new file mode 100644
index 0000000000..36e2194751
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-002-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 12em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">X&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;X</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-002.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-002.xht
new file mode 100644
index 0000000000..990b98eca8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-002.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing and white space with multiple non-breaking spaces</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-remove-space-002-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The white space processing removes non-breaking space before 'word-spacing' is applied." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ word-spacing: 2em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 12em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">X&nbsp; &nbsp; X</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-003-ref.xht
new file mode 100644
index 0000000000..596ee02c97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-003-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 8em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">X&#x3000; &nbsp;&nbsp;&#x3000; &nbsp;&nbsp;X</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-003.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-003.xht
new file mode 100644
index 0000000000..9655c134eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-003.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing and white space with multiple ideographic spaces</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-remove-space-003-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The white space processing removes ideographic space before 'word-spacing' is applied." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ word-spacing: 2em;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 8em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">X&#x3000; &#x3000; X</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-004-ref.xht
new file mode 100644
index 0000000000..8c55f28f72
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-004-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ white-space: pre;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">X &nbsp;&nbsp; &nbsp;&nbsp;X</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-004.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-004.xht
new file mode 100644
index 0000000000..5aa54a6810
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-004.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing and white space with multiple preserved spaces</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-remove-space-004-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Any space left after white-space processing model occurs, has word-spacing applied to it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ word-spacing: 2em;
+ white-space: pre;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 6em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">X X</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-005-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-005-ref.xht
new file mode 100644
index 0000000000..de884afbba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-005-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ white-space: pre;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 9em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">X&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;X</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-005.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-005.xht
new file mode 100644
index 0000000000..daaa40fb2c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-005.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing and white space with multiple preserved spaces</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-remove-space-005-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Any non-breaking space left after white-space processing model occurs, has word-spacing applied to it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ word-spacing: 2em;
+ white-space: pre;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 9em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">X&nbsp; &nbsp;X</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-006-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-006-ref.xht
new file mode 100644
index 0000000000..1a809e523b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-006-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ white-space: pre;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 8em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">X&#x3000; &nbsp;&nbsp; &nbsp;&nbsp;&#x3000;X</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-006.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-006.xht
new file mode 100644
index 0000000000..d3b2936770
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-006.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Word-spacing and white space with multiple preserved spaces</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
+ <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/>
+ <link rel="match" href="word-spacing-remove-space-006-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Any ideographic space left after white-space processing model occurs, has word-spacing applied to it." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 16px/1em Ahem;
+ }
+ #div1
+ {
+ word-spacing: 2em;
+ white-space: pre;
+ }
+ #div2, #div3
+ {
+ background: black;
+ display: inline-block;
+ height: 1em;
+ width: 1em;
+ }
+ #div3
+ {
+ margin-left: 8em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are only two boxes below.</p>
+ <div id="div1">X&#x3000; &#x3000;X</div>
+ <div id="div2"></div><div id="div3"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-001.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-001.xht
new file mode 100644
index 0000000000..7528f236ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor using the 'url()' function</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="Cursor 'uri' results in the cursor that is specified by the URI." />
+ <style type="text/css">
+ div
+ {
+ border: solid 2px blue;
+ cursor: url("support/cursor.cur"), auto;
+ height: 200px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor style matches this image (<img alt="3D move cursor" src="support/cursor.png" />) when the mouse cursor is inside the blue box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-002.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-002.xht
new file mode 100644
index 0000000000..1644c337ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-002.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 'auto' results in a cursor that is determined by the user agent according to the context." />
+ <style type="text/css">
+ #test
+ {
+ border: solid 2px blue;
+ cursor: auto;
+ height: 100px;
+ width: 500px;
+ }
+ #reference
+ {
+ border: solid 2px blue;
+ height: 100px;
+ margin-top: 50px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor is the same when it is over "Filler Text" and when it is over "Reference Text" below.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Reference Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-003.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-003.xht
new file mode 100644
index 0000000000..5cf1dd7301
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 'crosshair'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 'crosshair' results in a crosshair cursor resembling a '+' sign." />
+ <style type="text/css">
+ div
+ {
+ border: solid 2px blue;
+ cursor: crosshair;
+ height: 200px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a crosshair cursor appears when the mouse cursor is inside the blue box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-004.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-004.xht
new file mode 100644
index 0000000000..3a5c25daf7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-004.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 'default'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 'default' results in the default cursor." />
+ <style type="text/css">
+ div
+ {
+ border: solid 2px blue;
+ cursor: default;
+ height: 200px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if an arrow cursor appears when the mouse cursor is inside the blue box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-005.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-005.xht
new file mode 100644
index 0000000000..edc217fcdc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-005.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 'pointer'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 'pointer' results in a cursor that indicates a link." />
+ <style type="text/css">
+ div
+ {
+ border: solid 2px blue;
+ cursor: pointer;
+ height: 200px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a pointer cursor appears when the mouse cursor is inside the blue box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-006.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-006.xht
new file mode 100644
index 0000000000..e524a8359e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-006.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 'move'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 'move' results in a cursor that indicates an element can be moved." />
+ <style type="text/css">
+ div
+ {
+ border: solid 2px blue;
+ cursor: move;
+ height: 200px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a move cursor appears when the mouse cursor is inside the blue box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-007.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-007.xht
new file mode 100644
index 0000000000..a1bf8a8e64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-007.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 'e-resize'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 'e-resize' results in a cursor that indicates the east edge of an element can be moved." />
+ <style type="text/css">
+ div
+ {
+ border: solid 2px blue;
+ cursor: e-resize;
+ height: 200px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a cursor that indicates eastward movement appears when the mouse cursor is inside the blue box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-008.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-008.xht
new file mode 100644
index 0000000000..6bc449b9d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-008.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 'ne-resize'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 'ne-resize' results in a cursor that indicates the north-east corner of an element can be moved." />
+ <style type="text/css">
+ div
+ {
+ border: solid 2px blue;
+ cursor: ne-resize;
+ height: 200px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a cursor that indicates northeastward movement appears when the mouse cursor is inside the blue box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-009.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-009.xht
new file mode 100644
index 0000000000..59aa2bd399
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-009.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 'nw-resize'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 'nw-resize' results in a cursor that indicates the north-west corner of an element can be moved." />
+ <style type="text/css">
+ div
+ {
+ border: solid 2px blue;
+ cursor: nw-resize;
+ height: 200px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a cursor that indicates northwestward movement appears when the mouse cursor is inside the blue box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-010.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-010.xht
new file mode 100644
index 0000000000..219d722a36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-010.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 'n-resize'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 'n-resize' results in a cursor that indicates the north edge of an element can be moved." />
+ <style type="text/css">
+ div
+ {
+ border: solid 2px blue;
+ cursor: n-resize;
+ height: 200px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a cursor that indicates northward movement appears when the mouse cursor is inside the blue box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-011.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-011.xht
new file mode 100644
index 0000000000..788d85d1d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-011.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 'se-resize'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 'se-resize' results in a cursor that indicates the south-east corner of an element can be moved." />
+ <style type="text/css">
+ div
+ {
+ border: solid 2px blue;
+ cursor: se-resize;
+ height: 200px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a cursor that indicates southeastward movement appears when the mouse cursor is inside the blue box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-012.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-012.xht
new file mode 100644
index 0000000000..7508f7b045
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-012.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 'sw-resize'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 'sw-resize' results in a cursor that indicates the south-west corner of an element can be moved." />
+ <style type="text/css">
+ div
+ {
+ border: solid 2px blue;
+ cursor: sw-resize;
+ height: 200px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a cursor that indicates southwestard movement appears when the mouse cursor is inside the blue box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-013.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-013.xht
new file mode 100644
index 0000000000..c23b8346d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-013.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 's-resize'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 's-resize' results in a cursor that indicates the south edge of an element can be moved." />
+ <style type="text/css">
+ div
+ {
+ border: solid 2px blue;
+ cursor: s-resize;
+ height: 200px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a cursor that indicates southward movement appears when the mouse cursor is inside the blue box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-014.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-014.xht
new file mode 100644
index 0000000000..139b8f24cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-014.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 'w-resize'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 'w-resize' results in a cursor that indicates the west edge of an element can be moved." />
+ <style type="text/css">
+ div
+ {
+ border: solid 2px blue;
+ cursor: w-resize;
+ height: 200px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a cursor that indicates westward movement appears when the mouse cursor is inside the blue box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-015.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-015.xht
new file mode 100644
index 0000000000..dd2d441cf5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-015.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 'text'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 'text' results in a cursor that indicates user can select or input text." />
+ <style type="text/css">
+ div
+ {
+ border: solid 2px blue;
+ cursor: text;
+ height: 200px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a text cursor (the same one as when mouse is over this text) appears when the mouse cursor is inside the blue box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-016.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-016.xht
new file mode 100644
index 0000000000..a693640742
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-016.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 'wait'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 'wait' results in a cursor that indicates the page is busy and user needs to wait." />
+ <style type="text/css">
+ div
+ {
+ border: solid 2px blue;
+ cursor: wait;
+ height: 200px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a wait cursor appears when the mouse cursor is inside the blue box. (Such wait cursor often resembles a watch or hourglass.)</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-017.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-017.xht
new file mode 100644
index 0000000000..c9c44eca9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-017.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 'help'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 'help' results in a cursor that indicates help information is available." />
+ <style type="text/css">
+ div
+ {
+ border: solid 2px blue;
+ cursor: help;
+ height: 200px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a help cursor appears when the mouse cursor is inside the blue box. (Such help cursor often resembles a question mark or a balloon.)</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-018.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-018.xht
new file mode 100644
index 0000000000..5d926572dc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-018.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 'progress'</title>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/ui/cursor/001.html"/>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 'progress' results in a cursor that indicates something is in progression." />
+ <style type="text/css">
+ div
+ {
+ border: solid 2px blue;
+ cursor: progress;
+ height: 200px;
+ width: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if a progress cursor appears when the mouse cursor is inside the blue box. (Such progess cursor often resembles a spinning beach ball, an arrow with a watch or an arrow with an hourglass.)</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-019.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-019.xht
new file mode 100644
index 0000000000..f46be11ec9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-019.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Cursor 'inherit' results in the same cursor value as the parent element has." />
+ <style type="text/css">
+ div
+ {
+ cursor: text;
+ }
+ div div
+ {
+ border: 2px solid blue;
+ cursor: inherit;
+ }
+ #div1
+ {
+ cursor: pointer;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor changes to a pointer cursor when mouse is over the following text.</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-020.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-020.xht
new file mode 100644
index 0000000000..e39369ea87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-020.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: cursor - &lt;uri&gt; value</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta content="interact" name="flags" />
+ <meta content="If the user agent cannot handle an user-defined cursor, it must use the generic cursor at the end of the list. The auto value should make UA determine the cursor to display based on the current context." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div {cursor: url("inexistent.cur"), auto;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Hovering the pointing device over the text sample should make it rendered as a text cursor (often an I-beam).</p>
+
+ <div>text sample</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-021.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-021.xht
new file mode 100644
index 0000000000..a44cf7905c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-021.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: cursor - &lt;uri&gt; value</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta content="interact invalid" name="flags" />
+ <meta content="When an user-defined cursor is provided, a generic cursor value must be provided at the end of the list." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ span {cursor: url("support/fail.cur");}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Hovering the pointing device over the text sample should make it rendered as a text cursor (often an I-beam).</p>
+
+ <div>
+ <span>text sample</span>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-022.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-022.xht
new file mode 100644
index 0000000000..3e1d3cd8eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-022.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: cursor - set to an invalid value</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#rule-sets" />
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" />
+ <meta content="The property 'cursor', when set to an invalid value or an illegal value, must be ignored. Then, instead, the cursor to display should be based on the current context." name="assert" />
+ <meta content="interact invalid" name="flags" />
+
+ <style type="text/css"><![CDATA[
+ div {cursor: invalid-value, crosshair;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the pointing device, when hovered over the text sample, is the text cursor (often rendered as an I-beam). Test fails if the pointing device is a crosshair (e.g., short line segments resembling a "+" sign).</p>
+
+ <div>Text sample</div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-023.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-023.xht
new file mode 100644
index 0000000000..cd0db15a15
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-023.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: PNG or GIF cursor</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/ui/cursor/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="image interact" />
+ <style type="text/css">
+ html { color: blue; font-size: 2em; cursor: url(support/cat.png),
+ url(support/cat.gif), crosshair; }
+ </style>
+ </head>
+ <body>
+ <p>Hover over this page. You should see another (possibly scaled-down)
+ copy of the cat you see below, moving as you move the mouse.</p>
+ <p><img src="support/cat.png" alt="FAIL"/></p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-024.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-024.xht
new file mode 100644
index 0000000000..6e7f1d2b94
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-024.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: animated GIF cursor</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/ui/cursor/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="image interact animated may" />
+ <style type="text/css">
+ html { color: blue; font-size: 2em; cursor: url(support/animated.gif), crosshair; }
+ </style>
+ </head>
+ <body>
+ <p>Hover over this page. The cursor should change into an animated logo like this one: <img src="support/animated.gif" alt="FAIL"/>.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-001.xht
new file mode 100644
index 0000000000..52a27ea2cd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-001.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor applied to element with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'cursor' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ background-color: blue;
+ cursor: pointer;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-002.xht
new file mode 100644
index 0000000000..82dc7574f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-002.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor applied to element with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'cursor' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ background-color: blue;
+ cursor: pointer;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-003.xht
new file mode 100644
index 0000000000..d5b2511c80
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-003.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor applied to element with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'cursor' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ background-color: blue;
+ cursor: pointer;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-004.xht
new file mode 100644
index 0000000000..355979bced
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-004.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor applied to element with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'cursor' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row;
+ background-color: blue;
+ cursor: pointer;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p>
+ <div id="table">
+ <div id="test">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-005.xht
new file mode 100644
index 0000000000..8667b19857
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-005.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor applied to element with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'cursor' property does not apply to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ cursor: pointer;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ background-color: blue;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor is the default cursor when it is over the blue area.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-006.xht
new file mode 100644
index 0000000000..41f89ef7a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-006.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor applied to element with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'cursor' property does not apply to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ cursor: pointer;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ background-color: blue;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor is the default cursor when it is over the blue area.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-007.xht
new file mode 100644
index 0000000000..93bd2ae736
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor applied to element with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'cursor' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #test
+ {
+ display: table-cell;
+ background-color: blue;
+ cursor: pointer;
+ height: 1in;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p>
+ <div id="table">
+ <div id="row">
+ <div id="test"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-008.xht
new file mode 100644
index 0000000000..752369cdc7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor applied to element with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'cursor' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ background-color: blue;
+ cursor: pointer;
+ height: 1in;
+ display: inline;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-009.xht
new file mode 100644
index 0000000000..caad33cfa5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-009.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor applied to element with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'cursor' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ background-color: blue;
+ cursor: pointer;
+ height: 1in;
+ display: block;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-010.xht
new file mode 100644
index 0000000000..0292522075
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor applied to element with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'cursor' property applies to elements with a 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ background-color: blue;
+ cursor: pointer;
+ height: 1in;
+ display: list-item;
+ margin-left: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor changes to a pointer cursor when it is over the blue box and there is a marker bullet on the left-hand side of the blue box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-012.xht
new file mode 100644
index 0000000000..e190cc9951
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-012.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor applied to element with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'cursor' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ background-color: blue;
+ cursor: pointer;
+ height: 1in;
+ display: inline-block;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-013.xht
new file mode 100644
index 0000000000..c26848c06d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-013.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor applied to element with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'cursor' property applies to elements with a display of table." />
+ <style type="text/css">
+ #test
+ {
+ display: table;
+ table-layout: fixed;
+ background-color: blue;
+ cursor: pointer;
+ height: 1in;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p>
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-014.xht
new file mode 100644
index 0000000000..a277dbdb8c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-014.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor applied to element with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'cursor' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #test
+ {
+ display: inline-table;
+ table-layout: fixed;
+ background-color: blue;
+ cursor: pointer;
+ height: 1in;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p>
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-015.xht
new file mode 100644
index 0000000000..82529a80e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-015.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor applied to element with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'cursor' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ display: table-caption;
+ background-color: blue;
+ cursor: pointer;
+ height: 1in;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p>
+ <div id="table">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-fallback-001.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-fallback-001.xht
new file mode 100644
index 0000000000..99aa7bbb9d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-fallback-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Cursor specified with missing image for the url()</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="When a specified URL cursor doesn't exist, the next specified cursor is used." />
+ <style type="text/css">
+ div
+ {
+ background-color: blue;
+ cursor: url("missing.cur"), pointer;
+ border: solid 2px blue;
+ width: 100px;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor changes to a pointer cursor when it is over the box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-url-001.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-url-001.xht
new file mode 100644
index 0000000000..f04e849dce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/cursor-url-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Url cursor</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
+ <meta name="flags" content="image interact" />
+ <meta name="assert" content="URI cursor is applied correctly." />
+ <style type="text/css">
+ div
+ {
+ background-color: blue;
+ cursor: url("support/cursor.cur"), pointer;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cursor changes to look like this: <img alt="3D move cursor" src="support/cursor.png" /> when it is over the box.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-001.xht
new file mode 100644
index 0000000000..109a3e99be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: one value with outline-color</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline value specified in the form of 'color' is correctly applied." />
+ <style type="text/css">
+ #div1
+ {
+ outline: green;
+ outline-style: dotted;
+ outline-width: 15px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p>
+ <div id="div1">Sample Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-002.xht
new file mode 100644
index 0000000000..44ab45f00b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: one value with outline-style</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline value specified in the form of 'style' is correctly applied." />
+ <style type="text/css">
+ #div1
+ {
+ outline: dotted;
+ outline-color: green;
+ outline-width: 15px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p>
+ <div id="div1">Sample Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-003.xht
new file mode 100644
index 0000000000..dbc346f3b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: one value with outline-width</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline value specified in the form of 'width' is correctly applied." />
+ <style type="text/css">
+ #test
+ {
+ margin-top: 15px;
+ outline: 15px;
+ outline-style: solid;
+ outline-color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a solid outline surrounding the text below.</p>
+ <div id="test">Sample Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-004.xht
new file mode 100644
index 0000000000..e555c5f6a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: two values in the order of 'outline-color outline-style'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline value specified in the form of 'color style' is correctly applied." />
+ <style type="text/css">
+ #div1
+ {
+ outline: green dotted;
+ outline-width: 15px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p>
+ <div id="div1">Sample Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-005.xht
new file mode 100644
index 0000000000..beac9d26b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-005.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: two values in the order of 'outline-color outline-width'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline value specified in the form of 'color width' is correctly applied." />
+ <style type="text/css">
+ #div1
+ {
+ outline: green 15px;
+ outline-style: dotted;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p>
+ <div id="div1">Sample Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-006.xht b/testing/web-platform/tests/css/CSS2/ui/outline-006.xht
new file mode 100644
index 0000000000..8e3cfd920b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-006.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: two values in the order of 'outline-style outline-color'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline value specified in the form of 'style color' is correctly applied." />
+ <style type="text/css">
+ #div1
+ {
+ outline: dotted green;
+ outline-width: 15px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p>
+ <div id="div1">Sample Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-007.xht b/testing/web-platform/tests/css/CSS2/ui/outline-007.xht
new file mode 100644
index 0000000000..b4ec64d78f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-007.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: two values in the order of 'outline-style outline-width'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline value specified in the form of 'style width' is correctly applied." />
+ <style type="text/css">
+ #div1
+ {
+ outline: dotted 15px;
+ outline-color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p>
+ <div id="div1">Sample Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-008.xht b/testing/web-platform/tests/css/CSS2/ui/outline-008.xht
new file mode 100644
index 0000000000..199ebffa14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-008.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: two values in the order of 'outline-width outline-color'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline value specified in the form of 'width color' is correctly applied." />
+ <style type="text/css">
+ #div1
+ {
+ outline: 15px green;
+ outline-style: dotted;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p>
+ <div id="div1">Sample Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-009.xht b/testing/web-platform/tests/css/CSS2/ui/outline-009.xht
new file mode 100644
index 0000000000..55dc3623ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-009.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: two values in the order of 'outline-width outline-style'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline value specified in the form of 'width style' is correctly applied." />
+ <style type="text/css">
+ #div1
+ {
+ outline: 15px dotted;
+ outline-color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p>
+ <div id="div1">Sample Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-010.xht b/testing/web-platform/tests/css/CSS2/ui/outline-010.xht
new file mode 100644
index 0000000000..bad16dc947
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-010.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: three values in the order of 'outline-color outline-style outline-width'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline value specified in the form of 'color style width' is correctly applied." />
+ <style type="text/css">
+ #div1
+ {
+ outline: green dotted 15px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p>
+ <div id="div1">Sample Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-011.xht b/testing/web-platform/tests/css/CSS2/ui/outline-011.xht
new file mode 100644
index 0000000000..3f1bbc2fb5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-011.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: three values in the order of 'outline-color outline-width outline-style'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline value specified in the form of 'color width style' is correctly applied." />
+ <style type="text/css">
+ #div1
+ {
+ outline: green 15px dotted;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p>
+ <div id="div1">Sample Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-012.xht b/testing/web-platform/tests/css/CSS2/ui/outline-012.xht
new file mode 100644
index 0000000000..afd48d7911
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-012.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: three values in the order of 'outline-style outline-color outline-width'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline value specified in the form of 'style color width' is correctly applied." />
+ <style type="text/css">
+ #div1
+ {
+ outline: dotted green 15px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p>
+ <div id="div1">Sample Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-013.xht b/testing/web-platform/tests/css/CSS2/ui/outline-013.xht
new file mode 100644
index 0000000000..1c0c123703
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-013.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: three values in the order of 'outline-style outline-width outline-color'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline value specified in the form of 'style width color' is correctly applied." />
+ <style type="text/css">
+ #div1
+ {
+ outline: dotted 15px green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p>
+ <div id="div1">Sample Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-014.xht b/testing/web-platform/tests/css/CSS2/ui/outline-014.xht
new file mode 100644
index 0000000000..ae530bb097
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-014.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: three values in the order of 'outline-width outline-color outline-style'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline specified in the form of 'width color style' is correctly applied." />
+ <style type="text/css">
+ #div1
+ {
+ outline: 15px green dotted;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p>
+ <div id="div1">Sample Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-015.xht b/testing/web-platform/tests/css/CSS2/ui/outline-015.xht
new file mode 100644
index 0000000000..3d725166da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-015.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: three values in the order of 'outline-width outline-style outline-color'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline value specified in the form of 'width style color' is correctly applied." />
+ <style type="text/css">
+ #div1
+ {
+ outline: 15px dotted green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p>
+ <div id="div1">Sample Text</div>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-016.xht b/testing/web-platform/tests/css/CSS2/ui/outline-016.xht
new file mode 100644
index 0000000000..86c015943d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-016.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: inherit with one value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline with value inherit uses its parent's outline values (1 value)." />
+ <style type="text/css">
+ body
+ {
+ background: white;
+ }
+ #test
+ {
+ outline: red solid 15px;
+ outline: inherit;
+ }
+ #parent
+ {
+ outline: dotted;
+ padding: 50px;
+ border: 2px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a black outline closely surrounding the "Filler Text". That outline needs to be is the same size, style and color as the outline surrounding the blue box and there is no red visible on the page.</p>
+ <div id="parent">
+ <div id="test">Filler text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-017.xht b/testing/web-platform/tests/css/CSS2/ui/outline-017.xht
new file mode 100644
index 0000000000..1d2a98c82e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-017.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: inherit with two values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline with value inherit uses its parent's outline values (2 values)." />
+ <style type="text/css">
+ body
+ {
+ background: white;
+ }
+ #test
+ {
+ border: 3px solid blue;
+ outline: red solid 10px;
+ outline: inherit;
+ }
+ #parent
+ {
+ outline: green dotted 10px;
+ padding: 50px;
+ border: 3px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted green outline closely surrounding both blue boxes. Both green outlines need to be the same width, style and color and there is no red visible on the page.</p>
+ <div id="parent">
+ <div id="test">Filler text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-018.xht b/testing/web-platform/tests/css/CSS2/ui/outline-018.xht
new file mode 100644
index 0000000000..7395c95699
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-018.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline: inherit with three values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline with value inherit uses its parent's outline values (3 values)." />
+ <style type="text/css">
+ #test
+ {
+ outline: red solid 15px;
+ outline: inherit;
+ }
+ #parent
+ {
+ outline: green 15px dotted;
+ padding: 50px;
+ border: solid 2px blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green outline closely surrounding the "Filler Text". That outline needs to be is the same size, style and color as the outline surrounding the blue box and there is no red visible on the page.</p>
+ <div id="parent">
+ <div id="test">Filler text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-019.xht b/testing/web-platform/tests/css/CSS2/ui/outline-019.xht
new file mode 100644
index 0000000000..9de4d1b9e5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-019.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: outline - text-align</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <meta name="flags" content="ahem interact" />
+ <meta name="assert" content="The outline should be drawn around an object and may be drawn starting just outside the border edge of such object." />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: white;
+ font: 1.25em/3 Ahem;
+ text-align: justify;
+ width: 500px;
+ }
+
+ span
+ {
+ border: blue solid 8px;
+ color: blue;
+ outline: orange solid 8px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>A thick orange border should be drawn around each of the 6 small blue rectangles. Each of the blue rectangles must not protrude out of each of their respective orange borders.</p>
+
+ <div> XXXXXXXX <span>Filler</span> XXXXXXXXX <span>Filler</span> XXXXXXXXXX <span>Filler</span> XXXXXXXXXXX <span>Filler</span> XXXXXXXXXXXX <span>Filler</span> XXXXXXXXXXXXX <span>Filler</span> XXXXXXXXXXXXXX </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-020.xht b/testing/web-platform/tests/css/CSS2/ui/outline-020.xht
new file mode 100644
index 0000000000..b0f5df93c9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-020.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: outline - text-align</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <meta name="flags" content="ahem interact" />
+ <meta name="assert" content="The outline should be drawn around an object and may be drawn starting just outside the border edge of such object." />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: white;
+ font: 1.25em/3 Ahem;
+ text-align: justify;
+ }
+
+ span
+ {
+ border: blue solid 8px;
+ color: blue;
+ outline: orange solid 8px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>A thick orange border should be drawn around each of the 6 small blue rectangles. Each of the blue rectangles must not protrude out of each of their respective orange borders. This should be still true even after changing the window size.</p>
+
+ <div> XXXXXXXX <span>Filler</span> XXXXXXXXX <span>Filler</span> XXXXXXXXXX <span>Filler</span> XXXXXXXXXXX <span>Filler</span> XXXXXXXXXXXX <span>Filler</span> XXXXXXXXXXXXX <span>Filler</span> XXXXXXXXXXXXXX </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-001.xht
new file mode 100644
index 0000000000..952a20cb1d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-001.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ outline: solid blue 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-002.xht
new file mode 100644
index 0000000000..c5aa576e06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-002.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ outline: solid blue 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-003.xht
new file mode 100644
index 0000000000..fedc24e71d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-003.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ outline: solid blue 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-004.xht
new file mode 100644
index 0000000000..2746b2f28b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-004.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row;
+ outline: solid blue 10px;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-005.xht
new file mode 100644
index 0000000000..d77dc0c801
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-005.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'outline' property does not apply to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ outline: solid red 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-006.xht
new file mode 100644
index 0000000000..3c5ec5b43d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-006.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'outline' property does not apply to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ outline: solid red 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-007.xht
new file mode 100644
index 0000000000..3feb446ec2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-007.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #test
+ {
+ display: table-cell;
+ height: 1in;
+ outline: solid blue 10px;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="test"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-008.xht
new file mode 100644
index 0000000000..cd9edcf447
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-008.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ outline: solid blue 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box below.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-009.xht
new file mode 100644
index 0000000000..8780b33583
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-009.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ height: 1in;
+ outline: solid blue 10px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box below.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-010.xht
new file mode 100644
index 0000000000..69c88a4a84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-010.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ display: list-item;
+ height: 1in;
+ margin-left: 2em;
+ outline: solid blue 5px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box below and there is a marker bullet on the left-hand side of the blue box. (Note the marker bullet can be inside or outside the box.)</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-012.xht
new file mode 100644
index 0000000000..b85c563671
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-012.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ height: 1in;
+ outline: solid blue 10px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-013.xht
new file mode 100644
index 0000000000..0198ace7e2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-013.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline' property applies to elements with a display of table." />
+ <style type="text/css">
+ #test
+ {
+ display: table;
+ table-layout: fixed;
+ height: 1in;
+ outline: solid blue 10px;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box below.</p>
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-014.xht
new file mode 100644
index 0000000000..3c224b3f82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-014.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #test
+ {
+ display: inline-table;
+ table-layout: fixed;
+ height: 1in;
+ outline: solid blue 10px;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box below.</p>
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-015.xht
new file mode 100644
index 0000000000..c3177a1b35
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-015.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ display: table-caption;
+ height: 1in;
+ outline: solid blue 10px;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box below.</p>
+ <div id="table">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-016-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-016-ref.xht
new file mode 100644
index 0000000000..2ec1fb0447
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-016-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test Reference</title>
+ <style type="text/css">
+ #test
+ {
+ outline: solid blue 10px;
+ height: 1in;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box below.</p>
+ <div id="table">
+ <img id="test"></img>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-016.xht
new file mode 100644
index 0000000000..a52bdaca62
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-016.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline applied to replaced element with display table-column-group</title>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-applies-to-016-ref.xht"/>
+ <meta name="assert" content="The 'outline' property applies to replaced elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ outline: solid blue 10px;
+ height: 1in;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box below.</p>
+ <div id="table">
+ <img id="test"></img>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-017.xht
new file mode 100644
index 0000000000..a7311044c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-017.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline applied to replaced element with display table-column</title>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-applies-to-016-ref.xht"/>
+ <meta name="assert" content="The 'outline' property applies to replaced elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ outline: solid blue 10px;
+ height: 1in;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a blue box below.</p>
+ <div id="table">
+ <img id="test"></img>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-001.xht
new file mode 100644
index 0000000000..8fb1b8bdeb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#00000'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Outline color #00000 (invalid) falls back to a default color." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #00000;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-002.xht
new file mode 100644
index 0000000000..d2538412e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-002.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#000000'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color #000000 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #000000;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #000000;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-003.xht
new file mode 100644
index 0000000000..fc9fac98b6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-003.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#010101'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #010101 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #010101;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #010101;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-004.xht
new file mode 100644
index 0000000000..08ac66c123
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-004.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#999999'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #999999 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #999999;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #999999;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-005.xht
new file mode 100644
index 0000000000..e0a087b281
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-005.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#fefefe'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #fefefe renders the correct outline color on the element." />
+ <style type="text/css">
+ body
+ {
+ background-color: #000000;
+ color: #fefefe;
+ }
+ #div1
+ {
+ outline-color: #fefefe;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #fefefe;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-006.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-006.xht
new file mode 100644
index 0000000000..aa50cd495f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-006.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#ffffff'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #ffffff renders the correct outline color on the element." />
+ <style type="text/css">
+ body
+ {
+ background-color: #000000;
+ color: #ffffff;
+ }
+ #div1
+ {
+ outline-color: #ffffff;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #ffffff;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-007.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-007.xht
new file mode 100644
index 0000000000..fc023dd02a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-007.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#1000000'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Outline color #1000000 (invalid) falls back to a default color." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #1000000;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-008.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-008.xht
new file mode 100644
index 0000000000..88dc03a331
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-008.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#fgfgfg'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Outline color #fgfgfg (invalid) falls back to a default color." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #fgfgfg;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-009.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-009.xht
new file mode 100644
index 0000000000..72be4c5e3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-009.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#010000'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #010000 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #010000;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #010000;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-010.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-010.xht
new file mode 100644
index 0000000000..394d464615
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-010.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#990000'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #990000 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #990000;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #990000;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-011.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-011.xht
new file mode 100644
index 0000000000..9b1035a4d2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-011.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#fe0000'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #fe0000 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #fe0000;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #fe0000;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-012.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-012.xht
new file mode 100644
index 0000000000..75f7ae9877
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-012.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#ff0000'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #ff0000 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #ff0000;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #ff0000;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-013.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-013.xht
new file mode 100644
index 0000000000..80756f3c44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-013.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#fg0000'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Outline color #fg0000 (invalid) falls back to a default color." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #fg0000;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-014.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-014.xht
new file mode 100644
index 0000000000..52dbe6cf8e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-014.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#000100'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #000100 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #000100;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #000100;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-015.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-015.xht
new file mode 100644
index 0000000000..03b17219f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-015.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#009900'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #009900 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #009900;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #009900;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-016.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-016.xht
new file mode 100644
index 0000000000..9b7d9e3fcc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-016.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#00fe00'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #00fe00 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #00fe00;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #00fe00;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-017.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-017.xht
new file mode 100644
index 0000000000..ec30fb6ece
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-017.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#00ff00'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #00ff00 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #00ff00;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #00ff00;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-018.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-018.xht
new file mode 100644
index 0000000000..daa6a63018
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-018.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#00fg00'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Outline color #00fg00 (invalid) falls back to a default color." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #00fg00;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-019.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-019.xht
new file mode 100644
index 0000000000..10beda0520
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-019.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#000001'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #000001 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #000001;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #000001;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-020.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-020.xht
new file mode 100644
index 0000000000..4c52916dba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-020.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#000099'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #000099 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #000099;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #000099;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-021.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-021.xht
new file mode 100644
index 0000000000..1ed0b6f3f5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-021.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#0000fe'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #0000fe renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #0000fe;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #0000fe;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-022.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-022.xht
new file mode 100644
index 0000000000..0aceeb2797
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-022.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#0000ff'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #0000ff renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #0000ff;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #0000ff;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-023.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-023.xht
new file mode 100644
index 0000000000..e740addb19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-023.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#0000fg'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Outline color #0000fg (invalid) falls back to a default color." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #0000fg;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-024.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-024.xht
new file mode 100644
index 0000000000..3c2ce95ac0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-024.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#00'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Outline color #00 (invalid) falls back to a default color." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #00;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-025.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-025.xht
new file mode 100644
index 0000000000..f2ad01c03d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-025.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#000'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color #000 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #000;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #000;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-026.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-026.xht
new file mode 100644
index 0000000000..98585d11e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-026.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#111'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #111 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #111;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #111;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-027.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-027.xht
new file mode 100644
index 0000000000..0dd858235c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-027.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#999'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #999 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #999;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #999;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-028.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-028.xht
new file mode 100644
index 0000000000..3c2a2f7c4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-028.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#eee'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #eee renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #eee;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #eee;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-029.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-029.xht
new file mode 100644
index 0000000000..6d283099da
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-029.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#fff'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #fff renders the correct outline color on the element." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #div1
+ {
+ outline-color: #fff;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #fff;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-030.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-030.xht
new file mode 100644
index 0000000000..22bfe73763
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-030.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#1000'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Outline color #1000 (invalid) falls back to a default color." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #1000;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-031.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-031.xht
new file mode 100644
index 0000000000..08a03c7380
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-031.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#ggg'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Outline color #ggg (invalid) falls back to a default color." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #ggg;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-032.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-032.xht
new file mode 100644
index 0000000000..6e2683eb1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-032.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#100'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #100 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #100;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #100;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-033.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-033.xht
new file mode 100644
index 0000000000..f215bb3012
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-033.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#900'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #900 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #900;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #900;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-034.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-034.xht
new file mode 100644
index 0000000000..e36154d1bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-034.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#e00'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #e00 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #e00;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #e00;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-035.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-035.xht
new file mode 100644
index 0000000000..bf2fd9b7f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-035.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#f00'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #f00 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #f00;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #f00;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-036.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-036.xht
new file mode 100644
index 0000000000..3bbd0afd89
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-036.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#g00'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Outline color #g00 (invalid) falls back to a default color." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #g00;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-037.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-037.xht
new file mode 100644
index 0000000000..94558c796a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-037.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#010'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #010 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #010;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #010;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-038.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-038.xht
new file mode 100644
index 0000000000..cd9d295bbb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-038.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#090'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #090 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #090;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #090;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-039.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-039.xht
new file mode 100644
index 0000000000..8eec350cbf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-039.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#0e0'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #0e0 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #0e0;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #0e0;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-040.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-040.xht
new file mode 100644
index 0000000000..e1411591ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-040.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#0f0'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #0f0 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #0f0;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #0f0;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-041.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-041.xht
new file mode 100644
index 0000000000..e05515134e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-041.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#0g0'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Outline color #0g0 (invalid) falls back to a default color." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #0g0;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-042.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-042.xht
new file mode 100644
index 0000000000..ce23bf4437
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-042.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#001'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #001 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #001;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #001;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-043.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-043.xht
new file mode 100644
index 0000000000..285ffff0df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-043.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#009'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #009 renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #009;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #009;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-044.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-044.xht
new file mode 100644
index 0000000000..73a5edb875
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-044.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#00e'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #00e renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #00e;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #00e;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-045.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-045.xht
new file mode 100644
index 0000000000..0766a5633c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-045.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#00f'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color #00f renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #00f;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: #00f;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-046.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-046.xht
new file mode 100644
index 0000000000..db192ffe84
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-046.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to '#00g'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Outline color #00g (invalid) falls back to a default color." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: #00g;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-047.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-047.xht
new file mode 100644
index 0000000000..d473df9df5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-047.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(-1%, -1%, -1%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(-1%, -1%, -1%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(-1%, -1%, -1%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(-1%, -1%, -1%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-048.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-048.xht
new file mode 100644
index 0000000000..0ad9d45d24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-048.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, 0%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(0%, 0%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, 0%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-049-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-049-ref.xht
new file mode 100644
index 0000000000..e1d340d24a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-049-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ margin: 50px 0 0 50px;
+ background-color: rgb(1%, 1%, 1%);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-049.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-049.xht
new file mode 100644
index 0000000000..7df4181d57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-049.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(1%, 1%, 1%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-color-049-ref.xht"/>
+ <meta name="assert" content="Outline color rgb(1%, 1%, 1%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(1%, 1%, 1%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(1%, 1%, 1%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-050.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-050.xht
new file mode 100644
index 0000000000..50a2ad9884
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-050.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(-0%, -0%, -0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(-0%, -0%, -0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(-0%, -0%, -0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(-0%, -0%, -0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-051.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-051.xht
new file mode 100644
index 0000000000..2d3a5252d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-051.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(+0%, +0%, +0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(+0%, +0%, +0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(+0%, +0%, +0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(+0%, +0%, +0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-052-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-052-ref.xht
new file mode 100644
index 0000000000..fe849dfc2c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-052-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ margin: 50px 0 0 50px;
+ background-color: rgb(40%, 40%, 40%);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-052.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-052.xht
new file mode 100644
index 0000000000..0e2ccd6b9a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-052.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(40%, 40%, 40%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-color-052-ref.xht"/>
+ <meta name="assert" content="Outline color rgb(40%, 40%, 40%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(40%, 40%, 40%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(40%, 40%, 40%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-053.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-053.xht
new file mode 100644
index 0000000000..109079939a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-053.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(+40%, +40%, +40%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-color-052-ref.xht"/>
+ <meta name="assert" content="Outline color rgb(+40%, +40%, +40%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(+40%, +40%, +40%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(+40%, +40%, +40%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-054-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-054-ref.xht
new file mode 100644
index 0000000000..ecd5c5b6a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-054-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ div
+ {
+ height: 100px;
+ width: 100px;
+ margin: 50px 0 0 50px;
+ background-color: rgb(99%, 99%, 99%);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-054.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-054.xht
new file mode 100644
index 0000000000..1bffbaeb69
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-054.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(99%, 99%, 99%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-color-054-ref.xht"/>
+ <meta name="assert" content="Outline color rgb(99%, 99%, 99%) renders the correct outline color on the element." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #div1
+ {
+ outline-color: rgb(99%, 99%, 99%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(99%, 99%, 99%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-055.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-055.xht
new file mode 100644
index 0000000000..fc8e03955d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-055.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(100%, 100%, 100%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(100%, 100%, 100%) renders the correct outline color on the element." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #div1
+ {
+ outline-color: rgb(100%, 100%, 100%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(100%, 100%, 100%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-056.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-056.xht
new file mode 100644
index 0000000000..072878eeba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-056.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(+100%, +100%, +100%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(+100%, +100%, +100%) renders the correct outline color on the element." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #div1
+ {
+ outline-color: rgb(+100%, +100%, +100%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(+100%, +100%, +100%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-057.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-057.xht
new file mode 100644
index 0000000000..dbf9b7e146
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-057.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(101%, 101%, 101%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(101%, 101%, 101%) renders the correct outline color on the element." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #div1
+ {
+ outline-color: rgb(101%, 101%, 101%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(101%, 101%, 101%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-058.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-058.xht
new file mode 100644
index 0000000000..e9391ff126
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-058.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(-1, -1, -1)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(-1, -1, -1) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(-1, -1, -1);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(-1, -1, -1);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-059.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-059.xht
new file mode 100644
index 0000000000..875597b2a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-059.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, 0, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(0, 0, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, 0, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-060.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-060.xht
new file mode 100644
index 0000000000..9af35b1f30
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-060.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(1, 1, 1)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(1, 1, 1) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(1, 1, 1);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(1, 1, 1);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-061.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-061.xht
new file mode 100644
index 0000000000..5f534d2a8a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-061.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(-0, -0, -0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(-0, -0, -0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(-0, -0, -0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(-0, -0, -0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-062.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-062.xht
new file mode 100644
index 0000000000..11e48f29b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-062.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(+0, +0, +0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(+0, +0, +0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(+0, +0, +0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(+0, +0, +0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-063.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-063.xht
new file mode 100644
index 0000000000..4b4a59a338
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-063.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(128, 128, 128)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(128, 128, 128) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(128, 128, 128);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(128, 128, 128);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-064.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-064.xht
new file mode 100644
index 0000000000..1c79116778
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-064.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(+128, +128, +128)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(+128, +128, +128) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(+128, +128, +128);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(+128, +128, +128);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-065.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-065.xht
new file mode 100644
index 0000000000..638fc55161
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-065.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(254, 254, 254)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(254, 254, 254) renders the correct outline color on the element." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #div1
+ {
+ outline-color: rgb(254, 254, 254);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(254, 254, 254);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-066.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-066.xht
new file mode 100644
index 0000000000..3643ac65bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-066.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(255, 255, 255)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(255, 255, 255) renders the correct outline color on the element." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #div1
+ {
+ outline-color: rgb(255, 255, 255);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(255, 255, 255);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-067.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-067.xht
new file mode 100644
index 0000000000..0e6c5be02a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-067.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(+255, +255, +255)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(+255, +255, +255) renders the correct outline color on the element." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #div1
+ {
+ outline-color: rgb(+255, +255, +255);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(+255, +255, +255);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-068.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-068.xht
new file mode 100644
index 0000000000..89b77d12ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-068.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(256, 256, 256)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(256, 256, 256) renders the correct outline color on the element." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #div1
+ {
+ outline-color: rgb(256, 256, 256);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(256, 256, 256);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-069.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-069.xht
new file mode 100644
index 0000000000..f2d49dff54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-069.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(-1%, 0%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(-1%, 0%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(-1%, 0%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(-1%, 0%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-070-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-070-ref.xht
new file mode 100644
index 0000000000..ce6d3133e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-070-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ margin: 50px 0 0 50px;
+ background-color: rgb(1%, 0%, 0%);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-070.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-070.xht
new file mode 100644
index 0000000000..d66f792174
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-070.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(1%, 0%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-color-070-ref.xht"/>
+ <meta name="assert" content="Outline color rgb(1%, 0%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(1%, 0%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(1%, 0%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-071.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-071.xht
new file mode 100644
index 0000000000..8b6dfc873e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-071.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(-0%, 0%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(-0%, 0%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(-0%, 0%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(-0%, 0%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-072.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-072.xht
new file mode 100644
index 0000000000..94ae00aa15
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-072.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(+0%, 0%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(+0%, 0%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(+0%, 0%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(+0%, 0%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-073-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-073-ref.xht
new file mode 100644
index 0000000000..e5289db8f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-073-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ margin: 50px 0 0 50px;
+ background-color: rgb(40%, 0%, 0%);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-073.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-073.xht
new file mode 100644
index 0000000000..acf0f17566
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-073.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(40%, 0%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-color-073-ref.xht"/>
+ <meta name="assert" content="Outline color rgb(40%, 0%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(40%, 0%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(40%, 0%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-074.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-074.xht
new file mode 100644
index 0000000000..e7a13db361
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-074.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(+40%, 0%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-color-073-ref.xht"/>
+ <meta name="assert" content="Outline color rgb(+40%, 0%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(+40%, 0%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(+40%, 0%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-075-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-075-ref.xht
new file mode 100644
index 0000000000..bbac031cb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-075-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ margin: 50px 0 0 50px;
+ background-color: rgb(99%, 0%, 0%);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-075.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-075.xht
new file mode 100644
index 0000000000..c633f47ea9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-075.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(99%, 0%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-color-075-ref.xht"/>
+ <meta name="assert" content="Outline color rgb(99%, 0%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(99%, 0%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(99%, 0%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-076.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-076.xht
new file mode 100644
index 0000000000..909c50756e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-076.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(100%, 0%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(100%, 0%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(100%, 0%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(100%, 0%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-077.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-077.xht
new file mode 100644
index 0000000000..1e34e4e605
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-077.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(+100%, 0%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(+100%, 0%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(+100%, 0%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(+100%, 0%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-078.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-078.xht
new file mode 100644
index 0000000000..dbe54938f6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-078.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(101%, 0%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(101%, 0%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(101%, 0%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(101%, 0%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-079.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-079.xht
new file mode 100644
index 0000000000..85966fe1c1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-079.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(-1, 0, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(-1, 0, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(-1, 0, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(-1, 0, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-080.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-080.xht
new file mode 100644
index 0000000000..1c35943279
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-080.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(1, 0, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(1, 0, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(1, 0, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(1, 0, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-081.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-081.xht
new file mode 100644
index 0000000000..f0fc1c98c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-081.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(-0, 0, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(-0, 0, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(-0, 0, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(-0, 0, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-082.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-082.xht
new file mode 100644
index 0000000000..92d08d0571
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-082.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(+0, 0, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(+0, 0, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(+0, 0, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(+0, 0, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-083.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-083.xht
new file mode 100644
index 0000000000..63a0a2276a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-083.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(128, 0, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(128, 0, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(128, 0, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(128, 0, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-084.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-084.xht
new file mode 100644
index 0000000000..9388d576ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-084.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(+128, 0, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(+128, 0, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(+128, 0, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(+128, 0, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-085.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-085.xht
new file mode 100644
index 0000000000..b3fe617557
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-085.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(254, 0, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(254, 0, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(254, 0, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(254, 0, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-086.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-086.xht
new file mode 100644
index 0000000000..3e02c58ece
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-086.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(255, 0, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(255, 0, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(255, 0, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(255, 0, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-087.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-087.xht
new file mode 100644
index 0000000000..4e50e0c112
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-087.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(+255, 0, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(+255, 0, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(+255, 0, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(+255, 0, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-088.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-088.xht
new file mode 100644
index 0000000000..081c024fb2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-088.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(256, 0, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(256, 0, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(256, 0, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(256, 0, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-089.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-089.xht
new file mode 100644
index 0000000000..0322659e90
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-089.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, -1%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(0%, -1%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, -1%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, -1%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-090-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-090-ref.xht
new file mode 100644
index 0000000000..ec3954e119
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-090-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ margin: 50px 0 0 50px;
+ background-color: rgb(0%, 1%, 0%);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-090.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-090.xht
new file mode 100644
index 0000000000..941d6eb38c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-090.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, 1%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-color-090-ref.xht"/>
+ <meta name="assert" content="Outline color rgb(0%, 1%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, 1%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 1%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-091.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-091.xht
new file mode 100644
index 0000000000..6aeee968b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-091.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, -0%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(0%, -0%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, -0%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, -0%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-092.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-092.xht
new file mode 100644
index 0000000000..1563c28800
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-092.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, +0%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(0%, +0%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, +0%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, +0%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-093-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-093-ref.xht
new file mode 100644
index 0000000000..6086a60f4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-093-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ margin: 50px 0 0 50px;
+ background-color: rgb(0%, 40%, 0%);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-093.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-093.xht
new file mode 100644
index 0000000000..37c33485a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-093.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, 40%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-color-093-ref.xht"/>
+ <meta name="assert" content="Outline color rgb(0%, 40%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, 40%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 40%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-094.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-094.xht
new file mode 100644
index 0000000000..ccfffcb1d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-094.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, +40%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-color-093-ref.xht"/>
+ <meta name="assert" content="Outline color rgb(0%, +40%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, +40%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, +40%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-095-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-095-ref.xht
new file mode 100644
index 0000000000..db3b9a2b2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-095-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ margin: 50px 0 0 50px;
+ background-color: rgb(0%, 99%, 0%);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-095.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-095.xht
new file mode 100644
index 0000000000..8d0840474b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-095.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, 99%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-color-095-ref.xht"/>
+ <meta name="assert" content="Outline color rgb(0%, 99%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, 99%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 99%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-096.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-096.xht
new file mode 100644
index 0000000000..47acaac482
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-096.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, 100%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0%, 100%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, 100%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 100%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-097.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-097.xht
new file mode 100644
index 0000000000..22695edc19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-097.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, +100%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0%, +100%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, +100%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, +100%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-098.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-098.xht
new file mode 100644
index 0000000000..4b64681777
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-098.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, 101%, 0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0%, 101%, 0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, 101%, 0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 101%, 0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-099.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-099.xht
new file mode 100644
index 0000000000..05bc3d2e1b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-099.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, -1, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(0, -1, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, -1, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, -1, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-100.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-100.xht
new file mode 100644
index 0000000000..e49ccf9bf6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-100.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, 1, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0, 1, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, 1, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 1, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-101.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-101.xht
new file mode 100644
index 0000000000..d6c6794fab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-101.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, -0, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(0, -0, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, -0, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, -0, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-102.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-102.xht
new file mode 100644
index 0000000000..76586ebb17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-102.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, +0, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(0, +0, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, +0, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, +0, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-103.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-103.xht
new file mode 100644
index 0000000000..c7db3c5fdf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-103.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, 128, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0, 128, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, 128, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 128, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-104.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-104.xht
new file mode 100644
index 0000000000..1c233b9efb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-104.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, +128, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0, +128, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, +128, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, +128, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-105.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-105.xht
new file mode 100644
index 0000000000..be5647977b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-105.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, 254, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0, 254, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, 254, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 254, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-106.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-106.xht
new file mode 100644
index 0000000000..53f8612f5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-106.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, 255, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0, 255, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, 255, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 255, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-107.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-107.xht
new file mode 100644
index 0000000000..ec2baec1ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-107.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, +255, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0, +255, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, +255, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, +255, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-108.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-108.xht
new file mode 100644
index 0000000000..c594dcf86c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-108.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, 256, 0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0, 256, 0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, 256, 0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 256, 0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-109.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-109.xht
new file mode 100644
index 0000000000..e719cacce5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-109.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, 0%, -1%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(0%, 0%, -1%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, 0%, -1%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, -1%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-110-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-110-ref.xht
new file mode 100644
index 0000000000..215dd07ad2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-110-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ margin: 50px 0 0 50px;
+ background-color: rgb(0%, 0%, 1%);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-110.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-110.xht
new file mode 100644
index 0000000000..81cc1ed2e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-110.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, 0%, 1%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-color-110-ref.xht"/>
+ <meta name="assert" content="Outline color rgb(0%, 0%, 1%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, 0%, 1%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 1%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-111.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-111.xht
new file mode 100644
index 0000000000..07f0e8fb93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-111.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, 0%, -0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(0%, 0%, -0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, 0%, -0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, -0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-112.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-112.xht
new file mode 100644
index 0000000000..35df23618f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-112.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, 0%, +0%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(0%, 0%, +0%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, 0%, +0%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, +0%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-113-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-113-ref.xht
new file mode 100644
index 0000000000..8baabd985a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-113-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ margin: 50px 0 0 50px;
+ background-color: rgb(0%, 0%, 40%);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-113.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-113.xht
new file mode 100644
index 0000000000..1802658f98
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-113.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, 0%, 40%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-color-113-ref.xht"/>
+ <meta name="assert" content="Outline color rgb(0%, 0%, 40%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, 0%, 40%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 40%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-114.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-114.xht
new file mode 100644
index 0000000000..97582b7a4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-114.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, 0%, +40%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-color-113-ref.xht"/>
+ <meta name="assert" content="Outline color rgb(0%, 0%, +40%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, 0%, +40%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, +40%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-115-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-115-ref.xht
new file mode 100644
index 0000000000..b3d7efcb60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-115-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ width: 100px;
+ margin: 50px 0 0 50px;
+ background-color: rgb(0%, 0%, 99%);
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div></div>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-115.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-115.xht
new file mode 100644
index 0000000000..4a434b97ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-115.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, 0%, 99%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-color-115-ref.xht"/>
+ <meta name="assert" content="Outline color rgb(0%, 0%, 99%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, 0%, 99%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 99%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two squares below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-116.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-116.xht
new file mode 100644
index 0000000000..4a6804be17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-116.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, 0%, 100%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0%, 0%, 100%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, 0%, 100%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 100%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-117.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-117.xht
new file mode 100644
index 0000000000..f688c5c593
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-117.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, 0%, +100%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0%, 0%, +100%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, 0%, +100%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, +100%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-118.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-118.xht
new file mode 100644
index 0000000000..87eea213ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-118.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0%, 0%, 101%)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0%, 0%, 101%) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0%, 0%, 101%);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0%, 0%, 101%);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-119.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-119.xht
new file mode 100644
index 0000000000..eca70fb1d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-119.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, 0, -1)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(0, 0, -1) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, 0, -1);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, -1);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-120.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-120.xht
new file mode 100644
index 0000000000..f57de8633b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-120.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, 0, 1)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0, 0, 1) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, 0, 1);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 1);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-121.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-121.xht
new file mode 100644
index 0000000000..e91a77eb32
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-121.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, 0, -0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(0, 0, -0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, 0, -0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, -0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-122.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-122.xht
new file mode 100644
index 0000000000..78c8224984
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-122.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, 0, +0)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color rgb(0, 0, +0) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, 0, +0);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, +0);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-123.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-123.xht
new file mode 100644
index 0000000000..5714c14a1e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-123.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, 0, 128)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0, 0, 128) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, 0, 128);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 128);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-124.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-124.xht
new file mode 100644
index 0000000000..c552ae69cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-124.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, 0, +128)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0, 0, +128) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, 0, +128);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, +128);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-125.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-125.xht
new file mode 100644
index 0000000000..5be5f3774d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-125.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, 0, 254)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0, 0, 254) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, 0, 254);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 254);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-126.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-126.xht
new file mode 100644
index 0000000000..88ff60bc17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-126.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, 0, 255)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0, 0, 255) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, 0, 255);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 255);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-127.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-127.xht
new file mode 100644
index 0000000000..abca8308d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-127.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, 0, +255)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0, 0, +255) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, 0, +255);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, +255);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-128.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-128.xht
new file mode 100644
index 0000000000..de5070a356
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-128.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'rgb(0, 0, 256)'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color rgb(0, 0, 256) renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: rgb(0, 0, 256);
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: rgb(0, 0, 256);
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-129.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-129.xht
new file mode 100644
index 0000000000..4c5148c262
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-129.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'aqua'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color aqua renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: aqua;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: aqua;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-130.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-130.xht
new file mode 100644
index 0000000000..0b5938fdc1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-130.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'black'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/>
+ <meta name="assert" content="Outline color black renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: black;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: black;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-131.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-131.xht
new file mode 100644
index 0000000000..45bc6a9afb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-131.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'blue'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color blue renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: blue;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: blue;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-132.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-132.xht
new file mode 100644
index 0000000000..9d48c84288
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-132.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'fuchsia'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color fuchsia renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: fuchsia;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: fuchsia;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-133.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-133.xht
new file mode 100644
index 0000000000..44f91a3b57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-133.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'gray'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color gray renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: gray;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: gray;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-134.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-134.xht
new file mode 100644
index 0000000000..55b9e9d1cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-134.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'green'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color green renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: green;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: green;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-135.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-135.xht
new file mode 100644
index 0000000000..874712372b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-135.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'lime'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color lime renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: lime;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: lime;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-136.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-136.xht
new file mode 100644
index 0000000000..4d4cf17e0d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-136.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'maroon'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color maroon renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: maroon;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: maroon;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-137.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-137.xht
new file mode 100644
index 0000000000..02fedc25b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-137.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'navy'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color navy renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: navy;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: navy;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-138.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-138.xht
new file mode 100644
index 0000000000..afd9d8aa82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-138.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'olive'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color olive renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: olive;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: olive;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-139.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-139.xht
new file mode 100644
index 0000000000..9fcf203cee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-139.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'orange'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color orange renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: orange;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: orange;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-140.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-140.xht
new file mode 100644
index 0000000000..60aa999768
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-140.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'purple'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color purple renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: purple;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: purple;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-141.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-141.xht
new file mode 100644
index 0000000000..3400c9a3c8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-141.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'red'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color red renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: red;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: red;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-142.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-142.xht
new file mode 100644
index 0000000000..37950f49b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-142.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'silver'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color silver renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: silver;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: silver;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-143.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-143.xht
new file mode 100644
index 0000000000..88e1a322c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-143.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'teal'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color teal renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: teal;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: teal;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-144.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-144.xht
new file mode 100644
index 0000000000..93b39a25eb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-144.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'white'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color white renders the correct outline color on the element." />
+ <style type="text/css">
+ body
+ {
+ background-color: black;
+ color: white;
+ }
+ #div1
+ {
+ outline-color: white;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: white;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-145.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-145.xht
new file mode 100644
index 0000000000..f93f849e66
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-145.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'yellow'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color yellow renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ outline-color: yellow;
+ outline-style: solid;
+ outline-width: 50px;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: yellow;
+ height: 100px;
+ margin: 200px 0 0 50px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="div1"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-174.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-174.xht
new file mode 100644
index 0000000000..9dc1afb1cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-174.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline color set to 'invert'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color 'invert' makes outline visible on any background color." />
+ <style type="text/css">
+ #div1
+ {
+ background: blue;
+ border: blue solid;
+ height: 2in;
+ width: 2in;
+ }
+ div div
+ {
+ outline-color: invert;
+ outline-style: solid;
+ outline-width: 0.25in;
+ margin: 0.5in;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a yellow or black box inside a blue box.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-175.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-175.xht
new file mode 100644
index 0000000000..ee09c42529
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-175.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline color inherit renders the correct outline color on the element." />
+ <style type="text/css">
+ #div1
+ {
+ left: 0;
+ outline-color: inherit;
+ outline-style: solid;
+ outline-width: 50px;
+ position: relative;
+ margin: 100px 0 0 100px;
+ width: 0;
+ }
+ #reference
+ {
+ background-color: green;
+ height: 100px;
+ margin: 50px 0 0 50px;
+ width: 100px;
+ }
+ #wrapper
+ {
+ height: 100px;
+ outline: green;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ </div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-176.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-176.xht
new file mode 100644
index 0000000000..91ca0c0d09
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-176.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: outline-color: invert - longhand form</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="https://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" title="18.4 Dynamic outlines: the 'outline' property" />
+
+ <meta name="DC.date.created" content="2016-06-16T09:54:03+11:00" scheme="W3CDTF" />
+ <meta name="DC.date.modified" content="2016-09-20T09:54:03+11:00" scheme="W3CDTF" />
+
+ <meta content="This test checks that if color inversion on the pixels on the screen is supported by the user agent, then 'outline-color: invert' in this test should render a filled black square otherwise, if color inversion on the pixels on the screen is not supported by the user agent, then 'outline-color: invert' in this test should compute to the computed color value of the element ('currentColor' in CSS3 ui) which is orange in which case a filled orange square should be rendered." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#parent
+ {
+ background-color: white;
+ padding: 50px;
+ width: 0px;
+ }
+
+ div#child
+ {
+ color: orange;
+ outline-color: invert; /* longhand form, longhand declaration */
+ outline-style: solid; /* longhand form, longhand declaration */
+ outline-width: 50px; /* longhand form, longhand declaration */
+ width: 0px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled orange square or a filled black square.</p>
+
+ <div id="parent">
+ <div id="child"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-001.xht
new file mode 100644
index 0000000000..f0994bc9a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-001.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-color' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ outline-color: blue;
+ outline-style: solid;
+ outline-width: 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is blue.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-002.xht
new file mode 100644
index 0000000000..247ea553b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-002.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-color' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ outline-color: blue;
+ outline-style: solid;
+ outline-width: 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is blue.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-003.xht
new file mode 100644
index 0000000000..cefd610f57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-003.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-color' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ outline-color: blue;
+ outline-style: solid;
+ outline-width: 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is blue.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-004.xht
new file mode 100644
index 0000000000..ec11c92d26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-004.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-color' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row;
+ outline-color: blue;
+ outline-style: solid;
+ outline-width: 10px;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is blue.</p>
+ <div id="table">
+ <div id="test">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-005.xht
new file mode 100644
index 0000000000..6d053bac24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-005.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'outline-color' property does not apply to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ outline-color: red;
+ outline-style: solid;
+ outline-width: 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-006.xht
new file mode 100644
index 0000000000..23bfe88009
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-006.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'outline-color' property does not apply to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ outline-color: red;
+ outline-style: solid;
+ outline-width: 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-007.xht
new file mode 100644
index 0000000000..7593c7df3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-color' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #test
+ {
+ display: table-cell;
+ height: 1in;
+ outline-color: blue;
+ outline-style: solid;
+ outline-width: 10px;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is blue.</p>
+ <div id="table">
+ <div id="row">
+ <div id="test"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-008.xht
new file mode 100644
index 0000000000..ef4a3c0bc6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-color' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ outline-color: blue;
+ outline-style: solid;
+ outline-width: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is blue.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-009.xht
new file mode 100644
index 0000000000..b1c701d89a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-009.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-color' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ height: 1in;
+ display: block;
+ outline-color: blue;
+ outline-style: solid;
+ outline-width: 10px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is blue.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-010.xht
new file mode 100644
index 0000000000..25c4209938
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-color' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ display: list-item;
+ margin-left: 2em;
+ outline-color: blue;
+ outline-style: solid;
+ outline-width: 5px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is blue and there is a marker bullet on the left-hand side of the box. (Note the marker bullet can be inside or outside the box.)</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-012.xht
new file mode 100644
index 0000000000..c0af553372
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-012.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-color' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ height: 1in;
+ outline-color: blue;
+ outline-style: solid;
+ outline-width: 10px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is blue.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-013.xht
new file mode 100644
index 0000000000..f3fad157d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-013.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-color' property applies to elements with a display of table." />
+ <style type="text/css">
+ #test
+ {
+ display: table;
+ table-layout: fixed;
+ height: 1in;
+ outline-color: blue;
+ outline-style: solid;
+ outline-width: 10px;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is blue.</p>
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-014.xht
new file mode 100644
index 0000000000..467520610f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-014.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-color' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #test
+ {
+ display: inline-table;
+ table-layout: fixed;
+ height: 1in;
+ outline-color: blue;
+ outline-style: solid;
+ outline-width: 10px;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is blue.</p>
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-015.xht
new file mode 100644
index 0000000000..0b38d413a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-015.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-color applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-color' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ display: table-caption;
+ height: 1in;
+ outline-color: blue;
+ outline-style: solid;
+ outline-width: 10px;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below is blue.</p>
+ <div id="table">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-focus-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-focus-001.xht
new file mode 100644
index 0000000000..fd2d2f36f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-focus-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Default outlines and interactive media groups</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#outline-focus" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html#interactive-media-group" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
+ <meta name="flags" content="interact may" />
+ <meta name="assert" content="Interactive media groups may show a focus outline to indicate that focus has been set on an element." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ }
+ div:focus
+ {
+ background: lime;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Set focus on the element below.</p>
+ <p>Test passes if the element below (when it has focus) has a green background and it may also have an indication that focus has been set to the element (typically a dotted outline or a different color outline).</p>
+ <div tabindex="0">Set focus here</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-individual-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-individual-001.xht
new file mode 100644
index 0000000000..faef4d5104
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-individual-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-top is not valid</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Outline does not support setting individual values for the outline like 'outline-top'." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 100px;
+ margin: 40px;
+ outline-top: 10px solid red;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-individual-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-individual-002.xht
new file mode 100644
index 0000000000..d039813939
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-individual-002.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-left is not valid</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Outline does not support setting individual values for the outline like 'outline-left'." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 100px;
+ margin: 40px;
+ outline-left: 10px solid red;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-individual-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-individual-003.xht
new file mode 100644
index 0000000000..fa5179b189
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-individual-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-bottom is not valid</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Outline does not support setting individual values for the outline like 'outline-bottom'." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 100px;
+ margin: 40px;
+ outline-bottom: 10px solid red;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-individual-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-individual-004.xht
new file mode 100644
index 0000000000..007cc3bbfd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-individual-004.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-right is not valid</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Outline does not support setting individual values for the outline like 'outline-right'." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 100px;
+ margin: 40px;
+ outline-right: 10px solid red;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-layout-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-layout-001.xht
new file mode 100644
index 0000000000..85e78b383f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-layout-001.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outlines and box layout</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outlines do not affect box layout." />
+ <style type="text/css">
+ #div1
+ {
+ border-bottom: 10px solid red;
+ width: 100px;
+ height: 20px;
+ }
+ #div2
+ {
+ outline: 10px solid green;
+ width: 200px;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-layout-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-layout-002.xht
new file mode 100644
index 0000000000..c64326c672
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-layout-002.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline and text layout</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outlines are visual indications that do not affect layout of other elements or text." />
+ <style type="text/css">
+ div
+ {
+ margin-top: 50px;
+ }
+ #span1
+ {
+ outline: 50px solid white;
+ }
+ #span2
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <span id="span1">Filler Text</span>
+ <span id="span2">FAIL</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-layout-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-layout-003.xht
new file mode 100644
index 0000000000..739bc710ed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-layout-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline and border placement</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="Outline may be drawn directly outside of the border." />
+ <style type="text/css">
+ div
+ {
+ outline: 10px solid green;
+ border: 10px solid blue;
+ width: 100px;
+ height: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below. The green box may be around the blue border, inside the blue border or on top of the blue border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-layout-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-layout-004.xht
new file mode 100644
index 0000000000..c33b0cb44b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-layout-004.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline is connected and closed</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline is connected and encloses the appropriate content." />
+ <style type="text/css">
+ div
+ {
+ width: 200px;
+ }
+ span
+ {
+ outline: green solid 2px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if all "Filler Text" below is surrounded by a green outline and there is no hole or opening in the outline.</p>
+ <p>The outline is not required to be rectangular, nor is it required to be a single shape:
+ each line of "Filler Text" may have a separate outline,
+ or the whole block may share a common outline.</p>
+ <div>
+ <span>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-layout-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-layout-005.xht
new file mode 100644
index 0000000000..f121191648
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-layout-005.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline is the same on all sides</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline is the same on all sides." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ margin: 40px;
+ outline: 10px solid black;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has the same color, style and width on all edges.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-no-relayout-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-no-relayout-001.xht
new file mode 100644
index 0000000000..4dacd51cfc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-no-relayout-001.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: Outline-width is changed via script</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="flags" content="dom interact" />
+ <meta name="assert" content="Scripts can change outline width, without causing a reflow." />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <style type="text/css">
+ #div1
+ {
+ background: blue;
+ margin-left: 50px;
+ outline-style: solid;
+ outline-color: black;
+ outline-width: 10px;
+ }
+ #div2
+ {
+ background: orange;
+ margin-left: 50px;
+ }
+ #div1, #div2
+ {
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+</head>
+<body>
+ <p>PREREQUSITE: Click the <button onclick="changeWidth();">Change Width</button> button.</p>
+ <p>Test passes if the black box became larger but no other content on the page reflowed.</p>
+ <div>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</div>
+ <div id="div1"></div>
+ <div>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</div>
+ <div id="div2"></div>
+ <script type="text/javascript">
+ function changeWidth()
+ {
+ document.getElementById('div1').style.outlineWidth = '30px';
+ }
+ </script>
+</body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-overlap-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-overlap-001.xht
new file mode 100644
index 0000000000..dac6702438
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-overlap-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline overlaps with other elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline can overlap with other elements." />
+ <style type="text/css">
+ span
+ {
+ outline: 8px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is overlapped by the blue box.</p>
+ <div>
+ Filler Text<br />
+ <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-001.xht
new file mode 100644
index 0000000000..3dbe838656
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline specified with the ':focus' selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#outline-focus" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Outline works with the ':focus' selectors." />
+ <style type="text/css">
+ a:focus
+ {
+ outline: 10px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box around the "Filler Text" below when the text has focus.</p>
+ <div>
+ <a href="#">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-002.xht
new file mode 100644
index 0000000000..ab244eb5b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline specified with the ':hover' selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#outline-focus" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Outline works with the ':hover' selector." />
+ <style type="text/css">
+ span:hover
+ {
+ outline: 10px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box around the "Filler Text" below when the text is hovered over.</p>
+ <div>
+ <span>Filler Text</span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-003.xht
new file mode 100644
index 0000000000..2df87088ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-003.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline specified with the ':active' selector</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#outline-focus" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Outline works with the ':active' selectors." />
+ <style type="text/css">
+ a:active
+ {
+ outline: 10px solid black;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box around the "Filler Text" below when the text is activated.</p>
+ <div>
+ <a href="#">Filler Text</a>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-001.xht
new file mode 100644
index 0000000000..a6a1240b14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-001.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style set to 'none'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="Outline style 'none' results in no outline." />
+ <style type="text/css">
+ div
+ {
+ outline-style: none;
+ outline-color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-002.xht
new file mode 100644
index 0000000000..8e88b8a873
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style set to 'dotted'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline style 'dotted' results in a dotted outline." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ outline-style: dotted;
+ outline-color: blue;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dotted box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-003.xht
new file mode 100644
index 0000000000..73603abf41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style set to 'dashed'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline style 'dashed' results in a dashed outline." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ outline-style: dashed;
+ outline-color: blue;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a dashed box below.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-004.xht
new file mode 100644
index 0000000000..8d86a0d322
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-004.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style set to 'solid'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline style 'solid' results in a solid outline." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ outline-style: solid;
+ outline-color: blue;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-005.xht
new file mode 100644
index 0000000000..74c321eeb7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-005.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style set to 'double'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline style 'double' results in a double-line outline." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ outline-style: double;
+ outline-color: blue;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is are two boxes below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-006.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-006.xht
new file mode 100644
index 0000000000..2bb7ac9bd3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-006.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style set to 'groove'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline style 'groove' results in a carved outline." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ outline-style: groove;
+ outline-color: blue;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-007.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-007.xht
new file mode 100644
index 0000000000..f2ac7add36
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-007.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style set to 'ridge'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline style 'ridge' results in a ridged outline (as if it were a bump around the box)." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ outline-style: ridge;
+ outline-color: blue;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-008.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-008.xht
new file mode 100644
index 0000000000..9ea0d4a3d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style set to 'inset'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline style 'inset' results in a sunken box." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ outline-style: inset;
+ outline-color: blue;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-009.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-009.xht
new file mode 100644
index 0000000000..a300314a51
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-009.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style set to 'outset'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline style 'outset' results in a raised box." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ outline-style: outset;
+ outline-color: blue;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-010.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-010.xht
new file mode 100644
index 0000000000..58a3085c3f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-010.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="Outline-style with value 'inherit' uses its parent's outline-style value." />
+ <style type="text/css">
+ #div1
+ {
+ outline: 0 dotted;
+ }
+ div div
+ {
+ height: 1in;
+ outline: 15px green;
+ outline-style: inherit;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is dotted box below.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-001.xht
new file mode 100644
index 0000000000..0d73b07a57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-001.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-style' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ outline-color: blue;
+ outline-style: dotted;
+ outline-width: 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a dotted border.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-002.xht
new file mode 100644
index 0000000000..ecd1ec638d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-002.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-style' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ outline-color: blue;
+ outline-style: dotted;
+ outline-width: 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a dotted border.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-003.xht
new file mode 100644
index 0000000000..c108f4b02e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-003.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-style' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ outline-color: blue;
+ outline-style: dotted;
+ outline-width: 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a dotted border.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-004.xht
new file mode 100644
index 0000000000..927729e409
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-004.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-style' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row;
+ outline-color: blue;
+ outline-style: dotted;
+ outline-width: 10px;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a dotted border.</p>
+ <div id="table">
+ <div id="test">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-005.xht
new file mode 100644
index 0000000000..84af45a8ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-005.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'outline-style' property does not apply to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ outline-color: red;
+ outline-style: dotted;
+ outline-width: 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-006.xht
new file mode 100644
index 0000000000..38c8a44efb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-006.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'outline-style' property does not apply to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ outline-color: red;
+ outline-style: dotted;
+ outline-width: 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-007.xht
new file mode 100644
index 0000000000..38e7fcef5f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-007.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-style' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ outline-color: blue;
+ outline-style: dotted;
+ outline-width: 10px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a dotted border.</p>
+ <div></div>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-008.xht
new file mode 100644
index 0000000000..4020886d65
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-style' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ outline-color: blue;
+ outline-style: dotted;
+ outline-width: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a dotted border.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-009.xht
new file mode 100644
index 0000000000..337b66a85d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-009.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-style' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ height: 1in;
+ outline-color: blue;
+ outline-style: dotted;
+ outline-width: 10px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a dotted border.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-010.xht
new file mode 100644
index 0000000000..7d5ccb8652
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-style' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ display: list-item;
+ height: 1in;
+ margin-left: 2em;
+ outline-color: blue;
+ outline-style: dotted;
+ outline-width: 5px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a dotted border and there is a marker bullet on the left-hand side of the box. (Note the marker bullet can be inside or outside the box.)</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-012.xht
new file mode 100644
index 0000000000..61f95951a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-012.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-style' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ height: 1in;
+ outline-color: blue;
+ outline-style: dotted;
+ outline-width: 10px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a dotted border.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-013.xht
new file mode 100644
index 0000000000..201b92944d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-013.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-style' property applies to elements with a display of table." />
+ <style type="text/css">
+ #test
+ {
+ display: table;
+ table-layout: fixed;
+ height: 1in;
+ outline-color: blue;
+ outline-style: dotted;
+ outline-width: 10px;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a dotted border.</p>
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-014.xht
new file mode 100644
index 0000000000..c3ca131665
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-014.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-style' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #test
+ {
+ display: inline-table;
+ table-layout: fixed;
+ height: 1in;
+ outline-color: blue;
+ outline-style: dotted;
+ outline-width: 10px;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a dotted border.</p>
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-015.xht
new file mode 100644
index 0000000000..23aab91bbf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-015.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-style' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ display: table-caption;
+ height: 1in;
+ outline-color: blue;
+ outline-style: dotted;
+ outline-width: 10px;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a dotted border.</p>
+ <div id="table">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-hidden-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-hidden-001.xht
new file mode 100644
index 0000000000..39f798399d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-hidden-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-style set to 'hidden'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Outline style does not support the 'border-style' value of 'hidden'." />
+ <style type="text/css">
+ div
+ {
+ height: 100px;
+ margin-left: 40px;
+ margin-top: 40px;
+ outline-color: green;
+ outline-width: 15px;
+ outline-style: solid;
+ outline-style: hidden;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an empty green square below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-001.xht
new file mode 100644
index 0000000000..8df889ada5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a -1px solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'outline-width' property does not support a negative length value in pixels and is ignored." />
+ <style type="text/css">
+ #test
+ {
+ margin: 1em 0 0 1em;
+ outline: solid green;
+ outline-width: 1em;
+ outline-width: -1px;
+ width: 300px;
+ }
+ #reference
+ {
+ border: solid green 1em;
+ margin-top: 2em;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes look the same.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-002.xht
new file mode 100644
index 0000000000..2e7cc76b4a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width set to a minimum value for pixels</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in pixels that sets the width of the outline." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: 0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-003.xht
new file mode 100644
index 0000000000..81eacc271f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-003.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 1px solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a minimum plus one length value in pixels that sets the width of the outline." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 1px;
+ margin-top: 10px;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 1px 0 0 1px;
+ outline: solid green;
+ outline-width: 1px;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-004.xht
new file mode 100644
index 0000000000..f78faf2d23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a -0px solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in pixels that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: -0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-005.xht
new file mode 100644
index 0000000000..c1c09e19f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-005.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a +0px solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in pixels that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: +0px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-006.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-006.xht
new file mode 100644
index 0000000000..928c0348c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-006.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 5px solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a nominal length value in pixels that sets the width of the outline." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 5px;
+ margin-top: 10px;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 5px 0 0 5px;
+ outline: solid green;
+ outline-width: 5px;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-007.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-007.xht
new file mode 100644
index 0000000000..9a54810706
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-007.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a +5px solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a nominal length value in pixels that has a plus sign before it." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 5px;
+ margin-top: 10px;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 5px 0 0 5px;
+ outline: solid green;
+ outline-width: +5px;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-012.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-012.xht
new file mode 100644
index 0000000000..c2767ddf0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-012.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width with a minimum minus one value in points</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'outline-width' property does not support a negative length value in points and is ignored." />
+ <style type="text/css">
+ #test
+ {
+ margin: 1em 0 0 1em;
+ outline: solid green;
+ outline-width: 1em;
+ outline-width: -1pt;
+ width: 300px;
+ }
+ #reference
+ {
+ border: solid green 1em;
+ margin-top: 2em;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes look the same.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-013.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-013.xht
new file mode 100644
index 0000000000..3298349c9e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-013.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width with a minimum value in points</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in points that sets the width of the outline." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: 0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-014.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-014.xht
new file mode 100644
index 0000000000..58025cdc99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-014.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width with a minimum plus one value in points</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a minimum plus one length value in points that sets the width of the outline." />
+ <style type="text/css">
+ #div1
+ {
+ margin: 1pt 0 0 1pt;
+ outline: solid green;
+ outline-width: 1pt;
+ width: 300px;
+ }
+ #div2
+ {
+ border: solid green 1pt;
+ margin-top: 10px;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="div1">Filler Text</div>
+ <div id="div2">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-015.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-015.xht
new file mode 100644
index 0000000000..34f212ca6a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-015.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width with a negative minimum value in points</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in points that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: -0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-016.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-016.xht
new file mode 100644
index 0000000000..e808cc7195
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-016.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width with a positive minimum value in points</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in points that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: +0pt;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-017.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-017.xht
new file mode 100644
index 0000000000..830fefb0a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-017.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 5pt solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a nominal length value in points that sets the width of the outline." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 5pt;
+ margin-top: 10pt;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 5pt 0 0 5pt;
+ outline: solid green;
+ outline-width: 5pt;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-018.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-018.xht
new file mode 100644
index 0000000000..bbd48c07cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-018.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a +5pt solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a nominal length value in points that has a plus sign before it." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 5pt;
+ margin-top: 10pt;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 5pt 0 0 5pt;
+ outline: solid green;
+ outline-width: +5pt;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-023.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-023.xht
new file mode 100644
index 0000000000..de2e34a958
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-023.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a -1pc solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'outline-width' property does not support a negative length value in picas and is ignored." />
+ <style type="text/css">
+ #test
+ {
+ margin: 1em 0 0 1em;
+ outline: solid green;
+ outline-width: 1em;
+ outline-width: -1pc;
+ width: 300px;
+ }
+ #reference
+ {
+ border: solid green 1em;
+ margin-top: 2em;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes look the same.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-024.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-024.xht
new file mode 100644
index 0000000000..754896b6a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-024.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 0pc solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in picas that sets the width of the outline." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: 0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-025.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-025.xht
new file mode 100644
index 0000000000..b1764fa4ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-025.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 1pc solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a minimum plus one length value in picas that sets the width of the outline." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 1pc;
+ margin-top: 2pc;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 1pc 0 0 1pc;
+ outline: solid green;
+ outline-width: 1pc;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-026.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-026.xht
new file mode 100644
index 0000000000..f17607f92f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-026.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a -0pc solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in picas that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: -0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-027.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-027.xht
new file mode 100644
index 0000000000..2d1f5ec2b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-027.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a +0pc solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in picas that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: +0pc;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-028.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-028.xht
new file mode 100644
index 0000000000..129719683d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-028.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 5pc solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a nominal length value in picas that sets the width of the outline." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 5pc;
+ margin-top: 10pc;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 5pc 0 0 5pc;
+ outline: solid green;
+ outline-width: 5pc;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-029.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-029.xht
new file mode 100644
index 0000000000..d3fe491174
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-029.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a +5pc solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a nominal length value in picas that has a plus sign before it." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 5pc;
+ margin-top: 10pc;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 5pc 0 0 5pc;
+ outline: solid green;
+ outline-width: +5pc;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-034.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-034.xht
new file mode 100644
index 0000000000..f39fb10b54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-034.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a -1cm solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'outline-width' property does not support a negative length value in centimeters and is ignored." />
+ <style type="text/css">
+ #test
+ {
+ margin: 1em 0 0 1em;
+ outline: solid green;
+ outline-width: 1em;
+ outline-width: -1cm;
+ width: 300px;
+ }
+ #reference
+ {
+ border: solid green 1em;
+ margin-top: 2em;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes look the same.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-035.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-035.xht
new file mode 100644
index 0000000000..7fea174217
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-035.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 0cm solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in centimeters that sets the width of the outline." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: 0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-036.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-036.xht
new file mode 100644
index 0000000000..98536585af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-036.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 1cm solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a minimum plus one length value in centimeters that sets the width of the outline." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 1cm;
+ margin-top: 2cm;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 1cm 0 0 1cm;
+ outline: solid green;
+ outline-width: 1cm;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-037.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-037.xht
new file mode 100644
index 0000000000..71a78515c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-037.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a -0cm solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in centimeters that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: -0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-038.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-038.xht
new file mode 100644
index 0000000000..b9c22b1f86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-038.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a +0cm solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in centimeters that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: +0cm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-039.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-039.xht
new file mode 100644
index 0000000000..0e7fe5c678
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-039.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 5cm solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a nominal length value in centimeters that sets the width of the outline." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 5cm;
+ margin-top: 10cm;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 5cm 0 0 5cm;
+ outline: solid green;
+ outline-width: 5cm;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-040.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-040.xht
new file mode 100644
index 0000000000..2ebf67097a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-040.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a +5cm solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a nominal length value in centimeters that has a plus sign before it." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 5cm;
+ margin-top: 10cm;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 5cm 0 0 5cm;
+ outline: solid green;
+ outline-width: +5cm;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-045.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-045.xht
new file mode 100644
index 0000000000..069ff7ca79
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-045.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a -1mm solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'outline-width' property does not support a negative length value in millimeters and is ignored." />
+ <style type="text/css">
+ #test
+ {
+ margin: 1em 0 0 1em;
+ outline: solid green;
+ outline-width: 1em;
+ outline-width: -1mm;
+ width: 300px;
+ }
+ #reference
+ {
+ border: solid green 1em;
+ margin-top: 2em;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes look the same.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-046.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-046.xht
new file mode 100644
index 0000000000..12216bdc07
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-046.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 0mm solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in millimeters that sets the width of the outline." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: 0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-047.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-047.xht
new file mode 100644
index 0000000000..78e07b382c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-047.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 1mm solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a minimum plus one length value in millimeters that sets the width of the outline." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 1mm;
+ margin-top: 10mm;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 1mm 0 0 1mm;
+ outline: solid green;
+ outline-width: 1mm;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-048.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-048.xht
new file mode 100644
index 0000000000..1b8294be3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-048.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a -0mm solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in millimeters that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: -0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-049.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-049.xht
new file mode 100644
index 0000000000..ddfedd553d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-049.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a +0mm solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in millimeters that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: +0mm;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-050.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-050.xht
new file mode 100644
index 0000000000..cdf63d9ad0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-050.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 5mm solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a nominal length value in millimeters that sets the width of the outline." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 5mm;
+ margin-top: 10mm;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 5mm 0 0 5mm;
+ outline: solid green;
+ outline-width: 5mm;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-051.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-051.xht
new file mode 100644
index 0000000000..596cf87f89
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-051.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a +5mm solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a nominal length value in millimeters that has a plus sign before it." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 5mm;
+ margin-top: 10mm;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 5mm 0 0 5mm;
+ outline: solid green;
+ outline-width: +5mm;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-056.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-056.xht
new file mode 100644
index 0000000000..9aea511545
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-056.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a -1in solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'outline-width' property does not support a negative length value in inches and is ignored." />
+ <style type="text/css">
+ #test
+ {
+ margin: 1em 0 0 1em;
+ outline: solid green;
+ outline-width: 1em;
+ outline-width: -1in;
+ width: 300px;
+ }
+ #reference
+ {
+ border: solid green 1em;
+ margin-top: 2em;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes look the same.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-057.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-057.xht
new file mode 100644
index 0000000000..debedf8d7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-057.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 0in solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in inches that sets the width of the outline." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: 0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-058.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-058.xht
new file mode 100644
index 0000000000..233621b603
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-058.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 1in solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a minimum plus one length value in inches that sets the width of the outline." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 1in;
+ margin-top: 2in;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 1in 0 0 1in;
+ outline: solid green;
+ outline-width: 1in;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-059.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-059.xht
new file mode 100644
index 0000000000..e108349986
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-059.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a -0in solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in inches that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: -0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-060.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-060.xht
new file mode 100644
index 0000000000..f3309a52aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-060.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a +0in solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in inches that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: +0in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-061.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-061.xht
new file mode 100644
index 0000000000..31353f7f0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-061.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 2in solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a nominal length value in inches that sets the width of the outline." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 2in;
+ margin-top: 5in;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 2in 0 0 2in;
+ outline: solid green;
+ outline-width: 2in;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-062.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-062.xht
new file mode 100644
index 0000000000..5b32c25b42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-062.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a +2in solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a nominal length value in inches that has a plus sign before it." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 2in;
+ margin-top: 5in;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 2in 0 0 2in;
+ outline: solid green;
+ outline-width: +2in;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-067.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-067.xht
new file mode 100644
index 0000000000..aa9496d96d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-067.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a -1em solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'outline-width' property does not support a negative length value in 'em' units and is ignored." />
+ <style type="text/css">
+ #test
+ {
+ margin: 1em 0 0 1em;
+ outline: solid green;
+ outline-width: 1em;
+ outline-width: -1em;
+ width: 300px;
+ }
+ #reference
+ {
+ border: solid green 1em;
+ margin-top: 2em;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes look the same.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-068.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-068.xht
new file mode 100644
index 0000000000..99b497cc05
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-068.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 0em solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in 'em' units that sets the width of the outline." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: 0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-069.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-069.xht
new file mode 100644
index 0000000000..8d2614a8bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-069.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 1em solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a minimum plus one length value in 'em' units that sets the width of the outline." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 1em;
+ margin-top: 2em;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 1em 0 0 1em;
+ outline: solid green;
+ outline-width: 1em;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-070.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-070.xht
new file mode 100644
index 0000000000..5f476961fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-070.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a -0em solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in 'em' units that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: -0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-071.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-071.xht
new file mode 100644
index 0000000000..4fd5bd3195
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-071.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a +0em solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in 'em' units that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: +0em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-072.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-072.xht
new file mode 100644
index 0000000000..296b8991ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-072.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 5em solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a nominal length value in 'em' units that sets the width of the outline." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 5em;
+ margin-top: 10em;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 5em 0 0 5em;
+ outline: solid green;
+ outline-width: 5em;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-073.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-073.xht
new file mode 100644
index 0000000000..5a5e1dc6fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-073.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a +5em solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a nominal length value in 'em' units that has a plus sign before it." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 5em;
+ margin-top: 10em;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 5em 0 0 5em;
+ outline: solid green;
+ outline-width: +5em;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-078.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-078.xht
new file mode 100644
index 0000000000..c2566b6f71
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-078.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a -1ex solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="The 'outline-width' property does not support a negative length value in 'ex' units and is ignored." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1 Ahem;
+ height: 1em;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 1em 0 0 1em;
+ outline: solid green;
+ outline-width: 1em;
+ outline-width: -1ex;
+ }
+ #reference
+ {
+ border: solid green 1em;
+ margin-top: 25px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes look the same.</p>
+ <div id="test"></div>
+ <div id="reference"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-079.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-079.xht
new file mode 100644
index 0000000000..772bb03a89
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-079.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 0ex solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in 'ex' units that sets the width of the outline." />
+ <style type="text/css">
+ div
+ {
+ outline: solid green;
+ outline-width: 0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-080.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-080.xht
new file mode 100644
index 0000000000..e591126a6b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-080.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 1ex solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a minimum plus one length value in 'ex' units that sets the width of the outline." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 1ex;
+ margin-top: 2ex;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 1ex 0ex 0ex 1ex;
+ outline: solid green;
+ outline-width: 1ex;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-081.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-081.xht
new file mode 100644
index 0000000000..0cc5001736
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-081.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a -0ex solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in 'ex' units that that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: -0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-082.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-082.xht
new file mode 100644
index 0000000000..e809047508
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-082.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a +0ex solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value in 'ex' units that that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: +0ex;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-083.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-083.xht
new file mode 100644
index 0000000000..c7cddcf45a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-083.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 5px solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a nominal length value in 'ex' units that sets the width of the outline." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 5px;
+ margin-top: 10px;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 5px 0 0 5px;
+ outline: solid green;
+ outline-width: 5px;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-084.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-084.xht
new file mode 100644
index 0000000000..937e247ddf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-084.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a +5ex solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a nominal length value in 'ex' units that has a plus sign before it." />
+ <style type="text/css">
+ #reference
+ {
+ border: solid green 5ex;
+ margin-top: 10ex;
+ width: 300px;
+ }
+ #test
+ {
+ margin: 5ex 0 0 5ex;
+ outline: solid green;
+ outline-width: +5ex;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes below are the same size.</p>
+ <div id="test">Filler Text</div>
+ <div id="reference">Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-089.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-089.xht
new file mode 100644
index 0000000000..2d412fae77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-089.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a -0 solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value with no units that has a minus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: -0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-090.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-090.xht
new file mode 100644
index 0000000000..da4a109a60
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-090.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a 0 solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value with no units." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-091.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-091.xht
new file mode 100644
index 0000000000..35fd16a735
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-091.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a +0 solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property supports a minimum length value with no units that has a plus sign before it." />
+ <style type="text/css">
+ div
+ {
+ outline: solid red;
+ outline-width: +0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-092.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-092.xht
new file mode 100644
index 0000000000..e59635b91a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-092.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a thin solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a value of 'thin'." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ outline: solid green;
+ outline-width: 0;
+ outline-width: thin;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-093.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-093.xht
new file mode 100644
index 0000000000..b7d6afc8ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-093.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a medium solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a value of 'medium'." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ outline: solid green;
+ outline-width: 0;
+ outline-width: medium;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-094.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-094.xht
new file mode 100644
index 0000000000..c87b2f7a56
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-094.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width - outline the box with a thick solid outline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a value of 'thick'." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ outline: solid green;
+ outline-width: 0;
+ outline-width: thick;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-095.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-095.xht
new file mode 100644
index 0000000000..b1909b49ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-095.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property supports a value of 'inherit' and gets its computed value from its parent." />
+ <style type="text/css">
+ #parent
+ {
+ margin: 5em 0 0 1em;
+ position: relative;
+ }
+ #abs
+ {
+ border: 1em solid white;
+ position: absolute;
+ top: -2em;
+ left: -1em;
+ height: 4em;
+ width: 22em;
+ }
+ div div
+ {
+ width: 20em;
+ }
+ #div1
+ {
+ margin-left: 1em;
+ outline-color: invert;
+ outline-style: solid;
+ outline-width: 1em;
+ }
+ #div1 div
+ {
+ outline-color: orange;
+ outline-style: solid;
+ outline-width: inherit;
+ height: 2em;
+ }
+ #div2
+ {
+ border: solid blue 1em;
+ margin-top: 3em;
+ height: 2em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there the two boxes are the same size and the bottom box is blue and the top box is blue or black.</p>
+ <div id="parent">
+ <div id="abs"></div>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ <div id="div2">Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-096-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-096-ref.xht
new file mode 100644
index 0000000000..5fe0512173
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-096-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ margin: 40px 20px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div>Filler Text</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-096.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-096.xht
new file mode 100644
index 0000000000..8e56ad1f85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-096.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: outline-width - 'outline-style: none' and inherit</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="Section 18.4 Dynamic outlines: the 'outline' property" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="outline-width-096-ref.xht" />
+
+ <meta content="The computed value of 'outline-width' property is '0' if 'outline-style' is 'none'" name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #parent
+ {
+ margin: 40px 20px;
+ outline: black none 20px;
+ }
+
+ #child
+ {
+ outline-color: red;
+ outline-style: solid;
+ outline-width: inherit;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div id="parent">
+ <div id="child">Filler Text</div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-001.xht
new file mode 100644
index 0000000000..cab143e720
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-001.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width applied to element with display table-row-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property applies to elements with a display of table-row-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ outline-color: green;
+ outline-style: solid;
+ outline-width: 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-002.xht
new file mode 100644
index 0000000000..77ea67b6b2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-002.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width applied to element with display table-header-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property applies to elements with a display of table-header-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ outline-color: green;
+ outline-style: solid;
+ outline-width: 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-003.xht
new file mode 100644
index 0000000000..24aa4e89cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-003.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width applied to element with display table-footer-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property applies to elements with a display of table-footer-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ outline-color: green;
+ outline-style: solid;
+ outline-width: 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-004.xht
new file mode 100644
index 0000000000..e284d1d94f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-004.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width applied to element with display table-row</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property applies to elements with a display of table-row." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row;
+ outline-color: green;
+ outline-style: solid;
+ outline-width: 10px;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-005.xht
new file mode 100644
index 0000000000..72d0453e34
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-005.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width applied to element with display table-column-group</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property does not apply to elements with a display of table-column-group." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ outline-color: red;
+ outline-style: solid;
+ outline-width: 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-006.xht
new file mode 100644
index 0000000000..baa6d36016
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-006.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width applied to element with display table-column</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'outline-width' property does not apply to elements with a display of table-column." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ outline-color: red;
+ outline-style: solid;
+ outline-width: 10px;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-007.xht
new file mode 100644
index 0000000000..958eaa7a7b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-007.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width applied to element with display table-cell</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property applies to elements with a display of table-cell." />
+ <style type="text/css">
+ #test
+ {
+ display: table-cell;
+ height: 1in;
+ outline-color: green;
+ outline-style: solid;
+ outline-width: 10px;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="test"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-008.xht
new file mode 100644
index 0000000000..0dd8bd96a1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width applied to element with display inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property applies to elements with a display of inline." />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ outline-color: green;
+ outline-style: solid;
+ outline-width: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below that does not span the entire width of the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-009.xht
new file mode 100644
index 0000000000..666fa707ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-009.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width applied to element with display block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ display: block;
+ height: 1in;
+ outline-color: green;
+ outline-style: solid;
+ outline-width: 10px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below.</p>
+ <div>
+ <span></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-010.xht
new file mode 100644
index 0000000000..b21d07584e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-010.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width applied to element with display list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ div
+ {
+ display: list-item;
+ height: 1in;
+ margin-left: 2em;
+ outline-color: green;
+ outline-style: solid;
+ outline-width: 8px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below and there is a marker bullet on the left-hand side of the box. (Note the marker bullet can be inside or outside the box.)</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-012.xht
new file mode 100644
index 0000000000..eba162226e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-012.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width applied to element with display inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ display: inline-block;
+ height: 1in;
+ outline-color: green;
+ outline-style: solid;
+ outline-width: 10px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-013.xht
new file mode 100644
index 0000000000..0678decabc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-013.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width applied to element with display table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property applies to elements with a display of table." />
+ <style type="text/css">
+ #test
+ {
+ display: table;
+ table-layout: fixed;
+ height: 1in;
+ outline-color: green;
+ outline-style: solid;
+ outline-width: 10px;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below.</p>
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-014.xht
new file mode 100644
index 0000000000..ccaa2e2ddd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-014.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width applied to element with display inline-table</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property applies to elements with a display of inline-table." />
+ <style type="text/css">
+ #test
+ {
+ display: inline-table;
+ table-layout: fixed;
+ height: 1in;
+ outline-color: green;
+ outline-style: solid;
+ outline-width: 10px;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below.</p>
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-015.xht
new file mode 100644
index 0000000000..71927431f2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-015.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Outline-width applied to element with display table-caption</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
+ <meta name="assert" content="The 'outline-width' property applies to elements with a display of table-caption." />
+ <style type="text/css">
+ #test
+ {
+ display: table-caption;
+ height: 1in;
+ outline-color: green;
+ outline-style: solid;
+ outline-width: 10px;
+ width: 1in;
+ }
+ #table
+ {
+ display: table;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box below.</p>
+ <div id="table">
+ <div id="test"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-001.xht
new file mode 100644
index 0000000000..e10ee38f54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-001.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Overflow set to 'visible'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta name="assert" content="The 'overflow' property set to 'visible' properly shows all content that extends beyond the containing element." />
+ <style type="text/css">
+ #div1
+ {
+ border: 3px solid orange;
+ height: 1in;
+ overflow: visible;
+ width: 1in;
+ }
+ div div
+ {
+ background: blue;
+ height: 2in;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue background overlaps the orange border on the bottom and right sides.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-002.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-002.xht
new file mode 100644
index 0000000000..bda59b604c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-002.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Overflow set to 'hidden'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta name="assert" content="The 'overflow' property set to 'hidden' properly hides all content that extends beyond the containing element." />
+ <style type="text/css">
+ #div1
+ {
+ border: 3px solid orange;
+ height: 0;
+ overflow: hidden;
+ width: 1in;
+ }
+ div div
+ {
+ background: red;
+ height: 2in;
+ width: 2in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-003.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-003.xht
new file mode 100644
index 0000000000..38a225df4e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-003.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Overflow set to 'scroll'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'overflow' property set to 'scroll' properly applies a scrolling mechanism to access overflowing content." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ overflow: scroll;
+ width: 1in;
+ }
+ div div
+ {
+ height: 2in;
+ position: relative;
+ width: 2in;
+ }
+ div div div
+ {
+ background: green;
+ bottom: 0;
+ height: 20px;
+ position: absolute;
+ right: 0;
+ width: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below can be scrolled to the green square in the bottom-right corner.</p>
+ <div id="div1">
+ <div>
+ <div></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-004.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-004.xht
new file mode 100644
index 0000000000..a3e14ec0ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-004.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Overflow set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'overflow' property set to 'auto' properly applies a scrolling mechanism to access overflowing content." />
+ <style type="text/css">
+ #div1
+ {
+ height: 1in;
+ overflow: auto;
+ width: 1in;
+ }
+ div div
+ {
+ height: 2in;
+ position: relative;
+ width: 2in;
+ }
+ div div div
+ {
+ background: green;
+ bottom: 0;
+ height: 20px;
+ position: absolute;
+ right: 0;
+ width: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below can be scrolled to the green square in the bottom-right corner.</p>
+ <div id="div1">
+ <div>
+ <div></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-005.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-005.xht
new file mode 100644
index 0000000000..2ee46ee6ba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-005.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Overflow set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="The 'overflow' property set to 'inherit' properly inherits its value from its parent element." />
+ <style type="text/css">
+ body
+ {
+ overflow: scroll;
+ }
+ #div1
+ {
+ height: 1in;
+ overflow: inherit;
+ width: 1in;
+ }
+ div div
+ {
+ height: 2in;
+ position: relative;
+ width: 2in;
+ }
+ div div div
+ {
+ background: green;
+ bottom: 0;
+ height: 20px;
+ position: absolute;
+ right: 0;
+ width: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below can be scrolled to the green square in the bottom-right corner.</p>
+ <div id="div1">
+ <div>
+ <div></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-ancestors-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-ancestors-001.xht
new file mode 100644
index 0000000000..3c58ba80c7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-ancestors-001.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Overflow affect on children</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta name="flags" content="interact" />
+ <meta name="assert" content="Overflow clipping does not affect elements which are ancestors to the element being clipped." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid;
+ height: 50px;
+ overflow: scroll;
+ width: 100px;
+ }
+ div div
+ {
+ width: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is an active scrolling mechanism in the box below that can horizontally scroll the "Filler Text".</p>
+ <div id="div1">
+ <div>Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-001-ref.xht
new file mode 100644
index 0000000000..8fe63e0f33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-001-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ padding-left: 105px;
+ padding-top: 5px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a short green bar.</p>
+
+ <div><img src="support/1x1-green.png" width="100" height="20" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-001.xht
new file mode 100644
index 0000000000..55644ba408
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-001.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: overflow applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="overflow-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'overflow' property does not apply to elements with 'display' set to 'table-row-group'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ overflow: hidden;
+ }
+ #table
+ {
+ border: 5px solid transparent;
+ color: white;
+ display: table;
+ font: 20px/1em Ahem;
+ table-layout: fixed;
+ width: 5em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ white-space: nowrap;
+ }
+ #span2
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short green bar.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-002.xht
new file mode 100644
index 0000000000..7a2d90a3f8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-002.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: overflow applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="overflow-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'overflow' property does not apply to elements with 'display' set to 'table-header-group'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ overflow: hidden;
+ }
+ #table
+ {
+ border: 5px solid transparent;
+ color: white;
+ display: table;
+ font: 20px/1em Ahem;
+ table-layout: fixed;
+ width: 5em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ white-space: nowrap;
+ }
+ #span2
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short green bar.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-003.xht
new file mode 100644
index 0000000000..a5fff97ea2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-003.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: overflow applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="overflow-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'overflow' property does not apply to elements with 'display' set to 'table-footer-group'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ overflow: hidden;
+ }
+ #table
+ {
+ border: 5px solid transparent;
+ color: white;
+ display: table;
+ font: 20px/1em Ahem;
+ table-layout: fixed;
+ width: 5em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ white-space: nowrap;
+ }
+ #span2
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short green bar.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-004.xht
new file mode 100644
index 0000000000..ed0eb73f97
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-004.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: overflow applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="overflow-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'overflow' property does not apply to elements with 'display' set to 'table-row'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ border: 5px solid transparent;
+ color: white;
+ display: table;
+ font: 20px/1em Ahem;
+ table-layout: fixed;
+ width: 5em;
+ }
+ #row
+ {
+ display: table-row;
+ overflow: hidden;
+ }
+ #cell
+ {
+ display: table-cell;
+ white-space: nowrap;
+ }
+ #span2
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short green bar.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-005.xht
new file mode 100644
index 0000000000..5b2e86b964
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-005.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: overflow applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="overflow-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'overflow' property does not apply to elements with 'display' set to 'table-column-group'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ overflow: hidden;
+ }
+ #table
+ {
+ border: 5px solid transparent;
+ color: white;
+ display: table;
+ font: 20px/1em Ahem;
+ table-layout: fixed;
+ width: 5em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ white-space: nowrap;
+ }
+ #span2
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short green bar.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-006.xht
new file mode 100644
index 0000000000..af5df41009
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-006.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: overflow applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="overflow-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'overflow' property does not apply to elements with 'display' set to 'table-column'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ overflow: hidden;
+ }
+ #table
+ {
+ border: 5px solid transparent;
+ color: white;
+ display: table;
+ font: 20px/1em Ahem;
+ table-layout: fixed;
+ width: 5em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ white-space: nowrap;
+ }
+ #span2
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short green bar.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-007.xht
new file mode 100644
index 0000000000..8b8c0a8185
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-007.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: overflow applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-11 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'overflow' property applies to elements with 'display' set to 'table-cell'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ border: 5px solid transparent;
+ color: white;
+ display: table;
+ font: 20px/1em Ahem;
+ table-layout: fixed;
+ width: 5em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ overflow: hidden;
+ white-space: nowrap;
+ }
+ #span2
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-008.xht
new file mode 100644
index 0000000000..65b765fe82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-008.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: overflow applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="overflow-applies-to-001-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'overflow' property does not apply to elements with 'display' set to 'inline'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ border: 5px solid transparent;
+ color: white;
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ div div
+ {
+ display: inline;
+ overflow: hidden;
+ white-space: nowrap;
+ }
+ #span2
+ {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short green bar.</p>
+ <div id="parent">
+ <div><span>XXXXX</span><span id="span2">XXXXX</span></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-009.xht
new file mode 100644
index 0000000000..5867a68b7a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-009.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: overflow applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'overflow' property applies to elements with 'display' set to 'block'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ span
+ {
+ border: 5px solid transparent;
+ color: white;
+ display: block;
+ font: 20px/1em Ahem;
+ overflow: hidden;
+ width: 5em;
+ }
+ #test
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div>
+ <span><b>XXXXX</b><b id="test">XXXXX</b></span>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-010.xht
new file mode 100644
index 0000000000..30e26b27ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-010.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: overflow applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'overflow' property applies to elements with 'display' set to 'list-item'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ margin-left: 50px;
+ }
+ div
+ {
+ border: 5px solid transparent;
+ display: list-item;
+ font: 20px/1em Ahem;
+ height: 5em;
+ overflow: hidden;
+ width: 5em;
+ }
+ #span2
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a short black bar and <strong>no red</strong>. To the left of the bar, there can be a list marker but it is not required.</p>
+ <div><span>XXXXX</span><span id="span2">XXXXX</span></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-012.xht
new file mode 100644
index 0000000000..f7ad7540ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-012.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: overflow applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'overflow' property applies to elements with 'display' set to 'inline-block'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ border: 5px solid transparent;
+ color: white;
+ display: inline-block;
+ font: 20px/1em Ahem;
+ overflow: hidden;
+ width: 5em;
+ }
+ #span2
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div><span>XXXXX</span><span id="span2">XXXXX</span></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-013.xht
new file mode 100644
index 0000000000..8dc2c8e84f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-013.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: overflow applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'overflow' property applies to elements with 'display' set to 'table'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ border: 5px solid transparent;
+ color: white;
+ display: table;
+ font: 20px/1em Ahem;
+ overflow: hidden;
+ table-layout: fixed;
+ width: 5em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ white-space: nowrap;
+ }
+ #span2
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-014.xht
new file mode 100644
index 0000000000..bcbf5ac474
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-014.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: overflow applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'overflow' property applies to elements with 'display' set to 'inline-table'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #table
+ {
+ border: 5px solid transparent;
+ color: white;
+ display: inline-table;
+ font: 20px/1em Ahem;
+ overflow: hidden;
+ table-layout: fixed;
+ width: 5em;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ white-space: nowrap;
+ }
+ #span2
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-015.xht
new file mode 100644
index 0000000000..44d20443d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-015.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: overflow applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'overflow' property applies to elements with 'display' set to 'table-caption'." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ border: 5px solid transparent;
+ color: white;
+ display: table-caption;
+ font: 20px/1em Ahem;
+ overflow: hidden;
+ white-space: nowrap;
+ width: 5em;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ white-space: nowrap;
+ }
+ #span2
+ {
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is <strong>no red</strong>.</p>
+ <div id="table">
+ <div id="test"><span>XXXXX</span><span id="span2">XXXXX</span></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-html-body-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-html-body-001.xht
new file mode 100644
index 0000000000..daff944453
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-html-body-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Overflow on body propagates to viewport</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta name="assert" content="An HTML user agent propagates the 'overflow' property from the 'body' to the viewport." />
+ <style type="text/css">
+ body
+ {
+ overflow: hidden;
+ }
+ div
+ {
+ height: 110%;
+ width: 110%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the horizontal and vertical scrolling mechanism is not available on the page.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-parent-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-parent-001.xht
new file mode 100644
index 0000000000..bfc193fd2f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-parent-001.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Overflow hidden on root element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta name="assert" content="Clipping does not affect elements where their parent is the viewport." />
+ <style type="text/css">
+ div
+ {
+ border: solid;
+ }
+ html
+ {
+ height: 30px;
+ overflow: hidden;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "Filler Text" below.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-print-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-print-001.xht
new file mode 100644
index 0000000000..bfe400389c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-print-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Overflow 'scroll' and printing</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta name="flags" content="may paged" />
+ <meta name="assert" content="The 'overflow' property set to 'scroll' acts like 'visible' when element is printed." />
+ <style type="text/css">
+ #div1
+ {
+ height: 30px;
+ overflow: scroll;
+ width: 45px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: Switch to print preview or a paged media view of the page.</p>
+ <p>Test passes if the words "Filler Text" below are only partially visible or are completely visible.</p>
+ <div id="div1">
+ <div>Filler Text Filler Text</div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-root-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-root-001.xht
new file mode 100644
index 0000000000..28964c5e33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-root-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Overflow on root propagates to viewport</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta name="assert" content="The 'overflow' property set on the root propagates to the viewport." />
+ <style type="text/css">
+ html
+ {
+ height: 110%;
+ overflow: hidden;
+ width: 110%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the horizontal and vertical scrolling mechanism is not available on the page.</p>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-scrollbar-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-scrollbar-001.xht
new file mode 100644
index 0000000000..ece145fe33
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-scrollbar-001.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Scrollbar placement in overflow scenario</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta name="assert" content="The placement of the scrollbar is between the inner border edge and the outer padding edge." />
+ <style type="text/css">
+ #div1
+ {
+ border: solid blue;
+ overflow: scroll;
+ padding: 10px;
+ }
+ div div
+ {
+ background-color: black;
+ border: solid;
+ height: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not then this test case does not apply to this user agent.</p>
+ <p>Test passes if the scrollbars are contained inside the blue box and each scrollbar has white space between it and the black box within.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-visible-viewport-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-visible-viewport-001.xht
new file mode 100644
index 0000000000..89f4b0d6ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/overflow-visible-viewport-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html id="test" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Overflow set to visible is interpreted as auto on viewport</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta name="flags" content="dom" />
+ <meta name="assert" content="When 'overflow: visible' is set on the viewport it is interpreted as 'auto' but is still returns a computed value of 'visible'." />
+ <style type="text/css">
+ body
+ {
+ width: 500in;
+ height: 500in;
+ }
+ html
+ {
+ overflow: visible;
+ }
+ #result
+ {
+ border: 1px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the page has an active scrolling mechanism available to scroll the page and the word 'visible' is inside the box below.</p>
+ <div id="result"></div>
+ <script type="text/javascript">
+ <![CDATA[
+ var testEl = document.getElementById('test');
+ var propertyValue = window.getComputedStyle(testEl, null).overflow;
+ var newTextNode = document.createTextNode(propertyValue);
+ document.getElementById("result").appendChild(newTextNode);
+ ]]>
+ </script>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/ui/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/ui/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/ui/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/ui/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/ui/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/ui/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/ui/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/ui/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/a-green.css b/testing/web-platform/tests/css/CSS2/ui/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/animated.gif b/testing/web-platform/tests/css/CSS2/ui/support/animated.gif
new file mode 100644
index 0000000000..23b7d209e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/animated.gif
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/b-green.css b/testing/web-platform/tests/css/CSS2/ui/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/ui/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/c-red.css b/testing/web-platform/tests/css/CSS2/ui/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/cat.gif b/testing/web-platform/tests/css/CSS2/ui/support/cat.gif
new file mode 100644
index 0000000000..41f2b09b24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/cat.gif
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/cat.png b/testing/web-platform/tests/css/CSS2/ui/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/cursor.cur b/testing/web-platform/tests/css/CSS2/ui/support/cursor.cur
new file mode 100644
index 0000000000..744f146c2a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/cursor.cur
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/cursor.png b/testing/web-platform/tests/css/CSS2/ui/support/cursor.png
new file mode 100644
index 0000000000..e00276f025
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/cursor.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/diamond.png b/testing/web-platform/tests/css/CSS2/ui/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/fail.cur b/testing/web-platform/tests/css/CSS2/ui/support/fail.cur
new file mode 100644
index 0000000000..721a4ccd64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/fail.cur
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/green15x15.png b/testing/web-platform/tests/css/CSS2/ui/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/ui/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/ui/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/ui/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/ui/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/ring.png b/testing/web-platform/tests/css/CSS2/ui/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/square-purple.png b/testing/web-platform/tests/css/CSS2/ui/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/square-teal.png b/testing/web-platform/tests/css/CSS2/ui/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/square-white.png b/testing/web-platform/tests/css/CSS2/ui/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/ui/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/ui/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/ui/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/ui/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/ui/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/ui/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/ui/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/test-bl.png b/testing/web-platform/tests/css/CSS2/ui/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/test-br.png b/testing/web-platform/tests/css/CSS2/ui/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/test-outer.png b/testing/web-platform/tests/css/CSS2/ui/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/test-tl.png b/testing/web-platform/tests/css/CSS2/ui/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/support/test-tr.png b/testing/web-platform/tests/css/CSS2/ui/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/ui/system-colors-001.xht b/testing/web-platform/tests/css/CSS2/ui/system-colors-001.xht
new file mode 100644
index 0000000000..5947567406
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/ui/system-colors-001.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: CSS Colours: Highlight and HighlightText</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/color/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#system-colors" />
+ <style type="text/css">
+ span { color: highlighttext; background: highlight; }
+ </style>
+ </head>
+ <body>
+ <p>The text [<span>in brackets</span>] should appear [<span>in the system
+ highlight</span>] colours.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/color-000-ref.xht b/testing/web-platform/tests/css/CSS2/values/color-000-ref.xht
new file mode 100644
index 0000000000..9d463033b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/color-000-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>This should be green</p>
+<p>This should be green</p>
+<p>This should be green</p>
+<p>This should be green</p>
+<p>This should be green</p>
+<p>This should be green</p>
+<p>This should be green</p>
+<p>This should be green</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/color-000.xht b/testing/web-platform/tests/css/CSS2/values/color-000.xht
new file mode 100644
index 0000000000..ea2e3f51d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/color-000.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: RGB color syntax error handling</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#color-units"/>
+ <link rel="match" href="color-000-ref.xht"/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+ p.correct { color: red }
+ p.incorrect { color: green }
+ p#numnumpercent { color: rgb(255, 0, 0%) }
+ p#percentnumnum { color: rgb(100%, 0, 0) }
+ p#percentpercentnum { color: rgb(100%, 0%, 0) }
+ p#percentnumpercent { color: rgb(100%, 0, 0%) }
+ p#numpercentnum { color: rgb(255, 0%, 0); }
+ p#numnumnum { color: rgb(0, 128, 0) }
+ p#percentpercentpercent1 { color: rgb(0%, 50%, 0%) }
+ p#percentpercentpercent2 { color: rgb(0%, 50.01%, 0%) }
+ </style>
+ </head>
+ <body>
+ <p class="incorrect" id="numnumpercent">This should be green</p>
+ <p class="incorrect" id="percentnumnum">This should be green</p>
+ <p class="incorrect" id="percentpercentnum">This should be green</p>
+ <p class="incorrect" id="percentnumpercent">This should be green</p>
+ <p class="incorrect" id="numpercentnum">This should be green</p>
+
+ <p class="correct" id="numnumnum">This should be green</p>
+ <p class="correct" id="percentpercentpercent1">This should be green</p>
+ <p class="correct" id="percentpercentpercent2">This should be green</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-001.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-001.xht
new file mode 100644
index 0000000000..dae3fa6df3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing invalid numbers - alphanumeric characters</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#integers" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="An integer cannot have alphanumeric characters within it." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ height: 9a6px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-002.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-002.xht
new file mode 100644
index 0000000000..4a0146f077
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-002.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing decimal values - decimal with multiple decimal digits</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#numbers" />
+ <meta name="assert" content="A number can be zero or more digits followed by a dot (.) followed by multiple digits." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 0;
+ height: 96.111px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled box below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-003.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-003.xht
new file mode 100644
index 0000000000..57600a7c70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-003.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing invalid decimal values - alphanumeric characters within number</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#numbers" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="An alphanumeric character cannot be within the number value." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ height: a.6px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-004.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-004.xht
new file mode 100644
index 0000000000..1ce19808ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-004.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing integer numbers with '+'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#integers" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+ <meta name="assert" content="Integers can be preceded by '+'." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 0;
+ height: +1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-005.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-005.xht
new file mode 100644
index 0000000000..a5daced856
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-005.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Optional unit identifier after 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#lengths" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="After a zero length, the unit identifier is not necessary." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-006.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-006.xht
new file mode 100644
index 0000000000..24fd36e0ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-006.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Unsupported negative values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#lengths" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="If a negative length value is set on a property that does not allow negative length values, the declaration is ignored." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ height: -1px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-007-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-007-ref.xht
new file mode 100644
index 0000000000..ac9b53bd4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-007-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ margin-top: 10px;
+ background: black;
+ height: 1em;
+ width: 1em;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the two boxes below are the same size.</p>
+<div/><div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-007.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-007.xht
new file mode 100644
index 0000000000..b70cb36ca6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-007.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Em sizes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="numbers-units-007-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'em' unit is equal to the computed value of the 'font-size' property (default) of the element on which it is used." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ div
+ {
+ font-family: Ahem;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="test"></div>
+ <div>X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-009-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-009-ref.xht
new file mode 100644
index 0000000000..f55860883c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-009-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ margin-top: 10px;
+ background: black;
+ height: 32px;
+ width: 32px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the two boxes below are the same size.</p>
+<div/><div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-009.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-009.xht
new file mode 100644
index 0000000000..78882eba4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-009.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Em size with the font-size set to px size</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="numbers-units-009-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'em' unit is equal to the computed value of the 'font-size' property (pixels) of the element on which it is used." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-size: 32px;
+ }
+ #test
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ div
+ {
+ font-family: Ahem;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="test"></div>
+ <div>X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-010-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-010-ref.xht
new file mode 100644
index 0000000000..a8b9d419f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-010-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ margin-top: 10px;
+ background: black;
+ height: 1in;
+ width: 1in;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the two boxes below are the same size.</p>
+<div/><div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-010.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-010.xht
new file mode 100644
index 0000000000..03b0b71aea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-010.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Em size with font-size set to inch</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="numbers-units-010-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'em' unit is equal to the computed value of the 'font-size' property (inches) of the element on which it is used." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-size: 1in;
+ }
+ #test
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ div
+ {
+ font-family: Ahem;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="test"></div>
+ <div>X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-011-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-011-ref.xht
new file mode 100644
index 0000000000..8aa1cabff7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-011-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ margin-top: 10px;
+ background: black;
+ height: 3em;
+ width: 3em;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the two boxes below are the same size.</p>
+<div/><div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-011.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-011.xht
new file mode 100644
index 0000000000..e1edfea9e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-011.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Em size with font-size set to em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="numbers-units-011-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When 'em' is assigned in the value of the 'font-size' property itself, it uses the font size of the parent element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-size: 3em;
+ }
+ #test
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ div
+ {
+ font-family: Ahem;
+ margin-top: 10px;
+ line-height: 1;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="test"></div>
+ <div>X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-012-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-012-ref.xht
new file mode 100644
index 0000000000..20b06994a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-012-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ margin-top: 5px;
+ background: black;
+ height: 1in;
+ width: 1in;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the three boxes below are the same size.</p>
+<div/><div/><div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-012.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-012.xht
new file mode 100644
index 0000000000..f24e528c5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-012.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Em size with font-size set to ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="numbers-units-012-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'em' unit is equal to the computed value of the 'font-size' property (ex) of the element on which it is used." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ font-size: 6ex;
+ }
+ #test
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ div
+ {
+ margin-top: 5px;
+ }
+ #reference
+ {
+ background: black;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the three boxes below are the same size.</p>
+ <div id="parent">
+ <div id="div1">
+ <div id="test"></div>
+ <div>X</div>
+ <div id="reference"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-013-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-013-ref.xht
new file mode 100644
index 0000000000..03d382d04d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-013-ref.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ margin-top: 5px;
+ background: black;
+ height: 100px;
+ width: 100px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the three boxes below are the same size.</p>
+<div/><div/><div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-013.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-013.xht
new file mode 100644
index 0000000000..ac42ede119
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-013.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Em size with font-size set to percentage</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="numbers-units-013-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ font-size: 500%;
+ }
+ #test
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ div
+ {
+ margin-top: 5px;
+ }
+ #reference
+ {
+ background: black;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the three boxes below are the same size.</p>
+ <div id="parent">
+ <div id="div1">
+ <div id="test"></div>
+ <div>X</div>
+ <div id="reference"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-a.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-a.xht
new file mode 100644
index 0000000000..d40d3b533f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-a.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style type="text/css">
+div {
+ background: black;
+ font-family: Ahem;
+ margin-top: 2px;
+}
+#test, #div1 {
+ height: 0.5em;
+ width: 0.5em;
+}
+#div2 {
+ height: 0.8em;
+ width: 0.8em;
+}
+</style>
+</head>
+<body>
+<p>Test passes if any two of the boxes below are the same size.</p>
+<div id="test"></div>
+<div id="div1"></div>
+<div id="div2"></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-b.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-b.xht
new file mode 100644
index 0000000000..2cc17cde6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-b.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style type="text/css">
+div {
+ background: black;
+ font-family: Ahem;
+ margin-top: 2px;
+}
+#div1 {
+ height: 0.5em;
+ width: 0.5em;
+}
+#test, #div2 {
+ height: 0.8em;
+ width: 0.8em;
+}
+</style>
+</head>
+<body>
+<p>Test passes if any two of the boxes below are the same size.</p>
+<div id="test"></div>
+<div id="div1"></div>
+<div id="div2"></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-015.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-015.xht
new file mode 100644
index 0000000000..d79cce5890
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-015.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Height of EX</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="numbers-units-015-ref-a.xht"/>
+ <link rel="match" href="numbers-units-015-ref-b.xht"/>
+ <meta name="flags" content="ahem should" />
+ <meta name="assert" content="In the cases where it is impossible or impractical to determine the x-height, a value of 0.5em should be used." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ height: 1ex;
+ width: 1ex;
+ }
+ #div1
+ {
+ height: 0.5em;
+ width: 0.5em;
+ }
+ #div2
+ {
+ height: 0.8em;
+ width: 0.8em;
+ }
+ div
+ {
+ background: black;
+ font-family: Ahem;
+ margin-top: 2px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if any two of the boxes below are the same size.</p>
+ <div id="test"></div>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-016.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-016.xht
new file mode 100644
index 0000000000..97b0af5868
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-016.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing invalid percentage values - decimal value with multiple decimals</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#percentage-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#percentages" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Percentage assignments with more than one decimal are invalid." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ height: 50.1.1%;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-017.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-017.xht
new file mode 100644
index 0000000000..3ee11a790f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-017.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Parsing of percentage values - 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#percentage-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#percentages" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="Percentage of 0% is valid and calculates to 0." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ height: 0%;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-018-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-018-ref.xht
new file mode 100644
index 0000000000..ce9896684b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-018-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+html {
+ border: 1px solid;
+ margin-left: 400px;
+ margin-top: 320px;
+}
+p {
+ font: 16px serif;
+}
+div {
+ position: absolute;
+}
+#div1 {
+ background: orange;
+ height: 20px;
+ left: 0;
+ top: 320px;
+ width: 400px;
+}
+#div2 {
+ background: blue;
+ height: 320px;
+ left: 400px;
+ top: 0;
+ width: 20px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the black box containing this text is to the right of the orange box and below the blue box.</p>
+<div id="div1"></div>
+<div id="div2"></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-018.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-018.xht
new file mode 100644
index 0000000000..a5c6f76fa3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-018.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Specifying em/ex on the root element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="match" href="numbers-units-018-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Units 'em' and 'ex' refer to the initial value of the property when specified on the root element of a document." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ html
+ {
+ border: 1px solid;
+ font: 20px/1 Ahem;
+ margin-left: 20em;
+ margin-top: 20ex;
+ }
+ div
+ {
+ position: absolute;
+ }
+ #div1
+ {
+ background: orange;
+ height: 20px;
+ left: 0;
+ top: 320px;
+ width: 400px;
+ }
+ #div2
+ {
+ background: blue;
+ height: 320px;
+ left: 400px;
+ top: 0;
+ width: 20px;
+ }
+ p
+ {
+ font: 16px serif;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box containing this text is to the right of the orange box and below the blue box.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-019-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-019-ref.xht
new file mode 100644
index 0000000000..1c8c2e3189
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-019-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ font-size: 12pt;
+}
+div {
+ margin-top: 3px;
+ background: black;
+ height: 32px;
+ width: 32px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the two boxes below are the same size.</p>
+<div/><div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-019.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-019.xht
new file mode 100644
index 0000000000..205e3b6392
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-019.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: First available font defines the 'ex' unit size</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="numbers-units-019-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'ex' unit size is defined by the element's first available font." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ font-size: 40px;
+ }
+ p
+ {
+ font-size: 12pt;
+ }
+ div
+ {
+ background: black;
+ font-family: invalidFont, Ahem;
+ margin-top: 3px;
+ }
+ #test
+ {
+ height: 1ex;
+ width: 1ex;
+ }
+ #compare
+ {
+ height: 0.8em;
+ width: 0.8em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="test"></div>
+ <div id="compare"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-021-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-021-ref.xht
new file mode 100644
index 0000000000..d8f40a497b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-021-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ font-family: serif;
+}
+div {
+ margin-top: 2px;
+ background: black;
+ height: 32px;
+ width: 32px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the two boxes below are the same size.</p>
+<div/><div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-021.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-021.xht
new file mode 100644
index 0000000000..7f3e20aad9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-021.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Root element and the 'em' unit size</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="match" href="numbers-units-021-ref.xht"/>
+ <meta name="flags" content="96dpi ahem" />
+ <meta name="assert" content="The 'em' unit refers to the property's initial value when specified on the root element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ html
+ {
+ font-family: Ahem;
+ font-size: 2em;
+ }
+ #div1
+ {
+ background-color: black;
+ height: 32px;
+ margin-bottom: 2px;
+ width: 32px;
+ }
+ p
+ {
+ font-family: serif;
+ font-size: 0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1"></div>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/values/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/values/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/README b/testing/web-platform/tests/css/CSS2/values/support/README
new file mode 100644
index 0000000000..2e5f2ad073
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/README
@@ -0,0 +1,28 @@
+CSS Global Support Directory
+============================
+
+This directory contains common support files (such as images and external
+style sheets). These are sync'ed into the support directories of all our
+test suites. If you have test-suite-specific support files, please add
+them to the appropriate test-suite-specific support/ directory.
+
+If you add to a support/ directory, please run the tools/supportprop.py
+script from the top of the repository to cascade support files into the
+lower-level support directories.
+
+Description of the Common Support File Collection
+-------------------------------------------------
+
+The 1x1-* images are all exactly one pixel.
+
+The swatch-* images all use 15x15 cells.
+
+The square-* images all use 15x15 cells with one pixel borders.
+
+The pattern-* images use cells of various sizes:
+
+ pattern-grg-rgr-grg.png 20x20
+ pattern-rgr-grg-rgr.png 20x20
+ pattern-tr.png 15x15
+ pattern-grg-rrg-rgg.png 15x15
+
diff --git a/testing/web-platform/tests/css/CSS2/values/support/a-green.css b/testing/web-platform/tests/css/CSS2/values/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/values/support/b-green.css b/testing/web-platform/tests/css/CSS2/values/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/values/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/c-red.css b/testing/web-platform/tests/css/CSS2/values/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/support/cat.png b/testing/web-platform/tests/css/CSS2/values/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/diamond.png b/testing/web-platform/tests/css/CSS2/values/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/green15x15.png b/testing/web-platform/tests/css/CSS2/values/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/values/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/values/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/ring.png b/testing/web-platform/tests/css/CSS2/values/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/square-purple.png b/testing/web-platform/tests/css/CSS2/values/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/square-teal.png b/testing/web-platform/tests/css/CSS2/values/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/square-white.png b/testing/web-platform/tests/css/CSS2/values/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/test-bl.png b/testing/web-platform/tests/css/CSS2/values/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/test-br.png b/testing/web-platform/tests/css/CSS2/values/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/test-outer.png b/testing/web-platform/tests/css/CSS2/values/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/test-tl.png b/testing/web-platform/tests/css/CSS2/values/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/test-tr.png b/testing/web-platform/tests/css/CSS2/values/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/units-001-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-001-ref.xht
new file mode 100644
index 0000000000..4de7062fd2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-001-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 200px;
+ margin-left: 2px;
+ margin-top: 18px;
+ width: 200px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/units-001.xht b/testing/web-platform/tests/css/CSS2/values/units-001.xht
new file mode 100644
index 0000000000..a3e08e4543
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-001.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Units: Equivalence</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#absolute-lengths" />
+ <link rel="match" href="units-001-ref.xht" />
+
+ <meta name="flags" content="ahem"/>
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table { font: 20px/1 Ahem; }
+ td { padding: 0; background: red; }
+ div { background: green; height: 1.25em; }
+ .px { width: 200px; }
+ .em { width: 10em; }
+ .ex { width: 12.5ex; }
+ .in { width: 2.08333in; }
+ .cm { width: 5.29166cm; }
+ .mm { width: 52.9166mm; }
+ .pt { width: 150pt; }
+ .pc { width: 12.5pc; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <table>
+ <tr>
+ <td>
+ <div class="px"></div>
+ <div class="em"></div>
+ <div class="ex"></div>
+ <div class="in"></div>
+ <div class="cm"></div>
+ <div class="mm"></div>
+ <div class="pt"></div>
+ <div class="pc"></div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/units-002-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-002-ref.xht
new file mode 100644
index 0000000000..136c097ecb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-002-ref.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: top;}
+
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the top and the bottom of a filled orange square are exactly flush with, respectively, the top and the bottom of 2 navy rectangles.</p>
+
+ <div><img src="support/1x1-navy.png" width="250" height="200" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="200" height="200" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="250" height="200" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/units-002.xht b/testing/web-platform/tests/css/CSS2/values/units-002.xht
new file mode 100644
index 0000000000..8fd7b0bd5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-002.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Units: ex</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="units-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { font: 250px/1 Ahem; margin: 0; color: navy; }
+ img { height: 1ex; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top and the bottom of a filled orange square are exactly flush with, respectively, the top and the bottom of 2 navy rectangles.</p>
+ <div class="test">É<img src="support/swatch-orange.png" alt=" This test needs images." />É</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/units-003-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-003-ref.xht
new file mode 100644
index 0000000000..8c43d2efa5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-003-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 216px;}
+
+ img {vertical-align: bottom;}
+
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the top and the bottom of a small filled orange square are exactly flush with, respectively, the top and the bottom of 2 wide navy rectangles.</p>
+
+ <div><img src="support/1x1-navy.png" width="250" height="50" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="50" height="50" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="250" height="50" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/units-003.xht b/testing/web-platform/tests/css/CSS2/values/units-003.xht
new file mode 100644
index 0000000000..df6b1ab71e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Units: ex</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="units-003-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { font: 250px/1 Ahem; margin: 0; color: navy; }
+ img { height: 0.25ex; vertical-align: bottom; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top and the bottom of a small filled orange square are exactly flush with, respectively, the top and the bottom of 2 wide navy rectangles.</p>
+ <div class="test">p<img src="support/swatch-orange.png" alt=" This test needs images. "/>p</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/units-004-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-004-ref.xht
new file mode 100644
index 0000000000..abe58938f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-004-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 200px;
+ width: 200px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/units-004.xht b/testing/web-platform/tests/css/CSS2/values/units-004.xht
new file mode 100644
index 0000000000..a0e474e0ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-004.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Units: ex</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="units-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { font: 20px/1 Ahem; min-width: 200px; min-height: 200px; background: red; float: left; }
+ .em { width: 10em; height: 5em; background: green; }
+ .ex { width: 12.5ex; height: 6.25ex; background: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div class="test">
+ <div class="em"></div>
+ <div class="ex"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/units-005-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-005-ref.xht
new file mode 100644
index 0000000000..fc78ace42b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-005-ref.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ font-size: 12pt;
+}
+div {
+ width: 8.7em;
+ height: 8.7em;
+ background: green;
+ border: solid lime;
+}
+}
+</style>
+</head>
+<body>
+<p>You should see no red below, just a green square with a green border.</p>
+<div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/units-005.xht b/testing/web-platform/tests/css/CSS2/values/units-005.xht
new file mode 100644
index 0000000000..052b7e3319
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-005.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Units: em (0.87em floats)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="units-005-ref.xht"/>
+
+ <style type="text/css">
+ div { width: 8.7em; height: 8.7em; background: red; border: solid lime; }
+ span { float: left; width: 0.87em; height: 0.87em; background: green; }
+ input[type="text"] { text-align: right; }
+ </style>
+ </head>
+ <body>
+ <p>You should see no red below, just a green square with a green border.</p>
+ <div>
+ <!-- 100 spans -->
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ </div>
+
+<!-- Try different font sizes, zooms, and resolutions, as well as
+ slightly different sizes for the floats.</p>
+ <form action="" method="get">
+ <p>
+ Set each float to width: <input type="text" name="size" value="${size}" size="5">em.
+ <input type="submit" value="Generate Test">
+ </p>
+ </form>
+-->
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/units-006-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-006-ref.xht
new file mode 100644
index 0000000000..9828b57a48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-006-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 20px;
+ margin: 4px 0;
+ width: 600px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 blue bars have the <strong>same width</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/units-006.xht b/testing/web-platform/tests/css/CSS2/values/units-006.xht
new file mode 100644
index 0000000000..12713a1504
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-006.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Units: px and font-size</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#absolute-lengths" />
+
+ <link rel="match" href="units-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div { margin: 4px 0; }
+ .border { border-top: solid 20px blue; width: 600px; }
+ .font { font: 20px/1 Ahem; color: blue; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if the 2 blue bars have the <strong>same width</strong>.</p>
+
+ <div class="border"></div>
+ <div class="font">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/units-008.xht b/testing/web-platform/tests/css/CSS2/values/units-008.xht
new file mode 100644
index 0000000000..3510f4dfca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-008.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Units: px and inherited font-size</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#absolute-lengths" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#common-keywords" />
+ <link rel="match" href="units-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div { margin: 4px 0; }
+ .border { border-top: solid 20px blue; width: 600px; }
+ .font { font: 20px/1 Ahem; color: blue; }
+ .inner { font: inherit; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if the 2 blue bars have the <strong>same width</strong>.</p>
+
+ <div class="border"></div>
+ <div class="font"><div class="inner">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/units-009.xht b/testing/web-platform/tests/css/CSS2/values/units-009.xht
new file mode 100644
index 0000000000..982fc96f44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-009.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Units: px and dependent font-size</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/009.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+
+ <link rel="match" href="units-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div { margin: 4px 0; }
+ .border { border-top: solid 20px blue; width: 600px; }
+ .font { font: 10px/1 Ahem; color: blue; }
+ .inner { font-size: 2em; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if the 2 blue bars have the <strong>same width</strong>.</p>
+
+ <div class="border"></div>
+ <div class="font"><div class="inner">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/content-height-001.html b/testing/web-platform/tests/css/CSS2/visudet/content-height-001.html
new file mode 100644
index 0000000000..d4aaaa929c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/content-height-001.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS2 inline level box content height test</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#line-height">
+<link rel="match" href="reference/content-height-001-ref.html">
+<meta name="assert" content="The height of the content area of an inline-level box does not depend on the value of the line-height property">
+<style>
+
+div { font-size: 50px; display: inline-block; color: transparent; }
+
+span { background: blue; }
+
+div { line-height: 200px; }
+div:nth-of-type(2) { line-height: 30px; }
+div:nth-of-type(3) { line-height: normal; }
+</style>
+
+<p>Test passes if the blue shape below is a rectangle, but not some other polygon.
+
+<div><span>aa</span></div><div><span>aa</span></div><div><span>aa</span></div>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/content-height-002.html b/testing/web-platform/tests/css/CSS2/visudet/content-height-002.html
new file mode 100644
index 0000000000..038775b686
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/content-height-002.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS2 inline level box content height test</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#line-height">
+<link rel="match" href="reference/content-height-002-ref.html">
+<meta name="assert" content="The height of the content area of an inline-level box does not depend on the value of the line-height property,
+ even when fallback fonts are used">
+<style>
+@font-face {
+ font-family: 'high-a-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/Revalia.woff) format('woff');
+ unicode-range: U+0061, U+0020;
+}
+@font-face {
+ font-family: 'deep-b-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/AD.woff) format('woff');
+ unicode-range: U+0062, U+0020;
+}
+
+div {
+ font-size: 50px;
+ display: inline-block;
+ color: transparent;
+ font-family: high-a-only, deep-b-only;
+}
+
+span { background: blue; }
+
+div { line-height: 200px; }
+div:nth-of-type(2) { line-height: 30px; }
+div:nth-of-type(3) { line-height: normal; }
+</style>
+
+<p>Test passes if the blue shape below is a rectangle, but not some other polygon.
+
+<div><span>ab</span></div><div><span>ab</span></div><div><span>ab</span></div>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/content-height-003.html b/testing/web-platform/tests/css/CSS2/visudet/content-height-003.html
new file mode 100644
index 0000000000..f0b09741b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/content-height-003.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS2 inline level box content height test</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#line-height">
+<link rel="match" href="reference/content-height-003-ref.html">
+<meta name="assert" content="The height of the content area of an inline-level box does not depend on the value of the line-height property,
+ even when fallback fonts are used at the exclusion of the first available font">
+<style>
+@font-face {
+ font-family: 'high-a-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/Revalia.woff) format('woff');
+ unicode-range: U+0061, U+0020;
+}
+@font-face {
+ font-family: 'deep-b-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/AD.woff) format('woff');
+ unicode-range: U+0062, U+0020;
+}
+
+div {
+ font-size: 50px;
+ display: inline-block;
+ color: transparent;
+ font-family: high-a-only, deep-b-only;
+}
+
+span { background: blue; }
+
+div { line-height: 200px; }
+div:nth-of-type(2) { line-height: 30px; }
+div:nth-of-type(3) { line-height: normal; }
+</style>
+
+<p>Test passes if the blue shape below is a rectangle, but not some other polygon.
+
+<div><span>bb</span></div><div><span>bb</span></div><div><span>bb</span></div>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/content-height-004.html b/testing/web-platform/tests/css/CSS2/visudet/content-height-004.html
new file mode 100644
index 0000000000..d18c856973
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/content-height-004.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS2 inline level box content height test</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#line-height">
+<link rel="match" href="reference/content-height-004-ref.html">
+<meta name="assert" content="The height of the content area of an inline-level does not depend on fallback fonts
+ regardless of whether they are used on not.">
+<style>
+@font-face {
+ font-family: 'high-a-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/Revalia.woff) format('woff');
+ unicode-range: U+0061, U+0020;
+}
+@font-face {
+ font-family: 'deep-b-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/AD.woff) format('woff');
+ unicode-range: U+0062, U+0020;
+}
+
+div {
+ font-size: 50px;
+ display: inline-block;
+ color: transparent;
+ font-family: high-a-only, deep-b-only;
+}
+
+span { background: blue; }
+
+div { }
+div:nth-of-type(2) { }
+div:nth-of-type(3) { }
+div:nth-of-type(4) { font-family: high-a-only }
+aside {
+ max-width: 300px;
+ overflow: hidden;
+ white-space: pre;
+}
+</style>
+
+<p>Test passes if the blue shape below is a rectangle, but not some other polygon.
+
+<aside>
+<div><span>aa</span></div><div><span>bb</span></div><div><span>ab</span></div><div><span>aaa</span></div>
+</aside>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/content-height-005.html b/testing/web-platform/tests/css/CSS2/visudet/content-height-005.html
new file mode 100644
index 0000000000..1b84ca7649
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/content-height-005.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS2 inline level box content height test</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#line-height">
+<link rel="mismatch" href="reference/content-height-005-ref.html">
+<meta name="assert" content="The height of the content area of an inline-level depends on the primary font">
+<style>
+@font-face {
+ font-family: 'high';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/Revalia.woff) format('woff');
+}
+@font-face {
+ font-family: 'deep';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/AD.woff) format('woff');
+}
+
+div {
+ font-size: 50px;
+ display: inline-block;
+}
+
+span {
+ padding-left: 1em;
+ color: black;
+ border-top: solid 1px;
+ border-bottom: solid 1px;
+}
+
+div:nth-of-type(1) { font-family: deep; }
+div:nth-of-type(2) { font-family: high; margin-left: -1em; }
+</style>
+
+<p>Test passes if there are <strong>more than 2</strong> lines below.
+
+<div><span></span></div><div><span></span></div>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/height-applies-to-010a-ref.xht b/testing/web-platform/tests/css/CSS2/visudet/height-applies-to-010a-ref.xht
new file mode 100644
index 0000000000..5dd9a4f916
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/height-applies-to-010a-ref.xht
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ li
+ {
+ color: green;
+ font: 2em/1 serif;
+ list-style-type: "\2022";
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if <strong>3 green "PASS"</strong> are each preceded by a filled disc.</p>
+
+ <ul>
+ <li>PASS</li>
+ </ul>
+
+ <ul>
+ <li>PASS</li>
+ </ul>
+
+ <ul>
+ <li>PASS</li>
+ </ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/height-applies-to-010a.xht b/testing/web-platform/tests/css/CSS2/visudet/height-applies-to-010a.xht
new file mode 100644
index 0000000000..8339c008f9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/height-applies-to-010a.xht
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: height set to 0 to elements with 'display' set to 'list-item'</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@MIT.EDU" />
+ <link rel="help" title="10.5 Content height: the 'height' property" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="help" title="11.1.1 Overflow: the 'overflow' property" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <link rel="match" href="height-applies-to-010a-ref.xht" />
+
+ <meta content="If height of content exceeds the set height of a block-level non-replaced element in normal flow (like a list-item element such as in this test), then the content should overflow according to the 'overflow' property." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ color: green;
+ display: list-item;
+ font: 2em/1 serif;
+ height: 0px;
+ margin-left: 1.25em;
+ overflow: visible;
+ list-style-type: "\2022";
+ }
+
+ ul
+ {
+ height: auto;
+ margin-top: 3em;
+ overflow: visible;
+ }
+
+ li
+ {
+ color: green;
+ font: 2em/1 serif;
+ height: 0px;
+ overflow: visible;
+ list-style-type: "\2022";
+ }
+
+ ul#heightless {height: 0px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if <strong>3 green "PASS"</strong> are each preceded by a filled disc.</p>
+
+ <div>PASS</div>
+
+ <ul>
+ <li>PASS</li>
+ </ul>
+
+ <ul id="heightless">
+ <li>PASS</li>
+ </ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/height-computed-001-ref.xht b/testing/web-platform/tests/css/CSS2/visudet/height-computed-001-ref.xht
new file mode 100644
index 0000000000..06e23ae387
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/height-computed-001-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+ <style type="text/css"><![CDATA[
+ body {background: white; color: black; font-size: 14px}
+ span {display: inline-block}
+ #container {background: green; height: 70px; min-height: 140px}
+ #child1 {background: #66F; width: 70px; height: 70px}
+ #child2 {background: #AAF; width: 70px; height: 70px}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if (1) the two blue rectangles have the same height
+ and (2) that height is about the same as the green rectangle.</p>
+
+ <p>
+ <span id="container">
+ <span id="child1"></span><span id="child2"></span>
+ </span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/height-computed-001.xht b/testing/web-platform/tests/css/CSS2/visudet/height-computed-001.xht
new file mode 100644
index 0000000000..862bfed68b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/height-computed-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+ <title>CSS min-height: min-height does not influence the computed height</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/visudet.html#min-max-heights" title="10.7 Minimum and maximum heights: 'min-height' and 'max-height'" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.10.7" title="C.1 Changes since the Recommendation of 7 June 2011" />
+ <meta name="assert" content="If the resulting height is smaller than 'min-height', the rules above are applied again, but this time using the value of 'min-height' as the computed value for 'height'. Note: These steps do not affect the real computed value of 'height'." />
+ <link rel="match" href="height-computed-001-ref.xht" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css"><![CDATA[
+ body {background: white; color: black; font-size: 14px}
+ span {display: inline-block}
+ #container {background: green; height: 70px; min-height: 140px}
+ #child1 {background: #66F; width: 70px; height: inherit} /* Inherits 70px */
+ #child2 {background: #AAF; width: 70px; height: 70px}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if (1) the two blue rectangles have the same height
+ and (2) that height is about the same as the green rectangle.</p>
+
+ <p>
+ <span id="container">
+ <span id="child1"></span><span id="child2"></span>
+ </span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/height-computed-002-ref.xht b/testing/web-platform/tests/css/CSS2/visudet/height-computed-002-ref.xht
new file mode 100644
index 0000000000..82fdbedf2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/height-computed-002-ref.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+ <style type="text/css"><![CDATA[
+ body {background: white; color: black; font-size: 14px}
+ span {display: inline-block}
+ #container {background: red; height: 70px; max-height: 40px}
+ #child1 {background: #66F; width: 70px; height: 70px}
+ #child2 {background: #AAF; width: 70px; height: 70px}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if (1) the two blue rectangles have the same height
+ and (2) there is no red.</p>
+
+ <p>
+ <span id="container">
+ <span id="child1"></span><span id="child2"></span>
+ </span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/height-computed-002.xht b/testing/web-platform/tests/css/CSS2/visudet/height-computed-002.xht
new file mode 100644
index 0000000000..f703335df2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/height-computed-002.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+ <title>CSS max-height: max-height does not influence the computed height</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/visudet.html#min-max-heights" title="10.7 Minimum and maximum heights: 'min-height' and 'max-height'" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.10.7" title="C.1 Changes since the Recommendation of 7 June 2011" />
+ <meta name="assert" content="If this tentative height is greater than 'max-height', the rules above are applied again, but this time using the value of 'max-height' as the computed value for 'height'. [...] Note: These steps do not affect the real computed value of 'height'." />
+ <link rel="match" href="height-computed-002-ref.xht" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css"><![CDATA[
+ body {background: white; color: black; font-size: 14px}
+ span {display: inline-block}
+ #container {background: red; height: 70px; max-height: 40px}
+ #child1 {background: #66F; width: 70px; height: inherit} /* Inherits 70px */
+ #child2 {background: #AAF; width: 70px; height: 70px}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if (1) the two blue rectangles have the same height
+ and (2) there is no red.</p>
+
+ <p>
+ <span id="container">
+ <span id="child1"></span><span id="child2"></span>
+ </span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/height-percentage-003a-ref.xht b/testing/web-platform/tests/css/CSS2/visudet/height-percentage-003a-ref.xht
new file mode 100644
index 0000000000..6872c9810a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/height-percentage-003a-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ background-color: green;
+ color: white;
+ margin: 0px;
+ }
+
+ p {margin-top: 0px;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the background of this page is green and if there is <strong>no red and no vertical scrollbar</strong>.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visudet/height-percentage-003a.xht b/testing/web-platform/tests/css/CSS2/visudet/height-percentage-003a.xht
new file mode 100644
index 0000000000..f394e89954
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/height-percentage-003a.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Height percentage - 100% of the initial containing block's height</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Jan/1176.html" title="[CSS21] min-height: 100% in html, body" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" title="10.5 Content height: the 'height' property" />
+ <link rel="match" href="height-percentage-003a-ref.xht" />
+
+ <meta name="assert" content="The initial containing block has the dimensions of the viewport. A percentage height on the root element is relative to the initial containing block. A 'height: 100%' of the document root element should use all of the document root element's height." />
+
+ <style type="text/css"><![CDATA[
+ html
+ {
+ background-color: red;
+ height: 100%;
+ }
+
+ body, p
+ {
+ height: 100%;
+ margin: 0px;
+ }
+
+ p
+ {
+ background-color: green;
+ color: white;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the background of this page is green and if there is <strong>no red and no vertical scrollbar</strong>.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visudet/height-percentage-004-ref.xht b/testing/web-platform/tests/css/CSS2/visudet/height-percentage-004-ref.xht
new file mode 100644
index 0000000000..db11099d73
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/height-percentage-004-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS test: inherited percentage height</title>
+
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css">
+ p {margin-right: 7em}
+ #container div {position: absolute; top: 0; right: 0;
+ background: aqua; height: 100%}
+ </style>
+ </head>
+
+ <body>
+ <p>Test passes if the light blue box ("Block A") is the full height
+ of the viewport and there is no red.</p>
+
+ <div id="container">
+ <div>
+ Block A
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/height-percentage-004.xht b/testing/web-platform/tests/css/CSS2/visudet/height-percentage-004.xht
new file mode 100644
index 0000000000..51f58511d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/height-percentage-004.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS test: inherited percentage height</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/visudet.html#the-height-property" title="10.5 Content height: the 'height' property" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.10.7" title="C.1 Changes since the Recommendation of 7 June 2011" />
+ <meta name="assert" content="If the resulting height is smaller than 'min-height', the rules above are applied again, but this time using the value of 'min-height' as the computed value for 'height'. Note: These steps do not affect the real computed value of 'height'." />
+ <link rel="match" href="height-percentage-004-ref.xht" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css">
+ p {margin-right: 7em}
+ #container {height: 100%; background: red}
+ #container div {position: absolute; top: 0; right: 0;
+ background: aqua; height: inherit}
+ </style>
+ </head>
+
+ <body>
+ <p>Test passes if the light blue box ("Block A") is the full height
+ of the viewport and there is no red.</p>
+
+ <div id="container">
+ <div>
+ Block A
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-001-ref.xht b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-001-ref.xht
new file mode 100644
index 0000000000..9f14c821b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-001-ref.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+ <title>Vertical-align: baseline of an inline-block depends on 'overflow'</title>
+
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css"><![CDATA[
+ body {background: white; color: black; font-size: 15px}
+ p {white-space: nowrap; line-height: 5}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ All the <span>words</span> are aligned on the same baseline.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-001.xht b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-001.xht
new file mode 100644
index 0000000000..82a2493c17
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-001.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+ <title>Vertical-align: baseline of an inline-block depends on 'overflow'</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/visudet.html#leading" title="10.8.1 Leading and half-leading" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.10.8.1" title="C.1 Changes since the Recommendation of 7 June 2011" />
+ <meta name="assert" content="The baseline of an 'inline-block’ whose ‘overflow’ property has a computed value of ‘visible’ is the baseline of its last line box in the normal flow, unless it has no in-flow line boxes, in which case the baseline is the bottom margin edge." />
+ <link rel="match" href="inline-block-baseline-001-ref.xht" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css"><![CDATA[
+ body {background: white; color: black; font-size: 15px}
+ p {white-space: nowrap; line-height: 5}
+ span {display: inline-block; overflow: visible}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ All the <span>words</span> are aligned on the same baseline.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-002.xht b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-002.xht
new file mode 100644
index 0000000000..8b73ec9838
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-002.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+ <title>Vertical-align: baseline of an inline-block depends on 'overflow'</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/visudet.html#leading" title="10.8.1 Leading and half-leading" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.10.8.1" title="C.1 Changes since the Recommendation of 7 June 2011" />
+ <meta name="assert" content="The baseline of an 'inline-block’ whose ‘overflow’ property has a computed value of ‘visible’ is the baseline of its last line box in the normal flow, unless it has no in-flow line boxes, in which case the baseline is the bottom margin edge." />
+ <link rel="match" href="inline-block-baseline-001-ref.xht" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css"><![CDATA[
+ body {background: white; color: black; font-size: 15px}
+ p {white-space: nowrap; line-height: 5}
+ span {display: inline-block; overflow: visible; line-height: 1}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ All the <span>&nbsp;<br />words</span> are aligned on the same baseline.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-003.xht b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-003.xht
new file mode 100644
index 0000000000..632e2c08c6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-003.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+ <title>Vertical-align: baseline of an inline-block depends on 'overflow'</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/visudet.html#leading" title="10.8.1 Leading and half-leading" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.10.8.1" title="C.1 Changes since the Recommendation of 7 June 2011" />
+ <meta name="assert" content="The baseline of an inline-block whose ‘overflow’ property has a computed value not equal to ‘visible’ is the higher of either its bottom margin edge or the baseline of its last line box in the normal flow, unless it has no in-flow line boxes, in which case its baseline is the bottom margin edge." />
+ <link rel="match" href="inline-block-baseline-001-ref.xht" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css"><![CDATA[
+ body {background: white; color: black; font-size: 15px}
+ p {white-space: nowrap; line-height: 5}
+ span {display: inline-block; overflow: auto;
+ /* The last line box of the inline-block is above its bottom margin edge */
+ line-height: 1; height: 2em; margin-bottom: 0.2em}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ All the <span>words</span> are aligned on the same baseline.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-004.xht b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-004.xht
new file mode 100644
index 0000000000..f2691cff18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-004.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+ <title>Vertical-align: baseline of an inline-block depends on 'overflow'</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/visudet.html#leading" title="10.8.1 Leading and half-leading" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.10.8.1" title="C.1 Changes since the Recommendation of 7 June 2011" />
+ <meta name="assert" content="The baseline of an inline-block whose ‘overflow’ property has a computed value not equal to ‘visible’ is the higher of either its bottom margin edge or the baseline of its last line box in the normal flow, unless it has no in-flow line boxes, in which case its baseline is the bottom margin edge." />
+ <link rel="match" href="inline-block-baseline-001-ref.xht" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css"><![CDATA[
+ body {background: white; color: black; font-size: 15px}
+ p {white-space: nowrap; line-height: 5}
+ span {display: inline-block; overflow: hidden;
+ /* The last line box of the inline-block is above its bottom margin edge */
+ line-height: 1; height: 2em; margin-bottom: 0.2em}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ All the <span>words</span> are aligned on the same baseline.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-005.xht b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-005.xht
new file mode 100644
index 0000000000..51f544ab64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-005.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+ <title>Vertical-align: baseline of an inline-block depends on 'overflow'</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/visudet.html#leading" title="10.8.1 Leading and half-leading" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.10.8.1" title="C.1 Changes since the Recommendation of 7 June 2011" />
+ <meta name="assert" content="The baseline of an inline-block whose ‘overflow’ property has a computed value not equal to ‘visible’ is the higher of either its bottom margin edge or the baseline of its last line box in the normal flow, unless it has no in-flow line boxes, in which case its baseline is the bottom margin edge." />
+ <link rel="match" href="inline-block-baseline-001-ref.xht" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css"><![CDATA[
+ body {background: white; color: black; font-size: 15px}
+ p {white-space: nowrap; line-height: 5}
+ span {display: inline-block; overflow: auto;
+ /* The last line box of the inline-block is above its bottom margin edge */
+ line-height: 1; height: 2.5em; margin-bottom: 0.2em}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ All the <span>&nbsp;<br />words</span> are aligned on the same baseline.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-006.xht b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-006.xht
new file mode 100644
index 0000000000..d994da7107
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-006.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+ <title>Vertical-align: baseline of an inline-block depends on 'overflow'</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/visudet.html#leading" title="10.8.1 Leading and half-leading" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.10.8.1" title="C.1 Changes since the Recommendation of 7 June 2011" />
+ <meta name="assert" content="The baseline of an inline-block whose ‘overflow’ property has a computed value not equal to ‘visible’ is the higher of either its bottom margin edge or the baseline of its last line box in the normal flow, unless it has no in-flow line boxes, in which case its baseline is the bottom margin edge." />
+ <link rel="match" href="inline-block-baseline-001-ref.xht" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css"><![CDATA[
+ body {background: white; color: black; font-size: 15px}
+ p {white-space: nowrap; line-height: 5}
+ span {display: inline-block; overflow: hidden;
+ /* The last line box of the inline-block is above its bottom margin edge */
+ line-height: 1; height: 2.5em; margin-bottom: 0.2em}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ All the <span>&nbsp;<br />words</span> are aligned on the same baseline.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-010-ref.xht b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-010-ref.xht
new file mode 100644
index 0000000000..774416d11a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-010-ref.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+ <title>Vertical-align: baseline of an inline-block depends on 'overflow'</title>
+
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css"><![CDATA[
+ body {background: white; color: black; font-size: 15px}
+ p {white-space: nowrap; line-height: 5}
+ img {height: 1em; width: 1em}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ A blue square
+ <img src="support/swatch-blue.png" alt="[blue square]" />
+ sits on the baseline.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-010.xht b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-010.xht
new file mode 100644
index 0000000000..a906f02ef0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-010.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+ <title>Vertical-align: baseline of an inline-block depends on 'overflow'</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/visudet.html#leading" title="10.8.1 Leading and half-leading" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.10.8.1" title="C.1 Changes since the Recommendation of 7 June 2011" />
+ <meta name="assert" content="The baseline of an 'inline-block’ whose ‘overflow’ property has a computed value of ‘visible’ is the baseline of its last line box in the normal flow, unless it has no in-flow line boxes, in which case the baseline is the bottom margin edge." />
+ <link rel="match" href="inline-block-baseline-010-ref.xht" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css"><![CDATA[
+ body {background: white; color: black; font-size: 15px}
+ p {white-space: nowrap; line-height: 5}
+ span {display: inline-block; overflow: visible;
+ /* This inline-block has no line boxes, it's aligned at the bottom margin */
+ height: 1em; width: 1em; background: blue}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ A blue square
+ <span></span>
+ sits on the baseline.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-011.xht b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-011.xht
new file mode 100644
index 0000000000..6d63b62a7e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-011.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+ <title>Vertical-align: baseline of an inline-block depends on 'overflow'</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/visudet.html#leading" title="10.8.1 Leading and half-leading" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.10.8.1" title="C.1 Changes since the Recommendation of 7 June 2011" />
+ <meta name="assert" content="The baseline of an 'inline-block’ whose ‘overflow’ property has a computed value of ‘visible’ is the baseline of its last line box in the normal flow, unless it has no in-flow line boxes, in which case the baseline is the bottom margin edge." />
+ <link rel="match" href="inline-block-baseline-010-ref.xht" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css"><![CDATA[
+ body {background: white; color: black; font-size: 15px}
+ p {white-space: nowrap; line-height: 5}
+ span {display: inline-block; overflow: visible;
+ /* This inline-block has no line boxes, it's aligned at the bottom margin */
+ vertical-align: -0.5em; margin-bottom: 0.5em;
+ height: 1em; width: 1em; background: blue}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ A blue square
+ <span></span>
+ sits on the baseline.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-012.xht b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-012.xht
new file mode 100644
index 0000000000..f1566a9b88
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-012.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+ <title>Vertical-align: baseline of an inline-block depends on 'overflow'</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/visudet.html#leading" title="10.8.1 Leading and half-leading" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.10.8.1" title="C.1 Changes since the Recommendation of 7 June 2011" />
+ <meta name="assert" content="The baseline of an inline-block whose ‘overflow’ property has a computed value not equal to ‘visible’ is the higher of either its bottom margin edge or the baseline of its last line box in the normal flow, unless it has no in-flow line boxes, in which case its baseline is the bottom margin edge." />
+ <link rel="match" href="inline-block-baseline-010-ref.xht" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css"><![CDATA[
+ body {background: white; color: black; font-size: 15px}
+ p {white-space: nowrap; line-height: 5}
+ span {display: inline-block; overflow: auto;
+ /* This inline-block has no line boxes, it's aligned at the bottom margin */
+ height: 1em; width: 1em; background: blue}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ A blue square
+ <span></span>
+ sits on the baseline.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-013.xht b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-013.xht
new file mode 100644
index 0000000000..d975aa9f6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-013.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+ <title>Vertical-align: baseline of an inline-block depends on 'overflow'</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/visudet.html#leading" title="10.8.1 Leading and half-leading" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.10.8.1" title="C.1 Changes since the Recommendation of 7 June 2011" />
+ <meta name="assert" content="The baseline of an inline-block whose ‘overflow’ property has a computed value not equal to ‘visible’ is the higher of either its bottom margin edge or the baseline of its last line box in the normal flow, unless it has no in-flow line boxes, in which case its baseline is the bottom margin edge." />
+ <link rel="match" href="inline-block-baseline-010-ref.xht" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css"><![CDATA[
+ body {background: white; color: black; font-size: 15px}
+ p {white-space: nowrap; line-height: 5}
+ span {display: inline-block; overflow: hidden;
+ /* This inline-block has no line boxes, it's aligned at the bottom margin */
+ height: 1em; width: 1em; background: blue}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ A blue square
+ <span></span>
+ sits on the baseline.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-014.xht b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-014.xht
new file mode 100644
index 0000000000..455de0d5e4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/inline-block-baseline-014.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+ <title>Vertical-align: baseline of an inline-block depends on 'overflow'</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/visudet.html#leading" title="10.8.1 Leading and half-leading" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.10.8.1" title="C.1 Changes since the Recommendation of 7 June 2011" />
+ <meta name="assert" content="The baseline of an inline-block whose ‘overflow’ property has a computed value not equal to ‘visible’ is the higher of either its bottom margin edge or the baseline of its last line box in the normal flow, unless it has no in-flow line boxes, in which case its baseline is the bottom margin edge." />
+ <link rel="match" href="inline-block-baseline-010-ref.xht" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css"><![CDATA[
+ body {background: white; color: black; font-size: 15px}
+ p {white-space: nowrap; line-height: 5}
+ span {display: inline-block; overflow: hidden;
+ /* This inline-block has no line boxes, it's aligned at the bottom margin */
+ vertical-align: -0.5em; margin-bottom: 0.5em;
+ height: 1em; width: 1em; background: blue}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ A blue square
+ <span></span>
+ sits on the baseline.
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/line-height-201.html b/testing/web-platform/tests/css/CSS2/visudet/line-height-201.html
new file mode 100644
index 0000000000..00ab2aa527
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/line-height-201.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS2 Line height test: explicit sizing</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#line-height">
+<link rel="match" href="reference/line-height-201-ref.html">
+<meta name="assert" content="non-normal values of line-height result in the height of the inline-level box to be exactly the specified dimention,
+ even when fallback fonts with metrics different from the first available font one are used.">
+<style>
+@font-face {
+ font-family: 'high-a-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/Revalia.woff) format('woff');
+ unicode-range: U+0020, U+0061;
+}
+@font-face {
+ font-family: 'deep-b-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/AD.woff) format('woff');
+ unicode-range: U+0062;
+}
+
+#red { /* red to be uncovered if the test divs aren't tall enough */
+ position: absolute;
+ background: red;
+ width: 100px;
+ height: 100px;
+}
+
+div:not(#red) {
+ position: absolute;
+ width: 50px;
+ line-height: 100px;
+ font-family: high-a-only, deep-b-only;
+ background: url("support/1x1-green.png") 0 0 / 50px 100px no-repeat, red; /* gets red if the div is too large */
+ color: transparent;
+}
+#test {
+ font-size: 20px; /* With a font-size smaller than the line-height */
+}
+#test2 {
+ margin-left: 50px;
+ font-size: 150px; /* With a font-size larger than the line-height */
+}
+</style>
+
+<p>Test passes if there is a <strong>green square</strong> and <strong>no red</strong> below.
+
+<div id=red></div>
+
+<div id=test>ab</div>
+<div id=test2>ab</div>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/line-height-202.html b/testing/web-platform/tests/css/CSS2/visudet/line-height-202.html
new file mode 100644
index 0000000000..aef970b443
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/line-height-202.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS2 Line height test: baseline position when explicit sizing</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#line-height">
+<link rel="match" href="reference/line-height-202-ref.html">
+<meta name="assert" content="The position of the baseline in an inline-level box whose height is determined by a non-normal value of line-height
+ does not depend on fonts other than the first available font">
+<style>
+@font-face {
+ font-family: 'high-a-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/Revalia.woff) format('woff');
+ unicode-range: U+0020, U+0061;
+}
+@font-face {
+ font-family: 'deep-b-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/AD.woff) format('woff');
+ unicode-range: U+0062;
+}
+
+div {
+ position: absolute;
+ line-height: 100px;
+ font-size: 100px;
+ width: 300px; /* plenty of room for the (invisible) text */
+ text-align: right;
+ color: transparent;
+}
+span { /* visible thing aligned to the baseline, and small enough to not influence its position */
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+
+}
+
+/* white #h is on top of red #hd,
+ and the presence of a fallback font in #hd should not influence the position of the baseline,
+ so #h should completely cover #hd,
+ and no red should be visible. */
+#hd { font-family: high-a-only, deep-b-only; }
+#hd span { background: red; }
+
+#h { font-family: high-a-only; }
+#h span { background: white; }
+
+</style>
+
+<p>Test passes if there is <strong>no red</strong> below.
+
+<div id=hd>ab<span></span></div>
+<div id=h>aa<span></span></div>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/line-height-203.html b/testing/web-platform/tests/css/CSS2/visudet/line-height-203.html
new file mode 100644
index 0000000000..9e8ee2dc40
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/line-height-203.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS2 Line height test: baseline position with explicit sizing</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#line-height">
+<link rel="mismatch" href="reference/line-height-203-ref.html">
+<meta name="assert" content="The position of the baseline in an inline-level box whose height is determined by a non-normal value of line-height
+ does depend on the first available font.">
+<style>
+@font-face {
+ font-family: 'high';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/Revalia.woff) format('woff');
+}
+@font-face {
+ font-family: 'deep';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/AD.woff) format('woff');
+}
+
+div {
+ position: absolute;
+ line-height: 100px;
+ font-size: 100px;
+ width: 300px; /* plenty of room for the (invisible) text */
+ text-align: right;
+ color: transparent;
+}
+span { /* visible thing aligned to the baseline, and small enough to not influence its position */
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+}
+
+/* white #h is on top of green #d,
+ but as they have different primary fonts,
+ their baselines should not line up and green #d should be visible.*/
+#d { font-family: deep; }
+#d span { background: green; }
+
+#h { font-family: high; }
+#h span { background: white; }
+
+</style>
+
+<p>Test passes if there is a small green rectangle or square below.
+
+<div id=d>aa<span></span></div>
+<div id=h>aa<span></span></div>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/line-height-204.html b/testing/web-platform/tests/css/CSS2/visudet/line-height-204.html
new file mode 100644
index 0000000000..1bb0183db4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/line-height-204.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>CSS2 Line height test: baseline position, normal sizing vs explicit sizing</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#line-height">
+<link rel="match" href="reference/line-height-202-ref.html">
+<meta name="assert" content="The position of the baseline in an inline-level box whose line-height is normal
+ and the position of the baseline in an inline-level box whose line-height is set to a non normal value resulting in the same height
+ are the same,
+ assuming only the first available font is used.">
+<style>
+@font-face {
+ font-family: 'high';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/Revalia.woff) format('woff');
+}
+
+div {
+ position: absolute;
+ font-size: 100px;
+ width: 2em; /* plenty of room for the (invisible) text */
+ text-align: right;
+ color: transparent;
+}
+span { /* visible thing aligned to the baseline, and small enough to not influence its position */
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+}
+
+/* white #lh-auto is on top of red #lh-manual,
+ and as their baselines should line up
+ #lh-manual should be fully covered,
+ and no red should be visible */
+#lh-manual { font-family: high; }
+#lh-manual span { background: red; }
+
+#lh-auto { font-family: high; line-height: normal; }
+#lh-auto span { background: white; }
+
+</style>
+
+<body onload="measure()">
+<p>Test passes if there is <strong>no red</strong> below.
+
+<div id=lh-manual>a<span></span></div>
+<div id=lh-auto>a<span></span></div>
+
+<script>
+function measure() { /* let layout complete first, so that we can measure things */
+ var lha = document.getElementById("lh-auto");
+ var lhm = document.getElementById("lh-manual")
+ var h = window.getComputedStyle(lha).height; /*getting the used-value of line-height by proxy */
+ lhm.style.lineHeight = h;
+ document.documentElement.className = "";
+}
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/line-height-205.html b/testing/web-platform/tests/css/CSS2/visudet/line-height-205.html
new file mode 100644
index 0000000000..f9cb02797f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/line-height-205.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS2 Line height test: normal sizing</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#line-height">
+<link rel="match" href="reference/line-height-202-ref.html">
+<meta name="assert" content="The height of an inline-level box whose line-height is normal and uses both the first available font and fallback fonts
+ is the same as the union of
+ baseline-aligned adjacent inline-level boxes, each using the various fonts as their primary one.">
+<style>
+@font-face {
+ font-family: 'high-a-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/Revalia.woff) format('woff');
+ unicode-range: U+0020, U+0061;
+}
+@font-face {
+ font-family: 'deep-b-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/AD.woff) format('woff');
+ unicode-range: U+0020, U+0062;
+}
+
+div {
+ position: absolute;
+ line-height: normal;
+ font-size: 100px;
+ color: transparent;
+}
+
+.h { font-family: high-a-only; }
+.d { font-family: deep-b-only; }
+.hd { font-family: high-a-only, deep-b-only; }
+.white { background: white; }
+.red { background: red; }
+.shift { margin-left: 300px; }
+</style>
+
+<p>Test passes if there is <strong>no red</strong> below.
+
+<!-- Check if the hd div is larger-->
+
+<div class="hd red">ab</div>
+<div class=white><span class=h>a</span><span class=d>b</span></div>
+
+<!-- Same thing, reversed, to check if the hd dix is smaller -->
+
+<div class="red shift"><span class=h>a</span><span class=d>b</span></div>
+<div class="hd white shift">ab</div>
+
diff --git a/testing/web-platform/tests/css/CSS2/visudet/line-height-206.html b/testing/web-platform/tests/css/CSS2/visudet/line-height-206.html
new file mode 100644
index 0000000000..ad24ede74a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/line-height-206.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS2 Line height test: normal sizing with fallback fonts</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#line-height">
+<link rel="mismatch" href="reference/line-height-206-ref.html">
+<meta name="assert" content="The height of an inline-level box whose line-height is normal and which only uses glyphs from the fallback font
+ must still take the strut from the first available font into account.">
+<style>
+@font-face {
+ font-family: 'high-a-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/Revalia.woff) format('woff');
+ unicode-range: U+0061, U+0020;
+}
+@font-face {
+ font-family: 'deep-b-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/AD.woff) format('woff');
+ unicode-range: U+0062, U+0020;
+}
+
+div {
+ position: absolute;
+ line-height: normal;
+ font-size: 100px;
+ color: transparent;
+ border: solid black 1px;
+}
+
+.h { font-family: high-a-only; }
+.dh { font-family: deep-b-only, high-a-only; }
+</style>
+
+<p>There should be two stacked rectangles below: a tall one above a short one, both the same width, sharing the edge at which they touch.
+
+<!-- Both divs show the same content with the same font,
+ but the first div has an unused first available font
+ while the second one does not.
+ As the height calculation takes the strut into account,
+ these two boxes should have different heights -->
+<div class="dh">a</div>
+<div class="h">a</div>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/max-width-109.xht b/testing/web-platform/tests/css/CSS2/visudet/max-width-109.xht
new file mode 100644
index 0000000000..ab7f7dffc0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/max-width-109.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <title>CSS Test: Max-width - replaced elements</title>
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths"/>
+ <meta name="flags" content="image"/>
+ <meta name="assert" content="For UAs who choose to scale replaced elements, the height of that element (based on it's intrinsic ratio) should be re-calculated based on it's constraining 'max-width' value"/>
+ <style type="text/css">
+ #test{
+ width:200px;
+ }
+ #test img{
+ max-width:100px;
+ width:200%;
+ }
+ </style>
+ </head>
+
+ <body>
+ <p>Test is passed if there is a blue square (four equal sides) below.</p>
+ <div id="test">
+ <img src="support/swatch-blue.png" alt="Test image"/>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-001-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-001-ref.html
new file mode 100644
index 0000000000..d6ca716b0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-001-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference file</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<style>
+
+div { font-size: 50px; display: inline-block; color: transparent; }
+
+span { background: blue; }
+
+div { line-height: 200px; }
+</style>
+
+<p>Test passes if the blue shape below is a rectangle, but not some other polygon.
+
+<div><span>aa</span></div><div><span>aa</span></div><div><span>aa</span></div>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-002-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-002-ref.html
new file mode 100644
index 0000000000..bb148292a3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-002-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference file</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<style>
+@font-face {
+ font-family: 'high-a-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/Revalia.woff) format('woff');
+ unicode-range: U+0061, U+0020;
+}
+@font-face {
+ font-family: 'deep-b-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/AD.woff) format('woff');
+ unicode-range: U+0062, U+0020;
+}
+
+div {
+ font-size: 50px;
+ display: inline-block;
+ color: transparent;
+ font-family: high-a-only, deep-b-only;
+}
+
+span { background: blue; }
+
+div { line-height: 200px; }
+</style>
+
+<p>Test passes if the blue shape below is a rectangle, but not some other polygon.
+
+<div><span>ab</span></div><div><span>ab</span></div><div><span>ab</span></div>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-003-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-003-ref.html
new file mode 100644
index 0000000000..86727624bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-003-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference file</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<style>
+@font-face {
+ font-family: 'high-a-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/Revalia.woff) format('woff');
+ unicode-range: U+0061, U+0020;
+}
+@font-face {
+ font-family: 'deep-b-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/AD.woff) format('woff');
+ unicode-range: U+0062, U+0020;
+}
+
+div {
+ font-size: 50px;
+ display: inline-block;
+ color: transparent;
+ font-family: high-a-only, deep-b-only;
+}
+
+span { background: blue; }
+
+div { line-height: 200px; }
+</style>
+
+<p>Test passes if the blue shape below is a rectangle, but not some other polygon.
+
+<div><span>bb</span></div><div><span>bb</span></div><div><span>bb</span></div>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-004-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-004-ref.html
new file mode 100644
index 0000000000..657da1ec93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-004-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS2 Line height test: explicit sizing</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<style>
+@font-face {
+ font-family: 'high-a-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/Revalia.woff) format('woff');
+ unicode-range: U+0061, U+0020;
+}
+
+div {
+ font-size: 50px;
+ display: inline-block;
+ color: transparent;
+}
+
+span { background: blue; }
+
+div { font-family: high-a-only }
+aside {
+ max-width: 300px;
+ overflow: hidden;
+ white-space: pre;
+}
+</style>
+
+<p>Test passes if the blue shape below is a rectangle, but not some other polygon.
+
+<aside>
+<div><span>aaaaaaaaa</span></div>
+</aside>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-005-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-005-ref.html
new file mode 100644
index 0000000000..b68f8a9419
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-005-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference file</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<style>
+
+div {
+ font-size: 50px;
+ display: inline-block;
+}
+
+span {
+ padding-left: 1em;
+ color: black;
+ border-top: solid 1px;
+ border-bottom: solid 1px;
+}
+
+</style>
+
+<p>Test passes if there are <strong>more than 2</strong> lines below.
+
+<div><span></span></div>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-201-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-201-ref.html
new file mode 100644
index 0000000000..3564bf7785
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-201-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference file</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<style>
+div {
+ position: absolute;
+ width: 100px;
+ height: 100px;
+ background: green;
+}
+</style>
+
+<p>Test passes if there is a <strong>green square</strong> and <strong>no red</strong> below.
+
+<div></div>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-202-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-202-ref.html
new file mode 100644
index 0000000000..2b77a6b3dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-202-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference file</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+
+<p>Test passes if there is <strong>no red</strong> below.
diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-203-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-203-ref.html
new file mode 100644
index 0000000000..ec605c76a9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-203-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference file</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+
+<p>Test passes if there is a small green rectangle or square below.
diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-206-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-206-ref.html
new file mode 100644
index 0000000000..8ddf2b47a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-206-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference file</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<style>
+@font-face {
+ font-family: 'high-a-only';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/fonts/Revalia.woff) format('woff');
+ unicode-range: U+0061;
+}
+
+div {
+ position: absolute;
+ line-height: normal;
+ font-size: 100px;
+ color: transparent;
+ border: solid black 1px;
+ font-family: high-a-only;
+}
+</style>
+
+<p>There should be two stacked rectangles below: a tall one above a short one, both the same width, sharing the edge at which they touch.
+
+<div>a</div>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-all-auto-ref.html b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-all-auto-ref.html
new file mode 100644
index 0000000000..5a1df9485f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-all-auto-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Reference: CSS 2.1 replaced element sizing</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/">
+ <meta name="flags" content="should"> <!-- undefinedness in 10.3.2 -->
+ <style type="text/css">
+
+ div { width: 200px }
+
+ span {
+ display: inline-block;
+ width: 50px;
+ height: 25px;
+ }
+
+ </style>
+</head>
+<body>
+
+<div>
+ <span style="background: black;"></span>, <!-- height-25-width-50 -->
+ <span style="background: fuchsia;"></span>, <!-- height-25-ratio-2 -->
+ <span style="background: silver;"></span>, <!-- width-50-ratio-2 -->
+ <span style="background: blue; width: 300px"></span>, <!-- height-25-no-ratio -->
+ <span style="background: orange; height: 150px"></span>, <!-- width-50-no-ratio -->
+ <span style="background: gray; width: 200px; height: 100px"></span>, <!-- ratio-2 -->
+ <span style="background: aqua; width: 300px; height: 150px"></span>. <!-- no-ratio -->
+
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-all-auto.html b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-all-auto.html
new file mode 100644
index 0000000000..bc2b4593ab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-all-auto.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 replaced element sizing</title>
+ <link rel="match" href="replaced-elements-all-auto-ref.html">
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths">
+ <meta name="flags" content="should"> <!-- undefinedness in 10.3.2 -->
+ <style type="text/css">
+
+ div { width: 200px }
+
+ </style>
+</head>
+<body>
+
+<div>
+ <img src="support/height-25-width-50.svg">,
+ <img src="support/height-25-ratio-2.svg">,
+ <img src="support/width-50-ratio-2.svg">,
+ <img src="support/height-25-no-ratio.svg">,
+ <img src="support/width-50-no-ratio.svg">,
+ <img src="support/ratio-2.svg">,
+ <img src="support/no-ratio.svg">.
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-height-20-ref.html b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-height-20-ref.html
new file mode 100644
index 0000000000..503d83bd78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-height-20-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Reference: CSS 2.1 replaced element sizing</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/">
+ <meta name="flags" content="should"> <!-- undefinedness in 10.3.2 -->
+ <style type="text/css">
+
+ div { width: 200px }
+
+ span {
+ display: inline-block;
+ width: 40px;
+ height: 20px;
+ }
+
+ </style>
+</head>
+<body>
+
+<div>
+ <span style="background: black;"></span>, <!-- height-25-width-50 -->
+ <span style="background: fuchsia;"></span>, <!-- height-25-ratio-2 -->
+ <span style="background: silver;"></span>, <!-- width-50-ratio-2 -->
+ <span style="background: blue; width: 300px"></span>, <!-- height-25-no-ratio -->
+ <span style="background: orange; width: 50px"></span>, <!-- width-50-no-ratio -->
+ <span style="background: gray"></span>, <!-- ratio-2 -->
+ <span style="background: aqua; width: 300px"></span>. <!-- no-ratio -->
+
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-height-20.html b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-height-20.html
new file mode 100644
index 0000000000..2ca34befff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-height-20.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 replaced element sizing</title>
+ <link rel="match" href="replaced-elements-height-20-ref.html">
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths">
+ <meta name="flags" content="should"> <!-- undefinedness in 10.3.2 -->
+ <style type="text/css">
+
+ div { width: 200px }
+ img { height: 20px }
+
+ </style>
+</head>
+<body>
+
+<div>
+ <img src="support/height-25-width-50.svg">,
+ <img src="support/height-25-ratio-2.svg">,
+ <img src="support/width-50-ratio-2.svg">,
+ <img src="support/height-25-no-ratio.svg">,
+ <img src="support/width-50-no-ratio.svg">,
+ <img src="support/ratio-2.svg">,
+ <img src="support/no-ratio.svg">.
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-max-height-20.html b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-max-height-20.html
new file mode 100644
index 0000000000..eb2ee98443
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-max-height-20.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 replaced element sizing</title>
+ <link rel="match" href="replaced-elements-height-20-ref.html">
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths">
+ <meta name="flags" content="should"> <!-- undefinedness in 10.3.2 -->
+ <style type="text/css">
+
+ div { width: 200px }
+ img { max-height: 20px }
+
+ </style>
+</head>
+<body>
+
+<div>
+ <img src="support/height-25-width-50.svg">,
+ <img src="support/height-25-ratio-2.svg">,
+ <img src="support/width-50-ratio-2.svg">,
+ <img src="support/height-25-no-ratio.svg">,
+ <img src="support/width-50-no-ratio.svg">,
+ <img src="support/ratio-2.svg">,
+ <img src="support/no-ratio.svg">.
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-max-width-40.html b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-max-width-40.html
new file mode 100644
index 0000000000..9fb7aad4ee
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-max-width-40.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 replaced element sizing</title>
+ <link rel="match" href="replaced-elements-width-40-ref.html">
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths">
+ <meta name="flags" content="should"> <!-- undefinedness in 10.3.2 -->
+ <style type="text/css">
+
+ div { width: 200px }
+ img { max-width: 40px }
+
+ </style>
+</head>
+<body>
+
+<div>
+ <img src="support/height-25-width-50.svg">,
+ <img src="support/height-25-ratio-2.svg">,
+ <img src="support/width-50-ratio-2.svg">,
+ <img src="support/height-25-no-ratio.svg">,
+ <img src="support/width-50-no-ratio.svg">,
+ <img src="support/ratio-2.svg">,
+ <img src="support/no-ratio.svg">.
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-height-20.html b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-height-20.html
new file mode 100644
index 0000000000..5294aadcb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-height-20.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 replaced element sizing</title>
+ <link rel="match" href="replaced-elements-all-auto-ref.html">
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths">
+ <meta name="flags" content="should"> <!-- undefinedness in 10.3.2 -->
+ <style type="text/css">
+
+ div { width: 200px }
+ img { min-height: 20px }
+
+ </style>
+</head>
+<body>
+
+<div>
+ <img src="support/height-25-width-50.svg">,
+ <img src="support/height-25-ratio-2.svg">,
+ <img src="support/width-50-ratio-2.svg">,
+ <img src="support/height-25-no-ratio.svg">,
+ <img src="support/width-50-no-ratio.svg">,
+ <img src="support/ratio-2.svg">,
+ <img src="support/no-ratio.svg">.
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-height-40-ref.html b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-height-40-ref.html
new file mode 100644
index 0000000000..668be594f0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-height-40-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Reference: CSS 2.1 replaced element sizing</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/">
+ <meta name="flags" content="should"> <!-- undefinedness in 10.3.2 -->
+ <style type="text/css">
+
+ div { width: 200px }
+
+ span {
+ display: inline-block;
+ width: 80px;
+ height: 40px;
+ }
+
+ </style>
+</head>
+<body>
+
+<div>
+ <span style="background: black;"></span>, <!-- height-25-width-50 -->
+ <span style="background: fuchsia;"></span>, <!-- height-25-ratio-2 -->
+ <span style="background: silver;"></span>, <!-- width-50-ratio-2 -->
+ <span style="background: blue; width: 300px"></span>, <!-- height-25-no-ratio -->
+ <span style="background: orange; width: 50px; height: 150px"></span>, <!-- width-50-no-ratio -->
+ <span style="background: gray; width: 200px; height: 100px"></span>, <!-- ratio-2 -->
+ <span style="background: aqua; width: 300px; height: 150px"></span>. <!-- no-ratio -->
+
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-height-40.html b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-height-40.html
new file mode 100644
index 0000000000..700909ec52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-height-40.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 replaced element sizing</title>
+ <link rel="match" href="replaced-elements-min-height-40-ref.html">
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths">
+ <meta name="flags" content="should"> <!-- undefinedness in 10.3.2 -->
+ <style type="text/css">
+
+ div { width: 200px }
+ img { min-height: 40px }
+
+ </style>
+</head>
+<body>
+
+<div>
+ <img src="support/height-25-width-50.svg">,
+ <img src="support/height-25-ratio-2.svg">,
+ <img src="support/width-50-ratio-2.svg">,
+ <img src="support/height-25-no-ratio.svg">,
+ <img src="support/width-50-no-ratio.svg">,
+ <img src="support/ratio-2.svg">,
+ <img src="support/no-ratio.svg">.
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-width-40.html b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-width-40.html
new file mode 100644
index 0000000000..03e6a9cba9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-width-40.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 replaced element sizing</title>
+ <link rel="match" href="replaced-elements-all-auto-ref.html">
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths">
+ <meta name="flags" content="should"> <!-- undefinedness in 10.3.2 -->
+ <style type="text/css">
+
+ div { width: 200px }
+ img { min-width: 40px }
+
+ </style>
+</head>
+<body>
+
+<div>
+ <img src="support/height-25-width-50.svg">,
+ <img src="support/height-25-ratio-2.svg">,
+ <img src="support/width-50-ratio-2.svg">,
+ <img src="support/height-25-no-ratio.svg">,
+ <img src="support/width-50-no-ratio.svg">,
+ <img src="support/ratio-2.svg">,
+ <img src="support/no-ratio.svg">.
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-width-80-ref.html b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-width-80-ref.html
new file mode 100644
index 0000000000..6caa1c4809
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-width-80-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Reference: CSS 2.1 replaced element sizing</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/">
+ <meta name="flags" content="should"> <!-- undefinedness in 10.3.2 -->
+ <style type="text/css">
+
+ div { width: 200px }
+
+ span {
+ display: inline-block;
+ width: 80px;
+ height: 40px;
+ }
+
+ </style>
+</head>
+<body>
+
+<div>
+ <span style="background: black;"></span>, <!-- height-25-width-50 -->
+ <span style="background: fuchsia;"></span>, <!-- height-25-ratio-2 -->
+ <span style="background: silver;"></span>, <!-- width-50-ratio-2 -->
+ <span style="background: blue; width: 300px; height: 25px"></span>, <!-- height-25-no-ratio -->
+ <span style="background: orange; height: 150px"></span>, <!-- width-50-no-ratio -->
+ <span style="background: gray; width: 200px; height: 100px"></span>, <!-- ratio-2 -->
+ <span style="background: aqua; width: 300px; height: 150px"></span>. <!-- no-ratio -->
+
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-width-80.html b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-width-80.html
new file mode 100644
index 0000000000..852864aa18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-min-width-80.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 replaced element sizing</title>
+ <link rel="match" href="replaced-elements-min-width-80-ref.html">
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths">
+ <meta name="flags" content="should"> <!-- undefinedness in 10.3.2 -->
+ <style type="text/css">
+
+ div { width: 200px }
+ img { min-width: 80px }
+
+ </style>
+</head>
+<body>
+
+<div>
+ <img src="support/height-25-width-50.svg">,
+ <img src="support/height-25-ratio-2.svg">,
+ <img src="support/width-50-ratio-2.svg">,
+ <img src="support/height-25-no-ratio.svg">,
+ <img src="support/width-50-no-ratio.svg">,
+ <img src="support/ratio-2.svg">,
+ <img src="support/no-ratio.svg">.
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-width-40-ref.html b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-width-40-ref.html
new file mode 100644
index 0000000000..c110910c41
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-width-40-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Reference: CSS 2.1 replaced element sizing</title>
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/">
+ <meta name="flags" content="should"> <!-- undefinedness in 10.3.2 -->
+ <style type="text/css">
+
+ div { width: 200px }
+
+ span {
+ display: inline-block;
+ width: 40px;
+ height: 20px;
+ }
+
+ </style>
+</head>
+<body>
+
+<div>
+ <span style="background: black;"></span>, <!-- height-25-width-50 -->
+ <span style="background: fuchsia;"></span>, <!-- height-25-ratio-2 -->
+ <span style="background: silver;"></span>, <!-- width-50-ratio-2 -->
+ <span style="background: blue; height: 25px"></span>, <!-- height-25-no-ratio -->
+ <span style="background: orange; height: 150px"></span>, <!-- width-50-no-ratio -->
+ <span style="background: gray"></span>, <!-- ratio-2 -->
+ <span style="background: aqua; height: 150px"></span>. <!-- no-ratio -->
+
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-width-40.html b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-width-40.html
new file mode 100644
index 0000000000..4a8db48f69
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/replaced-elements-width-40.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>CSS Test: CSS 2.1 replaced element sizing</title>
+ <link rel="match" href="replaced-elements-width-40-ref.html">
+ <link rel="author" title="L. David Baron" href="https://dbaron.org/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths">
+ <meta name="flags" content="should"> <!-- undefinedness in 10.3.2 -->
+ <style type="text/css">
+
+ div { width: 200px }
+ img { width: 40px }
+
+ </style>
+</head>
+<body>
+
+<div>
+ <img src="support/height-25-width-50.svg">,
+ <img src="support/height-25-ratio-2.svg">,
+ <img src="support/width-50-ratio-2.svg">,
+ <img src="support/height-25-no-ratio.svg">,
+ <img src="support/width-50-no-ratio.svg">,
+ <img src="support/ratio-2.svg">,
+ <img src="support/no-ratio.svg">.
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/visudet/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/visudet/support/height-25-no-ratio.svg b/testing/web-platform/tests/css/CSS2/visudet/support/height-25-no-ratio.svg
new file mode 100644
index 0000000000..d046272299
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/support/height-25-no-ratio.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="25" preserveAspectRatio="none">
+ <rect fill="blue" x="0" y="0" width="100%" height="100%" />
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/support/height-25-ratio-2.svg b/testing/web-platform/tests/css/CSS2/visudet/support/height-25-ratio-2.svg
new file mode 100644
index 0000000000..d6e71e31e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/support/height-25-ratio-2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1000 500" height="25" preserveAspectRatio="none">
+ <rect fill="fuchsia" x="0" y="0" width="1000" height="500" />
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/support/height-25-width-50.svg b/testing/web-platform/tests/css/CSS2/visudet/support/height-25-width-50.svg
new file mode 100644
index 0000000000..a45d7243c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/support/height-25-width-50.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="25" width="50" viewBox="0 0 1000 1000" preserveAspectRatio="none">
+ <rect fill="black" x="0" y="0" width="1000" height="1000" />
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/support/no-ratio.svg b/testing/web-platform/tests/css/CSS2/visudet/support/no-ratio.svg
new file mode 100644
index 0000000000..80429f1d1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/support/no-ratio.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="none">
+ <rect fill="aqua" x="0" y="0" width="100%" height="100%" />
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/support/ratio-2.svg b/testing/web-platform/tests/css/CSS2/visudet/support/ratio-2.svg
new file mode 100644
index 0000000000..fe4fe70168
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/support/ratio-2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1000 500" preserveAspectRatio="none">
+ <rect fill="gray" x="0" y="0" width="1000" height="500" />
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/visudet/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/visudet/support/width-50-no-ratio.svg b/testing/web-platform/tests/css/CSS2/visudet/support/width-50-no-ratio.svg
new file mode 100644
index 0000000000..bf43cee7db
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/support/width-50-no-ratio.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="50" preserveAspectRatio="none">
+ <rect fill="orange" x="0" y="0" width="100%" height="100%" />
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/visudet/support/width-50-ratio-2.svg b/testing/web-platform/tests/css/CSS2/visudet/support/width-50-ratio-2.svg
new file mode 100644
index 0000000000..62fa3cb420
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visudet/support/width-50-ratio-2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1000 500" width="50" preserveAspectRatio="none">
+ <rect fill="silver" x="0" y="0" width="1000" height="500" />
+</svg>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/animation/visibility-interpolation.html b/testing/web-platform/tests/css/CSS2/visufx/animation/visibility-interpolation.html
new file mode 100644
index 0000000000..683b393a9c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/animation/visibility-interpolation.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>visibility interpolation</title>
+<link rel="help" href="https://www.w3.org/TR/CSS2/visufx.html#visibility">
+<meta name="assert" content="visibility supports">
+
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/interpolation-testcommon.js"></script>
+
+<body>
+<script>
+test_interpolation({
+ property: 'visibility',
+ from: 'visible',
+ to: 'visible'
+}, [
+ {at: -1, expect: 'visible'},
+ {at: 0, expect: 'visible'},
+ {at: 0.5, expect: 'visible'},
+ {at: 1, expect: 'visible'},
+ {at: 1.5, expect: 'visible'},
+]);
+
+test_interpolation({
+ property: 'visibility',
+ from: 'visible',
+ to: 'hidden'
+}, [
+ {at: -1, expect: 'visible'},
+ {at: 0, expect: 'visible'},
+ {at: 0.1, expect: 'visible'},
+ {at: 0.9, expect: 'visible'},
+ {at: 1, expect: 'hidden'},
+ {at: 1.5, expect: 'hidden'},
+]);
+
+test_interpolation({
+ property: 'visibility',
+ from: 'hidden',
+ to: 'visible'
+}, [
+ {at: -1, expect: 'hidden'},
+ {at: 0, expect: 'hidden'},
+ {at: 0.1, expect: 'visible'},
+ {at: 0.9, expect: 'visible'},
+ {at: 1, expect: 'visible'},
+ {at: 1.5, expect: 'visible'},
+]);
+
+test_interpolation({
+ property: 'visibility',
+ from: 'collapse',
+ to: 'visible'
+}, [
+ {at: -1, expect: 'collapse'},
+ {at: 0, expect: 'collapse'},
+ {at: 0.1, expect: 'visible'},
+ {at: 0.9, expect: 'visible'},
+ {at: 1, expect: 'visible'},
+ {at: 1.5, expect: 'visible'},
+]);
+
+test_no_interpolation({
+ property: 'visibility',
+ from: 'collapse',
+ to: 'hidden'
+});
+</script>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-001.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-001.xht
new file mode 100644
index 0000000000..0c1b9a08e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-001.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: clip - auto value</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="Vasil Dinkov" href="http://www.vadikom.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="dom" name="flags" />
+ <meta content="An element must not clip when clip is set to auto." name="assert" />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+
+ <style type="text/css"><![CDATA[
+ #red-overlapped-layer
+ {
+ background-color: red;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+
+ #red-parent
+ {
+ background-color: red;
+ clip: rect(0, 1px, 1px, 0);
+ height: 2px;
+ position: absolute;
+ width: 2px;
+ }
+
+ #green-child
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function startTest()
+ {
+ document.getElementById("red-parent").style.clip = "auto";
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="startTest();">
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="red-overlapped-layer"></div>
+
+ <div id="red-parent">
+ <div id="green-child"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-004.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-004.xht
new file mode 100644
index 0000000000..ac9d3cc5a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-004.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using pixels with a negative zero value, -0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a negative zero value, in pixels, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(-0px, -0px, -0px, -0px);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-005.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-005.xht
new file mode 100644
index 0000000000..fbe4b45612
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-005.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using pixels with a zero value, 0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a zero value, in pixels, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(0px, 0px, 0px, 0px);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-006.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-006.xht
new file mode 100644
index 0000000000..7e3e89c817
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-006.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using pixels with a zero value, +0px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a zero value, in pixels, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(+0px, +0px, +0px, +0px);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-007.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-007.xht
new file mode 100644
index 0000000000..e3f7f92206
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-007.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using pixels with a nominal value, 96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a value of ninety-six pixels, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(96px, 96px, 96px, 96px);
+ height: 3in;
+ position: absolute;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-008.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-008.xht
new file mode 100644
index 0000000000..a6b88263bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-008.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using pixels with a positive nominal value, +96px</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a value of ninety-six pixels, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(+96px, +96px, +96px, +96px);
+ height: 3in;
+ position: absolute;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-016.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-016.xht
new file mode 100644
index 0000000000..d53a95f538
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-016.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using points with a negative zero value, -0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a negative zero value, in points, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(-0pt, -0pt, -0pt, -0pt);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-017.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-017.xht
new file mode 100644
index 0000000000..4b390046b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-017.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using points with a zero value, 0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a zero value, in points, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(0pt, 0pt, 0pt, 0pt);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-018.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-018.xht
new file mode 100644
index 0000000000..9f9b379eb2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-018.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using points with a zero value, +0pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a zero value, in points, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(+0pt, +0pt, +0pt, +0pt);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-019.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-019.xht
new file mode 100644
index 0000000000..2aad6d08b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-019.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using points with a nominal value, 72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a of seventy-two points for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(72pt, 72pt, 72pt, 72pt);
+ height: 3in;
+ position: absolute;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-020.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-020.xht
new file mode 100644
index 0000000000..d7fc41eb1c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-020.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using points with a positive nominal value, +72pt</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a of seventy-two points for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(+72pt, +72pt, +72pt, +72pt);
+ height: 3in;
+ position: absolute;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-028.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-028.xht
new file mode 100644
index 0000000000..518400140e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-028.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using picas with a negative zero value, -0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a negative zero value, in picas, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(-0pc, -0pc, -0pc, -0pc);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-029.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-029.xht
new file mode 100644
index 0000000000..4bd852ceff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-029.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using picas with a zero value, 0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a zero value, in picas, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(0pc, 0pc, 0pc, 0pc);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-030.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-030.xht
new file mode 100644
index 0000000000..413b344cca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-030.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using picas with a zero value, +0pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a zero value, in picas, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(+0pc, +0pc, +0pc, +0pc);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-031.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-031.xht
new file mode 100644
index 0000000000..4d49739226
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-031.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using picas with a nominal value, 6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a of six picas for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(6pc, 6pc, 6pc, 6pc);
+ height: 3in;
+ position: absolute;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-032.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-032.xht
new file mode 100644
index 0000000000..22677f35cb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-032.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using picas with a positive nominal value, +6pc</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a of six picas for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(+6pc, +6pc, +6pc, +6pc);
+ height: 3in;
+ position: absolute;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-040.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-040.xht
new file mode 100644
index 0000000000..038bf639b8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-040.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using centimeters with a negative zero value, -0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a negative zero value, in centimeters, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(-0cm, -0cm, -0cm, -0cm);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-041.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-041.xht
new file mode 100644
index 0000000000..61a9d0fd9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-041.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using centimeters with a zero value, 0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a zero value, in centimeters, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(0cm, 0cm, 0cm, 0cm);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-042.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-042.xht
new file mode 100644
index 0000000000..46b70fadca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-042.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using centimeters with a zero value, +0cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a zero value, in centimeters, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(+0cm, +0cm, +0cm, +0cm);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-043.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-043.xht
new file mode 100644
index 0000000000..8d6c46b32c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-043.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using centimeters with a nominal value, 2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a value of 2.54 centimeters, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(2.54cm, 2.54cm, 2.54cm, 2.54cm);
+ height: 3in;
+ position: absolute;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-044.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-044.xht
new file mode 100644
index 0000000000..3d871b72e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-044.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using centimeters with a positive nominal value, +2.54cm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a value of 2.54 centimeters, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(+2.54cm, +2.54cm, +2.54cm, +2.54cm);
+ height: 3in;
+ position: absolute;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-052.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-052.xht
new file mode 100644
index 0000000000..351aa81afc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-052.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using millimeters with a negative zero value, -0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a negative zero value, in millimeters, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(-0mm, -0mm, -0mm, -0mm);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-053.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-053.xht
new file mode 100644
index 0000000000..e8301d10d8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-053.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using millimeters with a zero value, 0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a zero value, in millimeters, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(0mm, 0mm, 0mm, 0mm);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-054.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-054.xht
new file mode 100644
index 0000000000..f16375a99e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-054.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using millimeters with a zero value, +0mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a zero value, in millimeters, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(+0mm, +0mm, +0mm, +0mm);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-055.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-055.xht
new file mode 100644
index 0000000000..c42933e081
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-055.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using millimeters with a nominal value, 25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a value of 25.4 millimeters, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(25.4mm, 25.4mm, 25.4mm, 25.4mm);
+ height: 3in;
+ position: absolute;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-056.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-056.xht
new file mode 100644
index 0000000000..64ff07ab23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-056.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using millimeters with a positive nominal value, +25.4mm</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a value of 25.4 millimeters, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(+25.4mm, +25.4mm, +25.4mm, +25.4mm);
+ height: 3in;
+ position: absolute;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-064.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-064.xht
new file mode 100644
index 0000000000..1bab7064fe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-064.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using inches with a negative zero value, -0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a negative zero value, in inches, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(-0in, -0in, -0in, -0in);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-065.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-065.xht
new file mode 100644
index 0000000000..970bd3582d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-065.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using inches with a zero value, 0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a zero value, in inches, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(0in, 0in, 0in, 0in);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-066.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-066.xht
new file mode 100644
index 0000000000..9d44330cc4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-066.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using inches with a zero value, +0in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a zero value, in inches, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(+0in, +0in, +0in, +0in);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-067.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-067.xht
new file mode 100644
index 0000000000..817f3b4a67
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-067.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using inches with a nominal value, 1in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a value, in inches, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(1in, 1in, 1in, 1in);
+ height: 3in;
+ position: absolute;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-068.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-068.xht
new file mode 100644
index 0000000000..55dbe85dbd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-068.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using inches with a positive nominal value, +96in</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a value, in inches, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(+96in, +96in, +96in, +96in);
+ height: 3in;
+ position: absolute;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-076.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-076.xht
new file mode 100644
index 0000000000..176df20f9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-076.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using 'em' units with a negative zero value, -0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'clip' property sets a negative zero value, in 'em' units, for all sides of the clipping rectangle." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(-0em, -0em, -0em, -0em);
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-077.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-077.xht
new file mode 100644
index 0000000000..a85621e1d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-077.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using 'em' units with a zero value, 0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'clip' property sets a zero value, in 'em' units, for all sides of the clipping rectangle." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(0em, 0em, 0em, 0em);
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-078.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-078.xht
new file mode 100644
index 0000000000..e21f74a8a2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-078.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using 'em' units with a positive zero value, +0em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'clip' property sets a positive zero value, in 'em' units, for all sides of the clipping rectangle." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(+0em, +0em, +0em, +0em);
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-079.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-079.xht
new file mode 100644
index 0000000000..866f0b87a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-079.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using 'em' units with a nominal value, 6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'clip' property sets a value, in 'em' units, for all sides of the clipping rectangle." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(6em, 6em, 6em, 6em);
+ font: 20px/1 Ahem;
+ height: 3in;
+ position: absolute;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-080.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-080.xht
new file mode 100644
index 0000000000..3685000a49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-080.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using 'em' units with a positive nominal value, +6em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'clip' property sets a value, in 'em' units, for all sides of the clipping rectangle." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(+6em, +6em, +6em, +6em);
+ font: 20px/1 Ahem;
+ height: 3in;
+ position: absolute;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-088.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-088.xht
new file mode 100644
index 0000000000..c5dd51ecff
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-088.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using 'ex' units with a negative zero value, -0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'clip' property sets a negative zero value, in 'ex' units, for all sides of the clipping rectangle." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(-0ex, -0ex, -0ex, -0ex);
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-089.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-089.xht
new file mode 100644
index 0000000000..5def0b9a3c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-089.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using 'ex' units with a zero value, 0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'clip' property sets a zero value, in 'ex' units, for all sides of the clipping rectangle." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(0ex, 0ex, 0ex, 0ex);
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-090.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-090.xht
new file mode 100644
index 0000000000..c9b8b44402
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-090.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using 'ex' units with a positive zero value, +0ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'clip' property sets a positive zero value, in 'ex' units, for all sides of the clipping rectangle." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(+0ex, +0ex, +0ex, +0ex);
+ font: 20px/1 Ahem;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-091.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-091.xht
new file mode 100644
index 0000000000..afb687df52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-091.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using 'ex' units with a nominal value, 7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'clip' property sets a value, in 'ex' units, for all sides of the clipping rectangle." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(7.5ex, 7.5ex, 7.5ex, 7.5ex);
+ font: 20px/1 Ahem;
+ height: 3in;
+ position: absolute;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-092.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-092.xht
new file mode 100644
index 0000000000..10377c0ded
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-092.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using 'ex' units with a positive nominal value, +7.5ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'clip' property sets a value, in 'ex' units, for all sides of the clipping rectangle." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(+7.5ex, +7.5ex, +7.5ex, +7.5ex);
+ font: 20px/1 Ahem;
+ height: 3in;
+ position: absolute;
+ width: 3in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-097.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-097.xht
new file mode 100644
index 0000000000..ac547dafb7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-097.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip with a negative zero value with no units, -0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a negative zero value and no units, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(-0, -0, -0, -0);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-098.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-098.xht
new file mode 100644
index 0000000000..58fab32a23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-098.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip with a zero value with no units, 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a zero value and no units, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(0, 0, 0, 0);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-099.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-099.xht
new file mode 100644
index 0000000000..5c0e77bc28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-099.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip with a positive zero value with no units, +0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property sets a positive zero value and no units, for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ clip: rect(+0, +0, +0, +0);
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-100.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-100.xht
new file mode 100644
index 0000000000..b8ec413d99
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-100.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip using the 'rect()' function and specifying all values as 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <meta name="assert" content="The 'clip' property sets an 'auto' value for all sides of the clipping rectangle." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ background: red;
+ }
+ div div
+ {
+ background: green;
+ clip: rect(auto, auto, auto, auto);
+ position: absolute;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box visible and there is no red visible on the page.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-101.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-101.xht
new file mode 100644
index 0000000000..07787fcb13
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-101.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip specifying only the value 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <meta name="assert" content="The 'clip' properly applies the value of 'auto'." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ background: red;
+ }
+ #div2
+ {
+ background: green;
+ clip: auto;
+ position: absolute;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box visible and there is no red visible on the page.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-102.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-102.xht
new file mode 100644
index 0000000000..4cb0dbe7a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-102.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip with the value 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'clip' property set to 'inherit' properly inherits the appropriate value for the parent element." />
+ <style type="text/css">
+ #div1
+ {
+ clip: rect(0, 0, 0, 0);
+ }
+ #div2
+ {
+ background: red;
+ clip: inherit;
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-inherit-001.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-inherit-001.xht
new file mode 100644
index 0000000000..9e8c6fd188
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-inherit-001.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: clip: Inheriting 'auto' arguments of rect()</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping"/>
+ <meta name="assert" content="The 'auto' keywords in rect() resolve to a
+ used (not computed) value that aligns them with the border edges."/>
+ <style type="text/css">
+ .container {
+ position: relative;
+ width: 100px; height: 100px;
+ background: red; }
+ #outer {
+ position: absolute;
+ top: 50px; left: 50px;
+ clip: rect(-50px, auto, auto, -50px);
+ height: 40px; width: 40px;
+ border: solid 5px transparent; }
+ #inner {
+ position: absolute;
+ top: -55px; left: -55px;
+ width: 60px; height: 60px;
+ border: solid 20px green;
+ background: green; clip: inherit; }
+ </style>
+
+ </head>
+ <body>
+ <p>There must be a green box below and no red.</p>
+ <div class="container">
+ <div id="outer">
+ <div id="inner"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-non-absolute-001.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-non-absolute-001.xht
new file mode 100644
index 0000000000..b78039ba69
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-non-absolute-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip on non-positioned element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <meta name="assert" content="Clip does not apply to non-positioned elements." />
+ <style type="text/css">
+ div
+ {
+ clip: rect(10px, 25px, 50px, 10px);
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "Filler Text" below.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-rect-001.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-rect-001.xht
new file mode 100644
index 0000000000..e342d29109
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-rect-001.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: clip: Missing commas in rect()</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping"/>
+ <meta name="flags" content="invalid may"/>
+ <meta name="assert" content="User agents may support separation of values
+ within rect() by whitespace instead of commas, but not a combination of
+ whitespace and commas."/>
+ <style type="text/css">
+ div {
+ background: red;
+ width: 100px; height: 100px;
+ }
+ .inner {
+ position: absolute;
+ background: green;
+ clip: rect(0,0,0,0);
+ clip: rect( 0 auto auto 0 );
+ clip: rect(0,0 0,0);
+ clip: rect(0 0,0,0);
+ clip: rect(0,0,0 0);
+ clip: rect(0 0,0 0);
+ }
+ </style>
+
+ </head>
+ <body>
+ <p>There must be a green box below and no red.</p>
+ <div class="outer">
+ <div class="inner"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clip-shape-001.xht b/testing/web-platform/tests/css/CSS2/visufx/clip-shape-001.xht
new file mode 100644
index 0000000000..6199dc0c68
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clip-shape-001.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip with other invalid shape</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <meta name="assert" content="A shape value other than 'rect()' is not supported." />
+ <style type="text/css">
+ div
+ {
+ clip: circle(10px, 25px);
+ position: absolute;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there are the words "Filler Text" below.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-001.xht b/testing/web-platform/tests/css/CSS2/visufx/clipping-001.xht
new file mode 100644
index 0000000000..a493e53a57
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-001.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: 'clip': Basic Test</title>
+ <link rel="author" title="David Hyatt" href="mailto:hyatt@netscape.com"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/clipping/001.html" type="text/html"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+<style type="text/css">
+.green {
+ width: 200px;
+ height: 200px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ background-color: red;
+}
+
+.clip {
+ position: absolute;
+ clip: rect(100px, 200px, 200px, 100px);
+}
+</style>
+</head>
+<body>
+
+<p>Test passes if there is <strong>a green square</strong> and <strong>no red</strong>.</p>
+
+<div class="green clip"><div class="red"></div></div></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-002.xht b/testing/web-platform/tests/css/CSS2/visufx/clipping-002.xht
new file mode 100644
index 0000000000..e7507328d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-002.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: 'overflow': Basic Test</title>
+ <link rel="author" title="David Hyatt" href="mailto:hyatt@netscape.com"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/clipping/002.html" type="text/html"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+<style type="text/css">
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ background-color: red;
+ margin-top:100px;
+}
+
+.overflow {
+ overflow: hidden;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is <strong>a green square</strong> and <strong>no red</strong>.</p>
+
+<div class="green overflow"><div class="red"></div></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-003.xht b/testing/web-platform/tests/css/CSS2/visufx/clipping-003.xht
new file mode 100644
index 0000000000..a687c142dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-003.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: CSS test</title>
+<link rel="author" title="David Hyatt" href="mailto:hyatt@netscape.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+<style type="text/css">
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ margin-left: 100px;
+ background-color: red;
+}
+
+.overflow {
+ overflow: hidden;
+ width: 100px;
+ height: 100px;
+}
+
+.positioned {
+ position: absolute;
+ left:150px;
+ top: 100px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is <strong>a green square</strong> and <strong>no red</strong>.</p>
+
+<div class="overflow">
+<div class="red"></div>
+<div class="green positioned"></div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-004.xht b/testing/web-platform/tests/css/CSS2/visufx/clipping-004.xht
new file mode 100644
index 0000000000..3a5209e40a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-004.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: CSS clipping test</title>
+<link rel="author" title="David Hyatt" href="mailto:hyatt@netscape.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+<style type="text/css">
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ margin-left: 100px;
+ background-color: red;
+}
+
+.overflow {
+ overflow: hidden;
+}
+
+.positioned {
+ position: absolute;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is <strong>a green square</strong> and <strong>no red</strong>.</p>
+
+<!-- This test is checking to make sure overflow is done using a containing
+block model. -->
+
+<div class="overflow green positioned">
+<div class="red"></div>
+<div class="red positioned"></div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-005.xht b/testing/web-platform/tests/css/CSS2/visufx/clipping-005.xht
new file mode 100644
index 0000000000..abc8d243dd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-005.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: CSS clipping test</title>
+<link rel="author" title="David Hyatt" href="mailto:hyatt@netscape.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+<style type="text/css">
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ margin-left: 100px;
+ background-color: red;
+}
+
+.overflow {
+ overflow: hidden;
+}
+
+.positioned {
+ position: relative;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is <strong>a green square</strong> and <strong>no red</strong>.</p>
+
+<!-- This test is checking to make sure overflow is done using a containing
+block model. -->
+
+<div class="overflow green positioned">
+<div class="red"></div>
+<div class="red positioned"></div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-006.xht b/testing/web-platform/tests/css/CSS2/visufx/clipping-006.xht
new file mode 100644
index 0000000000..9b292b2fdc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-006.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: CSS clipping test</title>
+<link rel="author" title="David Hyatt" href="mailto:hyatt@netscape.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+<style type="text/css">
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+ left: 100px;
+ top: 70px;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ margin-left: 100px;
+ background-color: red;
+}
+
+.overflow {
+ overflow: hidden;
+ width: 100px;
+ height: 100px;
+}
+
+.positioned {
+ position: fixed;
+}
+</style>
+</head>
+<body>
+
+<p>Test passes if there is <strong>a green square</strong> and <strong>no red</strong>.</p>
+
+<!-- This test is checking to make sure overflow is done using a containing
+block model, and that a fixed positioned element inside another fixed positioned
+element is not considered overflow. -->
+
+<div class="overflow positioned">
+<div class="red"></div>
+<div class="green positioned"></div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-007.xht b/testing/web-platform/tests/css/CSS2/visufx/clipping-007.xht
new file mode 100644
index 0000000000..24905ec930
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-007.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+<link rel="author" title="David Hyatt" href="mailto:hyatt@netscape.com"/>
+<style type="text/css">
+div {
+ width: 100px;
+ height: 100px;
+}
+
+.green {
+ background-color: green;
+}
+
+.red {
+ background-color: red;
+}
+
+.overflow {
+ overflow: hidden;
+}
+
+.positioned {
+ position: absolute;
+}
+
+.fixed {
+ position: fixed;
+ left: 100px;
+ top: 100px;
+}
+
+.offset {
+ left: 100px;
+ top: 100px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is <strong>a green square</strong> and <strong>no red</strong>.</p>
+<!-- This test is checking to make sure overflow is done using a containing
+block model, and that a fixed positioned element inside an absolute positioned
+element is not considered overflow. -->
+
+<div class="overflow positioned">
+ <div class="fixed">
+ <div class="offset green positioned"></div>
+ </div>
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-008.xht b/testing/web-platform/tests/css/CSS2/visufx/clipping-008.xht
new file mode 100644
index 0000000000..1598b2985e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-008.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: CSS clipping test</title>
+<link rel="author" title="David Hyatt" href="mailto:hyatt@netscape.com"/>
+
+<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+<style type="text/css">
+div {
+ width: 100px;
+ height: 100px;
+}
+
+.green {
+ background-color: green;
+}
+
+.red {
+ background-color: red;
+}
+
+.overflow {
+ overflow: hidden;
+}
+
+.positioned {
+ position: absolute;
+}
+
+.fixed {
+ position: fixed;
+ left: 100px;
+ top: 100px;
+}
+
+.offset {
+ margin-left: 100px;
+ margin-top: 100px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is <strong>a green square</strong> and <strong>no red</strong>.</p>
+
+ <!-- This test is checking to make sure overflow is done using a containing
+block model, and that a fixed positioned element inside an absolute positioned
+element is not considered overflow. -->
+
+<div class="overflow positioned">
+ <div class="fixed">
+ <div class="offset green overflow"></div>
+ </div>
+</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-009.xht b/testing/web-platform/tests/css/CSS2/visufx/clipping-009.xht
new file mode 100644
index 0000000000..0f19a2bba6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-009.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+<link rel="author" title="David Hyatt" href="mailto:hyatt@netscape.com"/>
+<style type="text/css">
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ margin-left: 100px;
+ background-color: red;
+}
+
+.clip {
+ clip: rect(0px 100px 100px 0px);
+}
+
+.positioned {
+ position: absolute;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is <strong>a green square</strong> and <strong>no red</strong>.</p>
+
+<!-- This test is checking to make sure clip is applying to all descendants. -->
+
+<div class="clip green positioned">
+<div class="red"></div>
+<div class="red positioned"></div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-010.xht b/testing/web-platform/tests/css/CSS2/visufx/clipping-010.xht
new file mode 100644
index 0000000000..329d63d33f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-010.xht
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: CSS clipping test</title>
+<link rel="author" title="David Hyatt" href="mailto:hyatt@netscape.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+<style type="text/css">
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ margin-left: 100px;
+ background-color: red;
+}
+
+.clip {
+ clip: rect(0px 100px 100px 0px);
+}
+
+.positioned {
+ position: fixed;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is <strong>a green square</strong> and <strong>no red</strong>.</p>
+
+<!-- This test is checking to make sure clip is applying to all descendants. -->
+
+<div class="clip green positioned">
+<div class="red"></div>
+<div class="red positioned"></div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-011.xht b/testing/web-platform/tests/css/CSS2/visufx/clipping-011.xht
new file mode 100644
index 0000000000..51729a7cef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-011.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: CSS clipping test</title>
+<link rel="author" title="David Hyatt" href="mailto:hyatt@netscape.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+<style type="text/css">
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ margin-left: 100px;
+ background-color: red;
+}
+
+.clip {
+ clip: rect(0px 100px 100px 0px);
+}
+
+.positioned {
+ position: fixed;
+}
+
+.overflow {
+ overflow: hidden;
+}
+
+</style>
+</head>
+<body>
+<p>Test passes if there is <strong>a green square</strong> and <strong>no red</strong>.</p>
+
+<!-- This test is checking to make sure clip is applying to all descendants. -->
+
+<div class="clip green positioned">
+<div class="red"></div>
+<div class="red overflow"></div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-012.xht b/testing/web-platform/tests/css/CSS2/visufx/clipping-012.xht
new file mode 100644
index 0000000000..6fd6a20fb3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-012.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: CSS clipping test</title>
+<link rel="author" title="David Hyatt" href="mailto:hyatt@netscape.com"/>
+
+<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+<style type="text/css">
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ margin-left: 100px;
+ background-color: red;
+}
+
+.clip {
+ clip: rect(0px 100px 100px 0px);
+}
+
+.positioned {
+ position: absolute;
+}
+
+.overflow {
+ overflow: hidden;
+}
+
+</style>
+</head>
+<body>
+<p>Test passes if there is <strong>a green square</strong> and <strong>no red</strong>.</p>
+<!-- This test is checking to make sure clip is applying to all descendants. -->
+
+<div class="clip green positioned">
+<div class="red"></div>
+<div class="red overflow"></div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-013.xht b/testing/web-platform/tests/css/CSS2/visufx/clipping-013.xht
new file mode 100644
index 0000000000..008247f664
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-013.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: CSS clipping test</title>
+<link rel="author" title="David Hyatt" href="mailto:hyatt@netscape.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+<style type="text/css">
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+ border: 10px solid red;
+}
+
+.clip {
+ clip: rect(10px 110px 110px 10px);
+}
+
+.positioned {
+ position: absolute;
+}
+p
+{
+ height: 40px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is <strong>a green square</strong> and <strong>no red</strong>.</p>
+<!-- This test is checking to make sure clip applies to the element itself
+and starts from the border edge. -->
+
+<div class="clip green positioned">
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-014.xht b/testing/web-platform/tests/css/CSS2/visufx/clipping-014.xht
new file mode 100644
index 0000000000..291d8ab315
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-014.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: CSS clipping test</title>
+<link rel="author" title="David Hyatt" href="mailto:hyatt@netscape.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+<style type="text/css">
+.green {
+ width: 100px;
+ height: 200px;
+ background-color: green;
+ border: 10px solid red;
+}
+
+.clip {
+ clip: rect(10px 110px 110px 10px);
+}
+
+.positioned {
+ position: absolute;
+ overflow: scroll;
+}
+
+.tall {
+ height: 1000px;
+}
+p
+{
+ height: 40px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is <strong>a green square</strong> and <strong>no red</strong>.</p>
+
+<!-- This test is checking to make sure clip applies to the element itself,
+starts from the border edge, and clips out scrollbars. The bottom
+of the scrolling mechanism should be clipped. -->
+
+<div class="clip green positioned">
+<div class="tall"></div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-015.xht b/testing/web-platform/tests/css/CSS2/visufx/clipping-015.xht
new file mode 100644
index 0000000000..f7bb82bc8d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-015.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: CSS clipping test</title>
+<link rel="author" title="David Hyatt" href="mailto:hyatt@netscape.com"/>
+<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+<style type="text/css">
+div {
+ width: 100px;
+ height: 100px;
+}
+
+.green {
+ background-color: green;
+}
+
+.red {
+ background-color: red;
+}
+
+.absolute {
+ position: absolute;
+ top:100px;
+ left:100px;
+}
+
+.relative {
+ position: relative;
+ top:100px;
+ left:100px;
+}
+
+.overflow {
+ overflow: hidden;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is <strong>a green square</strong> and <strong>no red</strong>.</p>
+
+<!-- This test makes sure overflow uses containing blocks when clipping. -->
+
+<div class="green overflow">
+ <div class="red relative">
+ <div class="absolute red"></div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-016.xht b/testing/web-platform/tests/css/CSS2/visufx/clipping-016.xht
new file mode 100644
index 0000000000..a72870d8bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-016.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test: 'clip': Basic Test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/clipping/016.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+<style type="text/css">
+.clip {
+ width: 60px;
+ height: 60px;
+ background: url(support/60x60-gg-rr.png) no-repeat red;
+ position: absolute;
+ clip: rect(0px, 60px, 30px, 0px);
+}
+</style>
+</head>
+<body>
+
+<p>Test passes if there is <strong>a green rectangle</strong> and <strong>no red</strong>.</p>
+
+<div class="clip"></div></body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-017.xht b/testing/web-platform/tests/css/CSS2/visufx/clipping-017.xht
new file mode 100644
index 0000000000..8bcdcff982
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-017.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+ <head>
+ <!-- Based on http://www.brothercake.com/Ref/clip.html -->
+ <title>CSS Test: Convoluted clip() test</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/clipping/017.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <style type="text/css">
+ #test-outer {
+ width: 150px; height: 150px; border: 20px solid lime; background-color: teal;
+ position: absolute; left: 60px; top: 60px; clip: rect(0px, 100px, 100px, 0px);
+ }
+ #test-middle {
+ width: 250px; height: 150px; border: 10px solid fuchsia; background-color: red;
+ position: absolute; left: 0px; top: 0px; clip: rect(0px, 50px, 50px, 0px);
+ }
+ #test-inner {
+ width: 150px; height: 250px; border: 10px solid aqua; background-color: yellow;
+ }
+ p { margin: 20px; font: 20px/1 serif; }
+ #control-outer {
+ width: 80px; height: 80px; border: 20px lime; border-style: solid none none solid; background: teal;
+ margin: 20px 0 0 200px;
+ }
+ #control-middle {
+ width: 40px; height: 40px; border: 10px fuchsia; border-style: solid none none solid; background: red;
+ }
+ #control-inner {
+ width: 30px; height: 30px; border: 10px aqua; border-style: solid none none solid; background: yellow;
+ }
+ </style>
+ </head>
+ <body>
+ <p>The following two pictograms should look identical.</p>
+ <div id="test-outer">
+ <div id="test-middle">
+ <div id="test-inner">
+ </div>
+ </div>
+ </div>
+ <div id="control-outer">
+ <div id="control-middle">
+ <div id="control-inner">
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/clipping-README b/testing/web-platform/tests/css/CSS2/visufx/clipping-README
new file mode 100644
index 0000000000..a6072f592a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/clipping-README
@@ -0,0 +1,7 @@
+Tests 001 to 015 courtesy of David Hyatt.
+Tests 003 to 015 need validating and correcting.
+
+See also:
+ ../absolute/overflow/
+ ../absolute/clip/
+ ../../overflow/ \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/overflow-006.xht b/testing/web-platform/tests/css/CSS2/visufx/overflow-006.xht
new file mode 100644
index 0000000000..f00553c299
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/overflow-006.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Floats and overflow</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/overflow/box/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <style type="text/css">
+ p { color: green; }
+ .container { border: solid white; position: relative; }
+ .overflow { overflow: auto; color: yellow; background: red; height: 0; }
+ .float { float: left; background: red; color: yellow; width: 10em; }
+ .pass { background: white; color: black; width: 10em; }
+ .fail { background: black; position: absolute; top: 1em; }
+ </style>
+ </head>
+ <body>
+ <p>It should say "PASS" below:</p>
+ <div class="container">
+ <div class="fail"> XXXX </div>
+ <div class="overflow"> <div class="float"> FAIL </div> FAIL </div>
+ <div class="pass"> PASS </div> <!-- the float should be contained inside the overflow block -->
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/overflow-007.xht b/testing/web-platform/tests/css/CSS2/visufx/overflow-007.xht
new file mode 100644
index 0000000000..8bc0a881ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/overflow-007.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin and overflow</title>
+ <link rel="author" title="Eira Monstad" href="mailto:eiram@opera.com"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/overflow/box/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ div.outer { width: 10em; height: 5em; overflow: scroll;
+ background: navy; border: 1px solid blue; }
+ div.inner { margin: 3em 0 3em 0; background: white; }
+ </style>
+ </head>
+ <body>
+ <p>Scroll to see the instructions:</p>
+ <div class="outer">
+ <div class="inner">
+ You should see the same amount of blue above and below this text.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/overflow-008.xht b/testing/web-platform/tests/css/CSS2/visufx/overflow-008.xht
new file mode 100644
index 0000000000..ae48ce5691
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/overflow-008.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: margin and overflow</title>
+ <link rel="author" title="Eira Monstad" href="mailto:eiram@opera.com"/>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/overflow/box/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <meta name="flags" content="interact"/>
+ <style type="text/css">
+ div.outer { width: 10em; height: 5em; overflow: auto;
+ background: navy; border: 1px solid blue; }
+ div.inner { margin: 3em 0 3em 0; background: white; }
+ </style>
+ </head>
+ <body>
+ <p>Scroll to see the instructions:</p>
+ <div class="outer">
+ <div class="inner">
+ You should see the same amount of blue above and below this text.
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/overflow-009.html b/testing/web-platform/tests/css/CSS2/visufx/overflow-009.html
new file mode 100644
index 0000000000..c6bda8df8b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/overflow-009.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>CSS Test (Overflow): body with overflow:hidden</title>
+ <link rel="author" title="Chris Rebert" href="http://chrisrebert.com">
+ <link rel="help" href="https://www.w3.org/TR/CSS2/visufx.html#overflow">
+ <link rel="help" href="https://www.w3.org/TR/css-overflow-3/#overflow">
+ <link rel="help" href="https://drafts.csswg.org/css-overflow-4/#propdef-overflow">
+ <meta name="flags" content="interact">
+ <meta name="assert" content="position:fixed layer should not be able to cause scrolling of body styled as overflow:hidden">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <style>
+body {
+ /* what we're testing */
+ overflow: hidden;
+}
+h1 {
+ /* bottom of #overlay-inner */
+ position: absolute;
+ bottom: 0;
+ left: 0;
+}
+.margin-0 {
+ /* remove extra space */
+ margin: 0;
+}
+.tall {
+ height: 100vh;
+ width: 100%;
+}
+#bad {
+ background-color: red;
+}
+#overlay {
+ overflow: auto;
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+#overlay-inner {
+ position: relative;/* needed for the h1 */
+ width: 60%;/* leave room for #bad to be visible */
+ height: 150vh;/* force scroll */
+ /* make this visually distinct */
+ background-color: blue;
+ color: white;
+}
+ </style>
+</head>
+<body class="margin-0">
+ <div id="overlay">
+ <div id="overlay-inner">
+ <ol class="margin-0">
+ <li>Scroll the blue square downward until you see the word "BOTTOM".</li>
+ <li>End your scrolling action/gesture. (e.g. Remove your finger from the touchscreen.)</li>
+ <li>Attempt to scroll the blue square further downward.</li>
+ <li>If you see any red, then the test result is FAILED. Otherwise, it is PASSED.</li>
+ </ol>
+ <h1 class="margin-0">BOTTOM</h1>
+ </div>
+ </div>
+ <div class="tall"></div>
+ <div id="bad" class="tall"></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/overflow-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/visufx/overflow-applies-to-001-ref.xht
new file mode 100644
index 0000000000..a8c54ab6d6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/overflow-applies-to-001-ref.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+ <style type="text/css">
+ #container {width: 20em; background: green; text-align: center;
+ line-height: 1.2em}
+
+ #child3 {display: inline}
+ #grandchild3 {width: 20em; height: 1.2em; background: green;
+ vertical-align: bottom}
+
+ #child4 {table-layout: fixed; width: 20em; border-collapse: collapse}
+ #grandchild4 {width: 20em}
+ </style>
+ </head>
+
+ <body>
+
+ <p>There should be no red.</p>
+
+ <div id="container">
+ <div id="child1">
+ <div id="grandchild1">
+ Block 1
+ </div>
+ </div>
+
+ <div id="child2">
+ <div id="grandchild2">
+ Block 2
+ </div>
+ </div>
+
+ <div id="child3">
+ <img id="grandchild3" src="support/1x1-green.png" alt="green" />
+ </div>
+
+ <table id="child4">
+ <tr>
+ <td>
+ <div id="grandchild4">
+ Block 4a
+ </div>
+ </td>
+ </tr>
+ <tr><td>Block 4b</td></tr>
+ </table>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/overflow-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/visufx/overflow-applies-to-001.xht
new file mode 100644
index 0000000000..e63bb0ee0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/overflow-applies-to-001.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: What overflow applies to</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/visufx.html#overflow" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.11.1.1a" />
+ <link rel="match" href="overflow-applies-to-001-ref.xht" />
+ <meta name="assert" content="Name: overflow [...] Applies to:
+block containers and boxes that establish a formatting context" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+ <style type="text/css">
+ #container {width: 20em; background: red; text-align: center;
+ line-height: 1.2em}
+
+ /* The visible overflow of grandchild1 hides the red container background */
+ #child1 {width: 10em; overflow: visible}
+ #grandchild1 {width: 20em; background: green}
+
+ /* The red border on grandchild2 is clipped by child2 */
+ #child2 {width: 20em; background: green; overflow: hidden}
+ #grandchild2 {width: 20em; border-right: solid 1em red}
+
+ /* Overflow (and width) don't apply to child3 and so grandchild3 is visible */
+ #child3 {display: inline; width: 10em; overflow: hidden; background: red}
+ #grandchild3 {width: 20em; height: 1.2em; background: red;
+ vertical-align: bottom}
+
+ /* Child4 establishes a formatting context and so can clip grandchild4 */
+ #child4 {table-layout: fixed; width: 20em; border-collapse: collapse;
+ background: green; overflow: hidden}
+ #grandchild4 {width: 20em; background: green; border-right: solid 1em red;
+ margin-right: -1em}
+ </style>
+ </head>
+
+ <body>
+
+ <p>There should be no red.</p>
+
+ <div id="container">
+ <div id="child1">
+ <div id="grandchild1">
+ Block 1
+ </div>
+ </div>
+
+ <div id="child2">
+ <div id="grandchild2">
+ Block 2
+ </div>
+ </div>
+
+ <div id="child3">
+ <img id="grandchild3" src="support/1x1-green.png" alt="Image download support must be enabled" />
+ </div>
+
+ <table id="child4">
+ <tr>
+ <td>
+ <div id="grandchild4">
+ Block 4a
+ </div>
+ </td>
+ </tr>
+ <tr><td>Block 4b</td></tr>
+ </table>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/overflow-propagation-001a.html b/testing/web-platform/tests/css/CSS2/visufx/overflow-propagation-001a.html
new file mode 100644
index 0000000000..77107d8faf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/overflow-propagation-001a.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Ensure that body propagates its scrollbars</title>
+<link rel=match href="support/overflow-propagation-001-ref.html">
+<link rel=help href="https://www.w3.org/TR/CSS21/visufx.html#overflow-clipping">
+<body style="overflow: hidden; margin: 100px; width: 100px; height: 100px; border: 1px solid green; position: absolute; top: 0; left: 0">
+ The body should have visible overflow of the text that totally doesn't fit
+ in the little box.
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/overflow-propagation-001b.html b/testing/web-platform/tests/css/CSS2/visufx/overflow-propagation-001b.html
new file mode 100644
index 0000000000..c72994b8c4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/overflow-propagation-001b.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Ensure that body propagates its scrollbars</title>
+<link rel=match href="support/overflow-propagation-001-ref.html">
+<link rel=help href="https://www.w3.org/TR/CSS21/visufx.html#overflow-clipping">
+<script>
+ onload = function() {
+ document.body.remove();
+ var b = document.createElement("body");
+ b.style = "overflow: hidden; margin: 100px; width: 100px; height: 100px; border: 1px solid green; position: absolute; top: 0; left: 0";
+ b.textContent = "The body should have visible overflow of the text that totally doesn't fit in the little box.";
+ document.documentElement.appendChild(b);
+ }
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/overflow-propagation-001c.html b/testing/web-platform/tests/css/CSS2/visufx/overflow-propagation-001c.html
new file mode 100644
index 0000000000..6956ff4143
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/overflow-propagation-001c.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Ensure that body propagates its scrollbars even if there is a preceding frameset</title>
+<link rel=match href="support/overflow-propagation-001-ref.html">
+<link rel=help href="https://www.w3.org/TR/CSS21/visufx.html#overflow-clipping">
+<script>
+ onload = function() {
+ document.body.remove();
+ var f = document.createElement("frameset");
+ document.documentElement.appendChild(f);
+ var b = document.createElement("body");
+ b.style = "overflow: hidden; margin: 100px; width: 100px; height: 100px; border: 1px solid green; position: absolute; top: 0; left: 0";
+ b.textContent = "The body should have visible overflow of the text that totally doesn't fit in the little box.";
+ document.documentElement.appendChild(b);
+ }
+</script>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/shape-spaces-001.xht b/testing/web-platform/tests/css/CSS2/visufx/shape-spaces-001.xht
new file mode 100644
index 0000000000..0c98112612
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/shape-spaces-001.xht
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clip with 'rect()' function values separated</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="User agent may also support separation of the 'rect()' function values 'top', 'right', 'bottom', and 'left' with spaces." />
+ <style type="text/css">
+ div
+ {
+ border: 10px solid green;
+ background: red;
+ clip: rect(5px 50px 8px 0);
+ color: yellow;
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a single horizontal green line below and no red visible on the page.</p>
+ <div>FAIL</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/visufx/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/visufx/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/visufx/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/visufx/support/overflow-propagation-001-ref.html b/testing/web-platform/tests/css/CSS2/visufx/support/overflow-propagation-001-ref.html
new file mode 100644
index 0000000000..f0693fbea2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/support/overflow-propagation-001-ref.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<html style="overflow: hidden">
+<meta charset=utf-8>
+<body style="margin: 100px; width: 100px; height: 100px; border: 1px solid green; position: absolute; top: 0; left: 0">
+ The body should have visible overflow of the text that totally doesn't fit
+ in the little box.
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-001.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-001.xht
new file mode 100644
index 0000000000..da8eb98a82
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility set to 'collapse'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="A block with 'visibility' set to 'collapse' will not be rendered on the page but will still affect layout flow." />
+ <style type="text/css">
+ div
+ {
+ background: green;
+ width: 1in;
+ }
+ div div
+ {
+ height: 1in;
+ }
+ #div1
+ {
+ background: red;
+ visibility: collapse;
+ }
+ #div2
+ {
+ background: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green box above a blue box below.</p>
+ <div>
+ <div id="div1">FAIL FAIL</div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-002.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-002.xht
new file mode 100644
index 0000000000..64dfd1cdc2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-002.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility set to 'hidden'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="A block with 'visibility' set to 'collapse' will not be rendered on the page but will still affect layout flow." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ background: orange;
+ }
+ #div2
+ {
+ background: red;
+ visibility: hidden;
+ }
+ #div3
+ {
+ background: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange boxes below are not touching and there is no red visible on the page.</p>
+ <div id="div1"></div>
+ <div id="div2">FAIL FAIL</div>
+ <div id="div3"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-003.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-003.xht
new file mode 100644
index 0000000000..39a0d344c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility set to 'visible'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="A block with 'visibility' set to 'visible' will be rendered on the page." />
+ <style type="text/css">
+ div
+ {
+ background: green;
+ height: 100px;
+ visibility: visible;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a box below this line.</p>
+ <div>PASS PASS</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-004.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-004.xht
new file mode 100644
index 0000000000..4347328b0c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-004.xht
@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility set to 'inherit'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="A block can inherit its 'visibility' behavior from its parent container." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ background: orange;
+ }
+ #div2
+ {
+ visibility: hidden;
+ }
+ div div
+ {
+ background: red;
+ visibility: inherit;
+ }
+ #div3
+ {
+ background: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange boxes below are not touching and there is no red visible on the page.</p>
+ <div id="div1"></div>
+ <div id="div2">
+ <div>FAIL FAIL</div>
+ </div>
+ <div id="div3"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-005.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-005.xht
new file mode 100644
index 0000000000..90e4d1868d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-005.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: visibility - descendants of a 'visibility: hidden' element</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/changes.html#q250" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Descendants of a 'visibility: hidden' element will be visible if they have 'visibility: visible'" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ div {visibility: hidden;}
+
+ span
+ {
+ color: red;
+ font: 100px/1 Ahem;
+ }
+
+ span#testpassed
+ {
+ color: green;
+ visibility: visible;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div>
+ <span id="testpassed">X</span> <span>X</span>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-001.xht
new file mode 100644
index 0000000000..e8ec005f0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-001.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility applied to elements with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="The 'visibility' property applies to elements with 'display' set to 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-row-group;
+ visibility: hidden;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: red;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ .box
+ {
+ background: black;
+ height: 1em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is white space between the boxes below and there is no red visible on the page.</p>
+ <div class="box"></div>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ <div class="box"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-002.xht
new file mode 100644
index 0000000000..d219f99732
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-002.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility applied to elements with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="The 'visibility' property applies to elements with 'display' set to 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-header-group;
+ visibility: hidden;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: red;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ .box
+ {
+ background: black;
+ height: 1em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is white space between the boxes below and there is no red visible on the page.</p>
+ <div class="box"></div>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ <div class="box"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-003.xht
new file mode 100644
index 0000000000..67a0a4b5fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-003.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility applied to elements with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="The 'visibility' property applies to elements with 'display' set to 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-footer-group;
+ visibility: hidden;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: red;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ .box
+ {
+ background: black;
+ height: 1em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is white space between the boxes below and there is no red visible on the page.</p>
+ <div class="box"></div>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ <div class="box"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-004.xht
new file mode 100644
index 0000000000..63c359ca04
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-004.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility applied to elements with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="The 'visibility' property applies to elements with 'display' set to 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ visibility: hidden;
+ }
+ #cell
+ {
+ background: red;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ .box
+ {
+ background: black;
+ height: 1em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is white space between the boxes below and there is no red visible on the page.</p>
+ <div class="box"></div>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div class="box"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-005.xht
new file mode 100644
index 0000000000..1d87d192a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-005.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility applied to elements with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="The 'visibility' property applies to elements with 'display' set to 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column-group;
+ visibility: collapse;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: red;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ .box
+ {
+ background: black;
+ height: 1em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is white space between the boxes below and there is no red visible on the page.</p>
+ <div class="box"></div>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div class="box"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-006.xht
new file mode 100644
index 0000000000..1964f13508
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-006.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility applied to elements with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="The 'visibility' property applies to elements with 'display' set to 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ display: table-column;
+ visibility: collapse;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: red;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ .box
+ {
+ background: black;
+ height: 1em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is white space between the boxes below and there is no red visible on the page.</p>
+ <div class="box"></div>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div class="box"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-007.xht
new file mode 100644
index 0000000000..8e83b6cace
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-007.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility applied to elements with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="The 'visibility' property applies to elements with 'display' set to 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: red;
+ display: table-cell;
+ height: 1in;
+ visibility: hidden;
+ width: 1in;
+ }
+ .box
+ {
+ background: black;
+ height: 1em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is white space between the boxes below and there is no red visible on the page.</p>
+ <div class="box"></div>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div class="box"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-008.xht
new file mode 100644
index 0000000000..894fbea046
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-008.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility applied to elements with 'display' set to 'inline'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="The 'visibility' property applies to elements with 'display' set to 'inline'." />
+ <style type="text/css">
+ #div1
+ {
+ background: red;
+ display: inline;
+ visibility: hidden;
+ }
+ .box
+ {
+ background: black;
+ height: 1em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is white space between the boxes below and there is no red visible on the page.</p>
+ <div class="box"></div>
+ <div id="div1">Filler Text</div>
+ <div class="box"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-009.xht
new file mode 100644
index 0000000000..710a73b6fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-009.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility applied to elements with 'display' set to 'block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="The 'visibility' property applies to elements with 'display' set to 'block'." />
+ <style type="text/css">
+ span
+ {
+ background: red;
+ display: block;
+ height: 1in;
+ visibility: hidden;
+ width: 1in;
+ }
+ .box
+ {
+ background: black;
+ height: 1em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is white space between the boxes below and there is no red visible on the page.</p>
+ <div class="box"></div>
+ <div>
+ <span></span>
+ </div>
+ <div class="box"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-010.xht
new file mode 100644
index 0000000000..9985641317
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-010.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility applied to elements with 'display' set to 'list-item'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="The 'visibility' property applies to elements with 'display' set to 'list-item'." />
+ <style type="text/css">
+ div
+ {
+ margin-left: 2em;
+ }
+ #div1
+ {
+ background: red;
+ color: red;
+ display: list-item;
+ height: 1in;
+ visibility: hidden;
+ width: 1in;
+ }
+ .box
+ {
+ background: black;
+ height: 1em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is white space between the boxes below and there is no red visible on the page.</p>
+ <div class="box"></div>
+ <div id="div1"></div>
+ <div class="box"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-012.xht
new file mode 100644
index 0000000000..dd0efbc3aa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-012.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility applied to elements with 'display' set to 'inline-block'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="The 'visibility' property applies to elements with 'display' set to 'inline-block'." />
+ <style type="text/css">
+ #div1
+ {
+ background: red;
+ display: inline-block;
+ height: 1in;
+ visibility: hidden;
+ width: 1in;
+ }
+ .box
+ {
+ background: black;
+ height: 1em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is white space between the boxes below and there is no red visible on the page.</p>
+ <div class="box"></div>
+ <div id="div1"></div>
+ <div class="box"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-013.xht
new file mode 100644
index 0000000000..f4d14e7df6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-013.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility applied to elements with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="The 'visibility' property applies to elements with 'display' set to 'table'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ visibility: hidden;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: red;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ .box
+ {
+ background: black;
+ height: 1em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is white space between the boxes below and there is no red visible on the page.</p>
+ <div class="box"></div>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div class="box"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-014.xht
new file mode 100644
index 0000000000..d44dd8e423
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-014.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility applied to elements with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="The 'visibility' property applies to elements with 'display' set to 'inline-table'." />
+ <style type="text/css">
+ #table
+ {
+ display: inline-table;
+ table-layout: fixed;
+ visibility: hidden;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: red;
+ display: table-cell;
+ height: 1in;
+ width: 1in;
+ }
+ .box
+ {
+ background: black;
+ height: 1em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is white space between the boxes below and there is no red visible on the page.</p>
+ <div class="box"></div>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div class="box"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-015.xht
new file mode 100644
index 0000000000..e84118f816
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-applies-to-015.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility applied to elements with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="The 'visibility' property applies to elements with 'display' set to 'table-caption'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ }
+ #caption
+ {
+ background: red;
+ visibility: hidden;
+ display: table-caption;
+ height: 1in;
+ width: 1in;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: black;
+ display: table-cell;
+ height: 1em;
+ width: 1in;
+ }
+ #box
+ {
+ background: black;
+ height: 1em;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is white space between the boxes below and there is no red visible on the page.</p>
+ <div id="box"></div>
+ <div id="table">
+ <div id="caption"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-block-001.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-block-001.xht
new file mode 100644
index 0000000000..945d85deaf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-block-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Visibility 'collapse' on non-table row or column elements</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="The 'visibility' property set to 'collapse' acts like 'hidden' when applied to non-table row or column elements." />
+ <style type="text/css">
+ div
+ {
+ visibility: collapse;
+ color: red;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>This test fails if this text is visible on the page.</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-collapse-001.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-collapse-001.xht
new file mode 100644
index 0000000000..33ad2432ef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-collapse-001.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS Tables: Visibility</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/011.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility"/>
+ <meta name="flags" content="dom interact"/>
+ <style type="text/css">
+ body { background: white; color: black; }
+ span[onclick] { text-decoration: underline; color: blue; cursor: pointer; }
+ span[onclick]:hover { color: red; }
+ .collapse { visibility: collapse; }
+ table { border-spacing: 1em; }
+ </style>
+ <script type="text/javascript">
+ function toggle(element) {
+ element = document.getElementById(element);
+ if (element.className == '') {
+ element.className = 'collapse';
+ } else {
+ element.className = '';
+ }
+ }
+ </script>
+ </head>
+ <body>
+ <p>Toggle: <span onclick="toggle('col2')">Column 2</span>
+ <span onclick="toggle('col3')">Column 3</span>
+ <span onclick="toggle('row2')">Row 2</span>
+ <span onclick="toggle('row3')">Row 3</span></p>
+ <p>When column 3 is collapsed, row 3 shouldn't move up. When row 2
+ is collapsed, column 3 shouldn't move left. However, when column 2
+ is collapsed, column 3 should move left, and when row 2 is
+ collapsed, row 3 should move up.</p>
+ <table>
+ <colgroup><col/><col id="col2"/><col id="col3"/></colgroup>
+ <tr>
+ <td/>
+ <th onclick="toggle('col2')">Column 2</th>
+ <th onclick="toggle('col3')">Column 3</th>
+ </tr>
+ <tr id="row2">
+ <th onclick="toggle('row2')">Row 2</th>
+ <td>Some really very long data</td>
+ <td>Some data<br/>on two lines</td>
+ </tr>
+ <tr id="row3">
+ <th onclick="toggle('row3')">Row 3</th>
+ <td>Data</td>
+ <td>Yet more data</td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-descendants-001.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-descendants-001.xht
new file mode 100644
index 0000000000..0d4a9bff59
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-descendants-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Descendents of hidden elements can specify a different visibility</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="Descendents of a hidden element will be visible if they have 'visibility' set to 'visible'." />
+ <style type="text/css">
+ #div1
+ {
+ border: 1px solid blue;
+ }
+ #div2
+ {
+ color: red;
+ visibility: hidden;
+ }
+ div div div
+ {
+ color: green;
+ visibility: visible;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the content "Filler Text" is contained within the blue box and there is no red visible on the page.</p>
+ <div id="div1">
+ <div id="div2">
+ This test fails if this text is visible on the page.
+ <div>Filler Text</div>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visufx/visibility-layout-001.xht b/testing/web-platform/tests/css/CSS2/visufx/visibility-layout-001.xht
new file mode 100644
index 0000000000..4ecdf7cf9a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visufx/visibility-layout-001.xht
@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Hidden elements still affect layout</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" />
+ <meta name="assert" content="Invisible boxes still affect layout." />
+ <style type="text/css">
+ div
+ {
+ height: 1in;
+ width: 1in;
+ }
+ #div1
+ {
+ background: orange;
+ }
+ #div2
+ {
+ background: red;
+ visibility: hidden;
+ }
+ #div3
+ {
+ background: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the blue and orange boxes below are not touching and there is no red visible on the page.</p>
+ <div id="div1"></div>
+ <div id="div2">FAIL FAIL</div>
+ <div id="div3"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visuren/anonymous-boxes-001a-ref.xht b/testing/web-platform/tests/css/CSS2/visuren/anonymous-boxes-001a-ref.xht
new file mode 100644
index 0000000000..e8a9a61ebb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/anonymous-boxes-001a-ref.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ div
+ {
+ background-color: green;
+ height: 100px;
+ margin-left: 200px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/anonymous-boxes-001a.xht b/testing/web-platform/tests/css/CSS2/visuren/anonymous-boxes-001a.xht
new file mode 100644
index 0000000000..4a578e1950
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/anonymous-boxes-001a.xht
@@ -0,0 +1,71 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Percent height inside anonymous block</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="anonymous-boxes-001a-ref.xht" />
+
+ <meta content="ahem image" name="flags" />
+ <meta content="Anonymous block boxes are ignored when resolving percentage values that would refer to it: the closest non-anonymous ancestor box is used instead." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ div#overlapped-red
+ {
+ background-color: red;
+ height: 100px;
+ left: 208px;
+ /*
+ 8px : body's margin-left
+ +
+ 160px : 4 characters of "Some" 40px wide each
+ +
+ 40px : one blank white space of 40px wide
+ --------------------------------------------------
+ 208px
+ */
+ position: absolute;
+ width: 100px;
+ z-index: -1;
+ }
+
+ div#closest-non-anonymous-ancestor
+ {
+ color: white;
+ font: 2.5em/1.25 Ahem; /* equivalent to 40px/50px in absolute units */
+ height: 200px;
+ }
+
+ img#child-of-anonymous-block-box {height: 50%;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red"></div>
+
+ <div id="closest-non-anonymous-ancestor">Some <img id="child-of-anonymous-block-box" src="support/1x1-green.png" alt="Image download support must be enabled" /> text
+ <p>More text</p>
+ </div>
+
+ <!--
+ For example, if the child of the anonymous block box inside the DIV
+ above needs to know the height of its containing block to resolve a
+ percentage height, then it will use the height of the containing
+ block formed by the DIV, not of the anonymous block box.
+ -->
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visuren/anonymous-boxes-001b-ref.xht b/testing/web-platform/tests/css/CSS2/visuren/anonymous-boxes-001b-ref.xht
new file mode 100644
index 0000000000..9f9d24f6d4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/anonymous-boxes-001b-ref.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body
+ {
+ font: 1em/1.25 serif;
+ margin: 8px;
+ }
+
+ p {margin: 1em 0;}
+
+ strong {line-height: 1;}
+
+ div
+ {
+ background-color: green;
+ height: 100px;
+ margin-top: 66px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green<br />
+ rectangle across the page and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/anonymous-boxes-001b.xht b/testing/web-platform/tests/css/CSS2/visuren/anonymous-boxes-001b.xht
new file mode 100644
index 0000000000..087a030ff4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/anonymous-boxes-001b.xht
@@ -0,0 +1,89 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Percent height inside anonymous block</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="anonymous-boxes-001b-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+ <meta content="Anonymous block boxes are ignored when resolving percentage values that would refer to it: the closest non-anonymous ancestor box is used instead." name="assert" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ body
+ {
+ font: 1em/1.25 serif;
+ margin: 8px;
+ }
+
+ p {margin: 1em 0;}
+
+ strong {line-height: 1;}
+
+ div#overlapped-red
+ {
+ background-color: red;
+ height: 100px;
+ left: 8px;
+ position: absolute;
+ top: 122px;
+ /*
+ 16px : max(body's margin-top, p's margin-top)
+ +
+ 20px : p's 1st line box height
+ +
+ 20px : p's 2nd line box height
+ +
+ 16px : p's margin-bottom
+ +
+ 50px : div#closest-non-anonymous-ancestor line box height
+ -----------------------------------------------------------
+ 122px
+ */
+ right: 8px;
+ z-index: -1;
+ }
+
+ div#closest-non-anonymous-ancestor
+ {
+ color: white;
+ font: 2.5em/1.25 Ahem; /* equivalent to 40px/50px in absolute units */
+ height: 200px;
+ }
+
+ div#child-of-anonymous-block-box
+ {
+ background-color: green;
+ height: 50%;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green<br />
+ rectangle across the page and <strong>no red</strong>.</p>
+
+ <div id="overlapped-red"></div>
+
+ <div id="closest-non-anonymous-ancestor">Some <div id="child-of-anonymous-block-box"></div> text
+ <p>More text</p>
+ </div>
+
+ <!--
+ For example, if the child of the anonymous block box inside the DIV
+ above needs to know the height of its containing block to resolve a
+ percentage height, then it will use the height of the containing
+ block formed by the DIV, not of the anonymous block box.
+ -->
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-direction-001.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-direction-001.xht
new file mode 100644
index 0000000000..489ec6ce61
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-direction-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: direction:rtl on body</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <meta name="assert" content="direction:rtl on body should inherit to paragraphs"/>
+ <style type="text/css"><![CDATA[
+ body {direction: rtl;}
+ .passcond {direction:ltr;}
+ .control {direction:ltr;text-align:right;}
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p class="passcond">The lines below should be identical:</p>
+ <p class="control">a b c!</p>
+
+ <p>!a b c</p>
+
+</body>
+</html>
+
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-direction-002.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-direction-002.xht
new file mode 100644
index 0000000000..7915da9375
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-direction-002.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: direction - nested ltr and rtl</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <meta name="assert" content="Direction on paragraph should override direction on body"/>
+ <style type="text/css"><![CDATA[
+ body {
+ direction: rtl;
+ }
+ .lefttoright {
+ direction: ltr;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>The lines below should be aligned as specified, and end with an exclamation mark</p>
+
+ <p>
+ !Right-aligned
+ </p>
+ <p class="lefttoright">
+ Left-aligned!
+ </p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-display-block-001.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-display-block-001.xht
new file mode 100644
index 0000000000..9b187f6caf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-display-block-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: bidi and inline with display:block</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <meta name="assert" content="An inline with display:block should be treated as a paragraph in the bidi algorithm"/>
+ <style type="text/css"><![CDATA[
+ div {direction:rtl;}
+ span {display:block;}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>These lines should be identical:</p>
+ <div>
+ <span>
+ a (1) &#1575;&#1587;&#1571;&#1604; TEXT
+ </span>
+ <span>
+ a (1) &#1575;&#1587;&#1571;&#1604; TEXT
+ </span>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-list-001.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-list-001.xht
new file mode 100644
index 0000000000..7ff3c7d671
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-list-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: direction:rtl - unordered list</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <meta name="assert" content="direction:rtl should apply to unordered lists, putting bullets on the right"/>
+ <style type="text/css"><![CDATA[
+ ul {direction: rtl;}
+ ul,li {padding-left:2em;padding-right:2em;}
+ ]]></style>
+ </head>
+
+ <body>
+ <ul>
+ <li>This list has three items</li>
+ <li>And should be right-aligned</li>
+ <li>With bullets to the right</li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-list-002.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-list-002.xht
new file mode 100644
index 0000000000..5ae9d5b13f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-list-002.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: direction:rtl - nested unordered list</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <meta name="assert" content="direction:rtl should apply to nested unordered lists, putting bullets on the right and offset leftwards"/>
+ <style type="text/css"><![CDATA[
+ ul {direction: rtl;}
+ ul,li {padding-left:2em;padding-right:2em;}
+ ]]></style>
+ </head>
+
+ <body>
+ <ul>
+ <li>This list has three items</li>
+ <li>And should be right-aligned</li>
+ <li>With bullets to the right
+ <ul>
+ <li>This list should be indented from the right</li>
+ <li>And should be right-aligned</li>
+ <li>With bullets to the right</li>
+ </ul>
+ </li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-list-003.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-list-003.xht
new file mode 100644
index 0000000000..263e72397a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-list-003.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: direction:rtl - ordered list</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <meta name="assert" content="direction:rtl should apply to nested ordered lists, putting bullets on the right and offset leftwards"/>
+ <style type="text/css"><![CDATA[
+ ol {direction: rtl;}
+ ul,li {padding-left:2em;padding-right:2em;}
+ ]]></style>
+ </head>
+ <body>
+ <ol>
+ <li>This list has three items</li>
+ <li>And should be right-aligned</li>
+ <li>With numbers to the right
+ <ol>
+ <li>This list should be indented from the right</li>
+ <li>And should be right-aligned</li>
+ <li>With numbers to the right</li>
+ </ol>
+ </li>
+ </ol>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-list-004.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-list-004.xht
new file mode 100644
index 0000000000..eefa0588cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-list-004.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: text-align: justify and direction:rtl - unordered list</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <meta name="assert" content="text-align: justify should apply to unordered lists in rtl context without affecting their rtlness"/>
+ <style type="text/css"><![CDATA[
+ html {direction:rtl;}
+ div {width: 14em; border: 1px solid black;}
+ li {text-align: justify;}
+ ul,li {padding-left:2em;padding-right:2em;}
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>The list should have a bullet to the right of each item, and the text in each item should be justified: the text should line up with the box edges
+ on both the left and right sides.</p>
+
+ <div>
+ <ul>
+ <li>This is the first of three items that are justified</li>
+ <li>And this is the second of the three items that are justified</li>
+ <li>And this is the third and last of the three items</li>
+ </ul>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-list-005.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-list-005.xht
new file mode 100644
index 0000000000..4a78a76cac
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-list-005.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: text-align: left and direction:rtl - unordered list</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <meta name="assert" content="text-align:left should be applied to unordered list in rtl context without affecting its rtlness"/>
+ <style type="text/css"><![CDATA[
+ html {direction: rtl;}
+ li {text-align: left;}
+ ul,li {padding-left:2em;padding-right:2em;}
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>The list should be left-aligned and have a bullet to the right of each item</p>
+
+ <ul>
+ <li>First</li>
+ <li>Second</li>
+ <li>Third</li>
+ </ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-list-006.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-list-006.xht
new file mode 100644
index 0000000000..4524fe5fe4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-list-006.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: text-align: right and direction:rtl - unordered list</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <meta name="assert" content="text-align:right should be applied to unordered list in rtl context without affecting its rtlness"/>
+ <style type="text/css"><![CDATA[
+ html {direction: rtl;}
+ li {text-align: right;}
+ ul,li {padding-left:2em;padding-right:2em;}
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>The list should be right-aligned and have a bullet to the right of each item</p>
+
+ <ul>
+ <li>First</li>
+ <li>Second</li>
+ <li>Third</li>
+ </ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-list-007.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-list-007.xht
new file mode 100644
index 0000000000..069d7ea450
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-list-007.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: text-align: center and direction:rtl - unordered list</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/>
+ <meta name="assert" content="text-align: center should apply to unordered lists in rtl context without affecting their rtlness"/>
+ <style type="text/css"><![CDATA[
+ html {direction:rtl;}
+ div {width: 14em; border: 1px solid black;}
+ li {text-align: center;}
+ ul,li {padding-left:2em;padding-right:2em;}
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>The list should have a bullet to the right of each item, and the text in each item should be centered</p>
+
+ <ul>
+ <li>This is the first of three items that are centered</li>
+ <li>And this is the second of the three items that are centered</li>
+ <li>And this is the third and last of the three items</li>
+ </ul>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-override-001.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-override-001.xht
new file mode 100644
index 0000000000..43e4853bd2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-override-001.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: unicode-bidi: bidi-override on table</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <meta name="assert" content="bidi-override should not be applied to table cell content when specified on table"/>
+ <style type="text/css"><![CDATA[
+ .override {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ The lines below should be identical, except whitespace:
+ </p>
+ <table class="override">
+ <tr>
+ <td>
+ abc
+ </td>
+ </tr>
+ </table>
+
+ <p>
+ abc
+ </p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-override-002.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-override-002.xht
new file mode 100644
index 0000000000..1c48d3dd26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-override-002.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: unicode-bidi: bidi-override on table cell</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <meta name="assert" content="bidi-override should be applied to table-cell content when specified on the cell"/>
+ <style type="text/css"><![CDATA[
+ .override {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ The lines below should be identical, except whitespace:
+ </p>
+ <table>
+ <tr>
+ <td class="override">
+ cba
+ </td>
+ </tr>
+ </table>
+
+ <p>
+ abc
+ </p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-override-003.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-override-003.xht
new file mode 100644
index 0000000000..715c49ae0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-override-003.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: unicode-bidi: bidi-override on list</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <meta name="assert" content="bidi-override should not be applied to list item when specified on ul"/>
+ <style type="text/css"><![CDATA[
+ ul, li { margin: 1em 2em; padding: 0; }
+ .override {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the word PASS appears below (followed by a bullet on the right).</p>
+ <ul class="override">
+ <li>
+ PASS
+ </li>
+ </ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-override-004.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-override-004.xht
new file mode 100644
index 0000000000..d4230bba95
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-override-004.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: unicode-bidi: bidi-override on list item</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <meta name="assert" content="bidi-override should be applied when specified on list item"/>
+ <style type="text/css"><![CDATA[
+ ul, li { margin: 1em 2em; padding: 0; }
+ .override {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Test passes if the word PASS appears below (followed by a bullet on the right).</p>
+ <ul>
+ <li class="override">
+ SSAP
+ </li>
+ </ul>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-override-005.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-override-005.xht
new file mode 100644
index 0000000000..88fdbf5b24
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-override-005.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: unicode-bidi: bidi-override on nested div</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <meta name="assert" content="bidi-override should be applied to inline-level descendants but not block-level descendants"/>
+ <style type="text/css"><![CDATA[
+ .override {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+ <p>
+ The lines below should be identical, ignoring whitespace:
+ </p>
+
+ <div class="override">
+ cba
+ <div>
+ abc
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-position-fixed-001.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-position-fixed-001.xht
new file mode 100644
index 0000000000..dcc2362c39
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-position-fixed-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: position:fixed in rtl context</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/>
+ <meta name="assert" content="Default horizontal position of position:fixed block should be right in rtl context, and ancestor direction should still be applied inside the block taken out of normal flow"/>
+ <style type="text/css"><![CDATA[
+ body {direction:rtl;}
+ .note {direction:ltr;position:fixed;margin-top:2em;}
+ ]]></style>
+ </head>
+
+ <body>
+
+ <div style="position:fixed;">!Right</div>
+
+ <p class="note">The word above should be right-aligned on the page and end with an exclamation mark.</p>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-table-001.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-table-001.xht
new file mode 100644
index 0000000000..ba8b548c0b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-table-001.xht
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: direction: rtl on table</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <meta name="assert" content="direction:rtl on table should reverse order of table cells"/>
+ <style type="text/css"><![CDATA[
+ table {border-spacing: 0; margin-bottom: 1em;}
+ table.test {direction:rtl;}
+ td.a {background-color: navy; color: navy;}
+ td.b {background-color: magenta; color: magenta;}
+ td.c {background-color: cyan; color: cyan;}
+ ]]></style>
+ </head>
+ <body>
+
+ <p>You should see two identical colored bands below:</p>
+
+ <table class="test">
+ <tr>
+ <td class="a">xxxxxx</td>
+ <td class="b">xxxxxx</td>
+ <td class="c">xxxxxx</td>
+ </tr>
+ </table>
+
+ <table>
+ <tr>
+ <td class="c">xxxxxx</td>
+ <td class="b">xxxxxx</td>
+ <td class="a">xxxxxx</td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-table-002.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-table-002.xht
new file mode 100644
index 0000000000..edee246c06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-table-002.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: direction: on nested tables</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <meta name="assert" content="direction: should affect order of table cells"/>
+ <style type="text/css"><![CDATA[
+ table {direction: rtl;border-spacing: 0;}
+ table table {direction: ltr;}
+ td {padding:0;}
+ td.a {background-color: navy; color: navy;}
+ td.b {background-color: magenta; color: magenta;}
+ td.c {background-color: cyan; color: cyan;}
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>You should see three solid rectangles below, forming a band:</p>
+
+ <table>
+ <tr>
+ <td class="a">xxxxxx</td>
+ <td class="b">xxxxxx</td>
+ <td class="c">xxxxxx</td>
+ </tr>
+ <tr>
+ <td colspan="3">
+ <table>
+ <tr>
+ <td class="c">xxxxxx</td>
+ <td class="b">xxxxxx</td>
+ <td class="a">xxxxxx</td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
+
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-unicode-bidi-001.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-unicode-bidi-001.xht
new file mode 100644
index 0000000000..09bb06b4de
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-unicode-bidi-001.xht
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: unicode-bidi: bidi-override - rtl</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <meta name="assert" content="unicode-bidi: bidi-override should order characters strictly according to value of direction property"/>
+ <style type="text/css"><![CDATA[
+ .override {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ }
+ .passcond {direction:ltr;}
+ .control {direction:ltr;}
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p class="passcond">The lines below should be identical:</p>
+ <p class="control">a b, c d.</p>
+
+ <p>a b, <span class="override">d c</span>.</p>
+
+ </body>
+</html>
+
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-unicode-bidi-003.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-unicode-bidi-003.xht
new file mode 100644
index 0000000000..3d958aca64
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-unicode-bidi-003.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: unicode-bidi: embed - nested ltr and rtl</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
+ <meta name="assert" content="unicode-bidi: embed should open a new bidi embedding level for inline-level element"/>
+ <style type="text/css"><![CDATA[
+ .firstembed {direction: ltr; unicode-bidi: embed}
+ .secondembed {direction: rtl; unicode-bidi: embed; font-weight: bold;}
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>You should see a longer arabic word to the left, and a shorter one to the right:</p>
+
+ <div class="firstembed">
+ <span class="secondembed">من and أمريكا</span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/bidi-unicode-bidi-004.xht b/testing/web-platform/tests/css/CSS2/visuren/bidi-unicode-bidi-004.xht
new file mode 100644
index 0000000000..85f4674944
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/bidi-unicode-bidi-004.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: direction and borders - normal</title>
+ <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/>
+ <meta name="assert" content="Borders should be unaffected by directionality"/>
+ <style type="text/css"><![CDATA[
+ span {
+ border: 5px solid gray;
+ border-color: green purple yellow blue;
+ }
+
+ .rtol {
+ direction: rtl;
+ unicode-bidi: normal;
+ }
+
+ p {text-align: left;}
+ ]]></style>
+ </head>
+
+ <body>
+ <p>Two identical lines:</p>
+ <p>
+ First <span>Second</span>
+ </p>
+ <p class="rtol">
+ First <span>Second</span>
+ </p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/box-offsets-abs-pos-001.xht b/testing/web-platform/tests/css/CSS2/visuren/box-offsets-abs-pos-001.xht
new file mode 100644
index 0000000000..06cf9866a8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/box-offsets-abs-pos-001.xht
@@ -0,0 +1,77 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: box offsets - containing block for absolute positioned boxes</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <meta content="image" name="flags" />
+ <meta content="Box offsets (bottom, left, right, top) for an absolutely positioned box refers to the padding box of its nearest positioned ancestor; such padding box forms and acts as the containing block of the absolutely positioned box." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ #nearest-positioned-ancestor
+ {
+ background-color: yellow; /* padding box will be yellow */
+ border: orange solid 50px; /* border box will be orange */
+ height: 100px; /* a bright green square 100px by 100px image will serve as content box */
+ margin-left: 100px;
+ padding: 50px;
+ position: relative;
+ top: auto;
+ width: 100px;
+ }
+
+ div > div
+ {
+ background-color: blue;
+ color: white;
+ height: 25px;
+ position: absolute;
+ width: 25px;
+ }
+
+ div#top-left
+ {
+ left: 0px;
+ top: 0px;
+ }
+
+ div#top-right
+ {
+ right: 0px;
+ top: 0px;
+ }
+
+ div#bottom-left
+ {
+ bottom: 0px;
+ left: 0px;
+ }
+
+ div#bottom-right
+ {
+ bottom: 0px;
+ right: 0px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue square at each corner of the yellow square.</p>
+
+ <div id="nearest-positioned-ancestor"><img src="support/100x100-lime.png" alt="Image download support must be enabled" />
+ <div id="top-left">TL</div>
+ <div id="top-right">TR</div>
+ <div id="bottom-left">BL</div>
+ <div id="bottom-right">BR</div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visuren/box-offsets-rel-pos-001.xht b/testing/web-platform/tests/css/CSS2/visuren/box-offsets-rel-pos-001.xht
new file mode 100644
index 0000000000..2bad30fbab
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/box-offsets-rel-pos-001.xht
@@ -0,0 +1,161 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: box offsets - relatively positioned boxes</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <meta content="image" name="flags" />
+ <meta content="Box offsets (bottom, left, right, top) expressed in absolute units (not with percentage unit) for relatively positioned boxes are with respect to the edges of the boxes themselves." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ div#statically-positioned-box
+ {
+ background-color: yellow; /* padding box will be yellow */
+ border: orange solid 50px; /* border box will be orange */
+ height: 100px; /* a bright green square 100px by 100px image will serve as content box */
+ margin-left: 100px;
+ padding: 50px;
+ position: static;
+ width: 100px;
+ }
+
+ div.blue-relatively-positioned
+ {
+ background-color: blue;
+ color: white;
+ height: 25px;
+ position: relative;
+ width: 25px;
+ }
+
+ div#top-left
+ {
+ left: 150px;
+ /*
+ Calculation of left offset:
+
+ 100px (div#statically-positioned-box's margin-left)
+ + 50px (div#statically-positioned-box's border-left)
+ ==================
+ 150px
+ */
+
+ top: -250px;
+ /*
+ Calculation of top offset:
+ - 50px (div#statically-positioned-box's border-bottom)
+ - 50px (div#statically-positioned-box's padding-bottom)
+ - 100px (div#statically-positioned-box's content height)
+ - 50px (div#statically-positioned-box's padding-top)
+ ==================
+ -250px
+ */
+ }
+
+ div#top-right
+ {
+ right: -325px;
+ /*
+ Calculation of right offset:
+
+ - 100px (div#statically-positioned-box's margin-left)
+ - 50px (div#statically-positioned-box's border-left)
+ - 50px (div#statically-positioned-box's padding-left)
+ - 100px (div#statically-positioned-box's content height)
+ - 50px (div#statically-positioned-box's padding-right)
+ + 25px (div#top-right's content width)
+ ==================
+ -325px
+ */
+
+ top: -275px;
+ /*
+ Calculation of top offset:
+ - 25px (div#top-left's content height)
+ - 50px (div#statically-positioned-box's border-bottom)
+ - 50px (div#statically-positioned-box's padding-bottom)
+ - 100px (div#statically-positioned-box's content height)
+ - 50px (div#statically-positioned-box's padding-top)
+ ==================
+ -275px
+ */
+ }
+
+ div#bottom-left
+ {
+ bottom: 125px;
+ /*
+ Calculation of bottom offset:
+ 25px (div#top-left's content height)
+ + 25px (div#top-right's content height)
+ + 50px (div#statically-positioned-box's border-bottom)
+ + 25px (div#bottom-left's content height)
+ ==================
+ 125px
+ */
+
+ left: 150px;
+ /*
+ Calculation of left offset:
+
+ 100px (div#statically-positioned-box's margin-left)
+ + 50px (div#statically-positioned-box's border-left)
+ ==================
+ 150px
+ */
+ }
+
+ div#bottom-right
+ {
+ bottom: 150px;
+ /*
+ Calculation of bottom offset:
+ 25px (div#top-left's content height)
+ + 25px (div#top-right's content height)
+ + 25px (div#bottom-left's content height)
+ + 50px (div#statically-positioned-box's border-bottom)
+ + 25px (div#bottom-right's content height)
+ ==================
+ 150px
+ */
+
+ right: -325px;
+ /*
+ Calculation of right offset:
+
+ - 100px (div#statically-positioned-box's margin-left)
+ - 50px (div#statically-positioned-box's border-left)
+ - 50px (div#statically-positioned-box's padding-left)
+ - 100px (div#statically-positioned-box's content height)
+ - 50px (div#statically-positioned-box's padding-right)
+ + 25px (div#bottom-right's content width)
+ ==================
+ -325px
+ */
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a blue square at each corner of the yellow square.</p>
+
+ <div id="statically-positioned-box"><img src="support/100x100-lime.png" alt="Image download support must be enabled" /></div>
+
+ <div class="blue-relatively-positioned" id="top-left">TL</div>
+
+ <div class="blue-relatively-positioned" id="top-right">TR</div>
+
+ <div class="blue-relatively-positioned" id="bottom-left">BL</div>
+
+ <div class="blue-relatively-positioned" id="bottom-right">BR</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/box-offsets-rel-pos-002-ref.xht b/testing/web-platform/tests/css/CSS2/visuren/box-offsets-rel-pos-002-ref.xht
new file mode 100644
index 0000000000..deaa71d9d0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/box-offsets-rel-pos-002-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ margin: 116px 100px 100px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visuren/box-offsets-rel-pos-002.xht b/testing/web-platform/tests/css/CSS2/visuren/box-offsets-rel-pos-002.xht
new file mode 100644
index 0000000000..7e17de23d1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/box-offsets-rel-pos-002.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: box offsets - position relative</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="match" href="box-offsets-rel-pos-002-ref.xht" />
+
+ <meta content="image" name="flags" />
+ <meta content="The 'top', 'right', 'bottom', 'left' property, for relative positioning, specify the offset of the box itself from its normal in-flow position, from the position it would have had if it had been static." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ img
+ {
+ position: relative;
+ vertical-align: bottom;
+ /* so that images do not "sit" on the
+ baseline but at bottom of line box */
+ }
+
+ img.moves-toward-left {right: 100px;}
+
+ img.moves-toward-top {bottom: 100px;}
+
+ img.moves-toward-right {left: 100px;}
+
+ img.moves-toward-bottom {top: 100px;}
+
+ /*
+ In this testcase, 7 red 100px wide by 100px squares overlap
+ another red 100px wide by 100px square (placed in the center of
+ a 3 by 3 grid of squares) and then, at the end, one single
+ green 100px wide by 100px square overlaps all 8 other red boxes.
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div><img class="moves-toward-right moves-toward-bottom" src="support/100x100-red.png" width="100" height="100" alt="Image download support must be enabled" /><img class="moves-toward-bottom" src="support/100x100-red.png" width="100" height="100" alt="Image download support must be enabled" /><img class="moves-toward-left moves-toward-bottom" src="support/100x100-red.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ <div><img class="moves-toward-right" src="support/100x100-red.png" width="100" height="100" alt="Image download support must be enabled" /><img src="support/100x100-red.png" width="100" height="100" alt="Image download support must be enabled" /><img class="moves-toward-left" src="support/100x100-red.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ <div><img class="moves-toward-right moves-toward-top" src="support/100x100-red.png" width="100" height="100" alt="Image download support must be enabled" /><img class="moves-toward-top" src="support/100x100-red.png" width="100" height="100" alt="Image download support must be enabled" /><img class="moves-toward-left moves-toward-top" src="support/green_box.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visuren/clear-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/visuren/clear-applies-to-016.xht
new file mode 100644
index 0000000000..a72b5d2924
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/clear-applies-to-016.xht
@@ -0,0 +1,86 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'clear' applied to the table wrapper box (has 1 caption at top)</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <!--
+ "(...) list of properties that are used on the table wrapper box and not
+ the table box. (...) this is the case for 'clear' as well:
+ If 'clear' is to have an effect, the table and its captions (if any)
+ should stay together and not be separated by clearance.
+ Re: [CSS21] The 'clear' property on table wrappers.
+ http://lists.w3.org/Archives/Public/www-style/2012Jun/0072.html
+ -->
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="../floats-clear/clear-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property apply to elements with a display of 'table' and is applied to the table wrapper box and not on the table box. In this test, the table wrapper box has a table caption placed before the table box." />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p
+ {
+ float: left;
+ line-height: 1.25;
+ margin: 1em 0;
+ width: 320px;
+ }
+
+ div#table
+ {
+ background-color: blue;
+ clear: both;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+
+ div#caption
+ {
+ background-color: blue;
+ caption-side: top;
+ color: blue;
+ display: table-caption;
+ height: 0.5in;
+ width: 1in;
+ }
+
+ div.row {display: table-row;}
+
+ div.cell
+ {
+ color: blue;
+ display: table-cell;
+ height: 0.25in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled blue square <strong>below this text</strong>.</p>
+
+ <div id="table">
+
+ <div id="caption">cap</div>
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/clear-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/visuren/clear-applies-to-017.xht
new file mode 100644
index 0000000000..c421afce02
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/clear-applies-to-017.xht
@@ -0,0 +1,88 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: 'clear' applied to the table wrapper box (has 1 caption at bottom)</title>
+
+
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <!--
+ "(...) list of properties that are used on the table wrapper box and not
+ the table box. (...) this is the case for 'clear' as well:
+ If 'clear' is to have an effect, the table and its captions (if any)
+ should stay together and not be separated by clearance.
+ Re: [CSS21] The 'clear' property on table wrappers.
+ http://lists.w3.org/Archives/Public/www-style/2012Jun/0072.html
+ -->
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="../floats-clear/clear-applies-to-009-ref.xht" />
+
+ <meta name="assert" content="The 'clear' property apply to elements with a display of 'table' and is applied to the table wrapper box and not on the table box. In this test, the table wrapper box has a table caption placed after the table box." />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p
+ {
+ float: left;
+ line-height: 1.25;
+ margin: 1em 0;
+ width: 320px;
+ }
+
+ div#table
+ {
+ background-color: blue;
+ clear: both;
+ display: table;
+ table-layout: fixed;
+ width: 1in;
+ }
+
+ div.row {display: table-row;}
+
+ div.cell
+ {
+ color: blue;
+ display: table-cell;
+ height: 0.25in;
+ }
+
+ div#caption
+ {
+ background-color: blue;
+ caption-side: bottom;
+ color: blue;
+ display: table-caption;
+ height: 0.5in;
+ width: 1in;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled blue square <strong>below this text</strong>.</p>
+
+ <div id="table">
+
+ <div class="row">
+ <div class="cell">a</div><div class="cell">b</div>
+ </div>
+
+ <div class="row">
+ <div class="cell">c</div><div class="cell">d</div>
+ </div>
+
+ <div id="caption">cap</div>
+
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/emptyspan-1-ref.html b/testing/web-platform/tests/css/CSS2/visuren/emptyspan-1-ref.html
new file mode 100644
index 0000000000..a66a85e762
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/emptyspan-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<body style="direction: ltr">
+ <span style="display: block">x</span>
+ <span style="border: 5px solid blue; border-left: none; border-right: none;
+ padding-right: 10px"></span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/emptyspan-1.html b/testing/web-platform/tests/css/CSS2/visuren/emptyspan-1.html
new file mode 100644
index 0000000000..dcf9367d2a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/emptyspan-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="emptyspan-1-ref.html">
+<body style="direction: ltr">
+ <span style="border: 5px solid blue; border-left: none; border-right: none;
+ padding-right: 10px">
+ <span style="display: block">x</span>
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/emptyspan-2-ref.html b/testing/web-platform/tests/css/CSS2/visuren/emptyspan-2-ref.html
new file mode 100644
index 0000000000..941044b926
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/emptyspan-2-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<body style="direction: rtl">
+ <span style="border: 5px solid blue; border-left: none; border-right: none;
+ padding-right: 10px"></span>
+ <span style="display: block">x</span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/emptyspan-2.html b/testing/web-platform/tests/css/CSS2/visuren/emptyspan-2.html
new file mode 100644
index 0000000000..b740fad71b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/emptyspan-2.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="emptyspan-2-ref.html">
+<body style="direction: rtl">
+ <span style="border: 5px solid blue; border-left: none; border-right: none;
+ padding-right: 10px">
+ <span style="display: block">x</span>
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/emptyspan-3-ref.html b/testing/web-platform/tests/css/CSS2/visuren/emptyspan-3-ref.html
new file mode 100644
index 0000000000..629c3424ca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/emptyspan-3-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<body style="direction: ltr">
+ <span style="border: 5px solid blue; border-left: none; border-right: none;
+ padding-left: 10px"></span>
+ <span style="display: block">x</span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/emptyspan-3.html b/testing/web-platform/tests/css/CSS2/visuren/emptyspan-3.html
new file mode 100644
index 0000000000..1be809ec2d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/emptyspan-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="emptyspan-3-ref.html">
+<body style="direction: ltr">
+ <span style="border: 5px solid blue; border-left: none; border-right: none;
+ padding-left: 10px">
+ <span style="display: block">x</span>
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/emptyspan-4-ref.html b/testing/web-platform/tests/css/CSS2/visuren/emptyspan-4-ref.html
new file mode 100644
index 0000000000..af74e690e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/emptyspan-4-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<body style="direction: rtl">
+ <span style="display: block">x</span>
+ <span style="border: 5px solid blue; border-left: none; border-right: none;
+ padding-left: 10px"></span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/emptyspan-4.html b/testing/web-platform/tests/css/CSS2/visuren/emptyspan-4.html
new file mode 100644
index 0000000000..3656ada504
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/emptyspan-4.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="emptyspan-4-ref.html">
+<body style="direction: rtl">
+ <span style="border: 5px solid blue; border-left: none; border-right: none;
+ padding-left: 10px">
+ <span style="display: block">x</span>
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/fixed-pos-stacking-001-ref.xht b/testing/web-platform/tests/css/CSS2/visuren/fixed-pos-stacking-001-ref.xht
new file mode 100644
index 0000000000..e85be0e691
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/fixed-pos-stacking-001-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+ <style type="text/css">
+ div {width: 5em; height: 2em}
+
+ /* absolute with 'z-index: auto' does not create a stacking context */
+ #absolute {position: absolute; left: 1em; top: 3em; background: green}
+ #absolute div {position: absolute}
+ #absolute div div {position: absolute; z-index: -1; background: green}
+
+ /* fixed with 'z-index: auto' *does* create a stacking context */
+ #fixed {position: fixed; left: 10em; top: 3em; background: green}
+ #fixed div {position: absolute}
+ #fixed div div {position: absolute; z-index: -1; background: green}
+ </style>
+ </head>
+
+ <body>
+ <p>There should be no red.</p>
+
+ <div id="absolute">
+ <div>
+ <div></div>
+ </div>
+ </div>
+
+ <div id="fixed">
+ <div>
+ <div></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/fixed-pos-stacking-001.xht b/testing/web-platform/tests/css/CSS2/visuren/fixed-pos-stacking-001.xht
new file mode 100644
index 0000000000..1912d70938
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/fixed-pos-stacking-001.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS test: fixed positioning makes a stacking context</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/visuren.html#z-index" title="9.9.1 Specifying the stack level: the 'z-index' property" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.9.9.1" title="C.1 Changes since the Recommendation of 7 June 2011" />
+ <meta name="assert" content="auto The stack level of the generated box in the current stacking context is 0. If the box has 'position: fixed' or if it is the root, it also establishes a new stacking context." />
+ <link rel="match" href="fixed-pos-stacking-001-ref.xht" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+
+ <style type="text/css">
+ div {width: 5em; height: 2em}
+
+ /* absolute with 'z-index: auto' does not create a stacking context */
+ #absolute {position: absolute; left: 1em; top: 3em; background: green}
+ #absolute div {position: absolute}
+ #absolute div div {position: absolute; z-index: -1; background: red}
+
+ /* fixed with 'z-index: auto' *does* create a stacking context */
+ #fixed {position: fixed; left: 10em; top: 3em; background: red}
+ #fixed div {position: absolute}
+ #fixed div div {position: absolute; z-index: -1; background: green}
+ </style>
+ </head>
+
+ <body>
+ <p>There should be no red.</p>
+
+ <div id="absolute">
+ <div>
+ <div></div>
+ </div>
+ </div>
+
+ <div id="fixed">
+ <div>
+ <div></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/float-inside-inline-between-blocks-1-ref.html b/testing/web-platform/tests/css/CSS2/visuren/float-inside-inline-between-blocks-1-ref.html
new file mode 100644
index 0000000000..d9146e2ae0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/float-inside-inline-between-blocks-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<div style="position: relative; left: 100px">
+ aaa
+</div>
+<span style="position: relative; left: 100px">
+ <span style="float: left">bbb</span>
+</span>
+<div style="position: relative; left: 100px">
+ aaa
+</div>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/float-inside-inline-between-blocks-1.html b/testing/web-platform/tests/css/CSS2/visuren/float-inside-inline-between-blocks-1.html
new file mode 100644
index 0000000000..296dcb9bde
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/float-inside-inline-between-blocks-1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="float-inside-inline-between-blocks-1-ref.html">
+<span style="position: relative; left: 100px">
+ <span style="display: block">
+ aaa
+ </span>
+ <span style="float: left">bbb</span>
+ <span style="display: block">
+ aaa
+ </span>
+</span>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/inherit-static-offset-001.xht b/testing/web-platform/tests/css/CSS2/visuren/inherit-static-offset-001.xht
new file mode 100644
index 0000000000..6db781c9b9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/inherit-static-offset-001.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: top and left - inherit keyword on element with statically positioned parent</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit" title="6.2.1 The 'inherit' value" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="image" name="flags" />
+ <meta content="When using the 'inherit' reserved keyword value, the property takes the same specified value as the property for the element's parent, even in cases where such property does not apply. This test covers the case where the parent has absolute value lengths for left and top." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#parent
+ {
+ background: red url("support/pattern-gg-gr-100x100.png") no-repeat;
+ height: 100px;
+ left: 50px;
+ position: static;
+ top: 50px;
+ /*
+ The 'top', 'right', 'bottom', and 'left' properties
+ do not apply on a statically positioned element
+ */
+ width: 100px;
+ }
+
+ div#child
+ {
+ background-color: green;
+ height: 50px;
+ left: inherit;
+ position: relative;
+ top: inherit;
+ width: 50px;
+ }
+
+ /*
+ In this test, left and top offset values will be inherited
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="parent">
+ <div id="child"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/inherit-static-offset-002.xht b/testing/web-platform/tests/css/CSS2/visuren/inherit-static-offset-002.xht
new file mode 100644
index 0000000000..1860e76ebc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/inherit-static-offset-002.xht
@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: top and left - inherit keyword on element with statically positioned parent</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit" title="6.2.1 The 'inherit' value" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="image" name="flags" />
+ <meta content="When using the 'inherit' reserved keyword value, the property takes the same specified value as the property for the element's parent, even in cases where such property does not apply. This test covers the case where the parent has percentage value lengths for left and top. Box offset specified as a percentage refer to the height (for top and bottom) or to the width (for left and right) of its containing block. If an element's position is 'relative', then its containing block is formed by the content edge of the nearest block container ancestor box." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#parent
+ {
+ background: red url("support/pattern-gg-gr-100x100.png") no-repeat;
+ height: 100px;
+ left: 50%;
+ position: static;
+ top: 50%;
+ /*
+ The 'top', 'right', 'bottom', and 'left' properties
+ do not apply on a statically positioned element
+ */
+ width: 100px;
+ }
+
+ div#child
+ {
+ background-color: green;
+ height: 50px;
+ left: inherit;
+ position: relative;
+ top: inherit;
+ width: 50px;
+ }
+
+ /*
+ In this test, left and top offset values will be inherited
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="parent">
+ <div id="child"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/inherit-static-offset-003.xht b/testing/web-platform/tests/css/CSS2/visuren/inherit-static-offset-003.xht
new file mode 100644
index 0000000000..32533df5e6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/inherit-static-offset-003.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: top and left - inherit keyword on element with statically positioned parent</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit" title="6.2.1 The 'inherit' value" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="image" name="flags" />
+ <meta content="When using the 'inherit' reserved keyword value, the property takes the same specified value as the property for the element's parent, even in cases where such property does not apply. This test covers the case where the parent has relative value lengths for left and top." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div#parent
+ {
+ background: red url("support/pattern-gg-gr-100x100.png") no-repeat;
+ height: 100px;
+ left: 3.125em;
+ position: static;
+ top: 3.125em;
+ /*
+ The 'top', 'right', 'bottom', and 'left' properties
+ do not apply on a statically positioned element
+ */
+ width: 100px;
+ }
+
+ div#child
+ {
+ background-color: green;
+ height: 50px;
+ font-size: 6.25em;
+ left: inherit;
+ position: relative;
+ top: inherit;
+ /*
+ What is inherited is a computed value
+ (which is, in this test, 3.125em mult by 16px == 50px),
+ not the specified value (6.25em) of parent.
+ */
+ width: 50px;
+ }
+
+ /*
+ In this test, left and top offset values will be inherited
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="parent">
+ <div id="child"></div>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/inline-formatting-context-001-ref.xht b/testing/web-platform/tests/css/CSS2/visuren/inline-formatting-context-001-ref.xht
new file mode 100644
index 0000000000..42f12fe4bc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/inline-formatting-context-001-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+
+ <style type="text/css"><![CDATA[
+ #block {display: block; min-width: 25em}
+ ]]></style>
+ </head>
+
+ <body>
+ <div id="block">
+ Test
+ passes
+ if
+ all
+ words
+ are
+ on
+ one
+ line.
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/inline-formatting-context-001.xht b/testing/web-platform/tests/css/CSS2/visuren/inline-formatting-context-001.xht
new file mode 100644
index 0000000000..e6917a26b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/inline-formatting-context-001.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Establishing an Inline Formatting Context</title>
+
+ <link rel="help" href="http://www.w3.org/TR/CSS22/visuren.html#inline-formatting" />
+ <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.9.4.2" />
+ <link rel="match" href="inline-formatting-context-001-ref.xht" />
+ <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" />
+ <meta name="assert" content="An inline formatting context is established by a block container box that contains no block-level boxes. In an inline formatting context, boxes are laid out horizontally, one after the other, beginning at the top of a containing block." />
+
+ <style type="text/css"><![CDATA[
+ #block {display: block; min-width: 25em}
+ .inline {display: inline}
+ ]]></style>
+ </head>
+
+ <body>
+ <div id="block">
+ <div class="inline">Test</div>
+ passes
+ <div class="inline">if</div>
+ all
+ words
+ <div class="inline">are</div>
+ on
+ <div class="inline">one</div>
+ line.
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/left-offset-position-fixed-001-ref.xht b/testing/web-platform/tests/css/CSS2/visuren/left-offset-position-fixed-001-ref.xht
new file mode 100644
index 0000000000..00e2afe4e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/left-offset-position-fixed-001-ref.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Chris Rebert" href="http://chrisrebert.com" />
+ <style type="text/css">
+#greensquare {
+ background-color: green;
+ position: absolute;
+ left: 50%;
+ width: 100px;
+ height: 100px;
+}
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a solid green square and <strong>no red</strong>.</p>
+
+ <div id="greensquare"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/left-offset-position-fixed-001.xht b/testing/web-platform/tests/css/CSS2/visuren/left-offset-position-fixed-001.xht
new file mode 100644
index 0000000000..646552c308
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/left-offset-position-fixed-001.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: left:auto offset of position:fixed box in a position:relative containing block</title>
+ <link rel="author" title="Chris Rebert" href="http://chrisrebert.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" title="10.3.7 Absolutely positioned, non-replaced elements" />
+ <link rel="help" href="https://drafts.csswg.org/css2/visuren.html#position-props" />
+ <link rel="help" href="https://drafts.csswg.org/css2/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="left-offset-position-fixed-001-ref.xht" />
+ <meta name="assert" content="The 'left' box offset property, for fixed positioning, when set to 'auto' specifies the offset of the box from its 'static-position containing block'. Here, in this test, the 'static-position containing block' is #shifted-column and the containing block for #red is established by the viewport." />
+ <style type="text/css">
+#shifted-column {
+ left: 50%;
+ width: 50%;
+ position: relative;
+}
+.square {
+ width: 100px;
+ height: 100px;
+}
+#red {
+ background-color: red;
+ position: fixed;
+ left: auto;
+}
+#green {
+ background-color: green;
+ position: absolute;
+ left: 50%;
+}
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a solid green square and <strong>no red</strong>.</p>
+
+ <div id="shifted-column">
+ <div id="red" class="square"></div>
+ </div>
+ <div id="green" class="square"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/percent-height-1-ref.html b/testing/web-platform/tests/css/CSS2/visuren/percent-height-1-ref.html
new file mode 100644
index 0000000000..0f74e18a85
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/percent-height-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<div style="height: 100px; border: 10px solid black"></div>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/percent-height-1.html b/testing/web-platform/tests/css/CSS2/visuren/percent-height-1.html
new file mode 100644
index 0000000000..91c1594b27
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/percent-height-1.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="percent-height-1-ref.html">
+<body style="height: 200px">
+ <span>
+ <span style="display: block; height: 50%; border: 10px solid black">
+ </span>
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/position-absolute-008a.xht b/testing/web-platform/tests/css/CSS2/visuren/position-absolute-008a.xht
new file mode 100644
index 0000000000..bf8cb26127
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/position-absolute-008a.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Float is computed to 'none' when element is absolutely positioned</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" title="9.7 Relationships between 'display', 'position', and 'float'" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="Float is computed to 'none' when 'position: absolute' is specified." />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 100px;
+ width: 100px;
+ }
+
+ div#rel-pos-container
+ {
+ position: relative;
+ width: auto;
+ }
+
+ div#abspos-green-overlapping
+ {
+ background-color: green;
+ float: right;
+ left: auto;
+ position: absolute;
+ top: auto;
+ }
+
+ div#static-red-overlapped
+ {
+ background-color: red;
+ position: static;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="rel-pos-container">
+ <div id="abspos-green-overlapping"></div>
+ <div id="static-red-overlapped"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visuren/position-absolute-percentage-inherit-001-ref.xht b/testing/web-platform/tests/css/CSS2/visuren/position-absolute-percentage-inherit-001-ref.xht
new file mode 100644
index 0000000000..9cf6e10bc5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/position-absolute-percentage-inherit-001-ref.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p
+ {
+ font: 1em/1.25 serif;
+ margin: 1em 0em;
+ }
+
+ div
+ {
+ background-color: green;
+ height: 300px;
+ width: 400px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled<br />
+ green rectangle and no red.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/position-absolute-percentage-inherit-001.xht b/testing/web-platform/tests/css/CSS2/visuren/position-absolute-percentage-inherit-001.xht
new file mode 100644
index 0000000000..3b9feaf25e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/position-absolute-percentage-inherit-001.xht
@@ -0,0 +1,116 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: position absolute - dimensions and position given by offset percentages and inherit</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="help" title="6.2.1 The 'inherit' value" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit" />
+ <link rel="help" title="4.3.2 Length" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="match" href="position-absolute-percentage-inherit-001-ref.xht" />
+
+ <meta content="Absolutely positioned boxes can be dimensioned and positioned solely by setting offset 'top', 'right', 'bottom' and 'left' property values with percentage unit and then with inherit keyword. 'inherit' on a offset property makes such offset property take the same computed value as the offset property of the nearest positioned ancestor; in the case of a percentage value - like in this testcase - , the computed value is the specified percentage value of such nearest positioned ancestor." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ body {margin: 8px;}
+
+ p
+ {
+ font: 1em/1.25 serif;
+ margin: 1em 0em;
+ }
+
+ div#rel-pos-grand-parent
+ {
+ background-color: green;
+ height: 300px;
+ position: relative;
+ width: 400px;
+ }
+
+ div#abs-pos-parent
+ {
+ background-color: green;
+ bottom: 10%; /* 10% of 300px == 30px */
+ left: 15%; /* 15% of 400px == 60px */
+ position: absolute;
+ right: 20%; /* 20% of 400px == 80px */
+ top: 30%; /* 30% of 300px == 90px */
+ /*
+ height will be 300px minus 90px minus 30px == 180px
+ width will be 400px minus 60px minus 80px == 260px
+ */
+ }
+
+ div#abs-pos-child-red
+ {
+ background-color: red;
+ bottom: inherit; /* 10% of div#abs-pos-parent's height == 18px */
+ left: inherit; /* 15% of div#abs-pos-parent's width == 39px */
+ position: inherit;
+ right: inherit; /* 20% of div#abs-pos-parent's width == 52px */
+ top: inherit; /* 30% of div#abs-pos-parent's height == 54px */
+ /*
+ height will be 180px minus 54px minus 18px == 108px
+ width will be 260px minus 39px minus 52px == 169px
+ */
+ }
+
+ div#abs-pos-overlapping-green
+ {
+ background-color: green;
+ height: 108px;
+ left: 107px;
+ /*
+ 8px (body's margin-left)
+ +
+ 60px (div#abs-pos-parent's left offset)
+ +
+ 39px (div#abs-pos-child-red's left offset)
+ ==================
+ 107px
+ */
+ position: absolute;
+ width: 169px;
+ top: 216px;
+ }
+
+ /*
+ max(8px, 16px) (margin collapsing between body's margin-top and p's margin-top)
+ +
+ 20px (first line)
+ +
+ 20px (second line)
+ +
+ 16px (p's margin-bottom)
+ +
+ 90px (div#abs-pos-parent's top offset)
+ +
+ 54px (div#abs-pos-child-red's top offset)
+ ==================
+ 216px
+ */
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled <br />
+ green rectangle and no red.</p>
+
+ <div id="rel-pos-grand-parent">
+ <div id="abs-pos-parent">
+ <div id="abs-pos-child-red"></div>
+ </div>
+ </div>
+
+ <div id="abs-pos-overlapping-green"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-1-noib-ref.html b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-1-noib-ref.html
new file mode 100644
index 0000000000..7b8a141e78
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-1-noib-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<style>
+ body > span { border: 3px solid blue }
+ #start { border-right: none; }
+ #two { border-left: none; }
+</style>
+<body>
+ <span id="start"></span>
+ <div>One</div>
+ <span id="two">
+ Two
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-1-ref.html b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-1-ref.html
new file mode 100644
index 0000000000..f197d6ac93
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="remove-from-split-inline-1-noib-ref.html">
+<style>
+ body > span { border: 3px solid blue }
+</style>
+<body>
+ <span
+ ><div>One</div>
+ Two
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-1.html b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-1.html
new file mode 100644
index 0000000000..07053efa19
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="remove-from-split-inline-1-ref.html">
+<script>
+function doit() {
+ var target = document.getElementById("target");
+ target.remove();
+}
+</script>
+<style>
+ body > span { border: 3px solid blue }
+</style>
+<body onload='doit()'>
+ <span
+ ><span id="target">Four</span
+ ><div>One</div>
+ Two
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-2-ref.html b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-2-ref.html
new file mode 100644
index 0000000000..9fd41e1384
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-2-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<style>
+ body > span { border: 3px solid blue }
+</style>
+<body>
+ <span>
+ One
+ Two
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-2.html b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-2.html
new file mode 100644
index 0000000000..d4cf51040e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="remove-from-split-inline-2-ref.html">
+<script>
+function doit() {
+ var target = document.getElementById("target");
+ target.remove();
+}
+</script>
+<style>
+ body > span { border: 3px solid blue }
+</style>
+<body onload='doit()'>
+ <span>
+ One
+ <div id="target">Three</div>
+ Two
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-3-noib-ref.html b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-3-noib-ref.html
new file mode 100644
index 0000000000..124b8fd890
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-3-noib-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<style>
+ body > span { border: 3px solid blue }
+ #one { border-right: none; }
+ #tail { border-left: none; }
+</style>
+<body>
+ <span id="one">
+ One
+ </span>
+ <div>Two</div>
+ <span id="tail"></span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-3-ref.html b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-3-ref.html
new file mode 100644
index 0000000000..5822665ffe
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-3-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="remove-from-split-inline-3-noib-ref.html">
+<style>
+ body > span { border: 3px solid blue }
+</style>
+<body>
+ <span>
+ One
+ <div>Two</div
+ ></span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-3.html b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-3.html
new file mode 100644
index 0000000000..1d5e2a45be
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-3.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="remove-from-split-inline-3-ref.html">
+<script>
+function doit() {
+ var target = document.getElementById("target");
+ target.remove();
+}
+</script>
+<style>
+ body > span { border: 3px solid blue }
+</style>
+<body onload='doit()'>
+ <span>
+ One
+ <div>Two</div
+ ><span id="target">Three</span
+ ></span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-4-noib-ref.html b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-4-noib-ref.html
new file mode 100644
index 0000000000..10c563ce54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-4-noib-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<style>
+ body > span { border: 3px solid blue }
+ #one { border-right: none; }
+ #four { border-left: none; }
+</style>
+<body>
+ <span id="one">
+ One
+ Two
+ </span>
+ <div>Three</div>
+ <span id="four">
+ Four
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-4-ref.html b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-4-ref.html
new file mode 100644
index 0000000000..8768b0d25b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-4-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="remove-from-split-inline-4-noib-ref.html">
+<style>
+ body > span { border: 3px solid blue }
+</style>
+<body>
+ <span>
+ One
+ Two
+ <div>Three</div>
+ Four
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-4.html b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-4.html
new file mode 100644
index 0000000000..44c0ceed87
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-4.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="remove-from-split-inline-4-ref.html">
+<script>
+function doit() {
+ var target = document.getElementById("target");
+ target.remove();
+}
+</script>
+<style>
+ body > span { border: 3px solid blue }
+</style>
+<body onload='doit()'>
+ <span>
+ One
+ <div id="target">Five</div>
+ Two
+ <div>Three</div>
+ Four
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-5-noib-ref.html b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-5-noib-ref.html
new file mode 100644
index 0000000000..8bd8802f66
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-5-noib-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<style>
+ body > span { border: 3px solid blue }
+ #one { border-right: none; }
+ #three { border-left: none; }
+</style>
+<body>
+ <span id="one">
+ One
+ </span>
+ <div>Two</div>
+ <span id="three">
+ Three
+ Four
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-5-ref.html b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-5-ref.html
new file mode 100644
index 0000000000..68258ef8b1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-5-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="remove-from-split-inline-5-noib-ref.html">
+<style>
+ body > span { border: 3px solid blue }
+</style>
+<body>
+ <span>
+ One
+ <div>Two</div>
+ Three
+ Four
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-5.html b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-5.html
new file mode 100644
index 0000000000..539115e030
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-5.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="remove-from-split-inline-5-ref.html">
+<script>
+function doit() {
+ var target = document.getElementById("target");
+ target.remove();
+}
+</script>
+<style>
+ body > span { border: 3px solid blue }
+</style>
+<body onload='doit()'>
+ <span>
+ One
+ <div>Two</div>
+ Three
+ <div id="target">Five</div>
+ Four
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-6-noib-ref.html b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-6-noib-ref.html
new file mode 100644
index 0000000000..7678e811c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-6-noib-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<style>
+ body > span { border: 3px solid blue }
+ #one { border-right: none; }
+ #four { border-left: none; }
+</style>
+<body>
+ <span id="one">
+ One
+ </span>
+ <div>Two</div>
+ <div>Three</div>
+ <span id="four">
+ Four
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-6-ref.html b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-6-ref.html
new file mode 100644
index 0000000000..bd43b45db5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-6-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="remove-from-split-inline-6-noib-ref.html">
+<style>
+ body > span { border: 3px solid blue }
+</style>
+<body>
+ <span>
+ One
+ <div>Two</div>
+ <div>Three</div>
+ Four
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-6.html b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-6.html
new file mode 100644
index 0000000000..99bbcf7a0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-from-split-inline-6.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+<link rel="match" href="remove-from-split-inline-6-ref.html">
+<script>
+function doit() {
+ var target = document.getElementById("target");
+ target.remove();
+}
+</script>
+<style>
+ body > span { border: 3px solid blue }
+</style>
+<body onload='doit()'>
+ <span>
+ One
+ <div>Two</div>
+ <span id="target">Five</span>
+ <div>Three</div>
+ Four
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-split-inline-1-ref.html b/testing/web-platform/tests/css/CSS2/visuren/remove-split-inline-1-ref.html
new file mode 100644
index 0000000000..cf4cfffd50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-split-inline-1-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+One
+Two
diff --git a/testing/web-platform/tests/css/CSS2/visuren/remove-split-inline-1.html b/testing/web-platform/tests/css/CSS2/visuren/remove-split-inline-1.html
new file mode 100644
index 0000000000..cfe6a5e8c0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/remove-split-inline-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="remove-split-inline-1-ref.html">
+<script>
+function doit() {
+ var target = document.getElementById("target");
+ target.remove();
+}
+</script>
+<body onload='doit()'>
+ One
+ <span id="target">
+ Three
+ <div>Four</div>
+ Five
+ </span>
+ Two
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/right-offset-position-fixed-001-ref.xht b/testing/web-platform/tests/css/CSS2/visuren/right-offset-position-fixed-001-ref.xht
new file mode 100644
index 0000000000..0f91ecfb7f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/right-offset-position-fixed-001-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference File</title>
+ <link rel="author" title="Chris Rebert" href="http://chrisrebert.com" />
+ <style type="text/css">
+html {
+ direction: rtl;
+}
+p {
+ direction: ltr;
+}
+#greensquare {
+ background-color: green;
+ position: absolute;
+ right: 50%;
+ width: 100px;
+ height: 100px;
+}
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a solid green square and <strong>no red</strong>.</p>
+
+ <div id="greensquare"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/right-offset-position-fixed-001.xht b/testing/web-platform/tests/css/CSS2/visuren/right-offset-position-fixed-001.xht
new file mode 100644
index 0000000000..e232db90a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/right-offset-position-fixed-001.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: right:auto offset of position:fixed box in an RTL position:relative containing block</title>
+ <link rel="author" title="Chris Rebert" href="http://chrisrebert.com" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-17 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" title="10.3.7 Absolutely positioned, non-replaced elements" />
+ <link rel="help" href="https://drafts.csswg.org/css2/visuren.html#position-props" />
+ <link rel="help" href="https://drafts.csswg.org/css2/visudet.html#abs-non-replaced-width" />
+ <link rel="match" href="right-offset-position-fixed-001-ref.xht" />
+ <meta name="assert" content="The 'right' box offset property, for fixed positioning, when set to 'auto' specifies the offset of the box from its 'static-position containing block'. Here, in this test, the 'static-position containing block' is #shifted-column and the containing block for #red is established by the viewport." />
+ <style type="text/css">
+html {
+ direction: rtl;
+}
+p {
+ direction: ltr;
+}
+#shifted-column {
+ right: 50%;
+ width: 50%;
+ position: relative;
+}
+.square {
+ width: 100px;
+ height: 100px;
+}
+#red {
+ background-color: red;
+ position: fixed;
+ right: auto;
+}
+#green {
+ background-color: green;
+ position: absolute;
+ right: 50%;
+}
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a solid green square and <strong>no red</strong>.</p>
+
+ <div id="shifted-column">
+ <div id="red" class="square"></div>
+ </div>
+ <div id="green" class="square"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/split-inner-inline-1-ref.html b/testing/web-platform/tests/css/CSS2/visuren/split-inner-inline-1-ref.html
new file mode 100644
index 0000000000..3f2a82f83c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/split-inner-inline-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<span>First line</span>
+<div>Second line</div>
+<span>Third line, yes</span>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/split-inner-inline-1.html b/testing/web-platform/tests/css/CSS2/visuren/split-inner-inline-1.html
new file mode 100644
index 0000000000..3ae7392c23
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/split-inner-inline-1.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="split-inner-inline-1-ref.html">
+<span>
+ First
+ <span>
+ line
+ <span style="display: block">
+ Second line
+ </span>
+ Third
+ </span>
+ line, yes
+</span>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/split-inner-inline-2-ref.html b/testing/web-platform/tests/css/CSS2/visuren/split-inner-inline-2-ref.html
new file mode 100644
index 0000000000..1ace2f8fb6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/split-inner-inline-2-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<span>First line
+ <span style="border: 5px solid blue; border-right: none"></span>
+</span>
+<div>Second line</div>
+<span>
+ <span style="border: 5px solid blue; border-left: none"></span>
+ Third line, yes
+</span>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/split-inner-inline-2.html b/testing/web-platform/tests/css/CSS2/visuren/split-inner-inline-2.html
new file mode 100644
index 0000000000..318df5344f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/split-inner-inline-2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="split-inner-inline-2-ref.html">
+<span>
+ First line
+ <span style="border: 5px solid blue">
+ <span style="display: block">
+ Second line
+ </span>
+ </span>
+ Third line, yes
+</span>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/support/100x100-lime.png b/testing/web-platform/tests/css/CSS2/visuren/support/100x100-lime.png
new file mode 100644
index 0000000000..1b94770080
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/support/100x100-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/visuren/support/100x100-red.png b/testing/web-platform/tests/css/CSS2/visuren/support/100x100-red.png
new file mode 100644
index 0000000000..57bf3ddc52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/support/100x100-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/visuren/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/visuren/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/visuren/support/green_box.png b/testing/web-platform/tests/css/CSS2/visuren/support/green_box.png
new file mode 100644
index 0000000000..6ed4aa506e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/support/green_box.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/visuren/support/pattern-gg-gr-100x100.png b/testing/web-platform/tests/css/CSS2/visuren/support/pattern-gg-gr-100x100.png
new file mode 100644
index 0000000000..fd9b7e1ef2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/support/pattern-gg-gr-100x100.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/visuren/table-pseudo-in-part3-1-ref.html b/testing/web-platform/tests/css/CSS2/visuren/table-pseudo-in-part3-1-ref.html
new file mode 100644
index 0000000000..b21050370d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/table-pseudo-in-part3-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ </head>
+ <body>
+ <div>
+ aaa
+ <div>bbb</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/table-pseudo-in-part3-1.html b/testing/web-platform/tests/css/CSS2/visuren/table-pseudo-in-part3-1.html
new file mode 100644
index 0000000000..cb50af9ca8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/table-pseudo-in-part3-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="table-pseudo-in-part3-1-ref.html">
+<span style="display: table-row">
+ <span>
+ aaa
+ <span style="display: block"></span>
+ <span style="display: table-cell">bbb</span>
+ </span>
+</span>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/top-114-ref.xht b/testing/web-platform/tests/css/CSS2/visuren/top-114-ref.xht
new file mode 100644
index 0000000000..54ebabb80b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/top-114-ref.xht
@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {height: 436px;}
+
+ div
+ {
+ background-color: green;
+ height: 100px;
+ left: 300px;
+ position: relative;
+ top: 50px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/top-114.xht b/testing/web-platform/tests/css/CSS2/visuren/top-114.xht
new file mode 100644
index 0000000000..bd2d893b50
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/top-114.xht
@@ -0,0 +1,88 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: position relative - top offset percentage and inherit</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="help" title="6.2.1 The 'inherit' value" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit" />
+ <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit" />
+ <link rel="match" href="top-114-ref.xht" />
+
+ <meta content="'top: inherit' makes the top property take the same computed value as the top property for the element's parent; in the case of a percentage value, the computed value is the specified percentage value. 'top: [percentage]' refers to height of containing block." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div {position: relative;}
+
+ div#grand-parent-rel-pos
+ {
+ height: 400px;
+ width: 600px;
+ }
+
+ div#red-rel-pos-overlapped
+ {
+ background-color: red;
+ color: white;
+ height: 100px;
+ left: 300px;
+ top: 50px;
+ width: 100px;
+ }
+
+ div#parent-rel-pos
+ {
+ height: 0px;
+ left: 50%; /* 50% x 600px == 300px */
+ /* 'left: [percentage]' refers to width of containing block. */
+ top: -12.5%; /* -12.5% x 400px == -50px */
+ /* 'top: [percentage]' refers to height of containing block. */
+ width: 100px;
+ }
+
+ div#green-child-rel-pos-inherit-overlapping
+ {
+ background-color: green;
+ height: 100px;
+ left: 0px;
+ top: inherit;
+ /*
+ =====================================
+ top: inherit should resolve as top: -12.5% because
+ "the property takes the same computed value as the
+ property for the element's parent"
+ CSS 2.1, section 6.2.1 The 'inherit' value
+ http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit
+ and
+ "Computed value: (...) if specified as a percentage, [then]
+ the specified [percentage] value"
+ http://www.w3.org/TR/CSS21/visuren.html#position-props
+
+ So, the top offset of #green-child-rel-pos-inherit-overlapping
+ should be -12.5%, which is -12.5% of the height of its containing
+ block (#parent-rel-pos) which is 0px.
+ =====================================
+ */
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="grand-parent-rel-pos">
+ <div id="red-rel-pos-overlapped">test FAILED</div>
+ <div id="parent-rel-pos">
+ <div id="green-child-rel-pos-inherit-overlapping"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visuren/top-115-ref.xht b/testing/web-platform/tests/css/CSS2/visuren/top-115-ref.xht
new file mode 100644
index 0000000000..2f6bc48cfd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/top-115-ref.xht
@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ body {height: 524px;}
+
+ div
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and if there is <strong>no red</strong> in this page, <strong>even at its bottom</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/top-115.xht b/testing/web-platform/tests/css/CSS2/visuren/top-115.xht
new file mode 100644
index 0000000000..471b909d26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/top-115.xht
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: position relative - top offset percentage and auto-height containing block</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
+ <link rel="help" title="10.5 Content height: the 'height' property" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
+ <link rel="match" href="top-115-ref.xht" />
+
+ <meta content="'top: [percentage]' for a relatively positioned box refers to height of its containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, then the percentage height value computes to 'auto'." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 100px;
+ left: auto;
+ position: relative;
+ width: 100px;
+ }
+
+ #rel-pos-overlapped-red
+ {
+ background-color: red;
+ color: white;
+ top: 50%;
+ }
+
+ #rel-pos-overlapping-green
+ {
+ background-color: green;
+ top: -100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and if there is <strong>no red</strong> in this page, <strong>even at its bottom</strong>.</p>
+
+ <div id="rel-pos-overlapped-red">Test FAILED</div>
+
+ <div id="rel-pos-overlapping-green"></div>
+
+ <p>&nbsp;</p>
+
+ <p>&nbsp;</p>
+
+ <p>&nbsp;</p>
+
+ <p>&nbsp;</p>
+
+ <p>&nbsp;</p>
+
+ <p>&nbsp;</p>
+
+ <p>&nbsp;</p>
+
+ <p>&nbsp;</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/visuren/whitespace-present-1-ref.html b/testing/web-platform/tests/css/CSS2/visuren/whitespace-present-1-ref.html
new file mode 100644
index 0000000000..46cac675c5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/whitespace-present-1-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<style>
+ body > span { border: 3px solid blue }
+ .notstart { border-left: none; }
+ .notend { border-right: none; }
+</style>
+<body>
+ <span class="notend"></span>
+ <div>One</div>
+ <span class="notstart notend"></span>
+ <div>Two</div>
+ <span class="notstart"></span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/whitespace-present-1a.html b/testing/web-platform/tests/css/CSS2/visuren/whitespace-present-1a.html
new file mode 100644
index 0000000000..283884b084
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/whitespace-present-1a.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="whitespace-present-1-ref.html">
+<style>
+ body > span { border: 3px solid blue }
+</style>
+<body>
+ <span>
+ <div>One</div>
+ <div>Two</div>
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/visuren/whitespace-present-1b.html b/testing/web-platform/tests/css/CSS2/visuren/whitespace-present-1b.html
new file mode 100644
index 0000000000..70239a8e08
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/visuren/whitespace-present-1b.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
+<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
+<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
+<link rel="match" href="whitespace-present-1-ref.html">
+<style>
+ body > span { border: 3px solid blue }
+</style>
+<script>
+function doIt() {
+ var t = document.createTextNode(" ");
+ var d = document.getElementById("d");
+ d.parentNode.insertBefore(t, d);
+}
+</script>
+<body onload="doIt()">
+ <span>
+ <div>One</div><div id="d">Two</div>
+ </span>
+</body>
diff --git a/testing/web-platform/tests/css/CSS2/zindex/stack-floats-001-ref.xht b/testing/web-platform/tests/css/CSS2/zindex/stack-floats-001-ref.xht
new file mode 100644
index 0000000000..066b803d4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/stack-floats-001-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: lime;
+ border: black solid medium;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is one single filled bright green square (with a black border) and no red.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/stack-floats-001.xht b/testing/web-platform/tests/css/CSS2/zindex/stack-floats-001.xht
new file mode 100644
index 0000000000..739a6c3b49
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/stack-floats-001.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stacking order: Floats and Blocks in Inlines</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/stacking/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#layers" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="stack-floats-001-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ /* outer block */
+ .container { width: 5em; height: 5em; border: solid; font: 20px/1 Ahem; background: red; display: block; }
+
+ /* top and bottom */
+ .float { width: 5em; height: 3em; margin: 0 0 -5em 0; padding: 1em 0; background: red; float: left; }
+ .inline { color: lime; display: inline; }
+
+ /* middle */
+ .float .block { height: 3em; margin: 0; background: lime; display: block; }
+ .inline .block { height: 3em; margin: 0; background: red; display: block; }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one single filled bright green square (with a black border) and no red.</p>
+
+ <div class="container">
+ <div class="float">
+ <div class="block"></div>
+ </div>
+ <div class="inline">
+ XXXXX
+ <div class="block"></div>
+ XXXXX
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/stack-floats-002.xht b/testing/web-platform/tests/css/CSS2/zindex/stack-floats-002.xht
new file mode 100644
index 0000000000..ce7f271495
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/stack-floats-002.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stacking order: Floats and Blocks in Inlines</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/stacking/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#layers" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="stack-floats-001-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ /* outer block */
+ .container { width: 5em; height: 5em; border: solid; font: 20px/1 Ahem; background: red; display: block; }
+ .inner { display: block; }
+
+ /* top and bottom */
+ .float { width: 5em; height: 3em; margin: 0 0 -5em 0; padding: 1em 0; background: red; float: left; }
+ .inner .inline { color: lime; display: inline; }
+
+ /* middle */
+ .float .block { height: 3em; margin: 0; background: lime; display: block; }
+ .inner .block { height: 3em; margin: 0; background: red; display: block; }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one single filled bright green square (with a black border) and no red.</p>
+
+ <div class="container">
+ <div class="float">
+ <div class="block"></div>
+ </div>
+ <div class="inner">
+ <div class="inline">XXXXX</div>
+ <div class="block"></div>
+ <div class="inline">XXXXX</div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/stack-floats-003.xht b/testing/web-platform/tests/css/CSS2/zindex/stack-floats-003.xht
new file mode 100644
index 0000000000..76f5dba9bd
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/stack-floats-003.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stacking order: Floats and Blocks in Inlines</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/stacking/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#layers" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="stack-floats-001-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ /* outer block */
+ .container { width: 5em; height: 5em; border: solid; font: 20px/1 Ahem; background: red; display: block; }
+
+ /* top and bottom */
+ .float { width: 5em; height: 3em; margin: -5em 0 0 0; padding: 1em 0; background: red; float: left; }
+ .inline { color: lime; display: inline; }
+
+ /* middle */
+ .float .block { height: 3em; margin: 0; background: lime; display: block; }
+ .inline .block { height: 3em; margin: 0; background: red; display: block; }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one single filled bright green square (with a black border) and no red.</p>
+
+ <div class="container">
+ <div class="inline">
+ XXXXX
+ <div class="block"></div>
+ XXXXX
+ </div>
+ <div class="float">
+ <div class="block"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/stack-floats-004.xht b/testing/web-platform/tests/css/CSS2/zindex/stack-floats-004.xht
new file mode 100644
index 0000000000..6ea4390a52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/stack-floats-004.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stacking order: Floats and Blocks in Inlines</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/stacking/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#layers" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
+ <link rel="match" href="stack-floats-001-ref.xht" />
+
+ <meta content="ahem" name="flags" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ /* outer block */
+ .container { width: 5em; height: 5em; border: solid; font: 20px/1 Ahem; background: red; display: block; }
+ .inner { display: block; }
+
+ /* top and bottom */
+ .float { width: 5em; height: 3em; margin: -5em 0 0 0; padding: 1em 0; background: red; float: left; }
+ .inner .inline { color: lime; display: inline; }
+
+ /* middle */
+ .float .block { height: 3em; margin: 0; background: lime; display: block; }
+ .inner .block { height: 3em; margin: 0; background: red; display: block; }
+
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is one single filled bright green square (with a black border) and no red.</p>
+
+ <div class="container">
+ <div class="inner">
+ <div class="inline">XXXXX</div>
+ <div class="block"></div>
+ <div class="inline">XXXXX</div>
+ </div>
+ <div class="float">
+ <div class="block"></div>
+ </div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/stack-floats-README b/testing/web-platform/tests/css/CSS2/zindex/stack-floats-README
new file mode 100644
index 0000000000..7fcdb89601
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/stack-floats-README
@@ -0,0 +1,19 @@
+Tests 001 to 004 are tests of CSS2, section 9.5, normative paragraph 6:
+
+# A float can overlap other boxes in the normal flow (e.g., when a
+# normal flow box next to a float has negative margins). When an
+# inline box overlaps with a float, the content, background, and
+# borders of the inline box are rendered in front of the float. When a
+# block box overlaps, the background and borders of the block box are
+# rendered behind the float and are only be visible where the box is
+# transparent. The content of the block box is rendered in front of
+# the float.
+ -- http://www.w3.org/TR/REC-CSS2/visuren.html#floats
+
+
+For some of these tests you will need Todd Fahrner's Ahem font, which
+you can download from:
+
+ http://www.hixie.ch/resources/fonts/
+
+Versions for Mac, Unix and Windows are available.
diff --git a/testing/web-platform/tests/css/CSS2/zindex/stack-overflow-001.xht b/testing/web-platform/tests/css/CSS2/zindex/stack-overflow-001.xht
new file mode 100644
index 0000000000..774edf1a08
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/stack-overflow-001.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: Stacking order and overflow</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/overflow/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
+ <style type="text/css">
+ div { border: solid; margin: 1em; height: 5em; width: 5em; }
+ div p { margin: 0 0 -5em 0; height: 5em; width: 5em; }
+ .a .before { background: maroon; color: white; }
+ .a .scroll { background: red; overflow: scroll; }
+ .a .after { background: lime; }
+ .b .before { background: maroon; }
+ .b .scroll { background: red; color: white; overflow: scroll; }
+ .b .after { background: lime; }
+ </style>
+ </head>
+ <body>
+ <p>There should be two white-on-green squares below, labelled A and B, with black borders. Scrollbars <em>may</em> be visible if they are visible identically in both cases.</p>
+ <div class="a">
+ <p class="before">A</p>
+ <p class="scroll"></p>
+ <p class="after"></p>
+ </div>
+ <div class="b">
+ <p class="before"></p>
+ <p class="scroll">B</p>
+ <p class="after"></p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/zindex/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/zindex/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/zindex/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/zindex/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/zindex/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/zindex/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/zindex/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/zindex/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/a-green.css b/testing/web-platform/tests/css/CSS2/zindex/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/b-green.css b/testing/web-platform/tests/css/CSS2/zindex/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/zindex/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/c-red.css b/testing/web-platform/tests/css/CSS2/zindex/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/cat.png b/testing/web-platform/tests/css/CSS2/zindex/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/diamond.png b/testing/web-platform/tests/css/CSS2/zindex/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/green15x15.png b/testing/web-platform/tests/css/CSS2/zindex/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/zindex/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/zindex/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/zindex/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/zindex/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/ring.png b/testing/web-platform/tests/css/CSS2/zindex/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/square-purple.png b/testing/web-platform/tests/css/CSS2/zindex/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/square-teal.png b/testing/web-platform/tests/css/CSS2/zindex/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/square-white.png b/testing/web-platform/tests/css/CSS2/zindex/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/zindex/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/zindex/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/zindex/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/zindex/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/zindex/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/zindex/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/zindex/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/test-bl.png b/testing/web-platform/tests/css/CSS2/zindex/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/test-br.png b/testing/web-platform/tests/css/CSS2/zindex/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/test-outer.png b/testing/web-platform/tests/css/CSS2/zindex/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/test-tl.png b/testing/web-platform/tests/css/CSS2/zindex/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/support/test-tr.png b/testing/web-platform/tests/css/CSS2/zindex/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-001.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-001.xht
new file mode 100644
index 0000000000..3e5093744a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-001.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index set to minimum value minus 1</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The property z-index set to a minimum value minus 1 for a 32-bit integer is correctly handled." />
+ <style type="text/css">
+ #div1
+ {
+ background: green;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: -100;
+ }
+ #div2
+ {
+ background: red;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: -2147483649;
+ }
+ #wrapper
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-002.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-002.xht
new file mode 100644
index 0000000000..7173f03979
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-002.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index set to minimum value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The property z-index set to a minimum value for a 32-bit integer is correctly handled." />
+ <style type="text/css">
+ #div1
+ {
+ background: green;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: -100;
+ }
+ #div2
+ {
+ background: red;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: -2147483648;
+ }
+ #wrapper
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-003.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-003.xht
new file mode 100644
index 0000000000..f3c56c914c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-003.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index set to minimum value plus 1</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The property z-index set to a minimum value plus 1 for a 32-bit integer is correctly handled." />
+ <style type="text/css">
+ #div1
+ {
+ background: green;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: -100;
+ }
+ #div2
+ {
+ background: red;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: -2147483647;
+ }
+ #wrapper
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-004.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-004.xht
new file mode 100644
index 0000000000..324b3c8ecf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-004.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index set to zero prefixed with a minus sign</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The property z-index set to '0' prefixed with a minus sign is read as value '0'." />
+ <style type="text/css">
+ #div1
+ {
+ background: red;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: -0;
+ }
+ #div2
+ {
+ background: green;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ }
+ #wrapper
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-005.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-005.xht
new file mode 100644
index 0000000000..9837075e0e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-005.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index set to zero</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The property z-index with a zero value is read and applied as the value '0'." />
+ <style type="text/css">
+ #div1
+ {
+ background: red;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: 0;
+ }
+ #div2
+ {
+ background: green;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ }
+ #wrapper
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-006.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-006.xht
new file mode 100644
index 0000000000..0fb1bccbef
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-006.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index set to zero prefixed with a plus sign</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The property z-index set to '0' prefixed with a plus sign is read as value '0'." />
+ <style type="text/css">
+ #div1
+ {
+ background: red;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: +0;
+ }
+ #div2
+ {
+ background: green;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ }
+ #wrapper
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-007.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-007.xht
new file mode 100644
index 0000000000..b32ab88a10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-007.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index set to a nominal value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The property z-index set to a nominal value is correctly read and applied." />
+ <style type="text/css">
+ #div1
+ {
+ background: green;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: 5;
+ }
+ #div2
+ {
+ background: red;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ }
+ #wrapper
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-008.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-008.xht
new file mode 100644
index 0000000000..acda953421
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-008.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index set to a nominal value prefixed with a plus sign</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The property z-index set to nominal value and prefixed with a plus sign is read the same as the value without the plus sign." />
+ <style type="text/css">
+ #div1
+ {
+ background: green;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: +5;
+ }
+ #div2
+ {
+ background: red;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ }
+ #wrapper
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-009.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-009.xht
new file mode 100644
index 0000000000..785f2d3e3d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-009.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index set maximum value minus 1</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The property z-index set to a maximum value minus 1 for a 32-bit integer is correctly handled." />
+ <style type="text/css">
+ #div1
+ {
+ background: green;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: 2147483646;
+ }
+ #div2
+ {
+ background: red;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: 100;
+ }
+ #wrapper
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-010.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-010.xht
new file mode 100644
index 0000000000..a9e3bd2c3b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-010.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index set to the maximum value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The property z-index set to a maximum value for a 32-bit integer is correctly handled." />
+ <style type="text/css">
+ #div1
+ {
+ background: green;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: 2147483647;
+ }
+ #div2
+ {
+ background: red;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: 100;
+ }
+ #wrapper
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-011.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-011.xht
new file mode 100644
index 0000000000..5e97edc52c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-011.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index set to maximum value prefixed with a plus sign</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The property z-index set to a maximum value for a 32-bit integer, prefixed with a plus sign is correctly handled." />
+ <style type="text/css">
+ #div1
+ {
+ background: green;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: +2147483647;
+ }
+ #div2
+ {
+ background: red;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: 100;
+ }
+ #wrapper
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-012.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-012.xht
new file mode 100644
index 0000000000..3a8ff84e14
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-012.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index set to maximum value plus 1</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="flags" content="32bit may" />
+ <meta name="assert" content="The property 'z-index' set to a maximum value plus 1 for a 32-bit integer is correctly handled." />
+ <style type="text/css">
+ #div1
+ {
+ background: green;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: 2147483648;
+ }
+ #div2
+ {
+ background: red;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: 100;
+ }
+ #wrapper
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-013.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-013.xht
new file mode 100644
index 0000000000..63e8ef1f9b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-013.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index: auto results in the same stack level as parent element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The property z-index set to 'auto' results in the same stacking level as its parent element." />
+ <style type="text/css">
+ #div1
+ {
+ background: red;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: auto;
+ }
+ #div2
+ {
+ background: green;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ }
+ #wrapper
+ {
+ position: relative;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-014.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-014.xht
new file mode 100644
index 0000000000..c8b80a52e0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-014.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index: inherit sets a value the same as parent element's value</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta name="assert" content="The property z-index set to 'inherit' sets a value the same as parent element's computed value." />
+ <style type="text/css">
+ #div1
+ {
+ background: green;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ z-index: -1;
+ z-index: inherit;
+ }
+ #div2
+ {
+ background: red;
+ height: 100px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100px;
+ }
+ #wrapper
+ {
+ position: relative;
+ z-index: 1;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div id="wrapper">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-015.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-015.xht
new file mode 100644
index 0000000000..e02ff50019
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-015.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: z-index - integer value</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="invalid" name="flags" />
+ <meta content="Besides 'auto' and 'inherit' keyword values, z-index property can only accept an integer value. An integer consists of one or more digits '0' to '9'." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+
+ #invalid-zindex
+ {
+ background-color: red;
+ z-index: 2.5;
+ }
+
+ #valid-zindex
+ {
+ background-color: green;
+ z-index: auto;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="invalid-zindex"></div>
+
+ <div id="valid-zindex"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-016.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-016.xht
new file mode 100644
index 0000000000..1ca51726af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-016.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: z-index - integer value</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="invalid" name="flags" />
+ <meta content="Besides 'auto' and 'inherit' keyword values, z-index property can only accept an integer value. An integer consists of one or more digits '0' to '9'." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+
+ #invalid-zindex
+ {
+ background-color: red;
+ z-index: 2.0;
+ }
+
+ #valid-zindex
+ {
+ background-color: green;
+ z-index: auto;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="invalid-zindex"></div>
+
+ <div id="valid-zindex"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-017.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-017.xht
new file mode 100644
index 0000000000..245204e80f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-017.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: z-index - integer value</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="invalid" name="flags" />
+ <meta content="Besides 'auto' and 'inherit' keyword values, z-index property can only accept an integer value. An integer consists of one or more digits '0' to '9'." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+
+ #invalid-zindex
+ {
+ background-color: red;
+ z-index: 100%;
+ }
+
+ #valid-zindex
+ {
+ background-color: green;
+ z-index: auto;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="invalid-zindex"></div>
+
+ <div id="valid-zindex"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-018.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-018.xht
new file mode 100644
index 0000000000..f090267626
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-018.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: z-index - negative values</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="32bit" name="flags" />
+ <meta content="Integers should range from -2,147,483,648 to 2,147,483,647 according to C Language Specification" name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+
+ #very-deep
+ {
+ background-color: red;
+ z-index: -2147483646;
+ }
+
+ #just-under-surface
+ {
+ background-color: green;
+ z-index: -1;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="just-under-surface"></div>
+
+ <div id="very-deep"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-019.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-019.xht
new file mode 100644
index 0000000000..51678a7e0f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-019.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: z-index - negative values</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+
+ <meta content="32bit" name="flags" />
+ <meta content="Integers should range from -2,147,483,648 to 2,147,483,647 according to C Language Specification" name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 100px;
+ position: absolute;
+ width: 100px;
+ }
+
+ #very-deep
+ {
+ background-color: red;
+ z-index: -2147483646;
+ }
+
+ #at-surface
+ {
+ background-color: green;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div id="at-surface"></div>
+
+ <div id="very-deep"></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-001-ref.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-001-ref.xht
new file mode 100644
index 0000000000..a225a48f42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-001-ref.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 150px;
+ width: 400px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-001.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-001.xht
new file mode 100644
index 0000000000..63a44d15a7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-001.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: z-index auto, -1 and backgrounds (child)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/z-index/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order"/>
+ <link rel="match" href="z-index-abspos-001-ref.xht" />
+
+ <style type="text/css">
+ .background { position: absolute; height: 150px; width: 400px; background: green; z-index: auto; }
+ .negative { position: absolute; height: 100px; width: 300px; background: red; z-index: -1; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div class="background"> <div class="negative"> </div> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-002.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-002.xht
new file mode 100644
index 0000000000..2c5ab971bf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-002.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: z-index auto and -1 (siblings)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/z-index/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order"/>
+ <link rel="match" href="z-index-abspos-001-ref.xht" />
+
+ <style type="text/css">
+ .background { position: absolute; height: 150px; width: 400px; background: green; z-index: auto; }
+ .negative { position: absolute; height: 100px; width: 300px; background: red; z-index: -1; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div class="background"> </div>
+ <div class="negative"> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-003.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-003.xht
new file mode 100644
index 0000000000..3e46ee2ca8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-003.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: z-index 0, -1 and backgrounds (child)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/z-index/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order"/>
+ <link rel="match" href="z-index-abspos-001-ref.xht" />
+
+ <style type="text/css">
+ .background { position: absolute; height: 100px; width: 300px; background: red; z-index: 0; }
+ .negative { position: absolute; height: 150px; width: 400px; background: green; z-index: -1; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div class="background"> <div class="negative"> </div> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-004.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-004.xht
new file mode 100644
index 0000000000..b2cc25905a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-004.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: z-index auto and 0 (siblings)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/z-index/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order"/>
+ <link rel="match" href="z-index-abspos-001-ref.xht" />
+
+ <style type="text/css">
+ .auto { position: absolute; height: 100px; width: 300px; background: red; z-index: auto; }
+ .zero { position: absolute; height: 150px; width: 400px; background: green; z-index: 0; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div class="auto"> </div>
+ <div class="zero"> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-005.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-005.xht
new file mode 100644
index 0000000000..c93feabd98
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-005.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: z-index auto and 0 (siblings)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/z-index/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order"/>
+ <link rel="match" href="z-index-abspos-001-ref.xht" />
+
+ <style type="text/css">
+ .zero { position: absolute; height: 100px; width: 300px; background: red; z-index: 0; }
+ .auto { position: absolute; height: 150px; width: 400px; background: green; z-index: auto; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div class="zero"> </div>
+ <div class="auto"> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-006.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-006.xht
new file mode 100644
index 0000000000..6d3c39b1b5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-006.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: z-index and SELECT elements</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/z-index/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order"/>
+ <style type="text/css">
+ * { font: 1em serif; }
+ .a { position: absolute; z-index: 2; top: 2em; left: 2em; width: 13em; background: green; color: white; padding: 1em; }
+ .b { position: absolute; z-index: 1; top: 2.5em; left: 2.5em; background: red; color: yellow; height: 3em; }
+ </style>
+ </head>
+ <body>
+ <div class="test a"> There should be no red, nor any scroll bars, on this page. </div>
+ <select class="test b" size="3">
+ <option>FAIL FAIL FAIL FAIL</option>
+ <option>FAIL FAIL FAIL FAIL</option>
+ <option>FAIL FAIL FAIL FAIL</option>
+ </select>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-007.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-007.xht
new file mode 100644
index 0000000000..f9dcdc397c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-007.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: z-index 1, -1 and backgrounds (child)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/z-index/007.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order"/>
+ <link rel="match" href="z-index-abspos-001-ref.xht" />
+
+ <style type="text/css">
+ .background { position: absolute; height: 100px; width: 300px; background: red; z-index: 1; }
+ .negative { position: absolute; height: 150px; width: 400px; background: green; z-index: -1; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
+ <div class="background"> <div class="negative"> </div> </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-008.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-008.xht
new file mode 100644
index 0000000000..d87fab3e5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-008.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: z-index</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-03 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/z-index/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order"/>
+
+ <style type="text/css">
+ div { position: absolute; width: 4em; height: 4em; }
+ .a { top: 1em; left: 1em; width: 12em; height: 12em; background: gray; }
+ .b { top: 1em; left: 4em; background: blue; }
+ .d { top: 4em; left: 7em; background: orange; }
+ .e { top: 3em; left: -3em; background: yellow; z-index: 1; }
+ .c { top: 3em; left: -3em; background: lime; z-index: 2; }
+ .text { top: 14em; width: 30em; }
+ </style>
+ </head>
+ <body>
+ <div class="a">
+ <div class="b">
+ <div class="c">
+ </div>
+ </div>
+ <div class="d">
+ <div class="e">
+ </div>
+ </div>
+ </div>
+ <div class="text">The squares should overlap each other clockwise, so that the
+ top one (blue) is the bottommost and the one to its left (green) is the
+ topmost.</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-009.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-009.xht
new file mode 100644
index 0000000000..a53d686e10
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-abspos-009.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: z-index and the canvas and background propagation</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/absolute/z-index/canvas/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order"/>
+ <style type="text/css">
+ * { background: transparent; margin: 0; }
+ html { margin: 5em auto;
+ height: 35px; width: 35px;
+ border: solid 10px red;
+ background: transparent; }
+ body { background: transparent url(support/swatch-red.png) no-repeat center;
+ height: 15px; width: 15px;
+ border: 10px solid green; }
+ div { background: red url(support/swatch-green.png) center no-repeat;
+ height: 15px; width: 15px; padding: 9px;
+ border: solid 10px green;
+ position: absolute; margin-top: -19px; margin-left: -19px; z-index: -1; }
+ p { position: absolute; top: 0; left: 0; margin: 1em; }
+ </style>
+ </head>
+ <body>
+ <p>There should be a completely-filled green square and no red.</p>
+ <!--
+
+ The <div> should be under the <body> box but above the canvas and <html>
+ backdrop.
+
+ !-->
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-001.xht
new file mode 100644
index 0000000000..54d1a06cf0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-001.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index applied to element with 'display' set to 'table-row-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'z-index' property can apply to elements with a display of 'table-row-group'." />
+ <style type="text/css">
+ #test
+ {
+ background: green;
+ display: table-row-group;
+ z-index: 1;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #zindex
+ {
+ background: yellow;
+ top: -1in;
+ }
+ #test, #zindex
+ {
+ position: relative;
+ }
+ #cell, #zindex
+ {
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green or yellow box below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ <div id="zindex"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-002.xht
new file mode 100644
index 0000000000..8b2a1eb03f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-002.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index applied to element with 'display' set to 'table-header-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'z-index' property can apply to elements with a display of 'table-header-group'." />
+ <style type="text/css">
+ #test
+ {
+ background: green;
+ display: table-header-group;
+ z-index: 1;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #zindex
+ {
+ background: yellow;
+ top: -1in;
+ }
+ #test, #zindex
+ {
+ position: relative;
+ }
+ #cell, #zindex
+ {
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green or yellow box below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ <div id="zindex"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-003.xht
new file mode 100644
index 0000000000..d2cbda1d18
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-003.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index applied to element with 'display' set to 'table-footer-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'z-index' property can apply to elements with a display of 'table-footer-group'." />
+ <style type="text/css">
+ #test
+ {
+ background: green;
+ display: table-footer-group;
+ z-index: 1;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #zindex
+ {
+ background: yellow;
+ top: -1in;
+ }
+ #test, #zindex
+ {
+ position: relative;
+ }
+ #cell, #zindex
+ {
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green or yellow box below.</p>
+ <div id="table">
+ <div id="test">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ </div>
+ <div id="zindex"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-004.xht
new file mode 100644
index 0000000000..36f81643df
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-004.xht
@@ -0,0 +1,51 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index applied to element with 'display' set to 'table-row'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'z-index' property can apply to elements with a display of 'table-row'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ background: green;
+ display: table-row;
+ z-index: 1;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #zindex
+ {
+ background: yellow;
+ top: -1in;
+ }
+ #row, #zindex
+ {
+ position: relative;
+ }
+ #cell, #zindex
+ {
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green or yellow box below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div id="zindex"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-005.xht
new file mode 100644
index 0000000000..8c90bac12b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-005.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index applied to element with 'display' set to 'table-column-group'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'z-index' property can apply to elements with a display of 'table-column-group'." />
+ <style type="text/css">
+ #test
+ {
+ background: green;
+ display: table-column-group;
+ z-index: 1;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #zindex
+ {
+ background: yellow;
+ top: -1in;
+ }
+ #test, #zindex
+ {
+ position: relative;
+ }
+ #cell, #test, #zindex
+ {
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green or yellow box below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div id="zindex"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-006.xht
new file mode 100644
index 0000000000..2bd33f98af
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-006.xht
@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index applied to element with 'display' set to 'table-column'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'z-index' property can apply to elements with a display of 'table-column'." />
+ <style type="text/css">
+ #test
+ {
+ background: green;
+ display: table-column;
+ z-index: 1;
+ }
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #zindex
+ {
+ background: yellow;
+ top: -1in;
+ }
+ #test, #zindex
+ {
+ position: relative;
+ }
+ #cell, #test, #zindex
+ {
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green or yellow box below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div id="zindex"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-007.xht
new file mode 100644
index 0000000000..da754dde54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-007.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index applied to element with 'display' set to 'table-cell'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'z-index' property can apply to elements with a display of 'table-cell'." />
+ <style type="text/css">
+ #table
+ {
+ display: table;
+ table-layout: fixed;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ background: green;
+ display: table-cell;
+ z-index: 1;
+ }
+ #zindex
+ {
+ background: yellow;
+ top: -1in;
+ }
+ #cell, #zindex
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green or yellow box below.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div id="zindex"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-008.xht
new file mode 100644
index 0000000000..34f26df7ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-008.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index applied to element with 'display' set to inline</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'z-index' property applies to elements with a display of inline." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ display: inline;
+ font: 20px/1em Ahem;
+ position: relative;
+ }
+ #div1
+ {
+ background: green;
+ color: green;
+ }
+ #zindex
+ {
+ background: red;
+ color: red;
+ left: -5em;
+ z-index: -1;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="div1">XXXXX</div><div id="zindex">XXXXX</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-009.xht
new file mode 100644
index 0000000000..987560f933
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-009.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index applied to element with 'display' set to block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <meta name="assert" content="The 'z-index' property applies to elements with a display of block." />
+ <style type="text/css">
+ span
+ {
+ background: green;
+ display: block;
+ z-index: 1;
+ }
+ #zindex
+ {
+ background: red;
+ top: -1in;
+ }
+ span, #zindex
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <span></span>
+ </div>
+ <div id="zindex"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-010.xht
new file mode 100644
index 0000000000..848aa765cf
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-010.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index applied to element with 'display' set to list-item</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <meta name="assert" content="The 'z-index' property applies to elements with a display of list-item." />
+ <style type="text/css">
+ body
+ {
+ margin-left: 1em;
+ }
+ #div1
+ {
+ background: green;
+ display: list-item;
+ z-index: 1;
+ }
+ #zindex
+ {
+ background: red;
+ top: -1in;
+ }
+ #div1, #zindex
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page and there is a marker bullet on the left-hand side of the box.</p>
+ <div id="div1"></div>
+ <div id="zindex"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-012.xht
new file mode 100644
index 0000000000..51b949597b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-012.xht
@@ -0,0 +1,40 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index applied to element with 'display' set to inline-block</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <meta name="assert" content="The 'z-index' property applies to elements with a display of inline-block." />
+ <style type="text/css">
+ div
+ {
+ line-height: 0;
+ }
+ #div1
+ {
+ background: green;
+ display: inline-block;
+ z-index: 1;
+ }
+ #zindex
+ {
+ background: red;
+ top: -1in;
+ }
+ #div1, #zindex
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <div id="div1"></div>
+ <div id="zindex"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-013.xht
new file mode 100644
index 0000000000..a3e0ce15f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-013.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index applied to element with 'display' set to 'table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <meta name="assert" content="The 'z-index' property applies to elements with a display of 'table'." />
+ <style type="text/css">
+ #table
+ {
+ background: green;
+ display: table;
+ table-layout: fixed;
+ z-index: 1;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #zindex
+ {
+ background: red;
+ top: -1in;
+ }
+ #table, #zindex
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div id="zindex"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-014.xht
new file mode 100644
index 0000000000..991a1cdd39
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-014.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index applied to element with 'display' set to 'inline-table'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <meta name="assert" content="The 'z-index' property applies to elements with a display of 'inline-table'." />
+ <style type="text/css">
+ div
+ {
+ line-height: 0;
+ }
+ #table
+ {
+ background: green;
+ display: inline-table;
+ table-layout: fixed;
+ z-index: 1;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #zindex
+ {
+ background: red;
+ top: -1in;
+ }
+ #table, #zindex
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>
+ <div id="table">
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div id="zindex"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-015.xht
new file mode 100644
index 0000000000..cb35775000
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-applies-to-015.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index applied to element with 'display' set to 'table-caption'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <meta name="flags" content="may" />
+ <meta name="assert" content="The 'z-index' property can apply to elements with a display of 'table-caption'." />
+ <style type="text/css">
+ #test
+ {
+ background: green;
+ display: table-caption;
+ z-index: 1;
+ }
+ #table
+ {
+ display: table;
+ }
+ #row
+ {
+ display: table-row;
+ }
+ #cell
+ {
+ display: table-cell;
+ }
+ #zindex
+ {
+ background: yellow;
+ top: -1in;
+ }
+ #test, #zindex
+ {
+ height: 1in;
+ position: relative;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a green or yellow box below.</p>
+ <div id="table">
+ <div id="test"></div>
+ <div id="row">
+ <div id="cell"></div>
+ </div>
+ </div>
+ <div id="zindex"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-dynamic-001.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-dynamic-001.xht
new file mode 100644
index 0000000000..9c4ca593e7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-dynamic-001.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Z-index - dynamically setting z-index to bring an element from back to in front of</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="Section 9.9.1 Specifying the stack level: the 'z-index' property" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
+ <meta content="dom" name="flags" />
+ <meta content="Setting the 'z-index' property of a positioned element can bring it from behind the surface on a lower stack level to a greater stack level passing it in front of another element painted on the surface." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #test
+ {
+ background-color: green;
+ display: block;
+ z-index: -1;
+ }
+
+ #red-layer
+ {
+ background-color: red;
+ top: -100px;
+ z-index: auto;
+ }
+
+ #test, #red-layer
+ {
+ height: 100px;
+ position: relative;
+ width: 100px;
+ }
+ ]]></style>
+
+ <script type="text/javascript"><![CDATA[
+ function fromBottomToTopOfStack()
+ {
+ document.getElementById("test").style.zIndex = 1;
+ }
+ ]]></script>
+
+ </head>
+
+ <body onload="fromBottomToTopOfStack();">
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div><span id="test"></span></div>
+
+ <div id="red-layer"></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-stack-001.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-stack-001.xht
new file mode 100644
index 0000000000..3a4587e2c3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-stack-001.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index and stacking levels</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#layers" />
+ <meta name="assert" content="Boxes with greater stack levels are always formatted in front of boxes with lower stack levels." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ div div
+ {
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ #div2
+ {
+ background: orange;
+ left: 30px;
+ top: 30px;
+ z-index: 2;
+ }
+ #div3
+ {
+ background: yellow;
+ left: 60px;
+ top: 60px;
+ z-index: 3;
+ }
+ #div4
+ {
+ background: blue;
+ left: 0;
+ top: 0;
+ z-index: 1;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes are partially stacked on top of each other, and they are stacked in the following order from bottom to top: blue, orange, yellow.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-stack-002.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-stack-002.xht
new file mode 100644
index 0000000000..a1be7e264e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-stack-002.xht
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Z-index and similar stacking levels</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#layers" />
+ <meta name="assert" content="Boxes with the same stack level in a stacking context are stacked back-to-front according to document tree order." />
+ <style type="text/css">
+ #div1
+ {
+ position: relative;
+ }
+ div div
+ {
+ height: 1in;
+ position: absolute;
+ width: 1in;
+ }
+ #div2
+ {
+ background: blue;
+ left: 0;
+ top: 0;
+ z-index: 1;
+ }
+ #div3
+ {
+ background: orange;
+ left: 30px;
+ top: 30px;
+ z-index: 1;
+ }
+ #div4
+ {
+ background: yellow;
+ left: 60px;
+ top: 60px;
+ z-index: 1;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the boxes are partially stacked on top of each other, and they are stacked in the following order from bottom to top: blue, orange, yellow.</p>
+ <div id="div1">
+ <div id="div2"></div>
+ <div id="div3"></div>
+ <div id="div4"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zindex/z-index-stack-003.xht b/testing/web-platform/tests/css/CSS2/zindex/z-index-stack-003.xht
new file mode 100644
index 0000000000..c09ff7f284
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zindex/z-index-stack-003.xht
@@ -0,0 +1,59 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Test: Z-index - stacking levels of positioned elements versus floated elements</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" title="Section 9.9.1 Specifying the stack level: the 'z-index' property" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <meta content="Positioned elements should be painted over floated elements. A positioned descendant with 'z-index: auto' has a greater stacking level than non-positioned floated elements." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ #rel-pos-containing-block {position: relative;}
+
+ #yellow-overlapping-abs-pos
+ {
+ background-color: yellow;
+ height: 100px;
+ left: 60px;
+ position: absolute;
+ top: 60px;
+ width: 100px;
+ z-index: auto;
+ }
+
+ #blue-first-float
+ {
+ background-color: blue;
+ float: left;
+ height: 100px;
+ width: 100px;
+ }
+
+ #orange-second-float
+ {
+ background-color: orange;
+ float: left;
+ height: 100px;
+ margin-left: -70px;
+ margin-top: 30px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the boxes are partially stacked on top of each other and if they are stacked in the following order <strong>from bottom to top: blue, orange, yellow</strong>.</p>
+
+ <div id="rel-pos-containing-block">
+ <div id="yellow-overlapping-abs-pos"></div>
+ <div id="blue-first-float"></div>
+ <div id="orange-second-float"></div>
+ </div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/zorder/z-index-020-ref.xht b/testing/web-platform/tests/css/CSS2/zorder/z-index-020-ref.xht
new file mode 100644
index 0000000000..d3f5cb073e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zorder/z-index-020-ref.xht
@@ -0,0 +1,101 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reference: z-index (option A)</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+.container {
+ z-index:0;
+ position: relative;
+ height: 200px;
+ width: 200px;
+ font-size: 0;
+ line-height: 0;
+ background: silver;
+ border: solid white;
+}
+.container div {
+ height: 80px;
+ width: 80px;
+ padding: 10px;
+}
+
+.control .outline {
+ border: solid fuchsia 5px;
+ width: 110px;
+ height: 85px;
+ padding: 0;
+}
+
+.outline.c1 {
+ margin: 30px 5px 100px;
+}
+.outline.c2 {
+ padding: 0;
+ margin: -20px -45px;
+}
+.outline.c2 > div {
+ margin: -20px 5px 0;
+}
+
+.control div {
+ margin-left: -35px;
+ margin-top: -35px;
+}
+.control > div {
+ margin-left: auto;
+ margin-top: 100px;
+}
+</style>
+</head>
+<body>
+
+<div class="control container">
+ <div style="background: navy">
+ <div style="background: blue">
+ <div style="background: aqua">
+ <div style="background: lime">
+ <div style="background: teal">
+ <div class="outline c1">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<p>The pattern above must match one of the two patterns below.</p>
+
+<div class="control container">
+ <div style="background: navy">
+ <div style="background: blue">
+ <div style="background: aqua">
+ <div style="background: lime">
+ <div style="background: teal">
+ <div class="outline c1">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<div class="control container">
+ <div style="background: navy">
+ <div style="background: blue">
+ <div style="background: aqua">
+ <div class="outline c2">
+ <div style="background: lime">
+ <div style="background: teal">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/zorder/z-index-020-ref2.xht b/testing/web-platform/tests/css/CSS2/zorder/z-index-020-ref2.xht
new file mode 100644
index 0000000000..90c13f5ba3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zorder/z-index-020-ref2.xht
@@ -0,0 +1,101 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Reference: z-index (option B)</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<style type="text/css">
+.container {
+ z-index:0;
+ position: relative;
+ height: 200px;
+ width: 200px;
+ font-size: 0;
+ line-height: 0;
+ background: silver;
+ border: solid white;
+}
+.container div {
+ height: 80px;
+ width: 80px;
+ padding: 10px;
+}
+
+.control .outline {
+ border: solid fuchsia 5px;
+ width: 110px;
+ height: 85px;
+ padding: 0;
+}
+
+.outline.c1 {
+ margin: 30px 5px 100px;
+}
+.outline.c2 {
+ padding: 0;
+ margin: -20px -45px;
+}
+.outline.c2 > div {
+ margin: -20px 5px 0;
+}
+
+.control div {
+ margin-left: -35px;
+ margin-top: -35px;
+}
+.control > div {
+ margin-left: auto;
+ margin-top: 100px;
+}
+</style>
+</head>
+<body>
+
+<div class="control container">
+ <div style="background: navy">
+ <div style="background: blue">
+ <div style="background: aqua">
+ <div class="outline c2">
+ <div style="background: lime">
+ <div style="background: teal">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<p>The pattern above must match one of the two patterns below.</p>
+
+<div class="control container">
+ <div style="background: navy">
+ <div style="background: blue">
+ <div style="background: aqua">
+ <div style="background: lime">
+ <div style="background: teal">
+ <div class="outline c1">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<div class="control container">
+ <div style="background: navy">
+ <div style="background: blue">
+ <div style="background: aqua">
+ <div class="outline c2">
+ <div style="background: lime">
+ <div style="background: teal">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+</body></html>
diff --git a/testing/web-platform/tests/css/CSS2/zorder/z-index-020.xht b/testing/web-platform/tests/css/CSS2/zorder/z-index-020.xht
new file mode 100644
index 0000000000..aaf7ce2ab4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/zorder/z-index-020.xht
@@ -0,0 +1,144 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>CSS Test: z-index</title>
+ <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <link rel="match" href="z-index-020-ref.xht"/>
+ <link rel="match" href="z-index-020-ref2.xht"/>
+<style type="text/css">
+.container {
+ z-index:0;
+ position: relative;
+ height: 200px;
+ width: 200px;
+ font-size: 0;
+ line-height: 0;
+ background: silver;
+ border: solid white;
+}
+.container div {
+ height: 80px;
+ width: 80px;
+ padding: 10px;
+}
+.test div {
+ margin-bottom:-75px;
+}
+.negative {
+ margin-left: 100px;
+ background-color:navy;
+ position:relative;
+ z-index:-1;
+}
+.block {
+ margin-left: 100px
+ background-color:fuchsia;
+}
+.float {
+ margin-left: 75px;
+ margin-top: 0;
+ float:left;
+ background-color:blue;
+}
+.inline {
+ margin-left: 50px;
+ margin-top: 0;
+ display: inline-block;
+ vertical-align: bottom;
+ background-color: aqua;
+}
+.positioned {
+ margin-left: 25px;
+ background: lime;
+ position:relative;
+ margin-bottom: -80px !important; # 75 + 5
+}
+.positive {
+ background-color: teal;
+ position:relative;
+ z-index:1;
+}
+
+.test .outline {
+ outline: solid fuchsia 5px;
+ margin: 0 20px -80px;
+ padding: 0;
+ width: 110px;
+ height: 85px ;
+}
+
+.control .outline {
+ border: solid fuchsia 5px;
+ width: 110px;
+ height: 85px;
+ padding: 0;
+}
+
+.outline.c1 {
+ margin: 30px 5px 100px;
+}
+.outline.c2 {
+ padding: 0;
+ margin: -20px -45px;
+}
+.outline.c2 > div {
+ margin: -20px 5px 0;
+}
+
+.control div {
+ margin-left: -35px;
+ margin-top: -35px;
+}
+.control > div {
+ margin-left: auto;
+ margin-top: 100px;
+}
+</style>
+</head>
+<body>
+<div class="test container">
+ <div class="positive"></div>
+ <div class="positioned"></div>
+ <div class="outline"></div>
+ <div class="inline"></div>
+ <div class="float"></div>
+ <div class="block"></div>
+ <div class="negative"></div>
+</div>
+
+<p>The pattern above must match one of the two patterns below.</p>
+
+<div class="control container">
+ <div style="background: navy">
+ <div style="background: blue">
+ <div style="background: aqua">
+ <div style="background: lime">
+ <div style="background: teal">
+ <div class="outline c1">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<div class="control container">
+ <div style="background: navy">
+ <div style="background: blue">
+ <div style="background: aqua">
+ <div class="outline c2">
+ <div style="background: lime">
+ <div style="background: teal">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+</body></html>
generated by cgit v1.2.3 (git 2.39.1) at 2024-12-26 18:02:33 +0000